@charset "utf-8";

html{font-size:10px;}
.oh{overflow:hidden;}
.container {width:100%; margin:0 auto; max-width:1000px; position:relative;}
.cf:after{content:''; display: block; clear:both; visibility:hidden; height:0px;}
.eventName {max-width:2560px;margin:0 auto;text-align:center;letter-spacing:-0.5px;line-height:1.5;background:#f6f6f6;}
/* .db1000{display:none;}
.db768{display:none;}
.db480{display:none;}
.vh{visibility:hidden;} */
/* div{max-width: 100%;} */

.eventName .container {text-align: center;}

/*  ! ########### con1 ########### */
.con1 {background:url(images_au/con1_bg.jpg) no-repeat top / cover;}
.con1 .padding {padding: 8% 0 5%;}
.con1 .txt {}
.con1 .txt .tag {}
.con1 .txt .tag span {padding: 2px 3% 4px; font-size: 2.7rem; font-weight: bold; background-color: #ff6600; border-radius: 20px; color: #fff;}
.con1 .txt h2 {padding: 3% 0;}
/* .con1 .txt h2 {font-size: 8rem; color: #ff6600; letter-spacing: -2px;} */
.con1 .thum {margin-right: -7%;}
.con1 .thum img {}

/*  ! ########### con2 ########### */
.con2 {background:url(images_au/con2_bg.jpg) no-repeat top / cover; height: 3060px;}
.con2 .padding {padding: 8% 0 5%;}
.con2 .tit {}
.con2 .tit h2 {}
.con2 .tit p {padding: 2% 10px 3%; font-size: 2rem; color: #fff;}
.con2 .pd-wrap {margin: auto;}
.con2 .pd-wrap ul {}
.con2 .pd-wrap ul li {overflow: hidden; max-width: 920px; margin: auto; margin-top: 10px;}
.con2 .pd-wrap ul li > div {float: right; width: 50%; height: 449px; margin: auto;}
.con2 .pd-wrap .thum {}
.con2 .pd-wrap .thum img {display: block; width: 100%;}
.con2 .pd-wrap .info {background-color: #fff;}
.con2 .pd-wrap .info .txt {padding: 12% 10%;}
.con2 .pd-wrap .info .txt h3 {font-size: 3.2rem; font-weight: bold; color: #7e310f; line-height: 1.1;}
.con2 .pd-wrap .info .txt h3 strong {display: block; margin-top: 15px; font-size: 4.4rem; color: #ff6917; }
.con2 .pd-wrap .info .txt hr {display: inline-block; margin: 4% 0; width: 75%; border-top: 1px dashed #ddd;}
.con2 .pd-wrap .info .txt p {font-size: 1.6rem; color: #888; line-height: 1.8;}

.con2 .pd-wrap ul li:nth-child(2n) .thum {float: left;} 

/*  ! ########### con3 ########### */
.con3 {background-color: #ffecdb;}
.con3 .padding {padding: 8% 0 5%;}
.con3 .tit {}
.con3 .tit h2 {z-index: 1; position: relative; padding: 0 10px; font-size: 5rem; color: #e8572d; line-height: 1.2;}
.con3 .tit p {z-index: 1; position: relative; display: inline-block; margin: 15px 0 25px; font-size: 3.5rem; color: #de613e;}
.con3 .tit p::before {z-index: -1; content: ''; position: absolute; width: 100%; height: 37%; bottom: 4px; left: 0; background-color: #ffd2a9;}
.con3 .thum {}
.con3 .thum img {}
.con3 .txt {}
.con3 .txt dl {font-size: 2.2rem; color: #cc705a;}
.con3 .txt dl dt {font-weight: bold;}
.con3 .txt dl dt dd {}
.con3 .txt p {padding: 2% 10px; font-size: 1.6rem; color: #cea588;}




@media screen and (max-width: 1000px){
  html{font-size:8px;}
  .container {width: 95%;}
  .con1 img {width: 90%;}
  .con2 {height: auto;}
  .con2 .pd-wrap ul li > div {float: none !important; height: auto;}


}



@media screen and (max-width: 768px){
  html{font-size:7px;}
  .con2 .tit h2 img {width: 70%;}
  .con2 .pd-wrap ul li > div {width: 60%;}
  .con2 .pd-wrap .info .txt {padding: 10% 10%;}
  .con2 .pd-wrap .info .txt p {line-height: 1.6;}
  .con3 .tit h2 {font-size: 4.3rem;}




}

@media screen and (max-width: 480px){
  html{font-size:6px;}
  .mo {display: none;}
  .con1 .txt .tag span {font-size: 2.3rem;}
  .con2 .pd-wrap ul li > div {width: 70%;}
  .con3 .tit p {font-size: 3rem;}

}