@charset "UTF-8";  
@media screen and (max-width:1024px) {
    header .menu ul.main>li>a {
        margin: 0;
        padding: 10px 8px;
    }
}
@media screen and (max-width: 880px) {
  .menu.bg > .nav {
    background-color: #fff;
  }
  .nav-wrap .sub-nav a {
    display: block;
  }
  .nav-wrap .sub-nav a:hover {
    color: #333;
  }
  .nav-wrap .sub-nav.twolevel_open a:before {
    /* -webkit-transform: scaleY(0);
    transform: scaleY(0); */
  }
  .nav-wrap .sub-nav:hover a:before, .nav-wrap .sub-nav.twolevel_open a:before {
    background-color: rgb(255, 255, 255);
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
  .nav-wrap .sub-nav:hover .navgroup, .nav-wrap .sub-nav.twolevel_open .navgroup {
    display: none;
  }
  .nav-wrap .navgroup {
    position: relative;
    width: 100%;
  }
  .nav-wrap .navgroup li.secondary-nav:hover .sec-subnav,
  .nav-wrap .navgroup li.secondary-nav .sec-subnav {
    display: none;
  }
  /* .nav-wrap .navgroup li.secondary-nav:hover .sec-subnav,
  .nav-wrap .navgroup li.secondary-nav.threelevel_open .sec-subnav {
    display: none;
  } */
  .nav-wrap .navgroup li.secondary-nav:hover > a i, {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  .nav-wrap .navgroup li.secondary-nav.threelevel_open > a i {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  /* .nav-wrap .navgroup li.secondary-nav > a i {
    right: 20px;
    top: 14px;
    position: absolute;
  } */
  .nav-wrap .sec-subnav {
    width: 100%;
    position: static;
    background-color: #f8f8f8;
  }
  .nav-wrap .sec-subnav li {
    display: block;
    border: none;
    border-bottom: 1px solid #e5e5e5;
  }
  .nav-wrap .sec-subnav li a {
    color: #333;
    padding: 15px;
  }
  .nav-wrap .sec-subnav li a:hover {
    background-color: #fff;
    color: #B80C09;
  }
  /*嚴選旅團 tab*/
  .category-box {
    margin: 0;
  }
  .category-box .tab-box .mainNav li {
    margin: 5px;
    display: inline-block;
  }
  .category-box .tab-box .mainNav li a {
    padding: 10px;
    border-radius: 3px;
  }
  .category-box .tab li {
    height: auto;
    margin-right: 15px;
  }
  .category-box .tab li a:hover:before {
    content: "✈";
    color: #004a18;
  }
  .category-box .info-box {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-direction: row;
    flex-direction: row;
  }
  .category-box .cont-box {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    padding: 15px 10px;
  }
  .category-box .cont-wrap {
    width: 100%;
    max-width: 350px;
    border: 1px solid #c6c6c6;
  }
  .category-box .cont-wrap .img {
    width: 100%;
    max-width: 350px;
    height: 200px;
    overflow: hidden;
  }
  .category-box .cont-wrap .img img {
    width: 100%;
    z-index: 0;
  }
  .category-box .box_wrap {
    background-color: #fff;
    position: relative;
  }
  .category-box .box_item {
    height: 65px;
    border-bottom: 1px solid #e6e6e6;
  }
  .category-box .box_item:first-of-type .item, .category-box .box_item:last-of-type .item {
    border-bottom: 0;
  }
  .category-box .box_item .top-text {
    color: #fff;
  }
  .category-box .box_item p {
    line-height: 2;
  }
  .category-box .box_item:first-of-type {
    position: absolute;
    top: -65px;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.7);
  }
  .inte-inf-box {
    display: block;
    color: #333;
    font-size: 15px;
    padding: 0 10px;
    text-decoration: none;
    position: relative;
  }
  .inte-inf-box .inte-inf {
    padding-top: 10px;
    line-height: 20px;
  }
  .inte-inf-box .text-title {
    width: calc(100% - 70px);
    display: inline-block;
  }
  .inte-inf-box .text-title span {
    font-size: 13.5px;
  }
  .inte-inf-box .text-price {
    text-align: right;
    float: right;
    width: 70px;
    padding-top: 20px;
  }
  .inte-inf-box .text-price .price-inf {
    color: #db0000;
  }
  .inte-inf-box .text-price .top-text {
    color: #fff;
  }
  /*本月精選，原index.css裡面樣式*/
  .index_place .tour .itemCard {
    width: 45%;
  }
  .index_place .tour .itemCard .content-wrap > div.content {
    height: auto;
    width: calc(100% - 70px);
    font-size: 14px;
    padding: 10px;
  }
  .index_place .tour .itemCard h4 {
    font-size: 16px;
  }
  /*本月精選，新增樣式*/
  .content-wrap {
    height: 80px;
    box-sizing: border-box;
    position: relative;
    display: -webkit-flex;
    display: flex;
  }
  .content-wrap .day-box {
    width: 70px;
    padding: 12px 0;
    font-size: 18px;
  }
  .content-wrap .day-box > span {
    font-size: 34px;
  }
}

@media screen and (max-width: 750px) {
  /*嚴選旅團 tab*/
  .category-box .cont-box {
    padding: 2vw 1.33333vw;
  }
  .category-box .cont-wrap {
    max-width: 290px;
  }
  .category-box .box_item {
    height: 75px;
  }
  .category-box .box_item:first-of-type {
    top: -75px;
  }
  .inte-inf-box {
    display: block;
    color: #333;
    font-size: 15px;
    padding: 0 10px;
    text-decoration: none;
    position: relative;
  }
  .inte-inf-box .inte-inf {
    padding-top: 10px;
    line-height: 20px;
  }
  .inte-inf-box .text-title {
    width: calc(100% - 70px);
    display: inline-block;
  }
  .inte-inf-box .text-title span {
    font-size: 13.5px;
  }
  .inte-inf-box .text-price {
    text-align: right;
    float: right;
    width: 70px;
    padding-top: 20px;
  }
  .inte-inf-box .text-price .price-inf {
    color: #db0000;
  }
  .inte-inf-box .text-price .top-text {
    color: #fff;
  }
  /*本月精選，原index.css裡面樣式*/
  .index_place .tour .itemCard {
    width: 45%;
  }
  .index_place .tour .itemCard .content-wrap > div.content {
    width: calc(100% - 70px);
    font-size: 1.86667vw;
    padding: 1.33333vw;
    overflow: hidden;
  }
  .index_place .tour .itemCard h4 {
    font-size: 2.13333vw;
  }
  /*本月精選，新增樣式*/
  .content-wrap {
    height: 80px;
    text-overflow: clipe;
  }
  .content-wrap .day-box {
    font-size: 2.4vw;
  }
  .content-wrap .day-box > span {
    font-size: 4.53333vw;
  }
}

@media screen and (max-width: 425px) {
  /*嚴選旅團 tab*/
  .category-box .cont-box {
    padding: 3.52941vw 2.35294vw;
  }
  .category-box .cont-wrap {
    max-width: 100%;
  }
  .category-box .box_item {
    height: 60px;
  }
  .category-box .box_item:first-of-type {
    top: -60px;
  }
  .inte-inf-box {
    display: block;
    color: #333;
    font-size: 15px;
    padding: 0 10px;
    text-decoration: none;
    position: relative;
  }
  .inte-inf-box .inte-inf {
    padding-top: 10px;
    line-height: 20px;
  }
  .inte-inf-box .text-title {
    width: calc(100% - 70px);
    display: inline-block;
  }
  .inte-inf-box .text-title span {
    font-size: 13.5px;
  }
  .inte-inf-box .text-price {
    text-align: right;
    float: right;
    width: 70px;
    padding-top: 20px;
  }
  .inte-inf-box .text-price .price-inf {
    color: #db0000;
  }
  .inte-inf-box .text-price .top-text {
    color: #fff;
  }
  /*本月精選，原index.css裡面樣式*/
  .index_place .tour .itemCard {
    width: 100%;
    margin: 15px auto;
  }
  .index_place .tour .itemCard .content-wrap > div.content {
    width: calc(100% - 70px);
    font-size: 3.29412vw;
    padding: 2.35294vw;
  }
  .index_place .tour .itemCard h4 {
    font-size: 3.76471vw;
  }
  /*本月精選，新增樣式*/
  .content-wrap .day-box {
    font-size: 4.23529vw;
  }
  .content-wrap .day-box > span {
    font-size: 8vw;
  }
}

@media screen and (max-width: 375px) {
  /*嚴選旅團 tab*/
  .category-box .cont-box {
    padding: 4vw 2.66667vw;
  }
  /*本月精選，原index.css裡面樣式*/
  .index_place .tour .itemCard {
    width: 100%;
  }
  .index_place .tour .itemCard .content-wrap > div.content {
    font-size: 3.73333vw;
    padding: 2.66667vw;
  }
  .index_place .tour .itemCard h4 {
    font-size: 4vw;
  }
  /*本月精選，新增樣式*/
  .content-wrap .day-box {
    font-size: 4.8vw;
  }
  .content-wrap .day-box > span {
    font-size: 9.06667vw;
  }
  .tour_list_place .list .box .content h3 {
    border-bottom: none;
  }
  .category-box .cont-wrap {
    width: 100%;
  }
  .category-box .cont-wrap .img {
    width: 100%;
    max-width: 400px;
    height: 200px;
  }
  .category-box .cont-wrap .img img {
    width: 100%;
    z-index: 0;
  }
}

@media screen and (max-width: 320px) {
  /*嚴選旅團 tab*/
  .category-box .cont-box {
    padding: 4.6875vw 3.125vw;
  }
  .category-box .cont-wrap {
    max-width: 100%;
  }
  .category-box .box_item {
    height: 75px;
  }
  .category-box .box_item:first-of-type {
    top: -75px;
  }
}
/* ----------- RWD ---------- */
/*＿＿＿＿＿公版2訂購面板樣01款＿＿＿＿＿*/
@media screen and (max-width: 1600px) {
  span.datepicler-output_wrap {
    display: block;
  }
  .datepicler-output_wrap input {
    width: 100%;
  }
  .selectDate {
    font-size: 0.97222vw;
  }
}
@media screen and (max-width: 1024px) {
  .datepicler-output_wrap input {
    font-size: 15px;
  }
  .selectDate {
    font-size: 16px;
  }
  .priceGroup .price table .price-item01 {
    width: 33%;
  }
  .priceGroup .price table .price-item02 {
    width: 34%;
  }
  .priceGroup .price table .price-item03 {
    width: 18%;
  }
}

@media screen and (max-width: 768px) {
  .priceGroup .hotel-box select {
    width: calc(100% - 146px);
  }
}

@media screen and (max-width: 640px) {
  .datepicler-output_wrap input {
    width: 100%;
    font-size: 2.10938vw;
  }
  .selectDate {
    font-size: 2.10938vw;
  }
}

@media screen and (max-width: 375px) {
  .Topbox-wrap {
    font-size: 4vw;
  }
  .priceGroup .hotel-box select {
    width: calc(100% - 128px);
  }
  .datepicler-output_wrap input {
    width: 100%;
    font-size: 3.73333vw;
  }
  .selectDate {
    font-size: 3.73333vw;
  }
}

@media screen and (max-width: 320px) {
  .datepicler-output_wrap input {
    width: 100%;
    font-size: 4.375vw;
  }
  .selectDate {
    font-size: 4.0625vw;
  }
}

/*＿＿＿＿＿公版2訂購面板樣02款-日期排序＿＿＿＿＿*/
@media screen and (max-width: 1400px) {
  .list_wrap .table > div {
    font-size: 16px;
  }
  .list_wrap .row {
    -webkit-flex-direction: column;
    flex-direction: column;
  }
  .list_wrap .row > div:first-of-type {
    -webkit-align-self: flex-start;
    align-self: flex-start;
  }
  .list_wrap .row > div:last-of-type {
    -webkit-align-self: flex-end;
    align-self: flex-end;
  }
  .list_wrap .row p {
    margin-bottom: 0;
  }
  .list_wrap .item-box-head .btn {
    padding: 0px 8px;
    font-size: 14px;
  }
  .list_wrap .total {
    margin-top: 20px;
  }
}

@media screen and (max-width: 1280px) {
  .list_wrap h3 {
    font-size: 1.5625vw;
  }
  .list_wrap .table > div {
    white-space: nowrap;
    /*font-size: 0.40625vw;*/
    font-size: 1.20625vw;
  }
  .list_wrap .item-box-head .btn {
    white-space: nowrap;
    padding: 0px 5px;
    font-size: 1.17188vw;
  }
  .list_wrap .item-box-body {
    padding: 0 15px 20px;
  }
  .list_wrap .item-box-body .cpy {
    font-size: 1.40625vw;
  }
  .list_wrap .item-box-body .cpy span {
    font-size: 1.40625vw;
  }
  .list_wrap .item-box-body p {
    font-size: 1.5625vw;
  }
  .list_wrap .item-box-body select {
    width: 4.6875vw;
    height: 2.5vw;
    padding-left: 0.46875vw;
    margin-left: 0.625vw;
    font-size: 1.25vw;
  }
}

@media screen and (max-width: 1000px) {
  .list_wrap h3 {
    font-size: 20px;
  }
  .list_wrap .table > div {
    font-size: 18px;
  }
  .list_wrap .item-box-head .btn {
    font-size: 15px;
  }
  .list_wrap .item-box-body .cpy {
    font-size: 18px;
  }
  .list_wrap .item-box-body .cpy span {
    font-size: 18px;
  }
  .list_wrap .item-box-body p {
    font-size: 20px;
  }
  .list_wrap .item-box-body select {
    width: 60px;
    height: 32px;
    padding-left: 6px;
    margin-left: 8px;
    font-size: 16px;
  }
}

@media screen and (max-width: 640px) {
  .list_wrap h3 {
    font-size: 4.6875vw;
  }
  .list_wrap h3:before {
    width: 1.875vw;
    height: 6.25vw;
    margin-right: 1.875vw;
  }
  .list_wrap .item-content_wrap {
    margin-bottom: 3.125vw;
  }
  .list_wrap .table > div {
    font-size: 4.0625vw;
  }
  .list_wrap .item-box-head .btn {
    padding: 0 1.875vw;
    font-size: 3.75vw;
  }
  .list_wrap .item-box-body {
    padding: 0 4.0625vw 4.0625vw;
  }
  .list_wrap .item-box-body .cpy {
    margin: 2.5vw 0 2.5vw;
    font-size: 4.0625vw;
  }
  .list_wrap .item-box-body .cpy span {
    font-size: 2.8125vw;
  }
  .list_wrap .item-box-body p {
    margin: 3.125vw 0 0;
    font-size: 4.0625vw;
  }
  .list_wrap .item-box-body span {
    font-size: 4.0625vw;
  }
  .list_wrap .item-box-body select {
    width: 14.6875vw;
    height: 5vw;
    padding-left: 0.625vw;
    margin-left: 0;
    font-size: 3.75vw;
  }
}


/*＿＿＿＿＿公版2-行程列表頁 start＿＿＿＿＿*/
@media screen and (max-width: 1440px) { 

  .tour_list_place .list .box .content .h4 {
    max-height: 110px;
  }
  .tour_list_place .list .box .content h4.ellipsis {
    line-height: 1.5;
  }
  .date-box li.date-item-more a {
    width: 3.43032vw;
    height: 3.43032vw;
    padding-top: 0.55794vw;
  }
}
@media screen and (max-width: 1330px) {
  .date-box li.date-item:nth-child(5) {
    display: none;
  }
  .tour_list_place .list .box .item {
    height: 21.96193vw;
  }
  .tour_list_place .list .box .content h3 {
    line-height: 1.3;
    font-size: 1.45305vw;
  }
  .tour_list_place .list .box .content h4 {
    font-size: 1.19900vw;
  }
  .tour_list_place .list .box .content .h4 {
    max-height: 120px;
    height: auto;
  }
  .tour_list_place .list .box .content .price {
    font-size: 1.02489vw;
    padding: 8px 0;
  }
  .tour_list_place .list .box .content .price span {
    /* font-size: 1.81054vw; */
  }
  .tour_list_place .list .box .content h4.ellipsis {
    margin-top: 0;
  }
  .date-box {
    font-size: 1.02489vw;
  }
  .date-box li.date-item-more a {
    width: 3.46032vw;
    height: 3.46032vw;
    line-height: 1.0981vw;
    font-size: 1.02489vw;
    padding-top: 0.55794vw;
  }
}
@media screen and (max-width: 1024px) {
  .tour_list_place .list .box .content h3 {
    margin-bottom: 3px;
    font-size: 1.50710vw;
  }
  .tour_list_place .list .box .content h4.ellipsis {
    margin-top: 0;
    height: 50px;
    line-height: 1.4;
  }
  .date-box a div {
    padding: 3px;
  }
  .date-box li.date-item-more {
    margin-top: 0;
  }
  .date-box li.date-item-more a {
    width: 3.86032vw;
    height: 3.86032vw;
    line-height: 1.3981vw;
    font-size: 1.02489vw; 
  }
  /* 行程列表頁-分頁 start*/
  .pagination-wrap .page-item .page-link {
    /* width: 45px; */
    /* height: 45px; */
    /* line-height: 45px; */
  }
}
@media screen and (max-width: 900px) {

  .tour_list_place .list .box .item {
    height: 34.09091vw;
  }
  .tour_list_place .list .box .content h3 {
    overflow: hidden;
    font-size: 1.99455vw;
  }
  .tour_list_place .list .box .content h4 {
    font-size: 1.9091vw;
  }
  .tour_list_place .list .box .content h4.ellipsis {
    margin-top: 10px;
    line-height: 1.5;
    height: 65px;
  }
  .tour_list_place .list .box .content .h4 span.multi+span.multi {
    padding-left: 5px;
  }
  .tour_list_place .list .box .content .price {
    font-size: 1.59091vw;
  }
  .tour_list_place .list .box .content .price span {
    /* font-size: 2.5vw; */
  }
  /*更多日期*/
  .date-box {
    font-size: 1.59091vw;
  }
  .date-box li.date-item {
    margin-bottom: 10px;
  }
  .date-box li.date-item-more {
    vertical-align: top;
  }
  .date-box li.date-item-more a {
    font-size: 1.67727vw;
    width: 5.54545vw;
    height: 5.54545vw;
    line-height: 1.99091vw;
    padding-top: 0.56818vw;
  }
  .date-box a div {
    padding: 5px;
  }
}

@media screen and (max-width: 750px) {
  .tour_list_place .list .box .item {
    height: auto;
  }
  .tour_list_place .list .box .content h3 {
    height: auto;
    font-size: 2vw;
    padding-bottom: 0.66667vw;
    margin-bottom: 0.66667vw;
  }
  .tour_list_place .list .box .content h4 {
    font-size: 1.86667vw;
  }
  .tour_list_place .list .box .content .h4 {
    height: auto;
  }
  .tour_list_place .list .box .content h4.ellipsis {
    margin-top: 10px;
    line-height: 1.5;
    height: 65px;
  }
  .tour_list_place .list .box .content .price {
    font-size: 1.86667vw;
  }
  .tour_list_place .list .box .content .price span {
    font-size: 2.93333vw;
  }
  .date-box {
    font-size: 1.86667vw;
  }
  .date-box li.date-item-more a {
    width: 5.5vw;
    height: 5.5vw;
    line-height: 2.03333vw;
    font-size: 1.8vw;
  }
}

@media screen and (max-width: 640px) { 
  .order-box li.sortBtn a {
    padding: 13px 10px;
  }
  .tour_list_place .list .box .content {
    width: 100%;
  }
  .tour_list_place .list .box .content h3 {
    font-size: 3.7vw;
  }
  .tour_list_place .list .box .content h4 {
    font-size: 3.1vw;
  }
  .tour_list_place .list .box .content h4.ellipsis {
    font-size: 3.16667vw;
  }
  .tour_list_place .list .box .content .price {
    font-size: 3.7vw;
  }
  .tour_list_place .list .box .content .price span {
    font-size: 4.2vw;
  }
  .date-box a div {
    padding: 6px;
  }
  .date-box li.date-item-more a {
    width: 9.5vw;
    height: 9.5vw;
    line-height: 4.03333vw;
    font-size: 3vw;
  }
}

@media screen and (max-width: 425px) {
  .date-box li.date-item:nth-child(4) {
    display: none;
  }
  .order-box {
    /* width: 100%; */
    /* margin: 4.70588vw 0; */
  }
  .order-box ul {
    display: -webkit-flex;
    display: flex;
  }
  .order-box ul li {
    width: calc(100%/4);
  }
  .order-box ul li a {
    display: block;
    padding: 3.05882vw 2.35294vw;
  }
  .order-box ul li a i {
    display: none;
  }
  .tour_list_place .list .box .item {
    height: auto;
  }

  .tour_list_place .list .box .content h3 {
    font-size: 4vw;
  }
  .tour_list_place .list .box .content h4 {
    font-size: 3.5vw;
  }
  .tour_list_place .list .box .content h4.ellipsis {
    line-height: 1.3;
    height: auto;
    font-size: 3.5vw;
  }
  .tour_list_place .list .box .content .price {
    font-size: 4.06667vw;
  }
  .tour_list_place .list .box .content .price span {
    font-size: 4.83333vw;
  }
  .date-box a div {
    padding: 5px;
  }
  .date-box li.date-item-more a {
    width: 11vw;
    height: 11vw;
    line-height: 4.5vw;
    font-size: 3.5vw;
  }
  /* 分頁 */
  .pagination-wrap {
    margin: 0 auto;
  }

  .pagination-wrap .page-item {
    font-size: 16px;
    font-weight: bold;
  }

  .pagination-wrap .page-item:hover > a  {
    background-color: #666;
    color: #fff;
    border-radius: 5px;
  }

  .pagination-wrap .page-item .page-link,
  .pagination-wrap .page-item .page-link-pre, 
  .pagination-wrap .page-item .page-link-next {
    width: 28px;
    height: 35px;
    line-height: 35px;
  }

  .pagination-bg-open {
    background-color: #666;
    color: #fff;
  }
}

@media screen and (max-width: 375px) {
  .order-box li.sortBtn a {
    padding: 5px;
  }
  .tour_list_place .list .box .item {
    height: auto;
  }
  .tour_list_place .list .box .content h3 {
    font-size: 4.9vw;
  }
  .tour_list_place .list .box .content h4 {
    font-size: 4.39333vw;
  }
  .tour_list_place .list .box .content h4.ellipsis {
    font-size: 4.2vw;
  }
  .tour_list_place .list .box .content .h4 {
    height: auto;
  }
  .tour_list_place .list .box .content .price {
    font-size: 5vw;
  }
  .tour_list_place .list .box .content .price span {
    font-size: 6vw;
  }
  .tour_list_place .list .box .content .h4 span.multi + span.multi {
    padding-left: 10px;
  }
  /* 更多日期 */
  .date-box {
    font-size: 3.73333vw;
  }
  .date-box a div {
    padding: 4px;
  }
  .date-box li.date-item-more a {
    width: 12vw;
    height: 12vw;
    line-height: 4.6vw;
    font-size: 4vw;
    padding-top: 1.5vw;
  }
  /* 分頁 */
  .pagination-wrap .page-item {
    background-color: rgb(237, 238, 239);
    font-size: 16px;
    font-weight: bold;
    margin: 0 3px;
  }
  .pagination-wrap .page-item .page-link,
  .pagination-wrap .page-item .page-link-pre, 
  .pagination-wrap .page-item .page-link-next {
    width: 25px;
    height: 35px;
    line-height: 35px;
    border: 0;
  }
}
@media screen and (max-width: 320px) {
  .pagination-wrap .page-item {
    background-color: rgb(237, 238, 239);
    margin: 0;
  }
  .pagination-wrap .page-item .page-link,
  .pagination-wrap .page-item .page-link-pre, 
  .pagination-wrap .page-item .page-link-next {
    border: 0;
    width: 26px;
  }
}
/*＿＿＿＿＿公版2-行程列表頁 end＿＿＿＿＿*/

/*＿＿＿＿＿歐普雷-會員登入 start＿＿＿＿＿*/
@media screen and (max-width: 768px) {
  .LoginWrap {
    width: 90%;
    max-width: 860px;
    height: auto;
    margin-bottom: 30px;
    display: inline-block;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
  }
  .LoginWrap > div {
    width: 100%;
    position: relative;
  }
  .login-left {
    width: 100%;
    height: 200px;
    background-color: #5dac81;
    border-radius: 5px 0 0 5px;
    display: none;
  }
  .login-right {
    width: 100%;
    height: 550px;
    padding: 40px 25px;
    box-sizing: border-box;
    border-radius: 0 5px 5px 0;
  }
  .login-right .SigninForm .form-group, .login-right .ForgetPWForm .form-group, .login-right .Registeredform .form-group {
    width: 100%;
    margin-bottom: 20px;
  }
  .login-right .SigninForm .form-group input, .login-right .ForgetPWForm .form-group input, .login-right .Registeredform .form-group input {
    width: 100%;
    max-width: 630px;
  }
  .login-right .SigninForm .cellphone select, .login-right .ForgetPWForm .cellphone select, .login-right .Registeredform .cellphone select {
    width: 100%;
    max-width: 80px;
  }
  .login-right .SigninForm .cellphone input, .login-right .ForgetPWForm .cellphone input, .login-right .Registeredform .cellphone input {
    width: 90%;
    max-width: 540px;
  }
}

@media screen and (max-width: 425px) {
  .login-right .SigninForm .cellphone select, .login-right .ForgetPWForm .cellphone select, .login-right .Registeredform .cellphone select {
    width: 100%;
    max-width: 80px;
    border: none;
    border: 1px solid #b9b9b9;
    border-radius: 5px;
    height: 35px;
    line-height: 35px;
    display: inline-block;
  }
  .login-right .SigninForm .cellphone input, .login-right .ForgetPWForm .cellphone input, .login-right .Registeredform .cellphone input {
    width: 90%;
    max-width: 230px;
    display: inline-block;
  }
}

@media screen and (max-width: 375px) {
  .LoginWrap {
    width: 90%;
    max-width: 880px;
    height: auto;
    display: inline-block;
  }
  .login-right {
    max-height: 500px;
    padding: 20px 25px;
  }
  .login-right .SigninForm .main-title, .login-right .ForgetPWForm .main-title, .login-right .Registeredform .main-title {
    font-size: 5.33333vw;
  }
  .login-right .SigninForm .cellphone select, .login-right .ForgetPWForm .cellphone select, .login-right .Registeredform .cellphone select {
    max-width: 60px;
  }
  .login-right .SigninForm .cellphone input, .login-right .ForgetPWForm .cellphone input, .login-right .Registeredform .cellphone input {
    max-width: 195px;
  }
}

@media screen and (max-width: 320px) {
  .LoginWrap {
    width: 90%;
    max-width: 860px;
    height: auto;
    display: inline-block;
  }
  .LoginWrap > div {
    width: 100%;
    position: relative;
  }
  .login-right {
    max-height: 500px;
    padding: 30px 25px;
  }
  .login-right .SigninForm .cellphone select, .login-right .ForgetPWForm .cellphone select, .login-right .Registeredform .cellphone select {
    max-width: 60px;
  }
  .login-right .SigninForm .cellphone input, .login-right .ForgetPWForm .cellphone input, .login-right .Registeredform .cellphone input {
    max-width: 160px;
  }
}
/*＿＿＿＿＿歐普雷-會員登入 end＿＿＿＿＿*/