<template>
  <div>
    <v-layout row wrap fill-height justify-center>
      <v-flex xs12 sm10 offset-sm-1>
        <v-layout row wrap justify-center>
          <v-flex xs12 sm4 class="pr-2">
            <v-flex xs12 sm12 class="white div-card pa-3">
              <v-flex xs12 sm12 class="mb-3">
                <span class="subheading font-weight-bold ">เงื่อนไขการค้นหา</span>
              </v-flex>
              <v-flex xs12 sm12 class="">
               <label class="body-2 font-weight-medium">ค้นหาโดยใช้คำหลัก</label>
               <v-text-field
                 label="label"
               ></v-text-field>
              </v-flex>
              
              
            </v-flex>
          </v-flex>
          <v-flex xs12 sm8 class="pl-2">
            <v-flex xs12 sm12 class="white">
              
            </v-flex>
          </v-flex>
        </v-layout>
      </v-flex>
    </v-layout>
      
  </div>
</template>

<style lang="scss" scoped>
  .div-card {
    border-radius: 3px;
    box-shadow: 0 2px 1px rgba(0,0,0,.17);
  }
</style>

