#articles .top{padding:0 1.5rem}#articles .top h3{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;color:#0080cb;font-size:1.5em;font-weight:bold;letter-spacing:1px;margin-bottom:2rem;text-align:center;text-transform:uppercase}#articles .top form{margin:0 auto 4rem;max-width:768px}#articles .top select{animation-duration:0.5s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:lazyLoadPlaceHolder;animation-timing-function:linear;background:transparent url(https://dpw9s9toxnu6e.cloudfront.net/assets/lazy-load-place-holder-cd21d036c41f43d746f1cf2a17a77203912b0358e888a44d297eef19c69ffdeb.gif) 0 0;color:transparent;height:2.5rem;min-height:0}#articles .top option{display:none}#articles .top .selection{align-items:center;background-color:#ffffff;border:1px solid #0080cb;border-radius:0;display:flex;min-width:0;padding:0 0.75rem !important;transition:opacity 0.3s ease-in-out;width:100%}#articles .top .selection .text,#articles .top .selection .text:not(.default){color:#0080cb}#articles .top .selection .text{line-height:42px;margin:0;min-width:140px;overflow:hidden;padding-right:1.57rem;text-overflow:ellipsis;white-space:nowrap;width:100%}#articles .top .selection .icon{color:#0080cb;transition:transform 0.3s ease-in-out}#articles .top .selection .icon::before{content:'\f107';font-family:'Line Awesome Free';font-weight:900}#articles .top .selection .menu{background-color:#ffffff;border-color:#0080cb;border-radius:0;box-shadow:none}#articles .top .selection .menu .item{border-top:0 none;color:#0080cb;font-size:0.95em;line-height:1.2;overflow:hidden;padding:0.75rem !important;text-overflow:ellipsis;transition:background-color 0.3s ease-in-out}#articles .top .selection .menu .active{background-color:rgba(0,0,0,0.1);font-weight:normal}#articles .top .selection.upward{border-radius:0 !important}#articles .top .selection.active{box-shadow:none;cursor:default}#articles .top .selection.active .icon{transform:rotate(-180deg)}#articles .top .selection.active:hover,#articles .top .selection.active:hover .menu{border-color:#0080cb}#articles .main .list{display:flex;flex-wrap:wrap;margin:2rem 0 0 1.5rem}#articles .main .list li{display:flex;flex:0 0 33.3333%;flex-direction:column;margin-bottom:1.5rem;padding-right:1.5rem;position:relative}#articles .main .list a{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:1px solid rgba(0,0,0,0.125);border-radius:5px;color:#555555;display:flex;flex:auto;flex-direction:column;justify-content:center;overflow:hidden;transition:background-color 0.2s ease, box-shadow 0.2s ease}#articles .main .list a .category{bottom:0;left:0;max-width:100%;position:absolute}#articles .main .list a .category p{background-color:#0080cb;border-radius:2px;box-shadow:5px 5px 10px 0 rgba(0,0,0,0.3);color:#ffffff;font-size:0.7em;margin:1rem;overflow:hidden;padding:0.3rem 1rem;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;z-index:1}#articles .main .list a .img{position:relative}#articles .main .list a .img.lazy-loading{animation-duration:0.5s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:lazyLoadPlaceHolder;animation-timing-function:linear;background:#f5f5f5 url(https://dpw9s9toxnu6e.cloudfront.net/assets/lazy-load-place-holder-cd21d036c41f43d746f1cf2a17a77203912b0358e888a44d297eef19c69ffdeb.gif) 0 0}#articles .main .list a .img img{font-size:0;height:15vw;max-height:18rem;-o-object-fit:cover;object-fit:cover;overflow:hidden;text-indent:-999px;transition:opacity 0.3s ease-in-out;width:100%}#articles .main .list a .img .lazy{opacity:0}#articles .main .list a .text{flex:1;padding:1rem}#articles .main .list a .text h3,#articles .main .list a .text .description{overflow:hidden}#articles .main .list a .text h3{font-size:1.2em;font-weight:bold;line-height:1.25em;margin-bottom:0.25rem;max-height:3.1rem}#articles .main .list a .text .description{color:#787a7a;font-size:0.75em;height:1.8rem;line-height:1.2em}#articles .main .list a:hover{background-color:#f7f7f7;box-shadow:3px 3px 5px 0 rgba(0,0,0,0.2)}#articles .main .list .full-width{flex:0 0 100%}#articles .main .list .full-width .img img{height:32vw;max-height:32rem}#articles.tenant-vietnam .main .list a .text h3{font-family:'Roboto Regular', 'M Plus 1p Medium', Helvetica, Arial, sans-serif}@media only screen and (max-width: 1024px){#articles .main .list li{flex:0 0 50%}#articles .main .list a .img img{height:20vw}#articles .main .list .full-width{flex:0 0 50%}#articles .main .list .full-width .img img{max-height:18rem}}@media only screen and (max-width: 768px){#articles{padding-top:3rem}#articles .top form{margin-bottom:3rem}#articles .main .list li{flex:0 0 33.3333%}#articles .main .list a .img img{height:25vw}#articles .main .list .full-width{flex:0 0 33.3333%}#articles .main .list .full-width .img img{height:25vw}}@media only screen and (max-width: 640px){#articles .main .list li{flex:0 0 50%}#articles .main .list a .img img{height:30vw}#articles .main .list .full-width{flex:0 0 50%}#articles .main .list .full-width .img img{height:30vw}}@media only screen and (max-width: 480px){#articles{padding-top:2rem}#articles .top{padding:1.5rem 1.5rem 2rem}#articles .top h3{font-size:1.3em}#articles .top form{margin:2rem 0 0}#articles .main .list{display:block}#articles .main .list a .img img{height:50vw}#articles .main .list .full-width .img img{height:50vw}}@media only screen and (max-width: 280px){#articles .main .list a .img img{height:140px}#articles .main .list .full-width .img img{height:140px}}:lang(th) #articles .top h3{font-weight:bold}:lang(zh-TW) #articles .top h3{font-weight:bold}:lang(zh-CN) #articles .top h3{font-weight:bold}:lang(vi) #articles .top h3{font-weight:bold}