body { 
  font-family: Arial, "LiHei Pro", "Microsoft JhengHei", DFKai-SB, sans-serif;
  padding: 0;
  margin: 0;
  line-height: 1.5
}
footer {
  background-color: #f4f4f4;
}
* {
  box-sizing: border-box;
}
.googleCode { position: absolute; z-index: 900; }

h1,h2,h3,h4,h5,h6,p,ol,ul {
  margin: 0;
  margin-bottom: 15px;
}
h2 {
  color: #00aeff;
}
ol { padding-left: 30px;}
ol li { 
  list-style-type: decimal;
}

.point,h3 {
  color: #ff3d3d;
}

.event_header {
  height: 640px;
  background-image: url("../images/header.jpg");
  background-position: center top;  
}

.event_nav {
  background-color: #573548;
  text-align: center;
  margin-bottom: 30px;
}
.event_nav ul {
  width: 1024px;
  margin: 0 auto;
  padding: 0;
}
.event_nav ul:before,
.event_nav ul:after {
  display: table;
  content:"";
}
.event_nav ul:after {
  clear: both;
  zoom:1;
}
.event_nav li {
  display: block;
  width: 50%;
  float: left;
}
.event_nav a {
  color: #fff;
  text-decoration: none;
  font-size: 33px;
  line-height: 3em;
  display: block;
  background-color: rgba(255,255,255,.2);
}

.event_nav a.active {
  background-color: rgba(0,0,0, .2);
}





.event_container {
  width: 980px;
  margin: 0 auto;
  padding-bottom: 30px;
}

.event_description {
  padding: 20px;
  background-color: hsl(50,100%,90%);
  margin-bottom: 20px;
}

.event_description p:last-child {
  margin-bottom: 0;
}

/* .change_diamond {
  display: none;
} */



.form_box {
  background-color: #f8f8f8;
  text-align: center;
  padding: 30px;
  margin-bottom: 30px;
}
.form_box select,
.form_box button {
  margin: 0 2px;
}
/*========================================================================== 
  table
==========================================================================*/
.tbstyle { border: 2px solid #e9e9e9; padding:1px; margin: 0px 0px 5px; line-height: 24px; text-align: center; }
.tbstyle table { border: 1px solid #ccc; border-width:1px 1px 0px 0px; }
.tbstyle th, .tbstyle td { padding: 5px 12px; border:1px solid #B7B7B7; border-width: 0px 0px 1px 1px; }
.tbstyle th { background: #565a94; color: #D0EBFF; font-size: 16px; font-weight: bold; }
.tbstyle td { background: #FFF; }
.tbstyle td.odd { color: #06C; }
.Left { text-align: left; }


/*==========================================================================  
  button
==========================================================================*/
select,button,input,textarea {
  font-family: Arial,  "LiHei Pro", "Microsoft JhengHei", DFKai-SB, sans-serif;
  vertical-align: middle;
}
.btn { 
  display: inline-block;
  height: 40px;
  font-size: 20px;
  color: #fff;
  line-height: 40px;
  text-align: center;
  padding: 0 20px;
  /*font-weight: bold;*/
  text-decoration: none;
  font-family: Arial,  "LiHei Pro", "Microsoft JhengHei", DFKai-SB, sans-serif;
  
            border: none;
            -webkit-border-radius:  5px;
            -moz-border-radius: 5px;
            -ms-border-radius: 5px;
            -o-border-radius: 5px; 
            border-radius: 5px;
			      background: #0097de;
            background: -webkit-linear-gradient(top, #00aeff, #0097de);
            background: -moz-linear-gradient(top, #00aeff, #0097de);
            background: -ms-linear-gradient(top, #00aeff, #0097de);
            background: -o-linear-gradient(top, #00aeff, #0097de);
            background: linear-gradient(top, #00aeff, #0097de);
            cursor: pointer;
            
 }
.btn:hover { background: #00aeff;
            background: -webkit-linear-gradient(top, #0097de, #00aeff);
            background: -moz-linear-gradient(top, #0097de, #00aeff);
            background: -ms-linear-gradient(top, #0097de, #00aeff);
            background: -o-linear-gradient(top, #0097de, #00aeff);
            background: linear-gradient(top, #0097de, #00aeff);
}


select {
  height: 40px;
  line-height: 40px;
  /*vertical-align: middle;*/
}

/* ==========================================================================
  footer
========================================================================== 
#footer { width: 100%; min-width: 980px; height: 90px; background: url('../images/bg_cr.gif') center top repeat; }
#footer ul { width: 890px; margin: 0 auto; padding-top: 25px; height: 65px; }
li.logo_cr, li.txt { float: left; }
li.logo_cr { margin: 5px 25px 0 0; width: 138px; height: 32px; background: url('../images/logo_cr.png') center top repeat; }
li.txt { margin: 12px auto 0; width: 465px; font-size: 11px; color: #1d282f; line-height: 15px; font-weight: bold; }
li.R15 { float: right; width: 213px; height: 43px; background: url('../images/+15.png') center top repeat; }

*/
@media screen and (max-width: 1024px) {
  .event_nav a {
    font-size: 20px;
  }
  .btn {
    font-size: 16px;
  }
  body {
    font-size: 12px;
  }
  .event_nav ul {
    width: 100%;
    margin: 0;
  }
  .event_container {
    width: 100%;
    margin: 0;
    padding: 0 10px;
  }
  .event_header {
    height: 0px;
    width: 100%;
    padding-top: 62.5%;
    background-image: url("../images/header-m.jpg");
    background-position: center top; 
    background-size: cover;
  }
}

@media screen and (max-width: 400px) {
  .btn_area {
    display: block;
    margin-top: 10px;
  }
}
.footer {
  font-family: Arial, sans-serif;

}