.page-box{width: 1200px; margin: 20px auto;}
.page-title{margin-top: 25px;}
.page-title h2{text-align: center; font-weight: bold; font-size: 20px; color: #3751c0;}
.page-video{ text-align: center; margin: 35px auto 20px auto;}
.page-detail .info-img{ display: flex; justify-content: space-between; align-items: baseline;}
.page-detail .info-img dl{flex: 1;vertical-align: text-bottom;text-align: center;}
.page-detail .info-img dl dt.first img{ width: 470px;}
.page-detail .info-img dl dt.second img{ width: 528px;}
.page-detail .info-img dl dd{ font-size: 18px; font-weight: bold; color: #504a94; padding: 10px 0;}
.page-detail .info-msg,.page-detail .info-desc{ padding-left: 80px; padding-top: 30px;}
.page-detail .info-msg h3,#mc_embed_signup h2{color: #544796; font-size: 18px; font-weight: bold; margin-bottom: 10px; padding-left: 10px;}
.page-detail .info-msg h3 span{font-weight: normal; color: #6969cb;}
.page-detail .info-msg p{ font-size: 14px; line-height: 22px; padding-left: 25px;}
.page-detail .info-msg li,.input-group li{ margin-left:25px; list-style-type: disc; font-size: 14px; line-height: 26px; }
.input-group li{width: 40%; display: inline-block;}
.input-group li input{margin-right: 5px;}
#mc_embed_signup_scroll .tips{font-size: 16px; color: #ed1b24;}
.mc-field-group{margin: 10px 0;}
.mc-field-info .mc-field-group label{display:block; width: 100%; margin-bottom: 3px;}
.mc-field-info .mc-field-group input,.mc-field-info{width: 50%;}
.mc-field-info .mc-field-group input,.mc-field-info .mc-field-group select{width: 100%;height: 34px;}
.mc-field-info .mc-field-group label span{color: #ed1b24;}
.mc-field-info{position: relative; margin: 20px 0;}
.input-group{margin-top: 15px;}
.mc-field-group strong{font-weight: bold;}
.mc-field-group ul{margin-top: 10px;}
.mc-field-group ul li{margin-bottom: 6px;}
.indicates-required{position: absolute; right: 10px; top: -5px; color:#ed1b24;}
.page-detail .info-msg p span,.info-msg li span{font-weight: bold; color: #0d6c98;}
.page-detail .info-msg p img{margin: 15px 0 25px 0;}
.page-detail .info-desc h3{color: #544796; font-size: 14px; font-weight: bold; margin-bottom: 10px; }
.page-detail .info-desc li{list-style: inside; color: #000503; font-size: 14px; line-height: 24px;}
.page-detail .des-tabs{display: flex;justify-content: space-around; height: 40px;line-height: 40px;width: 100%; margin: 30px 0;}
.page-detail .des-tabs span{flex: 1; text-align: center; cursor: pointer; font-size: 16px; font-weight: bold;}
.page-detail .des-tabs .tab1{border:1px solid #ed1b24;color: #ed1b24;}
.page-detail .des-tabs .tab1.select{background: #ed1b24;color: #fff;}
.page-detail .des-tabs span.tab2{border:1px solid #3da060;color: #3da060;}
.page-detail .des-tabs .tab2.select{background: #3da060;color: #fff;}
.page-detail .des-tabs span.tab3{border:1px solid #df8747;color: #df8747;}
.page-detail .des-tabs .tab3.select{background: #df8747;color: #fff;}
.page-detail .des-msg .item-div{display: none; width: 96%; margin: 0 auto;}
.page-detail .des-msg .item-div.show{display: block;}
.page-detail .des-msg li {line-height: normal; margin: 8px 0; font-size: 14px;list-style-type: disc;}
.page-detail .des-msg li.title{font-weight: bold;color: #1d6892;}
.page-detail .tabs-list{width: 86%; margin: 20px auto;}
.page-detail .list-box{display: flex; justify-content:space-between; flex-flow:row wrap; padding: 20px 80px;}
.page-detail .list-box dl{width: 250px;text-align: center; margin-bottom: 30px;}
.page-detail .list-box dt img{width: 150px; height: 185px;}
.page-detail .list-box dd p{font-size: 14px;}
.page-detail .list-box dd input{ width: 22px; height: 22px; border: 1px solid #000; margin-top: 10px;}
.detail-title h3,.info-form h3{text-align: center; font-size: 16px; font-weight: bold; color: #4947b5; margin: 30px 0;}
.detail-title h3 span{color: #e6c65f;}
.detail-title h3 label{color: #44985d;}
.detail-title h3 font{color: #d18e57;}
.info-title{width: 80%; margin: 20px auto;}
.info-title h3{text-align: center; width: 100%; height: 38px; line-height: 38px; font-size: 14px; font-weight: bold; color: #3b4ec4; border: 3px solid #22b34e;}
.select-list{padding: 15px 120px;}
.select-list ul{display: flex; justify-content:space-between; flex-flow:row wrap;}
.select-list li{width: 50%; font-size: 14px; margin-bottom: 15px;}
.select-list li input{width: 16px; height: 16px; vertical-align: middle;}
.line{ padding-bottom: 15px; border-bottom: 4px solid #21b24d; width: 85%; margin: 0 auto;}
.info-form,.embed-form{ width: 88%; margin: 20px auto;}
.info-form h3{text-align: left;}
.info-form ul{padding: 0px 30px;}
.info-form li{margin: 15px 0; font-size: 14px;}
.info-form li input{width: 230px; height: 30px;}
.info-form li.info{display: flex; justify-content: flex-start;}
.info-form li.info div{width: 150px;}
.info-form li.info div select{width: 120px; height: 30px;}
.info-form li.info div input{width: 120px;}
.mapForm p.btn input,#mc_embed_signup_scroll .clear .button {background: #fff; border:1px solid #333; padding: 5px 15px; border-radius: 8px; margin-left: 30px; margin-top: 20px; cursor: pointer;}
.btnaction{padding-left: 100px; margin-top: 20px; margin-bottom: 30px;}
#mc_embed_signup_scroll .clear .button{margin-left: 0;}
.info-title h3.sh3{
  line-height: 30px;
    text-align: left;
    font-size: 18px;
    padding-left: 25px;
}
#home-iframe {
  height: 6000px;
}
@media only screen and (max-width: 1029px){
  .mobile-css{font-size: 3em;}
  .page-detail .list-box dd input{
    width: 3.6em;
    height: 3.6em;
  }
  .page-detail .info-img dl{
    display: initial;
  }
  .page-detail .info-img dl dd{
    font-size: 1em;
  }
  .info-title h3{
    font-size: 0.8em;
    height:2em;
    line-height: 2em;
  }
  .select-list li{
    font-size: 0.6em;
    margin-bottom: 1em;
  }
  .select-list li input{
    width: 40px;
    height: 40px;
  }
  .page-detail .info-msg p{
    font-size: 1em;
    line-height: 2em;
  }
  .info-title h3.sh3{
    font-size: 1em;
    line-height: 1.6em;
    height: auto;
    margin-top: 1em;
  }
  .info-form p{
    font-size: 1.6em;
  }
  .info-form li input{
    width: 20em;
    height: 2em;
    border: 1px solid #444;
    font-size: 2em;
  }
  .info-form li.info{
    font-size: 0.8em;
  }
  .info-form li.info div{
    width: 100%;
  }
  .info-form li.info input{
    height: 0.9em;
    width: 100%;
  }
  .info-form li.info div select{
    width: 25em;
    height: 6em;
  }
  .info-form li p textarea{
    width: 60em;
    height: 25em;
    border: 1px solid #444;
  }
  .mapForm p.btn input{
    width: 6em;
    height: 3em;
    font-size: 0.7em;
  }
  .page-detail .des-tabs{
    height: 2em;
    line-height: 2em;
  }
  .page-detail .des-tabs span{
    font-size: 1.2em;
  }
  .page-detail .info-img{
    display: initial;
  }
  .page-detail .info-img img,.page-detail .info-img dl dt.first img,.page-detail .info-img dl dt.second img{
    width: 100%;
  }
  .page-detail .info-desc h3{
    font-size: 1.2em;
  }
  .page-detail .info-desc li{
    font-size: 0.8em;
    line-height: 2em;
    margin: 0.6em 0;
  }
  .page-detail .des-msg li.title{
    font-size: 1.2em;
  }
  .page-detail .des-msg li{
    font-size: 0.8em;
  }
  .page-title h2{
    font-size: 3em;
  }
  .page-detail .info-msg li{
    font-size: 0.8em;
    line-height: 2em;
  }
  .page-detail .info-msg h3{
    font-size: 1.2em;
  }
  .info-title{
    width: 100%;
    font-size: 1.4em;
  }
  .detail-title h3, .info-form h3{
    font-size: 1em;
  }
  .input-group,.indicates-required{font-size: 2.5em;}
  .mc-field-info .mc-field-group input, .mc-field-info{width: 100%;}
  .mc-field-info .mc-field-group input, .mc-field-info .mc-field-group select{ font-size: 3em; height: 2em; border: 1px solid #333;}
  .mc-field-group ul li{font-size: 1.2em; margin-bottom: 0.5em; width: 100%;}
  .input-group li input{width: 3em; height: 3em; border: 1px solid #333;}
  .page-detail .info-msg li, .input-group li{line-height: normal;}
  #mc_embed_signup_scroll .clear .button{font-size: 2.5em; padding: 0.6em 2em;}
  .mc-field-group select option{font-size: 0.3em;}
  .page-reservation {flex-direction:column; font-size: 1.5em;}
  .page-title_right {margin-top: 2em;}
  .page-title_right .preOrder-btn {font-size: 2.6em !important;}
  .page-title_left {width: 90%;}
  .page-reserved {font-size: 2em;}
  .page-reserved h3 {font-size: 2em !important;}
  .page-reserved p {font-size: 1.2em !important;}
  .page-reserved p img {width: 12%;}
  #home-iframe {
    height: 7000px;
  }
}