@media screen and (max-width:1100px){
.w1000,.w1080{
	width: 100%;
}
.logo{
	left: 20px;
}
a.mma{
  right: 20px;
}
.warn{
	width: calc(100% - 100px);
	margin-left: 40px;
}
.eventkv{
	overflow: hidden;
}
.eventkv1{
  width: 68%;
}
.eventkv2{
  width: 55%;
}
}
@media screen and (max-width:1050px){
.top {
    margin-top: 0;
}
.eventkv{
  height: 800px;
  background: url(../img/event_kv_m.png) #fff no-repeat bottom center;
  background-size: cover;
}
.eventkv1{
  width: 90%;
  left: 5%;
}
.eventkv2{
  width: 80%;
  left: 10%;
}
.evp1bg{
	display: none;
}
.eventpart1 .f_m{
	display: block;
}
.eventpart1 h1{
    margin: 20px auto;
    line-height: 75px;
}
.eventpart1 h1 span{
	display: block;
	text-align: center;
	margin: 20px auto 0 auto;
}
.three > div{
  display: block;
  margin: 30px auto 60px auto;
}
.three > div.thp2{
  margin: 30px auto 60px auto;
}
.evp1but a{
  display: block;
  padding: 10px 0;
  width: 80%;
  margin: 0 auto 40px auto;
}
h6{
	height: 120px;
}
h6 div{
  background: url(../img/event_txt2.png) no-repeat top center;
  width: 234px;
  height: 105px;
  top: 50px;
  left: calc(50% - 240px);
}
.evp2three{
	width: 320px;
	height:500px;
	overflow: hidden;
	text-align: center;
	margin: 0 auto;
}
.evp2three > div{
	display: block;
	margin: 50px auto;
}
.evp2three > div:nth-child(2){
	margin: 50px auto;
}
.dot.f_m{
	display: block;
}
ul.list {
    width: 85%;
    padding-left: 5%;
}
.warn {
    width: 85%;
    margin-left: 5%;
}
.popup > div{
  width: calc(80% - 40px);
  padding: 20px;
  left: 10%;
}
.hint_text_con {
    display: block;
    position: relative;
    text-align: left;
    z-index: 15;
    width: 80%;
    margin: 50px auto;
}
}
@media screen and (max-width:800px){
.popup > div{
  width: calc(90% - 40px);
  left: 5%;
}
.tablelist > div.ov660{
  width: 100%;
  overflow-x: scroll;
  padding: 0;
}
.tablelist > div.ov660 table{
  width: 660px;
  margin-bottom: 0;
}
}