@charset "UTF-8";@import url(https://fonts.googleapis.com/css2?family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=Roboto:ital,wght@0,300;0,400;0,500;0,700;0,900;1,300;1,400;1,500;1,700;1,900&display=swap);body,button,input,option,select,textarea{font-family:Roboto,kanit,Arial,Helvetica,sans-serif}body,button,input,select,select option,textarea{font-size:16px}[type=file]+label:hover,a,button:hover,img{transition:.3s}.header,button{flex-wrap:wrap}input,option,select,textarea{appearance:none;webkit-box-shadow:none;box-shadow:none;transition:.2s;color:var(--color-black)}*,:focus{outline:0}[type=file]+label,a,input,option,select,textarea{color:var(--color-black)}a,img{display:block}*,.btn-minilink a,ins{text-decoration:none}*{margin:0;padding:0;list-style-type:none;border:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}::selection{color:var(--color-white);background:var(--color-black)}::-moz-selection{color:var(--color-white);background:var(--color-black)}::placeholder{font-size:16px;font-weight:400}:-ms-input-placeholder{color:var(--color-aaa);font-size:16px;font-weight:400}::-ms-input-placeholder{color:var(--color-aaa);font-size:16px;font-weight:400}body{--color-black:#333;--color-888:#888;--color-666:#666;--color-ddd:#ddd;--color-aaa:#aaa;--color-white:#fff;font-weight:400;color:var(--color-black);background:var(--color-white);font-smoothing:antialiased;overflow-x:hidden}a,a:active,a:focus,a:hover,button,input,select,textarea{-webkit-tap-highlight-color:transparent}input[type=email],input[type=number],input[type=password],input[type=phone],input[type=text],select,textarea{height:44px;width:100%;padding:10px;border:1px solid var(--color-ddd);background:var(--color-white);border-radius:0}[type=file]+label,button{height:50px;cursor:pointer;transition:.3s;width:100%}button,select{border-radius:0}button{padding:10px;display:flex;justify-content:center;align-items:center;text-transform:uppercase;color:var(--color-white);background:var(--color-black)}button:hover{background:var(--color-orange)}select{padding:4px 18px 6px 15px;background:var(--color-white)!important;background-size:20px!important}select option{line-height:1;padding-bottom:0}select option:hover{border:none}.container,.detail,textarea{width:100%}[type=file]{position:absolute;opacity:0;width:100%;left:0;top:0}[type=file]+label{display:block;position:relative;padding:10px 10px 8px 15px;margin:0;left:0;text-align:left;border:1px solid var(--color-ddd);top:0;border-radius:0;background:var(--color-white);font-size:22px;line-height:1.4}[type=file]+label:hover{border:1px solid var(--color-ddd)}a,abbr,acronym,address,applet,b,big,blockquote,body,caption,center,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,i,iframe,img,ins,kbd,label,legend,li,object,ol,p,pre,q,s,samp,small,span,strike,strong,sub,sup,tfoot,tt,u,ul,var{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:0 0}ol,ul{list-style:none}li{position:relative}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}body,html{height:100%}a{user-select:none}a:hover{color:var(--color-gold)}img{width:100%;object-fit:cover}.warpper{width:100%;max-width:960px;margin:0 auto;padding:0 20px}.header{width:100%;height:60px;display:flex;border-bottom:1px solid #f5f5f5;align-items:center}.topbar{display:flex;flex-wrap:wrap}.topbar .logo,.topbar .logo img{width:150px}.topbar .text{margin-left:auto;display:inline-flex;align-content:center;align-items:center;justify-content:center}.topbar .text h1{font-size:14px;font-weight:400}.detail{padding:15px 0 30px}.detail h2{padding-top:15px;padding-bottom:15px}.detail p{margin-bottom:16px}.contact{width:100%;max-width:300px;margin:0 auto;padding:20px 0}.contact a{background-color:#eee;padding:10px 15px!important;font-size:18px!important}.btn-contact a{font-size:14px;font-weight:500;padding:5px 15px;border-radius:3px;text-align:center;border:1px solid #ddd}.content h1{padding-top:20px}.content h1 a{display:inline;color:#004ee4}.content h3{margin-top:15px}.content p{padding-bottom:15px}.category-lists{width:100%;padding:20px 0 60px}.category-lists ul{display:flex;flex-wrap:wrap;margin:-10px}.category-lists li{width:50%;padding:10px;position:relative}.category-lists .box{position:relative;padding:15px 20px;border-radius:3px;border:1px solid #ddd}.category-lists .box h2{padding-bottom:10px}.category-lists .mini-list{width:100%;padding-top:5px}.category-lists .mini-list p{font-weight:600}.category-lists .mini-list small.less{display:inline-block;color:var(--color-888);padding-left:12px;-webkit-line-clamp:1;max-width:-webkit-fill-available;vertical-align:middle;font-family:Arial,Helvetica,sans-serif}.category-lists .site{padding-left:12px;font-size:14px;font-weight:300;color:var(--color-888)}.category-lists .btn-more{margin-top:10px;font-size:14px;font-weight:300}.category-lists .nobox{border:none;padding-top:0;padding-left:0;padding-right:0}.newcontent h2{margin-top:15px;margin-bottom:10px}.newcontent p{font-weight:400!important}.btn-inside,.newcontent p a{display:inline-block}.full{width:100%!important}.full .mini-list small.full{display:inline-block;color:var(--color-888);padding-left:12px;font-family:Arial,Helvetica,sans-serif}.btn-minilink{display:inline-flex;padding-left:12px}.btn-minilink a{display:inline-block;margin:1px 2px 1px 0;color:#999;background:#f9f9f9;border:1px solid #ddd;border-radius:3px;font-size:12px;padding:2px 6px}.full-list .mini-list{border-bottom:1px solid #ddd;padding-bottom:10px}.full-list .mini-list:last-child{border-bottom:none}@media screen and (max-width:767px){.category-lists li{width:100%}.content h1{font-size:24px}.category-lists .box h2{font-size:20px}}