    html,body{padding: 0;margin: 0;background: #fff;font-family: sans-serif;font-size: 14px;}
    *{max-width: 100%;box-sizing: border-box;}
    #content{padding: 15px;background: #fff;border: 2px solid #eee;width: 100%;margin: 0 auto}
    #label{display: grid;grid-template-columns: 100px 300px;white-space: nowrap;margin-bottom: 20px;float: right}
    #label span{font-weight: 600;padding-top: 5px;}
    #label select{padding: 7px;border: 1px solid #ccc;font-size: 14px;}
    table{width: 100%;text-align: left;}
    table tr>th{white-space: nowrap;padding: 10px 5px;}
    table tr>td{border-top: 1px solid #ccc; padding: 15px 5px;vertical-align: top;}
    table tr>td:last-child>span{white-space: nowrap;color: #999;font-size: 12px;font-weight: bold;}
    table tr>td a{text-decoration: none;color: #036}
    table tr>td a:hover{text-decoration: underline;}
    .warning{font-size: 14px;color: #777;text-align: center;font-weight: 600;text-transform: uppercase;}
    @media(max-width: 630px){
      #label{grid-template-columns: auto;grid-gap: 5px;}
      #label select{width: 100%;}
    }
    h1{font-weight: 300;font-family: Kanit,sans-serif;margin-bottom: 0;}
    h2{font-weight: 300;font-family: Kanit,sans-serif;margin-top: 5px;margin-bottom: 30px;}
    #header{text-align: center}
    #header img{width: 150px;margin-top: 10px}
    .clearfix:before,.clearfix:after{content: '';clear: both;display: block}