a{
  text-decoration:none;
  color: white;
}
@media all {
.obro{
  display: block;
  height:860px;width:100%;
}
.ibro{
  width:100%;  height:100%;  left:0;  right:0;  top:0;  bottom:0;
}
.div1{
  display: block;
}
.div2{
  display: none;
}
.brobtn{
  font-family: '微軟正黑體';
  font-size: 32px;
  font-weight: bolder;
  text-align:center;
  background-color: #F39B97;
  display: block;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 15px;
  width: 540px;
  height: 70px;
}
.brobtn:hover{
  background-color: #D18683;
}
.brobtn-xs{
  display: none;
}
}


@media (max-width: 1366px) {
.obro{
  display: block;
  height:580px;width:100%;
}
.ibro{
  width:100%;  height:100%;  left:0;  right:0;  top:0;  bottom:0;
}
.div1{
  display: block;
}
.div2{
  display: none;
}
.brobtn{
  font-family: '微軟正黑體';
  font-size: 20px;
  font-weight: bolder;
  text-align:center;
  background-color: #F39B97;
  display: block;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 2px;
  width: 440px;
  height: 35px;
}
.brobtn:hover{
  background-color: #D18683;
}
.brobtn-xs{
  display: none;
}
}
@media (max-width: 575px) {
  .obro{
    height:450px;width:auto;
  }
  .bro{
    width:100%;  height:90%;  left:0;  right:0;  top:0;  bottom:0;
  }
  .div2{
    display: block;
  }
  .div1{
    display:none;
  }
  .brobtn{
    display: none;
  }
  .brobtn-xs{
    font-family: '微軟正黑體';
    font-weight: bold;
    font-size: 24px;
    font-weight: bolder;
    text-align:center;
    background-color: #F39B97;
    display: block;
    margin-top: 15px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 3px;
    width: 200px;
    height: 70px;
  }
  .brobtn-xs:hover{
    background-color: #D18683;
  }
  }