.detail--relation .content p,.detail--content .content p,.detail--header p,.detail--relation .content li,.detail--content .content li,.detail--header li,.detail--relation .content a,.detail--content .content a,.detail--header a{font-family:"Sukhumvit Tadmai Text",Arial,sans-serif;font-weight:normal;font-style:normal}.detail--relation .content p strong,.detail--content .content p strong,.detail--header p strong,.detail--relation .content p b,.detail--content .content p b,.detail--header p b,.detail--relation .content li strong,.detail--content .content li strong,.detail--header li strong,.detail--relation .content li b,.detail--content .content li b,.detail--header li b,.detail--relation .content a strong,.detail--content .content a strong,.detail--header a strong,.detail--relation .content a b,.detail--content .content a b,.detail--header a b,.detail--relation .content h1,.detail--content .content h1,.detail--header h1,.detail--relation .content h2,.detail--content .content h2,.detail--header h2,.detail--relation .content h3,.detail--content .content h3,.detail--header h3,.detail--relation .content h4,.detail--content .content h4,.detail--header h4,.detail--relation .content h5,.detail--content .content h5,.detail--header h5,.detail--relation .content h6,.detail--content .content h6,.detail--header h6{font-family:"Sukhumvit Tadmai",Arial,sans-serif;font-weight:bold;font-style:normal}.detail--relation .content h1,.detail--content .content h1,.detail--header h1{font-size:40px;line-height:60px}@media(max-width: 767px){.detail--relation .content h1,.detail--content .content h1,.detail--header h1{font-size:28px;line-height:42px}}.detail--relation .content h2,.detail--content .content h2,.detail--header h2{font-size:32px;line-height:48px}@media(max-width: 767px){.detail--relation .content h2,.detail--content .content h2,.detail--header h2{font-size:24px;line-height:38px}}.detail--relation .content h3,.detail--content .content h3,.detail--header h3{font-size:24px;line-height:38px}@media(max-width: 767px){.detail--relation .content h3,.detail--content .content h3,.detail--header h3{font-size:20px;line-height:32px}}.detail--relation .content h4,.detail--content .content h4,.detail--header h4{font-size:20px;line-height:32px}@media(max-width: 767px){.detail--relation .content h4,.detail--content .content h4,.detail--header h4{font-size:18px;line-height:30px}}.detail--relation .content h5,.detail--content .content h5,.detail--header h5{font-size:18px;line-height:30px}@media(max-width: 767px){.detail--relation .content h5,.detail--content .content h5,.detail--header h5{font-size:16px;line-height:24px}}.detail--relation .content h6,.detail--content .content h6,.detail--header h6{font-size:16px;line-height:24px}.detail--relation .content p,.detail--content .content p,.detail--header p,.detail--relation .content li,.detail--content .content li,.detail--header li,.detail--relation .content a,.detail--content .content a,.detail--header a{font-size:16px;line-height:24px}.detail--header .author p{font-size:14px;line-height:22px}.slick-dots li.slick-active button,.slick-dots li button{-webkit-transition:all .45s;-moz-transition:all .45s;-ms-transition:all .45s;-o-transition:all .45s;transition:all .45s}.detail--relation .content p,.detail--content .content p,.detail--header p,.detail--relation .content li,.detail--content .content li,.detail--header li,.detail--relation .content a,.detail--content .content a,.detail--header a{font-family:"Sukhumvit Tadmai Text",Arial,sans-serif;font-weight:normal;font-style:normal}.detail--relation .content p strong,.detail--content .content p strong,.detail--header p strong,.detail--relation .content p b,.detail--content .content p b,.detail--header p b,.detail--relation .content li strong,.detail--content .content li strong,.detail--header li strong,.detail--relation .content li b,.detail--content .content li b,.detail--header li b,.detail--relation .content a strong,.detail--content .content a strong,.detail--header a strong,.detail--relation .content a b,.detail--content .content a b,.detail--header a b,.detail--relation .content h1,.detail--content .content h1,.detail--header h1,.detail--relation .content h2,.detail--content .content h2,.detail--header h2,.detail--relation .content h3,.detail--content .content h3,.detail--header h3,.detail--relation .content h4,.detail--content .content h4,.detail--header h4,.detail--relation .content h5,.detail--content .content h5,.detail--header h5,.detail--relation .content h6,.detail--content .content h6,.detail--header h6{font-family:"Sukhumvit Tadmai",Arial,sans-serif;font-weight:bold;font-style:normal}.detail--relation .content h1,.detail--content .content h1,.detail--header h1{font-size:40px;line-height:60px}@media(max-width: 767px){.detail--relation .content h1,.detail--content .content h1,.detail--header h1{font-size:28px;line-height:42px}}.detail--relation .content h2,.detail--content .content h2,.detail--header h2{font-size:32px;line-height:48px}@media(max-width: 767px){.detail--relation .content h2,.detail--content .content h2,.detail--header h2{font-size:24px;line-height:38px}}.detail--relation .content h3,.detail--content .content h3,.detail--header h3{font-size:24px;line-height:38px}@media(max-width: 767px){.detail--relation .content h3,.detail--content .content h3,.detail--header h3{font-size:20px;line-height:32px}}.detail--relation .content h4,.detail--content .content h4,.detail--header h4{font-size:20px;line-height:32px}@media(max-width: 767px){.detail--relation .content h4,.detail--content .content h4,.detail--header h4{font-size:18px;line-height:30px}}.detail--relation .content h5,.detail--content .content h5,.detail--header h5{font-size:18px;line-height:30px}@media(max-width: 767px){.detail--relation .content h5,.detail--content .content h5,.detail--header h5{font-size:16px;line-height:24px}}.detail--relation .content h6,.detail--content .content h6,.detail--header h6{font-size:16px;line-height:24px}.detail--relation .content p,.detail--content .content p,.detail--header p,.detail--relation .content li,.detail--content .content li,.detail--header li,.detail--relation .content a,.detail--content .content a,.detail--header a{font-size:16px;line-height:24px}.detail--header .author p{font-size:14px;line-height:22px}.slick-dots li.slick-active button,.slick-dots li button{-webkit-transition:all .45s;-moz-transition:all .45s;-ms-transition:all .45s;-o-transition:all .45s;transition:all .45s}.detail--header h1,.detail--header h2,.detail--header h3,.detail--header h4,.detail--header h5,.detail--header h6{background-image:linear-gradient(90deg, #256CB6 0%, #3489D4 56.25%);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text;text-fill-color:rgba(0,0,0,0)}.detail--relation .content h1,.detail--content .content h1,.detail--header h1,.detail--relation .content h2,.detail--content .content h2,.detail--header h2,.detail--relation .content h3,.detail--content .content h3,.detail--header h3,.detail--relation .content h4,.detail--content .content h4,.detail--header h4,.detail--relation .content h5,.detail--content .content h5,.detail--header h5,.detail--relation .content h6,.detail--content .content h6,.detail--header h6{color:#424c80;margin-bottom:10px}.detail--relation .content p,.detail--content .content p,.detail--header p,.detail--relation .content li,.detail--content .content li,.detail--header li,.detail--relation .content a,.detail--content .content a,.detail--header a{color:#424c80}.main--footer{position:relative;z-index:3;overflow:hidden}.detail{position:relative;overflow:hidden;background-color:#f1fbff}.detail .mark{padding:0;background-color:rgba(0,0,0,0);position:absolute;top:15%;right:0}@media(max-width: 1200px){.detail .mark{top:75px}}@media(max-width: 767px){.detail .mark{top:-30px}}@media(max-width: 567px){.detail .mark{display:none}}.detail .mark img{max-width:30vw}@media(max-width: 767px){.detail .mark img{max-width:100%}}.detail .share{width:auto;display:inline-block;padding-left:30px;position:absolute;top:0;left:0}@media(max-width: 991px){.detail .share{position:inherit;top:auto;left:auto;padding-left:0}}@media(max-width: 479px){.detail .share{width:100%;margin-top:10px}}.detail .share--button{padding:0 0 10px;margin:0 0 15px;text-align:center;border-bottom:1px solid #e7e7e9}@media(max-width: 991px){.detail .share--button{padding:0 15px 0 0;margin:0 15px 0 0;border:none;border-right:1px solid #e7e7e9;display:flex;display:-webkit-flex;align-items:center;-webkit-align-items:center}}.detail .share--button p{margin:0;color:#595959;font-size:14px;line-height:22px}@media(max-width: 767px){.detail .share--button p{font-size:12px;line-height:20px}}.detail .share ul{list-style:none;padding:0;margin:0}@media(max-width: 991px){.detail .share ul{display:flex;display:-webkit-flex;align-items:center;-webkit-align-items:center;flex-wrap:wrap;-webkit-flex-wrap:wrap}}.detail .share li{margin-bottom:15px}@media(max-width: 991px){.detail .share li{margin-right:15px;margin-bottom:0;float:left}}.detail .share li:last-child{margin-bottom:0}@media(max-width: 991px){.detail .share li:last-child{margin-right:0}}.detail .share a{color:#3489d4}@media(max-width: 991px){.detail .share a{float:left}}.detail .share [class^=icon-],.detail .share [class*=" icon-"]{font-size:35px;line-height:1;float:left}@media(max-width: 991px){.detail .share [class^=icon-],.detail .share [class*=" icon-"]{font-size:30px}}.detail .share .icon-link{width:35px;height:35px;float:left;border-radius:50%;color:#fff;background-color:#3489d4;font-size:24px;line-height:1;display:flex;display:-webkit-flex;justify-content:center;-webkit-justify-content:center;align-items:center;-webkit-align-items:center}@media(max-width: 991px){.detail .share .icon-link{width:30px;height:30px;font-size:20px;line-height:1}}.detail--section{position:relative;z-index:1}.detail--header{padding-top:45px;padding-bottom:20px}@media(max-width: 479px){.detail--header{padding-top:35px;padding-bottom:30px}}.detail--header h1,.detail--header h2,.detail--header h3,.detail--header h4,.detail--header h5,.detail--header h6{margin-bottom:5px}.detail--header p,.detail--header li,.detail--header a{margin-bottom:0;color:rgba(0,0,0,.65)}.detail--header p.date,.detail--header li.date,.detail--header a.date{color:#9e8819}@media(max-width: 991px){.detail--header .tool{margin-top:10px;display:flex;display:-webkit-flex;justify-content:space-between;-webkit-justify-content:space-between;align-items:center;-webkit-align-items:center;flex-wrap:wrap;-webkit-flex-wrap:wrap}}.detail--header .author{margin-top:10px}.detail--header .author p{color:rgba(0,0,0,.65);margin:0}.detail--header .author .avatar{width:32px;height:32px;border-radius:50%;overflow:hidden;display:flex;display:-webkit-flex;justify-content:center;-webkit-justify-content:center;align-items:center;-webkit-align-items:center}.detail--header .author .name{padding-left:10px;width:calc(100% - 32px);display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.detail--content .poster{margin-bottom:40px}@media(max-width: 575px){.detail--content .poster{margin-bottom:30px}}.detail--content .poster img{width:100%;height:auto;border-radius:4px;overflow:hidden}.detail--content .content{margin-bottom:40px}@media(max-width: 575px){.detail--content .content{margin-bottom:30px}}.detail--content .content p strong,.detail--content .content p b,.detail--content .content li strong,.detail--content .content li b,.detail--content .content a strong,.detail--content .content a b{color:#3489d4}.detail--content .content a{color:#3489d4;text-decoration:underline}.detail--content .content a:hover{text-decoration:none;color:#256cb6}.detail--content .content ul{padding-left:3rem;display:flex;display:-webkit-flex;flex-wrap:wrap;-webkit-flex-wrap:wrap}.detail--content .content ul li{flex:0 0 auto;width:100%;max-width:100%;padding-right:30px}@media(max-width: 991px){.detail--content .content ul li{max-width:100%}}@media(max-width: 575px){.detail--content .content img{width:100% !important;height:auto !important}}.detail--share{position:relative}.detail--relation{background-color:#fff}@media(max-width: 567px){.detail--relation{overflow:hidden}}.detail--relation .card--blog{margin-left:-12px;margin-right:-12px}.detail--relation .card--blog>.col-12{padding-left:12px;padding-right:12px;margin-bottom:30px}.detail--relation .relation{padding-top:45px;padding-bottom:75px}@media(max-width: 767px){.detail--relation .relation{padding-top:30px;padding-bottom:45px}}.detail--relation .content{margin-bottom:30px}@media(max-width: 991px){.detail--relation .content{margin-bottom:0}}.detail--relation .content h1,.detail--relation .content h2,.detail--relation .content h3,.detail--relation .content h4,.detail--relation .content h5,.detail--relation .content h6{color:#2f3356}@media(max-width: 991px){.detail--relation .content h1,.detail--relation .content h2,.detail--relation .content h3,.detail--relation .content h4,.detail--relation .content h5,.detail--relation .content h6{margin-bottom:0}}.detail--relation .btn{margin-top:30px}@media(max-width: 991px){.detail--relation .btn{margin-top:0}}.detail--relation .btn-primary{max-width:175px;box-shadow:0px 2px 4px -1px rgba(164,164,172,.2),0px 4px 5px rgba(164,164,172,.14),0px 1px 10px rgba(164,164,172,.12)}@media(max-width: 479px){.detail--relation .btn-primary{max-width:100%}}.detail--relation .btn-primary:hover{box-shadow:0px 2px 4px -1px rgba(164,164,172,0),0px 4px 5px rgba(164,164,172,0),0px 1px 10px rgba(164,164,172,0)}@media(max-width: 567px){.slick-list{overflow:inherit;padding-left:30px;padding-right:30px;margin-left:-30px}}.slick-track.loaded{display:flex;display:-webkit-flex;flex-wrap:wrap;-webkit-flex-wrap:wrap}.slick-track.loaded .slick-slide>div{height:100%}.slick-track.loaded .slick-slide>div a{height:100%;display:flex;display:-webkit-flex;justify-content:center;-webkit-justify-content:center;align-items:center;-webkit-align-items:center;flex-wrap:wrap;-webkit-flex-wrap:wrap}@media(max-width: 991px){.slick-slide{height:inherit;padding:30px 12px}}@media(max-width: 567px){.slick-slide{padding:30px 10px}}@media(max-width: 767px){.slick-slider{margin-bottom:0}}.slick-dots{width:100%;position:relative;bottom:auto;left:auto;margin-top:15px;display:flex;display:-webkit-flex;justify-content:center;-webkit-justify-content:center;align-items:center;-webkit-align-items:center;flex-wrap:wrap;-webkit-flex-wrap:wrap}.slick-dots li{display:inline-block;width:auto;height:auto;margin:0 8px 0 0}.slick-dots li:last-child{margin-right:0}.slick-dots li button{width:8px;height:8px;font-size:0;padding:0;margin:0;border:none;border-radius:50%;color:rgba(0,0,0,0);font-size:0;background-color:#b0e2fa}.slick-dots li button::before{display:none}.slick-dots li.slick-active button{width:20px;border-radius:30px;background-color:#256cb6}/*# sourceMappingURL=blog_detail.css.map */