* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    text-decoration: none;
  }
  
  html {
    height: 100%;
  }
  
  body {
    min-height: 100%;
    line-height: 1;
    font-family: 'Helvetica Neue', 'Helvetica', 'Apple SD Gothic Neo', 'NanumBarunGothic', 'Malgun Gothic', dotum, 'Lucida Grande', sans-serif;
    font-size:0.95em;
  }
  
  h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
  }
  
  input, select, option, optgroup, textarea, button,
  pre, code {
    font-size: 100%;
    font-family: inherit;
  }
  
  ol, ul {
    list-style: none;
  }
  header{
    background: url(img/gold2.jpg) 0 0 no-repeat;
    background-size: 100% auto;
    text-align: center;
    padding:12px;
    background-size: cover;
    background-position: center;

  }

  header section{
    width: 990px;
    margin:0 auto;
    display:flex;
    flex-direction: row;
    justify-content: center;
  }
  header a.gotohome{
    flex:0 2 180px;
}
  header img{
    width:100%;
}

  header .contents{
    text-align: left;
    padding:8px 0 5px 30px;
  }
  header h1{font-size:1.4em;margin-bottom:7px;}
  header h2{font-size:1.2em;}

  header nav{
    display:flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    margin-top:10px;
    }


  header nav a{padding:5px 20px 5px;font-weight: bold;color:#fff;font-size:0.95em;text-decoration: underline;}
  header nav a:hover{color:black;}
  header nav a.on{background-color:#fff;border-radius: 5px;color:#000;text-decoration: none;}
  header nav a.on:hover{text-decoration: none;}

  main{
    background-color:cornsilk;
    text-align: center;
}
.bd_div{
    width:990px;margin:0 auto;padding:25px 0 35px;display:none;
}

#invitation{display:block;width:700px;margin:0 auto;}

.bd_on{display:block !important;}
.aucbox{
    padding:30px 40px;
    border-radius:20px;
    background:#fff;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    
}
.aucbox p{font-size:1em;word-break:keep-all;}

#auc_intro .aucbox{padding:10px;display:inline-block;}
#auc_greet .aucbox{display:flex;flex-direction: row;justify-content: space-evenly;}
#auc_greet p{line-height: 200%;margin-bottom:30px;text-align: justify;}
#auc_greet  article{width:45%;}
#auc_greet nav{display:none;}

#auc_dir .aucbox{padding:50px 20px; display:flex;flex-direction: row;justify-content: space-around;}
#auc_dir section.left{padding:0 20px 0 0;}
#auc_dir figure{margin-bottom:20px;text-align: left;}
#auc_dir figure h4{font-size:22px;color:rgb(193, 130, 14);margin-bottom:10px;}
#auc_dir figure p{line-height:140%;margin-bottom:10px;}
#auc_dir iframe{border:1px solid #ccc;width:580px;height:450px;}
#auc_dir li{margin-bottom:7px;}
#auc_dir li a{font-size:0.9em;}

#auc_rsvp .aucbox{position:relative;padding:0 40px 40px;text-align: left;}
#auc_rsvp .invited{position:absolute;top:10px;left:5px;opacity: 0.5;width:270px;height:auto;}
#auc_rsvp .intro p{color:#333;font-weight: bold;line-height:150%;margin:0;font-size:0.95em;padding:40px 0 20px 240px;}  

#auc_rsvp fieldset{position: relative;background-color: floralwhite;padding:20px 30px 15px;border:1px solid floralwhite;border-radius: 15px;width:80%;margin:0 auto;} 
#auc_rsvp span{font-size:0.9em;color:cadetblue;font-weight:normal;}

#auc_rsvp th, #auc_rsvp td{padding:8px 5px;line-height:180%;}
#auc_rsvp th{width:140px;text-align:left;line-height: 120%;vertical-align: top;}
#auc_rsvp input.txtinput{border:1px solid #ccc;height:30px;padding:4px 5px 5px 5px;width:350px;}
#auc_rsvp input.txtinputbold{font-weight:bold;}
#auc_rsvp input.red{color:red;}
#auc_rsvp input.cnm{width:110px;margin-right:15px;}
#auc_rsvp .pc{padding-bottom:5px;}
#auc_rsvp .p2{padding-left:25px;width:100px;}
#auc_rsvp .p6 input.txtinput{width:250px;}
#auc_rsvp .p52 input.txtinput{width:80px;}
#auc_rsvp .pdinner{padding-left:25px;}
#auc_rsvp .pdon{padding-left:25px;}

#auc_rsvp .p61 input.txtinput{width:250px;}
#auc_rsvp .p61 .abtn{line-height: 150%;}
#auc_rsvp .p61 .abtn span{float:left;background:url(img/add.png) 0 7px no-repeat;padding:3px 10px 2px 18px;text-decoration: underline;cursor:pointer;}
#auc_rsvp .p62 input.txtinput{width:50px;}
#auc_rsvp .p62 label{margin-right:10px;}
#auc_rsvp .p62 p{margin-bottom:10px;line-height:130%;}
#auc_rsvp .p62 strong{font-size:1.1em;color:#5668a7;}
#auc_rsvp .p62 input{margin-right:3px;}
#auc_rsvp .p62 em{font-style: normal;font-weight: bold;}
#auc_rsvp .p62 .ptt{font-size:1.1em;color:#5668a7;}
#auc_rsvp .pc th{padding-left:30px;width:95px;font-weight: normal;}
#auc_rsvp .pc th,#auc_rsvp .pc td{padding-bottom:5px;}

#auc_rsvp .p62 th, #auc_rsvp .p62 td{padding-top:12px}
#auc_rsvp .p7 th{padding-top:20px;}

#auc_rsvp .sbmbtn{padding:15px 0 0 0;text-align: center;}
#auc_rsvp .p7 input{float:left;margin-right:10px;margin-top:15px;}
#auc_rsvp .p7 label{float:left;line-height: 130%;margin-bottom:10px;}
#auc_rsvp .pay1{margin-bottom:10px;}
#auc_rsvp .pay1 span{display:block;}
#auc_rsvp .pay2 {margin-bottom:0;}
#auc_rsvp label{cursor:pointer;}

#auc_rsvp .submitted{text-align:center;}
#auc_rsvp .submitted .intro article{padding:40px 0 30px 240px;}
#auc_rsvp .submitted .intro p{padding:0px;}
#auc_rsvp .submitted table{margin:0 auto;text-align:left;}
#auc_rsvp .submitted th{width:180px;}
#auc_rsvp .submitted td{width:380px;}
#auc_rsvp .submitted th, #auc_rsvp .submitted  td{padding:4px 5px;line-height:110%;border:1px solid #ccc;margin:0 auto;}
#auc_rsvp .submitted .intro{font-weight: normal;text-align: left;}
#auc_rsvp .submitted .intro h5{font-size: 2.3em;font-style: italic;color:#5668a7;font-family:'Times New Roman', Times, serif;margin-bottom:15px;}
#auc_rsvp .submitted .intro p{font-weight:normal;}
#auc_rsvp .submitted .p62 p{margin-bottom:2px;line-height:130%;}
#auc_rsvp .submitted .p62 strong{font-size:0.875em;color:#5668a7;}
#auc_rsvp .submitted .p62 em{font-style: normal;font-size:0.875em;}
#auc_rsvp .submitted .p62 .ptt{font-size:1.1em;color:#5668a7;}
#auc_rsvp .submitted .p7 p{line-height: 140%;margin-bottom:0;}
#auc_rsvp .submitted .pp h6{margin-bottom:10px;}
#auc_rsvp .submitted .pp{padding:15px 0 20px;}

footer{padding:15px 0;background: url(img/gold2.jpg) 0 0 no-repeat;
  background-size: 100% auto;display:flex;flex-wrap: wrap;justify-content: center;}
footer a{padding:0 25px;font-size:0.92em;color:#fff;}

/* Tablets - header changes color */
/* @media screen and (max-width: 992px) {
    header section {
      width: 990px;
    }
} */
  
  /* Large smartphones - navbar changes color */
  @media screen and (max-width: 768px) {
    header section, main .bd_div, #invitation {
        width: 100%;
    }
    header a.gotohome{padding-top:8px;}
    header .contents{padding-left:10px;}
    header h1{font-size:1.4em;margin-bottom:4px;}
    header h2{font-size:1.2em;}

    .bd_div{padding:8px 0;}
    #auc_greet .aucbox{padding:20px 10px;flex-direction: column;justify-content: center;}
    #auc_greet article{width:90%;margin:0 auto;}
    #auc_greet nav{display:block;text-align: right;font-size:0.9em;width:85%;margin:0 auto;}
    #auc_greet nav::before{content:'🔽';}


    #auc_dir .aucbox{padding:20px 10px;flex-direction: column;justify-content: center;}
    #auc_dir section.left{padding-left:10px;}
    #auc_dir iframe{width:95%;}

    #auc_rsvp .aucbox{padding:10px 10px 20px;}
    #auc_rsvp .invited{display:none;}
    #auc_rsvp .intro{}
    #auc_rsvp .intro p{font-size:1em;padding:10px;}
    #auc_rsvp .intro p::before{content:'📣 ';}
    #auc_rsvp .submitted .intro article{padding:10px 10px 15px;}
    #auc_rsvp .submitted .intro p::before{content:none;}

    #auc_rsvp fieldset{padding:10px 0;border-radius: 10px;width:98%;} 

    #auc_rsvp input.txtinput{width:85%;}
    #auc_rsvp .p61 input.txtinput{width:60%;}
    #auc_rsvp .pc th{padding-left:5px;}
    #auc_rsvp .pdinner{padding-left:0px;}
    #auc_rsvp .pdon{padding-left:0px;}
    #paypal_img{width:270px;}

    footer a{padding-left:10px;padding-right:10px;}
  }
  
  /* Small smartphones - image placeholders change color */
  /* @media screen and (max-width: 576px) {
    .sample-img {
      background-color: #8ac4ff;
    }
  } */