.article-panel{margin:3.75rem auto;min-height:18.75rem}@media screen and (max-width:30rem){.article-panel{margin:1.875rem auto}}.article-panel-header{display:flex;flex-direction:row;justify-content:space-between;flex-wrap:wrap;position:relative;z-index:1;margin-bottom:3.75rem}@media screen and (max-width:30rem){.article-panel-header{flex-direction:column;justify-content:flex-start;margin-bottom:1.875rem}}.article-panel-header__tab-toggle{margin-bottom:1.25rem}@media screen and (max-width:48rem){.article-panel-header__tab-toggle{position:relative;z-index:1;height:3.5rem;width:100%}}.article-panel-header__tab-toggle ul{display:flex;flex-direction:row;justify-content:flex-start;flex-wrap:wrap;background-color:#f7f7f7;border:.063rem solid #ccc}@media screen and (min-width:48.0013rem){.article-panel-header__tab-toggle ul{height:auto!important}}@media screen and (max-width:48rem){.article-panel-header__tab-toggle ul{flex-direction:column;flex-wrap:nowrap;background-color:#fff;position:absolute;top:0;left:0;height:3.5rem;overflow:hidden;transition:height .3s ease-in-out;width:100%}.article-panel-header__tab-toggle ul:after{content:"";background-position:center;background-size:cover;background-repeat:no-repeat;background-image:url(../images/chevron-green.svg);position:absolute;top:1.375rem;right:.938rem;width:1.25rem;height:.688rem;transform:rotate(0);transform-origin:center;transition:transform .3s ease-in-out}.article-panel-header__tab-toggle ul.open:after{transform:rotate(180deg)}}.article-panel-header__tab-toggle ul li{font-family:Sarabun-Book;font-size:1.125rem;white-space:nowrap;line-height:2.875rem;color:#4a4a4a;background-color:#f7f7f7;border:.25rem solid #f7f7f7;cursor:pointer;transition:color .3s ease-in-out,background-color .3s ease-in-out}@media screen and (min-width:48.0013rem){.article-panel-header__tab-toggle ul li:hover:not(.active){background-color:rgba(26,174,183,.1)}.article-panel-header__tab-toggle ul li.active{font-family:Sarabun-Bold;background-color:#007d8f;cursor:default}.article-panel-header__tab-toggle ul li.active a{color:#fff}.article-panel-header__tab-toggle ul li.active a:link,.article-panel-header__tab-toggle ul li.active a:visited,.article-panel-header__tab-toggle ul li.active a:hover{color:#fff}}@media screen and (max-width:48rem){.article-panel-header__tab-toggle ul li{font-family:Sarabun-Bold;font-size:1rem;line-height:3.375rem;text-align:left;color:#007d8f;background-color:#fff;border:0 none;height:auto;display:block}.article-panel-header__tab-toggle ul li.active a{color:#000}.article-panel-header__tab-toggle ul li.active a:link,.article-panel-header__tab-toggle ul li.active a:visited,.article-panel-header__tab-toggle ul li.active a:hover{color:#000}}.article-panel-header__tab-toggle ul li a{font-family:Sarabun-Book;color:#4a4a4a;display:block;width:100%;height:100%;padding:0 1.563rem}@media screen and (max-width:48rem){.article-panel-header__tab-toggle ul li a{padding:0 2.5rem 0 .938rem}}.article-panel-header__tab-toggle ul li a:link,.article-panel-header__tab-toggle ul li a:visited,.article-panel-header__tab-toggle ul li a:hover{color:#4a4a4a}.article-panel-header__date-wrapper{display:flex;flex-direction:row;justify-content:flex-start;position:relative;z-index:0;padding-right:10.313rem}@media screen and (max-width:30rem){.article-panel-header__date-wrapper{width:100%;height:3.5rem;padding-right:0}}.article-panel-header__date-label{font-family:Sarabun-Bold;font-size:1rem;line-height:3.5rem;color:#007d8f;white-space:nowrap;margin:0 .625rem}@media screen and (max-width:48rem){.article-panel-header__date-label{display:none}}.article-panel-header__date-choice{border:.063rem solid #ccc;position:absolute;top:0;right:0;width:10.313rem;height:3.5rem;overflow:hidden;transition:height .3s ease-in-out;cursor:pointer}@media screen and (max-width:30rem){.article-panel-header__date-choice{width:100%}}.article-panel-header__date-choice:after{content:"";background-position:center;background-size:cover;background-repeat:no-repeat;background-image:url(../images/chevron-green.svg);position:absolute;top:1.375rem;right:.938rem;width:1.25rem;height:.688rem;transform:rotate(0);transform-origin:center;transition:transform .3s ease-in-out}.article-panel-header__date-choice.open:after{transform:rotate(180deg)}.article-panel-header__date-choice li{font-family:Sarabun-Book;line-height:3.5rem;white-space:nowrap;background-color:#fff;cursor:pointer;transition:background-color .25s ease-in-out}@media screen and (min-width:48.0013rem){.article-panel-header__date-choice li:hover{background-color:#f7f7f7}}@media screen and (max-width:30rem){.article-panel-header__date-choice li{text-align:left}}.article-panel-header__date-choice li.active{color:#000;padding:0 3.125rem 0 .938rem}.article-panel-header__date-choice li a{font-family:Sarabun-Book;font-size:1rem;color:#4a4a4a;white-space:nowrap;display:block;padding:0 3.125rem 0 .938rem}.article-panel__title{font-family:Sarabun-Bold;font-size:2.5rem;color:#007d8f}@media screen and (max-width:30rem){.article-panel__title{font-size:1.625rem}.article-panel__title:not(:first-child){margin-top:1.25rem}}.article-panel-container__article-preview{display:flex;padding:3.75rem 0}@media screen and (max-width:80rem){.article-panel-container__article-preview{padding:2.5rem 0}}@media screen and (max-width:48rem){.article-panel-container__article-preview{flex-flow:column;padding:0;margin-top:1.563rem}}.article-panel-container__article-preview>div:first-child{flex:0 0 30vw;display:flex;align-items:center;width:30vw;max-width:37.5rem;max-height:18.75rem;overflow:hidden}@media screen and (max-width:62rem){.article-panel-container__article-preview>div:first-child{flex:0 0 40vw;width:40vw}}@media screen and (max-width:48rem){.article-panel-container__article-preview>div:first-child{flex:initial;display:block;max-width:30rem;max-height:none;width:100%}}@media screen and (max-width:30rem){.article-panel-container__article-preview>div:first-child{max-width:none}}.article-panel-container__article-preview-figure{display:block;max-width:100%;height:auto;margin:0 auto}.article-panel-container__article-preview-wrapper{margin-left:8.438rem;text-align:left}@media screen and (max-width:80rem){.article-panel-container__article-preview-wrapper{margin-left:3.75rem}}@media screen and (max-width:62rem){.article-panel-container__article-preview-wrapper{margin-left:1.875rem}}@media screen and (max-width:48rem){.article-panel-container__article-preview-wrapper{margin-left:0}}.article-panel-container__article-preview-wrapper__title{font-family:Sarabun-Bold;font-size:1.375rem;color:#000;display:inline-block;margin-top:1.25rem}@media screen and (max-width:30rem){.article-panel-container__article-preview-wrapper__title{font-size:1.125rem}}.article-panel-container__article-preview-wrapper__date{font-family:Sarabun-Book;font-style:italic;font-size:1rem;color:#707070;margin-top:.625rem}@media screen and (max-width:30rem){.article-panel-container__article-preview-wrapper__date{font-size:.875rem;margin-top:.313rem}}.article-panel-container__article-preview-wrapper__content{font-family:Sarabun-Book;font-size:1rem;color:#4a4a4a;margin-top:1.875rem}@media screen and (max-width:30rem){.article-panel-container__article-preview-wrapper__content{font-size:.938rem;margin-top:.938rem}}.article-panel-container__article-preview-wrapper__link{font-family:Sarabun-Bold;font-size:1rem;color:#007d8f;margin-top:1.875rem;position:relative;display:inline-block;padding-left:.938rem;cursor:pointer;overflow:hidden}.article-panel-container__article-preview-wrapper__link:before{content:"";background-position:center;background-size:cover;background-repeat:no-repeat;background-image:url(../images/arrow-green.svg);position:absolute;top:50%;left:0;width:.375rem;height:.625rem;transform:translate(0,-50%);transition:transform .25s ease-in-out}.article-panel-container__article-preview-wrapper__link:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:.125rem;background-color:#007d8f;transform:translateX(-100%);transition:transform .25s ease-in-out}@media screen and (min-width:48.0013rem){.article-panel-container__article-preview-wrapper__link:hover:after{transform:translateX(0)}}@media screen and (max-width:30rem){.article-panel-container__article-preview-wrapper__link{margin-top:.938rem}}