b[data-v-f159af50]{color:#fff}.b-dropdown .btn{padding:0 0 5px 0}*{font-family:Sarabun,Helvetica,Arial,sans-serif}body{margin:40px}.sidebar{grid-area:sidebar}.sidebar2{grid-area:sidebar2}.content{grid-area:content}.header{grid-area:header}.footer{grid-area:footer}.wrapper{background-color:#fff;color:#444;display:grid;grid-gap:1em;grid-template-areas:"header" "sidebar" "content" "sidebar2" "footer"}@media only screen and (max-width:786px){.wrapper{grid-template-columns:20% auto;grid-template-areas:"header   header" "sidebar  content" "sidebar2 sidebar2" "footer   footer"}}@media only screen and (min-width:600px){.wrapper{grid-gap:20px;grid-template-columns:120px auto 120px;grid-template-areas:"header  header  header" "sidebar content sidebar2" "footer  footer  footer";max-width:600px}}.box{background-color:#444;color:#fff;border-radius:5px;padding:10px;font-size:150%}.footer,.header{background-color:#999}.sidebar2{background-color:#ccc;color:#444}