:root{--color:#000;--color2:#fff;--bgColor:#eb0009;--bgColor2:#c90008;--bgColor3:#eee;--linkColor:#000;--linkHoverColor:#eb0009;--mobileMenuColor:#fff;--mobileMenuBtnColor:#eb0009;--mobileMenuSelectedColor:#fff;--mobileMenuSelectedBgColor:#eb0009;--mobileMenuContentBgColor:#c90008;--btnColor:#fff;--btnBgColor:#eb0009;--btnHoverColor:#fff;--btnBgHoverColor:#eb0009;--dialogBgColor:#eb0009;--dialogBgColor2:#c90008;--dialogHeadingColor:#fff}body{background-color:var(--bgColor3);font-family:Open Sans,Helvetica,Arial,sans-serif}h1,h2,h3{font-family:Chonburi,Helvetica,Arial,sans-serif}#menu-banner .top-banner{color:#222;border-bottom:1px solid var(--bgColor3)}#menu-banner .top-banner a{color:#222}#menu-banner .menu-banner>.left{width:25%}#menu-banner .menu-banner>.right{width:75%}#menu-banner .menu-banner>.right ul li a{color:#222;padding:16px 18px}#menu-banner .menu-banner>.right ul li:hover>a{color:#fff;background:var(--bgColor);transition:background linear .5s}#menu-banner .menu-banner>.right ul li.active-li>a{color:#fff;background:var(--bgColor2);transition:background linear .5s}#menu-banner .menu-banner>.right ul ul{background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.701961)}#menu-banner .menu-banner>.right ul ul li.active-li>a{color:#fff;background:var(--bgColor2)}#menu-banner .menu-banner>.right ul ul li:hover>a{color:#fff;background:var(--bgColor)}#menu-banner .search-banner{background:var(--bgColor3);border-top:1px solid #ddd}#slider{position:relative}#slider.home .content{padding:20% 0}#slider .content{padding:10% 0}#slogan{color:#fff;background:var(--bgColor2);font-size:var(--fontSize140)}#sum-div{background-color:#fff}#sum-div .sum-row .title{position:relative}#sum-div .sum-row .title:after{left:15%;bottom:0;width:70%;content:'';position:absolute;border-bottom:3px solid var(--bgColor)}#sum-div .sum-row.messages{background-image:url('../images/home/bg-1.jpg')}#sum-div .sum-row.messages .sum-column{float:none;margin:0 auto;background-color:rgba(255,255,255,.8)}#sum-div .sum-row.messages .sum-column .message-slider{margin-top:15px;border:3px solid #888}#sum-div .sum-row.messages .sum-column .message-slider .data{padding:25% 0}#sum-div .sum-row.featured .title:after{left:30%;width:40%}#sum-div .sum-row.featured .sum-column{margin:3% 15% 0}#sum-div .sum-row.featured .sum-column>div{margin:30px 0 0}#sum-div .sum-row.featured .sum-column>div .resource .content .title:after{border:none}#sum-div .sum-row.services{background-image:url('../images/home/bg-2.jpg')}#sum-div .sum-row.services .sum-column{background-color:rgba(255,255,255,.8)}#left .side-slider{width:100%;background:#fff;margin-bottom:8%}#left .side-slider img{width:100%}#left>.label-box{background:#fff}#left>.label-box>.title{color:#444;margin:0 15px;border-bottom:2px solid var(--bgColor)}#content>.notice{color:#fff;padding:8px;margin:-5% 0 1%;text-align:center;background-color:var(--bgColor2)}#content>.spread>.title{color:#444;margin-left:15px;border-bottom:2px solid var(--bgColor2)}#content>.spread>.title span:before{width:8px;content:'';height:8px;margin-right:6px;display:inline-block;background-color:#fff;border:5px solid var(--bgColor);border-radius:50%}#content>.spread>.data h3{border-bottom:1px dashed #ddd}#resources .resources .resource.grid .image{overflow:visible}#resources .resources .resource.grid .image:after{top:0;left:0;right:0;content:'';z-index:99;bottom:-10%;overflow:visible;position:absolute;background-size:100%;background-position:0 100%;background-repeat:no-repeat;background-image:url('../images/ui/shelf.png')}#resources .resources .resource.grid .content{margin:15% 0 0}#page-options{background-color:var(--bgColor)}#page-options a{color:#fff}#page-options .left:hover,#page-options .right:hover{background-color:var(--bgColor2)}#footer{color:#fff;background-color:var(--bgColor2)}#footer .title{color:#fff}#footer a{color:#ddd}#footer a:hover{color:#fff}@media screen and (max-width:1750px){#menu-banner .menu-banner>.right ul li a{padding:13px 15px}}@media screen and (max-width:1650px){#menu-banner .menu-banner>.right ul li a{padding:11px 13px}}@media screen and (max-width:1550px){#menu-banner .menu-banner>.right ul li a{padding:10px 12px}}@media screen and (max-width:1450px){#menu-banner .menu-banner>.right ul li a{padding:8px 10px}}@media screen and (max-width:1380px){#menu-banner .menu-banner>.right ul li a{padding:10px 12px}}@media screen and (max-width:1250px){#menu-banner .menu-banner>.right ul li a{padding:11px 9px}}@media screen and (max-width:1100px){#menu-banner .menu-banner>.right ul li a{padding:7px 7px}}@media screen and (max-width:1024px){#menu-banner .menu-banner>.right ul li a{padding:7px 5px}}@media screen and (max-width:980px){#menu-banner .menu-banner>.right ul li a{padding:7px 4px}}@media screen and (max-width:600px){#slider .content{padding:20% 0}#slider.home .content{padding:40% 0}#sum-div .sum-row.featured .sum-column{margin:3% 5%}}