form>span>label.error {
    color: red !important;
    ;
    border: 0 !important;
    justify-content: flex-end !important;
    min-width: 0px !important;
    width: 100% !important;
    max-width: 100% !important;
    font-size: 14px !important;
    padding-right: 10px !important;
}

#products-error,
#info-error {
    color: red !important;
    font-size: 14px !important;
    border: 0 !important;
    min-width: 50px !important;
    width: 50px !important;
    max-width: 50px !important;
    padding-right: 0px !important;
    padding-left: 0px !important;
    justify-content: center !important;
}

form>span>label.error {
    color: red !important;
    ;
    border: 0 !important;
    justify-content: flex-end !important;
    min-width: 0px !important;
    width: 100% !important;
    max-width: 100% !important;
    font-size: 14px !important;
}

.text-left {
    text-align: left !important;
}

.text-right {
    text-align: right !important;
}

.text-center {
    text-align: center !important;
}

.mx-auto {
    display: block !important;
    margin: auto !important;
}

.mb-1 {
    margin-bottom: 15px !important;
}

.mt-0 {
    margin-top: 0 !important;
}

.mt-15 {
    margin-top: 15px !important;
}

.d-block {
    display: block !important;
    ;
    margin: auto;
}

.d-block2 {
    display: block;
    margin: 0;
}

.line-through {
    text-decoration: line-through;
}

.flex-container {
    justify-content: space-around;
}

.bg_blue {
    background: #0066ff;
}

.bg_green {
    background-color: #b9d300;
}

.bg_gray {
    background: #c9c9c9;
}

.color_fff {
    color: #fff;
}

.item {
    position: relative;
    display: flex;
}

.item a {
    width: 100%;
}

.notice {
    width: 743px;
    margin: auto !important;
}

.disable_btn {
    pointer-events: none;
    /* Disables pointer events */
    opacity: 0.5;
    /* Makes the element semi-transparent to indicate it's disabled */
}

/*pc-pop*/
.back {
    display: inline-flex;
    background: rgba(239, 239, 239, .8);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100001;
}

.list_pop {
    position: fixed;
    background: #fff;
    width: 70%;
    max-width: 1400px;
    left: 15%;
    text-align: center;
    top: 0;
    padding: 15px 30px 30px;
    height: 100vh;
    z-index: 100005;
    display: inline-block;
    box-sizing: border-box;
}

.modal-container {
    position: relative;
    z-index: 100006;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.modal-backdrop {
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
    width: 100vw;
    height: 100vh;
}

.modal {
    background: #fff;
    margin: auto;
    padding: 10px;
    border-radius: 10px;
    height: auto;
    width: auto;
    z-index: 1;
}

.close-btn-container {
    display: flex;
    justify-content: end;
    width: 100%;
    margin: 10px 0;
}

.close-btn {
    background: url(../images/pop_xx.png) no-repeat center center;
    width: 10px;
    height: 10px;
}

.modal-title-container {
    display: flex;
    flex-direction: row;
    font-size: 18px;
    margin: 5px 0;
}

.blue-color {
    color: #0066ff;
}

.modal-title-container h5 {
    margin: 0;
}

.modal-insurance-form {
    display: flex;
    flex-direction: column;
    width: 350px;
}

.form-item {
    margin: 3px 0;
    display: flex;
}

.form-lable {
    border: solid 1px #efefef;
    font-size: 10pt;
    height: 20px;
    display: flex;
    align-items: center;
    flex: 1;
}

.form-lable-text {
    padding-left: 5px;
}

.form-lable-select {
    padding-right: 5px;
}

.form-input {
    flex: 2;
}

.eticket-delete-btn {
    width: 100%;
}

.cancel-deletion-btn {
    width: 100%;
}

.stack-btn-container {
    display: flex;
    flex-direction: column;
    width: 100%;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.stack-btn {
    margin-bottom: 10px;
    padding: 10px 0;
    border-radius: 5px;
    width: 100%;
}

.modal-text {
    font-size: 16px;
}

.xx,
.warn_xx {
    position: absolute;
    display: inline-flex;
    z-index: 100009;
    background: url(../images/pop_xx.png) no-repeat center center;
    width: 30px;
    height: 30px;
    right: 30px;
    top: 30px;
}

.warn_pop {
    position: fixed;
    display: flex;
    background: rgb(255 255 255 / 85%);
    text-align: center;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100vh;
    padding: 0px;
    left: 0;
    top: 0;
    z-index: 100005;
}

.warn_text {
    position: relative;
    display: inline-block;
    height: auto;
    box-sizing: border-box;
    width: 50%;
    max-width: 400px;
    font-size: 28px;
    font-weight: bold;
    padding: 30px;
    margin: auto;
    border: solid 5px #b8d200;
    border-radius: 50px;
    background: #fff;
}

.warn_text>a {
    position: relative;
    display: inline-flex;
    transition: 0.4s;
    width: 45%;
    font-size: 18px;
    font-weight: bold;
    border-radius: 15px;
    justify-content: center;
    text-align: center;
    align-self: center;
    padding: 11px 0;
}

.warn_pop .warn_xx {
    position: absolute;
    width: 30px;
    right: -45px;
    top: -15px;
}


.page_m_logo {
    position: relative;
    display: block;
    background: url(../images/page_m_logo.png) no-repeat center center;
    background-size: contain;
    width: 100px;
    height: 85px;
    margin: auto;
}

.list_pop .inside {
    position: relative;
    display: inline-block;
    overflow: auto;
    margin: 15px -10px 0 0;
    height: calc(100vh - 210px);
    padding: 0 10px 0 0;
}

.list_pop .title_text {
    position: relative;
    display: inline-block;
    width: 100%;
    height: auto;
    text-align: center;
}

.list_pop .scroll_hight .title_text {
    margin: 15px 0 30px;
}

.list_pop .title_text>h5 {
    position: relative;
    display: block;
    font-size: 24px;
    font-weight: bold;
    margin: 0 auto;
}

.list_pop .title_text>h4 {
    position: relative;
    display: inline-block;
    width: 100%;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    margin: 0 auto 0;
    letter-spacing: 1px;
    background: #0066ff;
    color: #fff;
    padding: 10px 0;
}

.subtitle {
    position: relative;
    display: inline-block;
    width: 100%;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    margin: 30px auto;
}

.list_pop form,
.personalData,
.Preview_personalData,
.member_login {
    position: relative;
    display: inline-block;
    width: 100%;
}

.list_pop form>span {
    position: relative;
    display: inline-flex;
    width: 100%;
    margin: 0 auto 15px;
    align-items: center;
    flex-wrap: wrap;
}

.personalData>div {
    position: relative;
    display: inline-flex;
    width: 100%;
    margin: 0 auto 15px;
    height: 45px;
    align-items: center;
}

.list_pop form>span>label {
    font-size: 18px;
    display: inline-flex;
    width: 125px;
    min-width: 125px;
    max-width: 125px;
    text-align: left;
    border: solid 1px #efefef;
    padding: 0 5px 0 8px;
    box-sizing: border-box;
    flex-wrap: wrap;
    justify-content: left;
    align-items: center;
    color: #000;
    font-weight: 500;
    margin-right: -1px;
    height: 45px;
}

.list_pop form>span>input {
    font-size: 18px;
    display: inline-flex;
    border: solid 1px #efefef;
    padding: 0 5px 0 10px;
    box-sizing: border-box;
    flex-wrap: wrap;
    flex: 1;
    justify-content: left;
    align-items: center;
    color: #000;
    font-weight: 500;
    height: 45px;
}

.list_pop form>.width_100>input {
    font-size: 18px;
    line-height: 40px;
    display: inline-flex;
    width: 100%;
    border: solid 1px #efefef;
    padding: 0 5px 0 10px;
    box-sizing: border-box;
    flex-wrap: wrap;
    justify-content: left;
    align-items: center;
    color: #000;
    font-weight: 500;
    margin-right: 5px;
}

.list_pop form>span select {
    font-size: 18px;
    line-height: 40px;
    display: inline-flex;
    width: 125px;
    min-width: 125px;
    max-width: 125px;
    border: solid 1px #efefef;
    padding: 0 5px 0 4px;
    box-sizing: border-box;
    background: #fff;
    margin-right: -1px;
    flex-wrap: wrap;
    justify-content: left;
    align-items: center;
    color: #000;
    font-weight: 500;
    height: 45px;
}

.list_pop form>span>.cardNo {
    width: 100%;
    flex: 1;
    max-width: 100%;
    min-width: 200px;
}

.list_pop form>span>#verify,
.list_pop form>span>.verify {
    width: 25%;
}

.code_btn {
    position: relative;
    display: inline-flex;
    width: auto;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    text-align: left;
}

.code_btn>img {
    width: auto;
    margin: 0 auto;
    height: 100%;
}

.list_pop form>.checkbox {
    width: 100%;
    font-size: 18px;
    align-items: center;
    margin: 0 auto;
    height: 45px;
}

.list_pop form>.checkbox>.checkbox {
    position: relative;
    display: inline-flex;
    width: 25px;
    max-width: 25px;
    height: 25px;
    border-radius: 3px;
    border: 1px solid #000;
    margin: auto 10px;
    font-size: 16px;
    color: #454545;
    vertical-align: sub;
}

.list_pop form>.checkbox a {
    border-bottom: solid 1px #000;
    padding: 0 0 1px 0;
}

.personalData>span:last-child {
    margin: 0 auto 30px;
}

#sendVerifyCodeTEST0814 {
    position: relative;
    display: inline-flex;
    transition: 0.4s;
    width: 35%;
    font-size: 18px;
    font-weight: bold;
    border-radius: 50px;
    padding: 11px 0;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    text-align: center;
}

#sendVerifyCode {
    position: relative;
    display: inline-flex;
    transition: 0.4s;
    font-size: 16px;
    font-weight: bold;
    border-radius: 50px;
    padding: 11px 0;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    text-align: center;
    min-width: 110px;
}

.pop_btn {
    position: relative;
    display: inline-flex;
    width: 60%;
    height: auto;
    margin: auto auto 30px;
    justify-content: space-around;
    align-items: center;
    text-align: center;
}

.pop_btn>a {
    position: relative;
    display: inline-flex;
    transition: 0.4s;
    width: 45%;
    font-size: 18px;
    font-weight: bold;
    border-radius: 50px;
    padding: 11px 0;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    text-align: center;
}

/* Let's get this party started */
.inside::-webkit-scrollbar {
    width: 10px;
    height: 80%;
    background: #b9d300;
}

.inside::-webkit-scrollbar-thumb {
    width: 10px;
    height: 100px;
    background: rgb(255 255 255 / 50%);
    border-radius: 0px;
}

.scroll_hight::-webkit-scrollbar {
    width: 10px;
    height: 80%;
    background: #b9d300;
}

.scroll_hight::-webkit-scrollbar-thumb {
    width: 10px;
    height: 100px;
    background: rgb(255 255 255 / 50%);
    border-radius: 0px;
}

.pdSlide01::-webkit-scrollbar,
.pdSlide02::-webkit-scrollbar,
.pdSlide03::-webkit-scrollbar {
    width: 100%;
    height: 10px;
    background: #b9d300;
}

.pdSlide01::-webkit-scrollbar-thumb,
.pdSlide02::-webkit-scrollbar-thumb,
.pdSlide03::-webkit-scrollbar-thumb {
    width: 100px;
    height: 10px;
    background: rgb(255 255 255 / 50%);
    border-radius: 0px;
}


/*忘記密碼*/
.forget_password {
    position: relative;
    display: inline-block;
    width: 100%;
    height: auto;
}

.forget_password>h5 {
    font-size: 20px;
    font-weight: bold;
    margin: 30px auto 30px;
}

.QR_code {
    position: relative;
    display: inline-block;
    width: 100%;
    margin: 0 auto;
}

.QR_code>img {
    object-fit: contain;
    margin: 0 auto;
    max-width: 300px;
}

.forget_password .pop_btn {
    position: relative;
    display: flex;
    width: 60%;
    margin: 15px auto 45px;
}

.forget_password .pop_btn>a {
    width: 100%;
    max-width: 200px;
}

/* 表單完成頁 */
.Preview_personalData {
    border: solid 1px #efefef;
    padding: 15px 0;
    width: calc(100% - 4px) !important;
    margin: 0 auto 75px;
}

.Preview_personalData>div {
    position: relative;
    display: inline-flex;
    width: 100%;
    margin: 0 auto 15px;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    text-align: left;
}

.Preview_personalData>div>span {
    font-size: 18px;
    font-weight: bold;
    min-width: 200px;
    height: 100%;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

/* 會員登入 */
.member_login {
    margin: 30px 0 75px;
}

.list_pop .member_login>span>label {}

.list_pop .member_login>span>input {
    width: 100%;
}

.list_pop form>.tips {
    position: relative;
    display: inline-block;
    width: 100%;
    max-width: 800px;
    font-size: 14px;
    margin: auto;
    height: auto;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
    text-align: center;
}

.list_pop form>.tips>a {
    position: relative;
    display: inline-block;
    letter-spacing: 1px;
}

.tips>a:first-child {
    text-align: right;
}

.tips>a:last-child {
    text-align: left;
}

.list_pop form>.tips>i {
    position: relative;
    display: inline-block;
    margin: auto 0px auto 6px;
    text-align: center;
}

/*投保免費公共自行車傷害險 */
.addInsuredData {
    position: relative;
    display: inline-block;
    margin: 30px auto 420px;
    border: solid 1px #efefef;
    padding: 15px 0;
    width: calc(50% - 4px) !important;
    height: auto;
    border-radius: 50px;
    text-align: center;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.addInsuredData2 {
    position: relative;
    display: inline-block;
    margin: 30px auto 210px;
    width: 100%;
}

.addInsured_icon {
    position: relative;
    display: inline-block;
    margin: auto;
    width: 50px;
    height: 50px;
    background: url(../images/addInsured_icon.png) no-repeat center center;
    background-size: contain;
}

.addInsuredData>h5 {
    font-size: 18px;
    font-weight: bold;
    margin: auto;
}

.remind_text {
    position: relative;
    display: inline-block;
    font-size: 18px;
    font-weight: bold;
    margin: auto;
    text-align: left;
    height: auto;
    width: 100%;
}

/* 資料修改 */
.Data_modify {
    margin: 0 0;
}

.card_data_modify>span {
    flex-wrap: wrap !important;
}

.list_pop form .plus_box select,
.plus_box input {
    background: #eeeeee;
    color: #c9c9c9;
}

.ordinary_link {
    border-bottom: solid 1px #0066ff;
    color: #0066ff;
    padding: 0 0 1px 0;
}

/*webkit瀏覽器專用*/
.plus_box ::-webkit-input-placeholder {
    color: #c9c9c9;
}

/*Firefox 4-18瀏覽器專用*/
.plus_box input::-moz-placeholder {
    color: #c9c9c9;
}

/*Firefox 19+瀏覽器專用*/
.plus_box input::-moz-placeholder {
    color: #c9c9c9;
}

/*IE10瀏覽器專用*/
.plus_box:-ms-input-placeholder {
    color: #c9c9c9;
}

.less_box select,
.less_box input {
    border-color: #b9d300 !important;
    width: 50%
}

.error_box {
    padding: 0 0 30px 0;
}

.error_box input {
    border: solid 1px #ff0000 !important;
    width: calc(75% - 55px) !important;
}

.error_text {
    position: absolute;
    display: inline-block;
    color: #ff0000;
    width: auto;
    left: 25%;
    bottom: 5px;
    width: 500px;
    text-align: left;
}

.error_boxA {
    padding: 0 0 30px 0;
}

.error_boxA input {
    border: solid 1px #ff0000 !important;
}

.error_boxA .error_text {
    position: absolute;
    display: inline-block;
    color: #ff0000;
    width: auto;
    left: 0;
    bottom: 5px;
    width: 100%;
    text-align: left;
}

/* 服務條款 */
.service_title {
    font-size: 24px;
    font-weight: bold;
    text-align: left;
    margin: 30px 0 0px;
}

.service_list {
    position: relative;
    display: inline-table;
    list-style-type: none;
    text-align: left;
    padding: 0;
    margin: 0;
}

.service_list>li {
    line-height: 1.8;
    margin: 5px 0;
}

.service_list>li>b {
    position: relative;
    display: block;
    font-weight: bolder;
    font-size: 18px;
    font-family: 'Microsoft YaHei', 'Microsoft JhengHei', sans-serif, Arial, Helvetica, sans-serif;
}

.service_list>li>span {
    font-size: 15px;
    letter-spacing: 0.2px;
    position: relative;
    display: block;
}

.service_list>li>ol {
    list-style-type: none;
    padding: 0;
}

.service_list>li>ol>li {
    text-indent: 0;
    padding-left: 15px;
}

#servicepolicy .checkbox {
    position: relative;
    display: block;
    width: 100%;
    font-size: 16px;
    align-items: center;
    text-align: left;
}

#servicepolicy .checkbox>.checkbox {
    position: relative;
    display: inline-flex;
    width: 25px;
    height: 25px;
    border-radius: 3px;
    border: 1px solid #000;
    margin: auto 10px;
    font-size: 16px;
    color: #454545;
    vertical-align: sub;
}

#servicepolicy .pop_btn {
    margin: 30px 0;
}

.Insurance_clause {
    width: 100%;
    max-width: 1280px;
    margin: auto;
    position: relative;
    display: block;
    overflow-x: hidden;
}

.Insurance_clause .scroll_hight {
    height: auto;
    max-height: initial;
    padding: 5px 30px;
}

/*共用*/
.inside .title .text {
    position: relative;
    display: inline-flex;
    text-align: left;
    align-self: center;
    vertical-align: middle;
    align-content: center;
    align-items: center;
    width: auto;
    height: auto;
    margin: auto 0;
    min-width: 90px;
    font-size: 22px;
    font-weight: bold;
}

.inside .title .icon {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 30px;
    font-size: 22px;
    font-weight: bold;
    margin: auto 0 auto 5px;
}

.inside .title .icon>img {
    height: 100% !important;
    width: auto;
    ;
}

.icon_ashcan,
.less_btn {
    position: relative;
    display: inline-block;
    background: url(../images/icon_ashcan.png)no-repeat center center;
    width: 30px;
    height: 30px;
    background-size: 95%;
    margin: auto 5px auto 5px;
    vertical-align: middle;
}

.icon_plus,
.plus_btn {
    position: relative;
    display: inline-block;
    background: url(../images/icon_plus.png)no-repeat center center;
    width: 30px;
    height: 30px;
    background-size: 95%;
    margin: auto 5px auto 5px;
    vertical-align: middle;
}

.btn-container {
    display: flex;
    justify-content: center;
    align-items: center;
    width: auto;
}

.rounded-button {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 15px;
    padding: 10px 10px;
    color: white;
    border-radius: 25px;
    border: none;
    height: 30px;
    width: 100px;
    min-width: 80px;
    margin-left: 10px;
    cursor: pointer;
}

.rounded-button-flat {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 15px;
    padding: 0 20px;
    margin-top: 10px;
    border-radius: 25px;
    border: none;
    height: 30px;
    width: 100px;
    min-width: 80px;
    cursor: pointer;
}

.background-theme-blue {
    background-color: #007bff;
}

.background-theme-green {
    background-color: #b9d300;
}

/*城市地圖*/
.city_news {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    height: auto;
    background: #fff;
    text-align: center;
    margin: 50px 0 50px 0;
}

.city_news .inside {
    position: relative;
    max-width: 1100px;
    width: 90%;
    height: auto;
}

.city_news .inside .title {
    flex: 1;
    width: 100%;
    position: relative;
    /* display: inline-flex; */
    margin: 0 auto 45px;
    padding: 0 0;
    box-sizing: border-box;
    text-align: left;
    align-self: center;
    vertical-align: middle;
    align-content: center;
    align-items: center;
    overflow: hidden;
}

.city_news .inside .title .text {
    position: relative;
    display: inline-flex;
    text-align: left;
    align-self: center;
    vertical-align: middle;
    align-content: center;
    align-items: center;
    margin: auto 0;
    overflow: hidden;
}

.city_news_message {
    flex: 1;
    position: relative;
    display: flex;
    text-align: left;
    align-self: center;
    vertical-align: middle;
    align-content: center;
    align-items: center;
    margin: auto;
}

.city_news_icon {
    position: relative;
    display: inline-block;
    background: url(../images/city_news_icon.jpg) no-repeat center center;
    overflow: hidden;
    border-radius: 50px;
    width: 180px;
    height: 180px;
    text-align: left;
    vertical-align: top;
    justify-content: space-between;
}

.city_news_message>ul {
    /* position: relative; */
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    vertical-align: middle;
    width: calc(100% - 180px);
    list-style-type: none;
    box-sizing: border-box;
    font-size: 16px;
    height: 180px;
    align-content: space-between;
}

.city_news_message>ul>li {
    line-height: 1.5;
    margin: 0 auto;
    width: 100%;
    display: inline-flex;
    position: relative;
    align-items: center;
    vertical-align: middle;
    text-align: center;
}

.city_news_message>ul>li>div,
.city_news_message>ul>li>a {
    position: relative;
    display: table-cell;
    width: 100%;
    vertical-align: middle;
    height: auto;
}

.city_news_message>ul>li b {
    position: relative;
    display: block;
    font-weight: bold;
    font-size: 18px;
    width: 100%;
    text-align: left;
    font-family: 'Microsoft YaHei', 'Microsoft JhengHei', sans-serif, Arial, Helvetica, sans-serif;
    display: -webkit-box;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.city_news_message>ul>li span {
    width: 100%;
    display: -webkit-box;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    padding-left: 20px;
}

.city_news_message>ul>li:last-child {
    margin: 0;
}

.more_btnA {
    position: relative;
    display: inline-block;
    font-size: 18px;
    color: #fff;
    background: #0166ff;
    font-weight: bold;
    padding: 0;
    line-height: 2;
    border-radius: 50px;
    vertical-align: middle;
    width: 120px;
    text-align: center;
    justify-content: center;
    align-items: center;
}

.city_map_tab {
    position: relative;
    display: inline-block;
    width: 100%;
    height: auto;
    background: #f5f5f5;
    text-align: center;
    margin: 60px 0 0;
}

.city_map_tab .inside {
    position: relative;
    /* display: inline-block; */
    display: block;
    /* max-width: 1100px; */
    max-width: 100%;
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0px 0 30px;
}

.city_map_tab .inside .all_tab_content {
    display: inline-block;
    text-align: center;
    max-width: 1100px;
}

#tabMenu>ul>li>a.NOWTAB {
    position: relative;
    z-index: 99;
    font-weight: bold;
    border: solid 20px #0066ff;
    border-radius: 100px;
    transform: scale(1.2);
    transform-origin: center center;
}

/*頁籤ul */
#tabMenu {
    position: relative;
    display: inline-block;
    /* display: block; */
    width: 100%;
    margin: 0 0 30px;
    /* overflow-x: auto; */
    overflow-y: visible;
}

#tabMenu>ul {
    position: relative;
    display: inline-flex;
    /* margin:-60px auto 0; */
    margin: 0;
    padding: 0;
    width: max-content;
    /* height: max-content; */
    max-width: 100vw;
    height: 180px;
    /* justify-content: center; */
    justify-content: flex-start;
    /* align-items:left; */
    align-items: center;
    text-align: center;
    overflow-x: auto;
    overflow-y: visible;
    /* left: 50%;
    transform: translateX(-50%); */
}

#tabMenu>ul>li:first-child {
    margin-left: 40px;
}

#tabMenu>ul>li:last-child {
    margin-right: 40px;
}

#tabMenu>ul>li {
    vertical-align: middle;
    /* text-align: center; */
    list-style-type: none;
    position: relative;
    display: inline-block;
    margin: 0 30px;
}

#tabMenu>ul>li>a {
    position: relative;
    vertical-align: middle;
    display: inline-flex;
    width: 80px;
    height: 80px;
    transition: 0.4s;
    align-content: center;
    align-items: center;
    text-align: center;
    justify-content: center;
    margin: auto;
    font-size: 20px;
    font-weight: bold;
    border: solid 10px #000;
    border-radius: 50px;
    background: #fff;
}

.tab-content {
    position: relative;
    display: inline-block;
    max-height: 550px;
    overflow: hidden;
    overflow-y: auto;
}

.tab-content>ul {
    width: 100%;
    list-style: none;
    display: table;
    margin: 0 auto;
    border-collapse: collapse;
}

.tab-content>ul .thead {
    display: table-header-group;
}

.tab-content>ul>li .tr {
    display: table-row;
    padding: 0;
    height: 70px
}

.tab-content>ul>.tbody {
    display: table-row-group;
    background: #fff;
}

.tab-content>ul .thead li,
.tr li {
    display: table-cell;
    vertical-align: middle;
    margin: auto;
    padding: 5px;
    line-height: 2;
    border: 1px solid #efefef;
    border-top: none;
    border-bottom: none;
}

.tab-content>ul .thead li {
    text-align: center;
    font-weight: bold;
    color: #fff;
    background: #0066ff;
}


.Google_Maps_icon {
    position: relative;
    display: flex;
    margin: auto;
    background: url(../images/Google_Maps_icon.png) no-repeat center center;
    width: 100%;
    height: 30px;
    background-size: contain;
}

/*頁籤div內容*/
#tab>div,
#tab_A>div {
    clear: both;
    padding: 0 15px;
    height: 0;
    overflow: hidden;
    visibility: hidden;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}



/* Let's get this party started */
.tab-content::-webkit-scrollbar {
    width: 10px;
    height: 80%;
    background: #b9d300;
}

.tab-content::-webkit-scrollbar-thumb {
    width: 10px;
    height: 100px;
    background: rgb(255 255 255 / 50%);
    border-radius: 0px;
}



/*騎乘費率*/
.ride_cost {
    position: relative;
    display: inline-block;
    width: 100%;
    height: auto;
    background: #fff;
    text-align: center;
    overflow: hidden;
}

.ride_cost .inside {
    position: relative;
    display: inline-block;
    max-width: 1000px;
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0px 0 60px;
}

.cost {
    position: relative;
    display: inline-flex;
    width: 100%;
    background: #b9d300;
    border-radius: 50px;
    overflow: hidden;
    justify-content: space-between;
    align-items: center;
}

.cost_img {
    position: relative;
    display: inline-block;
    width: auto;
    max-width: 50%;
}

.cost_img>img {
    object-fit: contain;
    margin: 0 auto;
    max-height: 300px;
    width: auto;
}

.cost_text {
    position: relative;
    display: inline-grid;
    min-width: 50%;
    width: 100%;
}

.cost_text>h6 {
    position: relative;
    font-size: 24px;
    font-weight: bold;
    display: block;
    border-bottom: solid 1px #fff;
    width: 80%;
    padding: 0 0 15px;
    margin: auto auto 30px;
    color: #fff;
}

.cost_text>div {
    position: relative;
    font-size: 24px;
    font-weight: bold;
    display: inline-block;
    width: 100%;
    color: #fff;
    margin: 5px auto;
    max-width: 505px;
    text-align: left;
    justify-content: left;
    align-items: center;
}

.cost_text>div>.time {
    width: auto;
    text-align: left;
}

.cost_text>div>.fee {
    width: auto;
    text-align: center;
}

/*Blake 0616 add  */
.cost_textN {
    position: relative;
    display: inline-grid;
    min-width: 50%;
    width: 100%;
}

.cost_textN>h6 {
    position: relative;
    font-size: 24px;
    font-weight: bold;
    display: block;
    border-bottom: solid 1px #fff;
    width: 80%;
    padding: 0 0 15px;
    margin: auto auto 30px;
    color: #fff;
}

.cost_textN>div {
    position: relative;
    font-size: 24px;
    font-weight: bold;
    display: inline-flex;
    width: 100%;
    color: #fff;
    margin: 5px 0;
    padding: 0 15px;
}

.cost_textN>div>.time {
    width: 30%;
    text-align: center;
}

.cost_textN>div>.fee {
    width: 70%;
    text-align: center;
}


/*最新消息*/
.moovo_news {
    position: relative;
    display: inline-block;
    width: 100%;
    height: auto;
    background: #fff;
    text-align: center;
    overflow: hidden;
    box-sizing: border-box;
    margin: 0 auto 30px;
}

.moovo_news .inside {
    position: relative;
    display: inline-block;
    max-width: 1100px;
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 30px 0 0 250px;
    box-sizing: border-box;
    clear: both;
    min-height: 340px;
}

.news_menu {
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    width: 250px;
    height: 100%;
    border-right: solid 2px #e3e3e3;
    padding: 0;
    margin: 0;
    text-align: center;
    margin: 30px 0 0;
    list-style-type: none;
    vertical-align: top;
}

.news_menu>ul {
    padding: 0;
    margin: 0;
    position: relative;
    width: 100%;
    top: 0;
    left: 0;
}

.news_menu li {
    position: relative;
    display: block;
    width: 100%;
    width: 100%;
}

.news_menu li>a {
    position: relative;
    width: 100%;
    ;
    font-size: 20px;
    display: inline-block;
    padding: 10px 0;
    line-height: 2;
    vertical-align: top;
    background: #c9c9c9;
    color: #fff;
    margin: 0 0 1px 0;
}

.news_menu li>a.active {
    background: #0066ff;
}

.news_message {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 100%;
    padding: 0 0 0 30px;
    box-sizing: border-box;
    text-align: left;
    list-style-type: none;
}

.news_message>ul {
    position: relative;
    display: inline-block;
    width: 100%;
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.news_message>ul>li {
    position: relative;
    display: inline-flex;
    vertical-align: middle;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin: 0 auto 15px;
}

.news_img {
    position: relative;
    display: inline-block;
    border-radius: 10px;
    overflow: hidden;
    width: 150px;
    height: 150px;
    background: #c9c9c9;
    margin: auto;
    text-align: center;
    align-self: center;
    justify-content: center;
    vertical-align: top;
}

.news_img>img {
    display: block;
    object-fit: contain;
    margin: auto 0;
    max-width: 150px;
    height: 150px;
}

.new_text {
    position: relative;
    display: inline-grid;
    height: 150px;
    vertical-align: top;
    width: calc(100% - 160px);
    padding: 0 0 40px 30px;
    box-sizing: border-box;
    align-self: center;
    justify-content: left;
    font-family: 'Microsoft JhengHei', 'Microsoft YaHei', sans-serif;
}

.new_text b {
    position: relative;
    display: block;
    font-size: 18px;
    font-weight: bold;
}

.new_text>span {
    position: relative;
    display: block;
    width: 90%;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.6;
    letter-spacing: .5px;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-align: left;
}

.new_text .time {
    display: inline-block;
    color: #808080;
    font-size: 16px;
    position: relative;
    width: 100%;
    height: auto;
}

.new_text .time>span {
    position: relative;
    display: inline-block;
    justify-content: center;
    align-items: center;
    margin: auto 15px auto auto;
}

.news_message>ul>li .more_btnA {
    position: absolute;
    line-height: 2;
    right: 0;
    bottom: 0;
    margin: 0;
    ;
}

.new_text h6 {
    font-size: 30px;
    margin: auto;
}


/* bookmark */
.bookmark {
    text-align: center;
    font-size: 0.8em;
    padding: 0;
    color: #808080;
    margin: 0px 0 5px 0;
}

.bookmark a {
    display: inline-block;
    font-size: 16px;
    font-family: Microsoft JhengHei;
    line-height: 40px;
    width: 40px;
    font-weight: bold;
}

/*內頁*/
#new_in {
    font-family: 'Microsoft JhengHei', 'Microsoft YaHei', sans-serif;
}

#new_in .new_title {
    position: relative;
    display: table;
    width: auto;
    margin: 0 0 70px 0;
    text-align: left;
    font-size: 24px;
    font-weight: bold;
    border-bottom: solid 2px #0066ff;
    padding: 0 0 5px 0;
}

#new_in>.time {
    display: inline-block;
    color: #808080;
    font-size: 16px;
}

#new_in>.time>span {
    position: relative;
    display: inline-block;
    justify-content: center;
    align-items: center;
    margin: auto 15px auto auto;
}

#new_in>.in_title {
    position: relative;
    display: block;
    font-size: 18px;
    font-weight: bold;
}

.text_img {
    max-width: 480px;
    border-radius: 10px;
    overflow: hidden;
    margin: 15px 0;
}

.text_img>img {
    display: block;
    object-fit: contain;
    margin: auto;
}

.in_text {
    position: relative;
    display: block;
    color: #000;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.6;
    letter-spacing: .5px;
}

.in_text>p {
    margin: 5px 0;
}

.in_text>p>a {
    border-bottom: solid 1px #000;
}

/*頁腳*/
.footer_data {
    position: relative;
    display: inline-block;
    width: 100%;
    height: auto;
    background: #fff;
    text-align: center;
    overflow: hidden;
    box-sizing: border-box;
    margin: 0 auto 30px;
}

.footer_data .inside {
    position: relative;
    display: inline-block;
    max-width: 1100px;
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 30px 0 0 250px;
    box-sizing: border-box;
    clear: both;
    min-height: 300px;
}

.footer_menu {
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    width: 250px;
    height: 100%;
    border-right: solid 2px #efefef;
    padding: 0;
    margin: 0;
    text-align: center;
    margin: 30px 0 0;
    list-style-type: none;
    vertical-align: top;
}

.footer_menu>ul {
    padding: 0;
    margin: 0;
    position: relative;
    width: 100%;
    top: 0;
    left: 0;
}

.footer_menu li {
    position: relative;
    display: block;
    width: 100%;
    margin-top: -2px;
}

.footer_menu li>a {
    position: relative;
    width: 100%;
    ;
    font-size: 20px;
    display: inline-block;
    padding: 10px 0;
    line-height: 2;
    vertical-align: top;
    background: #fff;
    color: #000;
    margin: 0 0 1px 0;
    border-top: solid 2px #efefef;
}

.footer_menu li>a.active {
    background: #efefef;
}

.footer_menu li:first-child>a {
    border: none !important;
}

.footer_data .article_page {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 100%;
    padding: 0 0 0 30px;
    box-sizing: border-box;
    text-align: left;
    list-style-type: none;
}

.footer_data .service_list>li>ol>li {
    text-indent: 0 !important;
    margin: 0;
}

.article_page .service_title {
    margin: 0 0 30px;
}

.article_page>ul {
    position: relative;
    display: inline-block;
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.article_page>ul>li {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin: 0 auto 15px;
}

.article_page>ul>li>b>i {
    font-style: normal
}

/* QA常見問題 */
.QA_title {
    font-size: 24px;
    font-weight: bold;
    text-align: left;
    margin: 30px 0 0px;
}

.QA_list {
    position: relative;
    display: inline-table;
    list-style-type: none;
    text-align: left;
    padding: 0;
    margin: 0;
}

.QA_list>li {
    line-height: 1.8;
    margin: 5px 0;
    padding: 0 0 0 30px;
    box-sizing: border-box;
}

.QA_list>li>b {
    position: relative;
    display: block;
    font-weight: bolder;
    font-size: 18px;
    letter-spacing: 0.2px;
    font-family: 'Microsoft YaHei', 'Microsoft JhengHei', sans-serif, Arial, Helvetica, sans-serif;
}

.QA_list>li>span {
    font-size: 15px;
    letter-spacing: 0.2px;
    position: relative;
    display: block;
}

.QA_list>li>b>span {
    font-weight: 500;
}

.QA_list>li>ol {
    list-style-type: none;
    padding: 0;
}

.QA_list>li>ol>li {
    text-indent: -12px;
    padding-left: 15px;
}

.QA_list>li>b>i {
    position: absolute;
    font-style: normal;
    left: 0;
    top: 0;
    margin: -2px 0 0 -30px;
    font-size: 20px;
}

z .footer_data .article_page>ul>li>span,
.footer_data .service_list>li>ol>li {
    font-size: 18px;
}

.footer_data .service_list>li>ol>li>b {
    font-weight: bold;
}

/*認識MOOVO*/
.Moovo_cognition {
    position: relative;
    display: inline-block;
    width: 100%;
    height: auto;
    margin: 0 auto -60px;
    text-align: center;
}

.Moovo_cognition_img {
    position: relative;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    margin: 0px 0 0 -200px;
    max-width: 1000px;
}

.Moovo_cognition_img>img {
    position: relative;
    display: inline-block;
    max-width: 100%;
    height: auto;
    width: 100%;
    mix-blend-mode: multiply;
}

.Moovo_cognition .inside {
    position: relative;
    display: inline-flex;
    width: 100%;
    margin: auto;
    max-width: 1100px;
    align-items: center;
    height: auto;
}

.Moovo_cognition .article_page {
    position: absolute;
    display: inline-block;
    width: 500px;
    height: auto;
    left: 50%;
    top: 0;
    margin: 70px auto auto -50px;
    text-align: left;
}

.Moovo_cognition .article_page .title {
    font-size: 24px;
    line-height: 1.6;
    margin: 15px 0;
    position: relative;
    display: block;
}

.Moovo_cognition .article_page .into_text {
    text-align: left;
}

.Moovo_cognition .article_page .into_text>p {
    position: relative;
    display: block;
    line-height: 1.6;
    font-size: 16px;
    letter-spacing: .3px;
}

#Moovo_cognition_02 .Moovo_cognition_img {
    position: relative;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    margin: -90px 0 0 -360px;
    max-width: 1200px;
}

#Moovo_cognition_02 .article_page {
    width: 550px;
    margin: 10% auto auto -90px;
}

#Moovo_cognition_02 .article_page .into_text {
    display: inline-block;
    text-align: center;
    margin: auto;
}

#Moovo_cognition_02 .article_page .into_text>img {
    margin: auto auto 15px;
}

#Moovo_cognition_02 .article_page .into_text>h6 {
    font-size: 24px;
    display: block;
    margin: auto;
    width: 100%;
}

#Moovo_cognition_02 .QR_img {
    position: relative;
    display: inline-block;
    width: 150px;
}

/*車輛介紹*/
#superbike {
    position: relative;
    display: inline-block;
    width: 100%;
    height: auto;
    background: #fff;
    text-align: center;
    overflow: hidden;
    box-sizing: border-box;
    margin: -60px auto 30px;
}

.superbike .inside {
    position: relative;
    display: inline-block;
    max-width: 1100px;
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0px;
    box-sizing: border-box;
    clear: both;
}

.superbike .inside .title {
    position: relative;
    display: flex;
    width: 100%;
    margin: 0;
    text-align: left;
    vertical-align: middle;
    justify-content: left;
    align-items: center;
    align-content: center;
}

.superbike .inside .title div {
    position: relative;
    display: inline-flex;
    vertical-align: middle;
    align-content: center;
}

.superbike .inside .title .icon {
    position: relative;
    display: inline-block;
    vertical-align: bottom;
    width: 20px;
    height: 30px;
    margin: auto 0 auto 5px;
}

.superbike .inside .title>div>span {
    font-size: 22px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: auto;
}

.superbike .inside .title>div>.text_01 {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 15px;
    font-size: 16px !important;
}

#bike_tab_A>ul>li>a.NOWTAB {
    position: relative;
    z-index: 99;
    font-weight: bold;
    width: 100%;
    border: none;
    ;
    transform-origin: center center;
    background: #0066ff;
    color: #fff;
}

/*頁籤ul */
#bike_tab_A {
    position: relative;
    display: inline-block;
    width: 100%;
    margin: 0 0 30px;
}

#bike_tab_A>ul {
    position: relative;
    display: inline-flex;
    margin: 0 auto;
    padding: 0;
    width: 100%;
    max-width: 1000px;
    justify-content: center;
    align-items: center;
    text-align: center;
    border-bottom: solid 2px #0066ff;
}

#bike_tab_A>ul>li {
    position: relative;
    display: inline-block;
    text-align: center;
    vertical-align: top;
    margin: 0;
    width: calc(100% / 3);
    overflow: hidden;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

#bike_tab_A>ul>li>a {
    position: relative;
    vertical-align: middle;
    display: block;
    transition: 0.4s;
    width: 100%;
    align-content: center;
    align-items: center;
    text-align: center;
    justify-content: center;
    margin: auto;
    font-size: 20px;
    font-weight: bold;
    border: none;
    width: auto;
    height: auto;
    line-height: 2;
    padding: 5px 0;
    color: #000;
    background: #efefef
}

.bike_tab-content {
    position: relative;
    display: inline-block;
}

.bike_tab-content>ul {
    width: 95%;
    list-style: none;
    display: table;
    margin: 1em auto;
    border-collapse: collapse;
}

.bike_tab-content>ul .thead {
    display: table-header-group;
}

.bike_tab-contentul>li .tr {
    display: table-row;
    padding: 0;
}

.bike_tab-content>ul>.tbody {
    display: table-row-group;
    background: #fff;
}

.bike_tab-content>ul .thead li,
.tr li {
    display: table-cell;
    vertical-align: middle;
    margin: auto;
    padding: 5px;
    line-height: 2;
    border: 1px solid #efefef;
    border-top: none;
    border-bottom: none;
}

.bike_tab-content>ul .thead li {
    text-align: center;
    font-weight: bold;
    color: #fff;
    background: #0066ff;
}

.bike_tab-content>.text {
    font-size: 18px;
    text-align: center;
    position: relative;
    display: inline-block;
    width: 100%;
}

.superbike_img {
    position: relative;
    display: inline-block;
    max-width: 800px;
}

.superbike_img>img {
    position: relative;
    display: inline-block;
}

.baguetteBoxOne {
    position: absolute;
    width: 100%;
    z-index: 990;
    left: 0;
    top: 0;
}

.baguetteBoxOne>a>i {
    position: relative;
    display: inline-block;
    background: url(../images/icon_point.png) no-repeat center center;
    background-size: contain;
    width: 35px;
    height: 35px;
    vertical-align: middle;
}

.point_d1 {
    position: absolute;
    display: inline-block;
    left: 50%;
    top: 50%;
    margin: -250px 0 0 130px;
}

.point_d3 {
    position: absolute;
    display: inline-block;
    left: 50%;
    top: 50%;
    margin: -126px 0 0 287px;
}

.point_d4 {
    position: absolute;
    display: inline-block;
    left: 50%;
    top: 50%;
    margin: -100px 0 0 -145px;
}

.point_d5 {
    position: absolute;
    display: inline-block;
    left: 50%;
    top: 50%;
    margin: -187px 0 0 86px;
}

.point_d6 {
    position: absolute;
    display: inline-block;
    left: 50%;
    top: 50%;
    margin: 200px 0 0 -30px;
}

.point_d7 {
    position: absolute;
    display: inline-block;
    left: 50%;
    top: 50%;
    margin: -50px 0 0 70px
}

.point_e1 {
    position: absolute;
    display: inline-block;
    left: 50%;
    top: 50%;
    margin: -250px 0 0 130px;
}

.point_e3 {
    position: absolute;
    display: inline-block;
    left: 50%;
    top: 50%;
    margin: -201px 0 0 299px;
}

.point_e4 {
    position: absolute;
    display: inline-block;
    left: 50%;
    top: 50%;
    margin: -100px 0 0 -145px;
}

.point_e5 {
    position: absolute;
    display: inline-block;
    left: 50%;
    top: 50%;
    margin: -187px 0 0 86px;
}

.point_e6 {
    position: absolute;
    display: inline-block;
    left: 50%;
    top: 50%;
    margin: -260px 0 0 80px;
}

.point_e7 {
    position: absolute;
    display: inline-block;
    left: 50%;
    top: 50%;
    margin: -50px 0 0 70px
}

.point_a1 {
    position: absolute;
    display: inline-block;
    left: 50%;
    top: 50%;
    margin: -260px 0 0 105px;
}

.point_a2 {
    position: absolute;
    display: inline-block;
    left: 50%;
    top: 50%;
    margin: -160px 0 0 200px;
}

.point_a3 {
    position: absolute;
    display: inline-block;
    left: 50%;
    top: 50%;
    margin: -90px 0 0 240px;
}

.point_a4 {
    position: absolute;
    display: inline-block;
    left: 50%;
    top: 50%;
    margin: -180px 0 0 -120px;
}

.point_a5 {
    position: absolute;
    display: inline-block;
    left: 50%;
    top: 50%;
    margin: 150px 0 0 -30px;
}

.point_a6 {
    position: absolute;
    display: inline-block;
    left: 50%;
    top: 50%;
    margin: -130px 0 0 -230px;
}

.point_a7 {
    position: absolute;
    display: inline-block;
    left: 50%;
    top: 50%;
    margin: -100px 0 0 -320px
}


.point_b1 {
    position: absolute;
    display: inline-block;
    left: 50%;
    top: 50%;
    margin: -90px 0 0 240px;
}

.point_b2 {
    position: absolute;
    display: inline-block;
    left: 50%;
    top: 50%;
    margin: -260px 0 0 105px;
}

.point_b3 {
    position: absolute;
    display: inline-block;
    left: 50%;
    top: 50%;
    margin: -180px 0 0 200px;
}

.point_b4 {
    position: absolute;
    display: inline-block;
    left: 50%;
    top: 50%;
    margin: -180px 0 0 -120px;
}

.point_b5 {
    position: absolute;
    display: inline-block;
    left: 50%;
    top: 50%;
    margin: -130px 0 0 -230px;
}

.point_b6 {
    position: absolute;
    display: inline-block;
    left: 50%;
    top: 50%;
    margin: 150px 0 0 -30px;
}

.point_b7 {
    position: absolute;
    display: inline-block;
    left: 50%;
    top: 50%;
    margin: -100px 0 0 80px;
}

.point_c1 {
    position: absolute;
    display: inline-block;
    left: 50%;
    top: 50%;
    margin: -90px 0 0 240px;
}

.point_c2 {
    position: absolute;
    display: inline-block;
    left: 50%;
    top: 50%;
    margin: -210px 0 0 120px;
}

.point_c3 {
    position: absolute;
    display: inline-block;
    left: 50%;
    top: 50%;
    margin: -180px 0 0 200px;
}

.point_c4 {
    position: absolute;
    display: inline-block;
    left: 50%;
    top: 50%;
    margin: -160px 0 0 -120px;
}

.point_c5 {
    position: absolute;
    display: inline-block;
    left: 50%;
    top: 50%;
    margin: -100px 0 0 80px;
}

.point_c6 {
    position: absolute;
    display: inline-block;
    left: 50%;
    top: 50%;
    margin: -70px 0 0 -150px;
}

.point_c7 {
    position: absolute;
    display: inline-block;
    left: 50%;
    top: 50%;
    margin: -260px 0 0 105px;
}

.point_3e1 {
    position: absolute;
    display: inline-block;
    left: 50%;
    top: 50%;
    margin: -250px 0 0 130px;
}

.point_3e2 {
    position: absolute;
    display: inline-block;
    left: 50%;
    top: 50%;
    margin: -160px 0 0 200px;
}

.point_3e3 {
    position: absolute;
    display: inline-block;
    left: 50%;
    top: 50%;
    margin: -100px 0 0 265px;
}

.point_3e4 {
    position: absolute;
    display: inline-block;
    left: 50%;
    top: 50%;
    margin: -120px 0 0 -120px;
}

.point_3e5 {
    position: absolute;
    display: inline-block;
    left: 50%;
    top: 50%;
    margin: -200px 0 0 100px;
}

.point_3e6 {
    position: absolute;
    display: inline-block;
    left: 50%;
    top: 50%;
    margin: 90px 0 0 -30px;
}

.point_3e7 {
    position: absolute;
    display: inline-block;
    left: 50%;
    top: 50%;
    margin: -50px 0 0 70px
}


#coomming_soon {
    pointer-events: none;
    display: none !important;
}

#bike_tab_EX>ul>li>a.NOWTAB {
    position: relative;
    z-index: 99;
    font-weight: bold;
    width: 100%;
    border: none;
    ;
    transform-origin: center center;
    background: #0066ff;
    color: #fff;
}

/*頁籤ul */
#bike_tab_EX {
    position: relative;
    display: inline-block;
    width: 100%;
    margin: 0 0 30px;
    background: #fff;
}

#bike_tab_EX>ul {
    position: relative;
    display: inline-flex;
    margin: 0 auto;
    padding: 0;
    width: 100%;
    max-width: 1000px;
    justify-content: center;
    align-items: center;
    text-align: center;
    border-bottom: solid 2px #0066ff;
}

#bike_tab_EX>ul>li {
    position: relative;
    display: inline-block;
    text-align: center;
    vertical-align: top;
    margin: 0;
    width: calc(100% / 2);
    overflow: hidden;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

#bike_tab_EX>ul>li>a {
    position: relative;
    vertical-align: middle;
    display: block;
    transition: 0.4s;
    width: 100%;
    align-content: center;
    align-items: center;
    text-align: center;
    justify-content: center;
    margin: auto;
    font-size: 20px;
    font-weight: bold;
    border: none;
    width: auto;
    height: auto;
    line-height: 2;
    padding: 5px 0;
    color: #000;
    background: #efefef
}

/*搶先體驗*/
#experience {
    position: relative;
    display: inline-block;
    width: 100%;
    height: auto;
    background: #fff;
    text-align: center;
    overflow: hidden;
    box-sizing: border-box;
    margin: -60px auto 30px;
}

#experience .baguetteBoxOne {
    position: relative;
    display: inline-flex;
    width: 100%;
    margin: 45px 0;
    justify-content: left;
    text-align: center;
}

#experience .baguetteBoxOne>div {
    position: relative;
    display: inline-block;
    width: calc(100% / 4 - 45px);
    text-align: center;
    height: auto;
    margin: 0 0 0 30px;
}

#experience .baguetteBoxOne>div h6 {
    position: relative;
    display: inline-block;
    width: 100%;
    font-size: 22px;
    font-weight: bold;
    margin: 5px 0;
}

#experience .baguetteBoxOne>div>img {
    position: relative;
    display: inline-block;
    width: 100%;
    max-width: 200px;
    border: solid 2px #000;
    border-radius: 10px;
    overflow: hidden;
}

#experience .baguetteBoxOne>div>a {
    pointer-events: none;
}


#experience .baguetteBoxOne>.btn_img>a h6 {
    display: flex !important;
    align-items: center;
    text-align: center;
    justify-content: center;
    margin: auto;
}

.btn_img h6::before {
    content: '';
    position: relative;
    display: inline-block;
    vertical-align: middle;
    background: url(/images/bike_img/icon_arr.png) no-repeat center center;
    background-size: contain;
    width: 18px;
    height: 18px;
    margin: auto 3px auto 0;
}


#car_A1,
#car_A2,
#car_A3 {
    position: relative;
    display: inline-block;
    width: 100%;
    height: auto;
    margin: 0 auto 45px;
}

#car_A1 h6,
#car_A2 h6,
#car_A3 h6 {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    margin: 5px 0;
}

/*車輛搶先體驗*/
.car_pop {
    position: fixed;
    width: 80%;
    left: 10%;
    text-align: center;
    top: 0;
    padding: 0;
    height: 100vh;
    z-index: 100005;
    display: inline-flex;
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
}

.pdSlide01 {
    padding: 5px 5px 0px;
    overflow: hidden;
    overflow-x: auto;
    margin: 0 auto 15px;
    height: auto;
    width: 300px;
}

.slideWrapper {
    position: relative;
    display: inline-flex;
    padding: 0;
    list-style-type: none;
}

.slideWrapper>li {
    width: 300px;
    margin: auto;
    display: block;
    overflow: hidden;
    position: relative;
}

.slideWrapper>li>img {
    margin: auto;
    display: inline-block;
    position: relative;
}

.car_pop .xx {
    top: calc(50% - 200px);
    right: calc(50% - 200px);
}

.rental_img img,
.return_img img {
    width: 100%;
    max-width: 300px;
    position: relative;
    display: inline-block;
}

.car_pop h6 {
    font-size: 20px;
    position: relative;
    display: inline-block;
    width: 100%;
    margin: 5px 0;
}

#car_A2 .return {}

.btn_img {
    margin: 0 !important;
}

.kv .ticker .inside .owl-nav {
    display: none !important;
}

.kv .ticker .inside .owl-dots {
    display: none !important;
}

@media (min-width:1000px) and (max-width:2000px) {

    .step_page {
        margin: 0;
        padding: 0 !important;
    }

    .step_page>.inside {
        padding: 30px 0 120px;
    }


    .in_text>p>a:hover {
        border-bottom: solid 1px #0066ff;
        color: #0066ff;
    }

    .tab-content>ul .thead li:nth-child(2),
    .tr li:nth-child(2) {
        min-width: 600px;
    }

    .pop_btn>a:focus {
        background: #00A0E9;
        border-radius: 50px;
        transition: 0.4s;
    }

    .pop_btn>a:hover {
        background: #00A0E9;
        border-radius: 50px;
        transition: 0.4s;
    }

    .warn_text>a:hover {
        background-color: #00A0E9;
        border-radius: 50px;
        transition: 0.4s;
    }

    .warn_text .warn_xx:hover {
        border-right: 0;
        background-color: transparent;
    }

    .forget_password .pop_btn>a:hover {
        background: none;
    }

    .more_btnA:hover {
        background: #00A0E9;
    }

    .Sanchong {
        padding: 0 0 210px;
    }

    .news_menu li>a:hover,
    .news_menu li>a:active {
        background: #0066ff;
    }

    .bookmark a:hover {
        background: #00A0E9;
        border-radius: 50px;
        color: #fff;
    }

    .city_news_message>ul>li>a:hover>b {
        color: #0166ff;
    }

    .footer_menu li>a:hover,
    .footer_menu li>a:active {
        background: #efefef;
    }

    .kv .ticker .inside .text .words {
        width: auto;
        max-width: 100%;
    }

    .kv .ticker .inside .text .words:hover {
        border-bottom: solid 1px #0066ff;
        color: #0066ff;
        padding: 0 0 1px 0;
        display: table;
        margin: 0;
    }


}

@media (min-width:1000px) and (max-width:1480px) {
    .Moovo_cognition_img {
        position: relative;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        margin: -0px 0 0 -180px;
        max-width: 800px;
    }

    #Moovo_cognition_02 .Moovo_cognition_img {
        position: relative;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        margin: -120px 0 0 -270px;
        max-width: 1100px;
    }

    #Moovo_cognition_02 .article_page {
        width: 530px;
        margin: 10% auto auto -60px;
    }

}

@media (min-width:1000px) and (max-width:1140px) {
    .Moovo_cognition_img {
        position: relative;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        margin: 0px 0 0 -105px;
        max-width: 600px;
    }
}


/*Mobile Mode*/
@media only screen and (max-width:768px) {

    .parking_temp_btn {
        display: flex !important;
        flex-direction: column;
        justify-content: space-between;
        padding: 8px;
    }

    .notice {
        width: 375px;
        margin: auto;
    }

    .point_d1 {
        position: absolute;
        display: inline-block;
        left: 35%;
        top: 90%;
        margin: -250px 0 0 130px;
    }

    .point_d3 {
        position: absolute;
        display: inline-block;
        left: 10%;
        top: 65%;
        margin: -126px 0 0 287px;
    }

    .point_d4 {
        position: absolute;
        display: inline-block;
        left: 69%;
        top: 62%;
        margin: -100px 0 0 -145px;
    }

    .point_d5 {
        position: absolute;
        display: inline-block;
        left: 38%;
        top: 75%;
        margin: -187px 0 0 86px;
    }

    .point_d6 {
        position: absolute;
        display: inline-block;
        left: 54%;
        top: 10%;
        margin: 200px 0 0 -30px;
    }

    .point_d7 {
        position: absolute;
        display: inline-block;
        left: 41%;
        top: 55%;
        margin: -50px 0 0 70px
    }

    .point_e1 {
        position: absolute;
        display: inline-block;
        left: 33%;
        top: 86%;
        margin: -250px 0 0 130px;
    }

    .point_e3 {
        position: absolute;
        display: inline-block;
        left: 60%;
        top: 82%;
        margin: -201px 0 0 99px;
    }

    .point_e4 {
        position: absolute;
        display: inline-block;
        left: 67%;
        top: 62%;
        margin: -100px 0 0 -145px;
    }

    .point_e5 {
        position: absolute;
        display: inline-block;
        left: 39%;
        top: 76%;
        margin: -187px 0 0 86px;
    }

    .point_e6 {
        position: absolute;
        display: inline-block;
        left: 40%;
        top: 24%;
        margin: -60px 0 0 80px;
    }

    .point_e7 {
        position: absolute;
        display: inline-block;
        left: 50%;
        top: 50%;
        margin: -50px 0 0 70px
    }

    .point_a2 {
        position: absolute;
        display: inline-block;
        left: 50%;
        top: 50%;
        margin: -160px 0 0 200px;
    }

    .point_3e1 {
        position: absolute;
        display: inline-block;
        left: 50%;
        top: 50%;
        margin: -120px 0 0 60px;
    }

    .point_3e2 {
        position: absolute;
        display: inline-block;
        left: 50%;
        top: 50%;
        margin: -75px 0 0 100px;
    }

    .point_3e3 {
        position: absolute;
        display: inline-block;
        left: 50%;
        top: 50%;
        margin: -55px 0 0 115px;
    }

    .point_3e4 {
        position: absolute;
        display: inline-block;
        left: 50%;
        top: 50%;
        margin: -70px 0 0 -60px;
    }

    .point_3e5 {
        position: absolute;
        display: inline-block;
        left: 50%;
        top: 50%;
        margin: -105px 0 0 40px;
    }

    .point_3e6 {
        position: absolute;
        display: inline-block;
        left: 50%;
        top: 50%;
        margin: 20px 0 0 -30px;
    }

    .point_3e7 {
        position: absolute;
        display: inline-block;
        left: 50%;
        top: 50%;
        margin: -25px 0 0 20px
    }

    .step_page {
        display: none !important;
    }

    /*pc-pop*/
    .back {
        display: inline-flex;
        background: rgba(239, 239, 239, .8);
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 100001;
    }

    .list_pop {
        position: fixed;
        background: #fff;
        width: 100%;
        max-width: none;
        top: 0;
        left: 0;
        text-align: center;
        padding: .5em .8em 60px;
        height: 100vh;
        z-index: 100005;
        display: inline-block;
        box-sizing: border-box;
    }

    .xx,
    .warn_xx {
        position: absolute;
        display: inline-flex;
        z-index: 100009;
        background: url(../images/pop_xx.png) no-repeat center center;
        width: 45px;
        height: 45px;
        right: 15px;
        top: 15px;
    }

    .warn_pop {
        position: fixed;
        display: flex;
        background: rgb(255 255 255 / 85%);
        text-align: center;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100vh;
        padding: 0px;
        left: 0;
        top: 0;
        z-index: 100005;
    }

    .warn_text {
        position: relative;
        display: inline-block;
        height: auto;
        box-sizing: border-box;
        width: 60%;
        max-width: 400px;
        font-size: 1.5em;
        font-weight: bold;
        padding: .5em;
        margin: auto;
        border: solid 5px #b8d200;
        border-radius: 50px;
        background: #fff;
    }

    .warn_text>a {
        position: relative;
        display: inline-flex;
        transition: 0.4s;
        width: 80%;
        font-size: 18px;
        font-weight: bold;
        border-radius: 50px;
        padding: 11px 0;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        text-align: center;
    }

    .warn_pop .warn_xx {
        position: absolute;
        width: 30px;
        right: -45px;
        top: -15px;
    }


    .page_m_logo {
        position: relative;
        display: block;
        background: url(../images/page_m_logo.png) no-repeat center center;
        background-size: contain;
        width: 100px;
        height: 70px;
        margin: auto;
    }

    .list_pop .inside {
        position: relative;
        display: inline-block;
        overflow: inherit;
        margin: 0;
        height: auto;
        padding: 0;
    }

    .list_pop .title_text {
        position: relative;
        display: inline-block;
        width: 100%;
        height: auto;
        text-align: center;
    }

    .list_pop .scroll_hight .title_text {
        margin: 0;
    }

    .list_pop .title_text>h5 {
        position: relative;
        display: block;
        font-size: 24px;
        font-weight: bold;
        margin: 0 auto;
    }

    .list_pop .title_text>h4 {
        position: relative;
        display: inline-block;
        width: 100%;
        text-align: center;
        font-size: 18px;
        font-weight: bold;
        margin: 10px auto;
        letter-spacing: 1px;
        background: #0066ff;
        color: #fff;
        padding: 10px 0;
    }

    .subtitle {
        position: relative;
        display: inline-block;
        width: 100%;
        text-align: center;
        font-size: 18px;
        font-weight: bold;
        margin: 0 auto 15px;
    }

    .list_pop form,
    .personalData,
    .Preview_personalData,
    .member_login {
        position: relative;
        display: inline-block;
        width: 100%;
    }

    .list_pop form>span,
    .personalData>div {
        position: relative;
        display: inline-flex;
        width: 100%;
        margin: 0 auto 15px;
        height: 45px;
    }

    .list_pop form>span>label {
        font-size: 18px;
        display: inline-flex;
        width: 125px;
        min-width: 125px;
        max-width: 125px;
        text-align: left;
        border: solid 1px #efefef;
        flex-wrap: wrap;
        justify-content: left;
        align-items: center;
        text-align-last: center;
        min-width: fit-content;
    }

    .list_pop form>span>input {
        font-size: 18px;
        display: inline-flex;
        flex: 1;
        border: solid 1px #efefef;
        flex-wrap: wrap;
        justify-content: left;
        align-items: center;
    }

    .list_pop form>.width_100>input {
        font-size: 18px;
        line-height: 40px;
        display: inline-flex;
        width: 100%;
        border: solid 1px #efefef;
        margin: 0;
        flex-wrap: wrap;
        justify-content: left;
        align-items: center;
        margin-right: 5px;
    }

    .list_pop form>span select {
        font-size: 18px;
        line-height: 40px;
        display: inline-flex;
        width: 125px;
        min-width: 125px;
        max-width: 125px;
        border: solid 1px #efefef;
        flex-wrap: wrap;
        justify-content: left;
        align-items: center;
    }

    #id_card {
        width: 130px;
        min-width: 130px;
        max-width: 130px;
    }

    .list_pop form>span>.cardNo {
        width: 100%;
        flex: 1;
        max-width: 100%;
        min-width: 200px;
    }

    .list_pop form>span>#verify,
    .list_pop form>span>.verify {
        width: calc(100% - 45px);
    }

    .list_pop form>.born>label {
        width: 125px;
        min-width: 125px;
        max-width: 125px;
    }

    .list_pop form>.born>input {
        flex: 1
    }


    .list_pop form>span>#userName-error {
        writing-mode: inherit !important
    }

    .code_btn {
        position: relative;
        display: inline-flex;
        width: 45%;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        text-align: left;
    }

    .code_btn>img {
        width: 100%;
        margin: 0 auto;
        height: 100%;
    }

    .code_img {
        height: 45px;
    }

    .list_pop form>.checkbox {
        width: 100%;
        font-size: 15px;
        align-items: center;
        margin: auto;
    }

    .list_pop form>.checkbox>.checkbox {
        position: relative;
        display: inline-flex;
        width: 25px;
        max-width: 25px;
        height: 25px;
        margin: auto 5px;
        font-size: 15px;
    }

    .list_pop form>.checkbox a {
        border-bottom: solid 1px #000;
        padding: 0 0 1px 0;
    }

    .list_pop form>.born>input {}

    #list_pop1 .pop_btn {
        margin: 0px auto 0;
    }

    #dataNo0::-webkit-input-placeholder {
        font-size: 16px;
    }

    /*webkit瀏覽器專用*/
    ::-webkit-input-placeholder {
        font-size: 16px;
    }

    /*Firefox 4-18瀏覽器專用*/
    input::-moz-placeholder {
        font-size: 16px;
    }

    /*Firefox 19+瀏覽器專用*/
    input::-moz-placeholder {
        font-size: 16px;
    }

    /*IE10瀏覽器專用*/
    :-ms-input-placeholder {
        font-size: 16px;
    }


    /* 服務條款 */
    .service_title {
        font-size: 1.5em;
        font-weight: bold;
        text-align: left;
        margin: 30px 0 0px;
    }

    .service_list {
        position: relative;
        display: inline-table;
        list-style-type: none;
        text-align: left;
        padding: 0;
    }

    .service_list>li {
        line-height: 1.8;
        margin: 5px 0;
    }

    .service_list>li>b {
        position: relative;
        display: block;
        font-weight: bolder;
        font-size: 1.2em;
    }

    .service_list>li>span {
        font-size: 1em;
        letter-spacing: 0.2px;
        position: relative;
        display: block;
    }

    .service_list>li>ol {
        list-style-type: none;
        padding: 0;
    }

    .service_list>li>ol>li {
        padding-left: 15px;
    }

    #servicepolicy .checkbox {
        position: relative;
        display: flex;
        width: 100%;
        font-size: 16px;
        align-items: center;
        text-align: left;
    }

    #servicepolicy .checkbox>span {
        width: 80%;
        line-height: 1.2;
    }

    #servicepolicy .checkbox>.checkbox {
        position: relative;
        display: inline-flex;
        border-radius: 3px;
        border: 1px solid #000;
        width: 30px;
        height: 30px;
        margin: auto 5px;
        font-size: 15px;
        vertical-align: sub;
    }

    #servicepolicy .pop_btn {
        margin: 15px 0 0;
    }

    /*忘記密碼*/
    .forget_password {
        position: relative;
        display: inline-block;
        width: 100%;
        height: auto;
    }

    .forget_password>h5 {
        font-size: 18px;
        font-weight: bold;
        margin: 0 auto 0px;
    }

    .QR_code {
        position: relative;
        display: inline-block;
        width: 100%;
        margin: 0 auto;
    }

    .QR_code>img {
        object-fit: contain;
        margin: 0 auto;
        max-width: 250px;
    }

    .forget_password .pop_btn {
        position: relative;
        display: flex;
        width: 100%;
        margin: 0 auto 15px;
    }

    .forget_password .pop_btn>a {
        width: 100%;
        max-width: 180px;
    }

    /* 表單完成頁 */
    .Preview_personalData {
        border: solid 1px #efefef;
        padding: 15px 0;
        width: 100% !important;
        margin: 0 auto;
    }

    .Preview_personalData>div {
        position: relative;
        display: inline-flex;
        width: 100%;
        margin: 0 auto 15px;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        text-align: left;
    }

    .Preview_personalData>div>span {
        font-size: 18px;
        font-weight: bold;
        min-width: 150px;
        height: 100%;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
    }

    /* 會員登入 */
    .member_login {
        margin: 30px 0 60px;
    }

    .list_pop .member_login>span>label {}

    .list_pop .member_login>span>input {
        width: 100%;
    }

    .tips {
        position: relative;
        display: inline-flex;
        width: 100%;
        max-width: 300px;
        font-size: 15px;
        flex-wrap: wrap;
        justify-content: space-around;
        align-items: center;
        text-align: center;
    }

    .tips>a {
        text-align: center;
        letter-spacing: .5px;
    }

    /*投保免費公共自行車傷害險 */
    .addInsuredData {
        position: relative;
        display: inline-block;
        margin: 30px auto 420px;
        border: solid 1px #efefef;
        padding: 15px 0;
        width: calc(50% - 4px) !important;
        height: auto;
        border-radius: 50px;
        text-align: center;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
    }

    .addInsuredData2 {
        position: relative;
        display: inline-block;
        margin: 30px auto 210px;
        width: 100%;
    }

    .addInsured_icon {
        position: relative;
        display: inline-block;
        margin: auto;
        width: 50px;
        height: 50px;
        background: url(../images/addInsured_icon.png) no-repeat center center;
        background-size: contain;
    }

    .addInsuredData>h5 {
        font-size: 18px;
        font-weight: bold;
        margin: auto;
    }

    .remind_text {
        position: relative;
        display: inline-block;
        font-size: 18px;
        font-weight: bold;
        margin: auto;
        text-align: left;
        height: auto;
        width: 100%;
    }

    /* 資料修改 */
    .Data_modify {
        margin: 0 0;
    }

    .error_box {
        padding: 0 0 30px 0;
    }

    .error_box input {
        border: solid 1px #ff0000 !important;
        width: calc(75% - 55px) !important;
    }

    .error_text {
        position: absolute;
        display: inline-block;
        color: #ff0000;
        width: auto;
        left: 25%;
        bottom: 5px;
        width: 500px;
        text-align: left;
    }

    /*共用*/
    .inside .title .text {
        width: auto;
        font-size: 22px;
        font-weight: bold;
        position: relative;
        display: inline-flex;
        text-align: left;
        align-self: center;
        vertical-align: middle;
        align-content: center;
        align-items: center;
    }

    .inside .title .icon {
        position: relative;
        display: inline-block;
        width: 20px;
        height: 30px;
        font-size: 22px;
        font-weight: bold;
        margin: auto 0 auto 5px;
        vertical-align: middle;
    }

    .inside .title .icon>img {
        object-fit: contain;
        height: 100%;
        margin: 0;
    }

    .icon_ashcan,
    .less_btn {
        position: relative;
        display: inline-block;
        background: url(../images/icon_ashcan.png)no-repeat center center;
        width: 40px;
        height: 40px;
        background-size: 95%;
        margin: auto 5px auto 5px;
        vertical-align: middle;
    }

    .icon_plus,
    .plus_btn {
        position: relative;
        display: inline-block;
        background: url(../images/icon_plus.png)no-repeat center center;
        width: 40px;
        height: 40px;
        background-size: 95%;
        margin: auto 5px auto 5px;
        vertical-align: middle;
    }

    .pop_btn {
        position: relative;
        display: inline-flex;
        width: 100%;
        height: auto;
        margin: 15px auto;
        justify-content: space-around;
        align-items: center;
        text-align: center;
    }

    .pop_btn>a {
        position: relative;
        display: inline-flex;
        transition: 0.4s;
        width: 48%;
        font-size: 18px;
        font-weight: bold;
        border-radius: 50px;
        padding: 12px 0;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        text-align: center;
    }

    .list_pop .scroll_hight {
        position: relative;
        display: inline-block;
        height: auto;
        max-height: calc(100vh - 120px);
        padding: 0 0 200px 0;
        margin: 0 -10px 0 0;
        overflow: auto;
    }

    .forget_password {
        max-height: calc(100vh - 280px);
        padding: 0 0 90px 0;
    }

    #list_pop1 .scroll_hight {
        max-height: calc(100vh - 260px);
        padding: 0 0 90px 0;
    }

    #list_pop1 .scroll_hight {
        max-height: calc(100vh - 260px);
        padding: 0 0 90px 0;
    }

    #list_pop2 .scroll_hight {
        padding: .8em .5em 90px;
        margin: 15px auto 30px;
        box-sizing: border-box;
    }

    #data_manage1 .scroll_hight,
    #data_manage2 .scroll_hight {
        max-height: calc(100vh - 180px);
        padding: 0 10px 90px 0;
    }

    /* Let's get this party started */
    .inside::-webkit-scrollbar {
        width: 8px;
        height: 80%;
        background: #b9d300;
    }

    .inside::-webkit-scrollbar-thumb {
        width: 8px;
        height: 200px;
        background: rgb(255 255 255 / 50%);
    }

    .scroll_hight::-webkit-scrollbar {
        width: 8px;
        height: 80%;
        background: #b9d300;
    }

    .scroll_hight::-webkit-scrollbar-thumb {
        width: 8px;
        height: 200px;
        background: rgb(255 255 255 / 50%);
    }

    .pdSlide01::-webkit-scrollbar {
        width: 100%;
        height: 8px;
        background: #b9d300;
    }

    .pdSlide01::-webkit-scrollbar-thumb {
        width: 100px;
        height: 8px;
        background: rgb(255 255 255 / 50%);
    }


    /*城市地圖*/
    .city_news {
        position: relative;
        display: inline-block;
        width: 100%;
        height: auto;
        background: #fff;
        text-align: center;
        overflow: hidden;
    }

    .city_news .inside {
        position: relative;
        display: inline-block;
        text-align: left;
        max-width: 1100px;
        width: 100%;
        height: auto;
        margin: 0 auto;
        padding: 15px .8em 30px;
        box-sizing: border-box;
    }

    .city_news .inside .title {
        position: relative;
        display: flex;
        align-items: center;
        ;
        width: auto;
        margin-bottom: 15px;
        vertical-align: middle;
        text-align: left;
    }

    .city_news_message {
        position: relative;
        display: inline-block;
        text-align: left;
    }

    .city_news_icon {
        position: absolute;
        display: none !important;
        background: url(../images/city_news_icon.jpg) no-repeat center center;
        border-radius: 10px;
        width: 100px;
        height: 100px;
        text-align: left;
        vertical-align: bottom;
        justify-content: space-between;
        background-size: contain;
        right: 0;
        top: 0;
        margin: -110px 0 0 0;
    }

    .city_news_message>ul {
        position: relative;
        display: inline-block;
        vertical-align: top;
        width: auto;
        list-style-type: none;
        box-sizing: border-box;
        margin: 0 0;
        padding: 0 0 0 0px;
        font-size: 15px;
        letter-spacing: 0.2px;
        height: auto;
    }

    .city_news_message>ul>li {
        line-height: 1.5;
        margin: 0 auto 10px;
        width: 100%;
        height: auto;
        display: inline-block;
        align-items: center;
    }

    .city_news_message>ul>li b {
        position: relative;
        font-weight: bold;
        letter-spacing: -.5px;
        width: 100%;
        text-align: left;
        -webkit-line-clamp: 2;
    }

    .city_news_message>ul>li b>.visit_xs {
        display: inline-block !important;
        width: auto !important;
        ;
    }

    .city_news_message>ul>li>a>span {
        position: relative;
        display: none !important;
        font-weight: bold;
        width: 100%;
        display: -webkit-box;
        text-align: left;
        max-width: inherit;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .city_news_message>ul>li:last-child {
        margin: 0;
    }

    .more_btnA {
        position: relative;
        display: inline-block;
        font-size: 18px;
        font-weight: bold;
        float: right;
        padding: 0;
        line-height: 2;
        border-radius: 50px;
        vertical-align: middle;
    }

    .city_map_tab {
        position: relative;
        display: inline-block;
        width: 100%;
        height: auto;
        background: #f5f5f5;
        text-align: center;
        margin: 60px 0 0;
    }

    .city_map_tab .inside {
        position: relative;
        display: inline-block;
        max-width: 1100px;
        width: 100%;
        height: auto;
        margin: 0 auto;
        padding: 0px 0 30px;
    }

    #tabMenu>ul>li>a.NOWTAB {
        position: relative;
        z-index: 99;
        font-weight: bold;
        border: solid 12px #0066ff;
        border-radius: 100px;
        transform: scale(1);
        transform-origin: center center;
    }

    #tabMenuA>ul>li>a.NOWTAB {
        position: relative;
        z-index: 99;
        font-weight: bold;
    }

    /*頁籤ul */
    #tabMenu {
        position: relative;
        display: inline-block;
        width: 100%;
        margin: 0 0 30px;
    }

    #tabMenu>ul {
        position: relative;
        /* display:inline-block; */
        margin: -60px auto 0;
        padding: 0;
        width: 100%;
        max-width: 100vw;
        justify-content: flex-start;
        /* align-items: center; */
        text-align: center;
        overflow: auto;
        overflow-y: hidden;
        margin: 1em 0 1em 0;
        white-space: nowrap;
        max-height: 135px;
    }

    #tabMenu>ul>li:first-child {
        margin-left: 25px;
    }

    #tabMenu>ul>li:last-child {
        margin-right: 25px;
    }

    #tabMenu>ul>li {
        vertical-align: middle;
        list-style-type: none;
        position: relative;
        display: inline-block;
        text-align: center;
        margin: 0 5px;
    }

    #tabMenu>ul>li>a {
        position: relative;
        vertical-align: middle;
        display: inline-flex;
        width: 65px;
        height: 65px;
        align-content: center;
        align-items: center;
        text-align: center;
        justify-content: center;
        margin: auto;
        font-size: 17px;
        font-weight: bold;
        border: solid 10px #000;
        border-radius: 50px;
        background: #fff;
        font-family: 'Microsoft YaHei', 'Microsoft JhengHei', sans-serif, Arial, Helvetica, sans-serif;
        box-sizing: content-box;
    }

    .tab-content {
        position: relative;
        display: inline-block;
        max-height: 580px;
        overflow-y: auto;
        width: 90%;
        margin: 0 5% 0 5%;
    }

    .tab-content>ul {
        width: 100%;
        list-style: none;
        display: table;
        margin: 0 auto;
        border-collapse: collapse;
    }

    .tab-content>ul .thead {
        display: table-header-group;
    }

    .tab-content>ul>li .tr {
        display: table-row;
    }

    .tab-content>ul>li .tr>li:first-child {
        display: none;
    }

    .tab-content>ul>.tbody {
        display: table-row-group;
        background: #fff;
    }

    .tab-content>ul .thead li,
    .tr li {
        display: table-cell;
        padding: 5px;
        line-height: 2;
        border: 1px solid #efefef;
        border-top: none;
        border-bottom: none;
    }

    .tab-content>ul .thead li {
        text-align: center;
        font-weight: bold;
        color: #fff;
        background: #0066ff;
    }

    .tab-content>ul .thead>ol>li:nth-child(3),
    .tab-content>ul .thead>ol>li:nth-child(4) {
        box-sizing: border-box;
        line-height: 1.5;
    }

    .Google_Maps_icon {
        position: relative;
        display: flex;
        margin: auto;
        background: url(../images/Google_Maps_icon.png) no-repeat center center;
        width: 100%;
        height: 30px;
        background-size: contain;
    }

    /*頁籤div內容*/
    #tab>div,
    #tab_A>div {
        clear: both;
        padding: 0 15px;
        height: 0;
        overflow: hidden;
        visibility: hidden;

    }

    /* Let's get this party started */
    .tab-content::-webkit-scrollbar {
        width: 8px;
        height: 80%;
        background: #b9d300;
    }

    .tab-content::-webkit-scrollbar-thumb {
        width: 8px;
        height: 200px;
        background: rgb(255 255 255 / 50%);
    }



    /*騎乘費率*/
    .ride_cost {
        position: relative;
        display: inline-block;
        width: 100%;
        height: auto;
        background: #fff;
        text-align: center;
        overflow: hidden;
    }

    .ride_cost .inside {
        position: relative;
        display: inline-block;
        max-width: 1000px;
        width: 90%;
        height: auto;
        margin: 0 auto;
        padding: 0px 0 0px;
    }

    .cost {
        position: relative;
        display: inline-block;
        width: 100%;
        background: #b9d300;
        border-radius: 30px;
        overflow: hidden;
        justify-content: space-between;
        align-items: center;
    }

    .cost_img {
        position: relative;
        display: inline-block;
        width: auto;
        max-width: 100%;
    }

    .cost_img>img {
        display: flex;
        object-fit: contain;
        margin: 0 auto;
        max-height: 100%;
        width: 100%;
        align-items: center;
        justify-content: center;
    }

    .cost_text {
        position: relative;
        display: inline-grid;
        min-width: 100%;
        width: 100%;
    }

    .cost_text>h6 {
        position: relative;
        font-size: 24px;
        font-weight: bold;
        display: block;
        border-bottom: solid 1px #fff;
        width: 80%;
        padding: 0 0 5px;
        margin: 5px auto;
        color: #fff;
    }

    .cost_text>div {
        position: relative;
        font-size: 20px;
        font-weight: bold;
        display: inline-block;
        width: 100%;
        color: #fff;
        margin: 5px auto;
        max-width: 310px;
    }

    .cost_text>div>.time {
        width: auto;
        text-align: left;
    }

    .cost_text>div>.fee {
        width: auto;
        text-align: left;
    }

    .cost_text>div:last-child>.fee {
        display: block;
        margin: 0 auto 5px -15px;
    }

    .cost_text>div:last-child {
        margin: 5px auto 6px;
    }

    /*Blake 0616 add  */
    .cost_textN {
        position: relative;
        display: inline-grid;
        min-width: 100%;
        width: 100%;
    }

    .cost_textN>h6 {
        position: relative;
        font-size: 24px;
        font-weight: bold;
        display: block;
        border-bottom: solid 1px #fff;
        width: 80%;
        padding: 0 0 5px;
        margin: 5px auto;
        color: #fff;
    }

    .cost_textN>div {
        position: relative;
        font-size: 20px;
        font-weight: bold;
        display: inline-block;
        width: 100%;
        color: #fff;
        margin: 5px auto;
        padding: 0 15px;
        justify-content: left;
        align-items: center;
        width: 100%;
        text-align: left;
    }

    .cost_textN>div>.time {
        width: auto;
        text-align: left;
    }

    .cost_textN>div>.fee {
        width: auto;
        text-align: left;
    }

    /*最新消息*/
    .moovo_news {
        margin: 0 auto 30px;
        padding: 0;
    }

    .moovo_news .inside {
        position: relative;
        display: inline-block;
        max-width: 1100px;
        width: 100%;
        height: auto;
        margin: 0 auto;
        padding: 0 0;
        box-sizing: border-box;
        clear: both;
        min-height: 340px;
    }

    .news_menu {
        position: fixed;
        display: inline-block;
        left: initial;
        top: initial;
        width: 100%;
        height: auto;
        border: none;
        padding: 0;
        text-align: center;
        margin: 0 0;
        vertical-align: top;
        left: 0;
        top: 58px;
        background: #fff;
        z-index: 999;
    }

    .news_menu>ul {
        position: relative;
        padding: 0;
        margin: 0;
        width: 100%;
        top: 0;
        left: 0;
        display: inline-table;
    }

    .news_menu li {
        position: relative;
        display: table-cell;
        width: calc(100% / 5);
        border-left: solid 1px #fff;
    }

    .news_menu li>a {
        position: relative;
        width: 100%;
        ;
        font-size: 18px;
        display: inline-block;
        padding: 5px 0;
        line-height: 2;
        vertical-align: top;
        background: #c9c9c9;
        color: #fff;
        margin: 0;
        font-weight: bold;
    }

    .news_menu li>a.active {
        background: #0066ff;
    }

    .news_message {
        position: relative;
        display: inline-block;
        vertical-align: top;
        width: 96%;
        padding: 0;
        text-align: left;
        margin: auto;
        padding: 50px 0 0;
        box-sizing: border-box;
    }

    .news_message>ul {
        position: relative;
        display: inline-block;
        list-style-type: none;
        padding: 0;
        margin: 0;
    }

    .news_message>ul>li {
        position: relative;
        display: inline-block;
        vertical-align: middle;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        margin: 10px auto 20px;
    }

    .news_img {
        position: relative;
        display: inline-block;
        border-radius: 10px;
        overflow: hidden;
        width: 100px;
        height: 100px;
        text-align: center;
        align-self: center;
        justify-content: center;
        vertical-align: top;
    }

    .news_img>img {
        display: block;
        object-fit: contain;
        margin: auto 0;
        max-width: 100px;
        height: 100px;
    }

    .new_text h6 {
        font-size: 24px;
        margin: auto;
    }

    .new_text {
        position: relative;
        display: inline-grid;
        width: calc(100% - 110px);
        height: 100px;
        vertical-align: top;
        padding: 0 0 40px 10px;
        box-sizing: border-box;
        font-family: 'Microsoft JhengHei', 'Microsoft YaHei', sans-serif;
    }

    .new_text b {
        position: relative;
        display: block;
        font-size: 16px;
        font-weight: bold;
        line-height: 1.3;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        text-align: left;
    }

    .new_text>span {
        position: relative;
        width: 100%;
        font-size: 15px;
        font-weight: bold;
        line-height: 1.3;
        letter-spacing: .3px;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        text-align: left;
        margin: -5px 0 0 0;
        display: none;
    }

    .new_text .time {
        display: inline-block;
        color: #808080;
        font-size: 13px;
    }

    .new_text .time>span {
        position: relative;
        display: inline-block;
        justify-content: center;
        align-items: center;
        margin: auto 5px auto auto;
    }

    .news_message>ul>li .more_btnA {
        float: right;
        line-height: 2;
        margin: 5px 0 0 0;
    }


    /* bookmark */
    .bookmark {
        text-align: center;
        font-size: 0.8em;
        padding: 0;
        color: #808080;
        margin: 0px 0 5px 0;
    }

    .bookmark a {
        display: inline-block;
        font-size: 16px;
        font-family: Microsoft JhengHei;
        line-height: 40px;
        width: 40px;
        font-weight: bold;
    }

    /*內頁*/
    #new_in {
        font-family: 'Microsoft JhengHei', 'Microsoft YaHei', sans-serif;
    }

    #new_in .new_title {
        position: relative;
        display: none;
        width: auto;
        margin: 0 0 15px 0;
        text-align: left;
        font-size: 22px;
        font-weight: bold;
        border-bottom: solid 2px #0066ff;
        padding: 0 0 5px 0;
    }

    #new_in>.time {
        display: inline-block;
        color: #808080;
        font-size: 16px;
    }

    #new_in>.time>span {
        position: relative;
        display: inline-block;
        justify-content: center;
        align-items: center;
        margin: auto 15px auto auto;
    }

    #new_in>.in_title {
        position: relative;
        display: block;
        font-size: 18px;
        font-weight: bold;
        margin: 5px 0 15px;
    }

    .text_img {
        max-width: 480px;
        border-radius: 10px;
        overflow: hidden;
        margin: 15px 0;
    }

    .text_img>img {
        display: block;
        object-fit: contain;
        margin: auto;
    }

    .in_text {
        position: relative;
        display: block;
        color: #000;
        font-size: 16px;
        font-weight: bold;
        line-height: 1.6;
        letter-spacing: .5px;
    }

    .in_text>p {
        margin: 5px 0;
    }

    .in_text>p>a {
        border-bottom: solid 1px #0066ff;
        color: #0066ff;
    }

    /*頁腳*/
    .footer_data {
        position: relative;
        display: inline-block;
        width: 100%;
        height: auto;
        background: #fff;
        text-align: center;
        overflow: hidden;
        box-sizing: border-box;
        margin: 0 auto;
    }

    .footer_data .inside {
        position: relative;
        display: inline-block;
        max-width: 1100px;
        width: 100%;
        height: auto;
        margin: 0 auto;
        padding: 0;
        box-sizing: border-box;
        clear: both;
        min-height: initial;
    }

    .footer_data .scroll_hight {
        max-height: initial;
    }

    .footer_menu {
        position: fixed;
        display: block;
        left: 0;
        top: 56px;
        width: 100%;
        height: auto;
        border: none;
        border-bottom: solid 2px #efefef;
        padding: 0;
        margin: 0;
        text-align: center;
        margin: 0 0;
        z-index: 999;
        list-style-type: none;
        vertical-align: top;
    }

    .footer_menu>ul {
        padding: 0;
        margin: 0;
        position: relative;
        width: 100%;
        top: 0;
        left: 0;
        display: inline-table;
    }

    .footer_menu li {
        position: relative;
        margin: 0;
        display: inline-flex;
        width: calc(100% / 3);
        align-content: center;
        justify-content: center;
        text-align: center;
        border: none;
    }

    .footer_menu li>a {
        position: relative;
        width: 100%;
        font-size: 18px;
        display: inline-flex;
        padding: 10px 0 5px;
        line-height: 2;
        vertical-align: top;
        background: #fff;
        color: #000;
        margin: 0 0;
        border: none;
        border-right: solid 2px #efefef;
        align-content: center;
        justify-content: center;
        text-align: center;
    }

    .footer_menu li>a.active {
        background: #efefef;
    }

    .footer_menu li:last-child>a {
        border: none !important;
        ;
    }

    .footer_data .article_page {
        position: relative;
        display: inline-block;
        vertical-align: top;
        width: 100%;
        padding: 60px 0.8em 0;
        box-sizing: border-box;
        text-align: left;
        list-style-type: none;
        margin: auto;
    }

    .article_page .service_title {
        margin: 0 0 15px;
        font-size: 22px;
    }

    .article_page>ul {
        position: relative;
        display: inline-block;
        list-style-type: none;
        padding: 0;
        margin: 0;
    }

    .article_page>ul>li {
        position: relative;
        display: inline-block;
        vertical-align: middle;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        margin: 0 auto 15px;
    }

    .article_page>ul>li>b>i {
        font-style: normal
    }

    /* QA常見問題 */
    .QA_title {
        font-size: 22px;
        font-weight: bold;
        text-align: left;
        margin: 30px 0 0px;
    }

    .QA_list {
        position: relative;
        display: inline-table;
        list-style-type: none;
        text-align: left;
        padding: 0;
        margin: 0;
    }

    .QA_list>li {
        line-height: 1.8;
        margin: 5px 0;
        padding: 0 0 0 20px;
        box-sizing: border-box;
    }

    .QA_list>li>b {
        position: relative;
        display: block;
        font-weight: bolder;
        font-size: 16px;
        letter-spacing: 0.2px;
    }

    .QA_list>li>span {
        font-size: 15px;
        letter-spacing: 0.2px;
        position: relative;
        display: block;
    }

    .QA_list>li>ol {
        list-style-type: none;
        padding: 0;
    }

    .QA_list>li>ol>li {
        text-indent: -12px;
        padding-left: 15px;
    }

    .QA_list>li>b>i {
        position: absolute;
        font-style: normal;
        left: 0;
        top: 0;
        margin: -2px 0 0 -20px;
        font-size: 16px;
    }

    .footer_data .service_list>li>b {
        font-size: 1em;
    }

    /*認識MOOVO*/
    .Moovo_cognition {
        position: relative;
        display: inline-block;
        width: 100%;
        height: auto;
        margin: 0 auto 60px;
    }

    .Moovo_cognition_img {
        position: relative;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        margin: 0px 0 0;
        max-width: inherit;
    }

    .Moovo_cognition_img>img {
        position: relative;
        display: inline-block;
        max-width: 100%;
        height: auto;
        width: 100%;
        mix-blend-mode: multiply;
    }

    .Moovo_cognition .inside {
        position: relative;
        display: inline-flex;
        width: 100%;
        margin: auto;
        max-width: 1100px;
        align-items: center;
        height: auto;
    }

    .Moovo_cognition .article_page {
        position: relative;
        display: inline-block;
        width: 100%;
        height: auto;
        padding: 0.8em;
        box-sizing: border-box;
        left: inherit;
        top: 0;
        margin: 0px auto auto 0;
        text-align: left;
    }

    .Moovo_cognition .article_page .title {
        font-size: 24px;
        line-height: 1.6;
        margin: 0 0 15px 0;
        position: relative;
        display: block;
    }

    .Moovo_cognition .article_page .into_text {
        text-align: left;
    }

    .Moovo_cognition .article_page .into_text>p {
        position: relative;
        display: block;
        line-height: 1.6;
        font-size: 16px;
        letter-spacing: .3px;
    }

    #Moovo_cognition_01 .Moovo_cognition_img {
        display: inline-block;
        overflow: hidden;
        margin: -15px auto -75px;
    }

    #Moovo_cognition_01 .Moovo_cognition_img>img {
        width: 80%;
        max-width: inherit;
        margin: 0;
    }

    #Moovo_cognition_02 .Moovo_cognition_img {
        position: relative;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        margin: -90px 0 0 -360px;
        max-width: 1200px;
    }

    #Moovo_cognition_02 .article_page {
        width: 550px;
        margin: 10% auto auto -90px;
    }

    #Moovo_cognition_02 .article_page .into_text {
        display: inline-flex;
        justify-content: space-between;
    }

    #Moovo_cognition_02 .article_page .into_text>h6 {
        font-size: 24px;
    }

    #Moovo_cognition_02 .QR_img {
        position: relative;
        display: inline-block;
        width: 150px;
    }

    /*車輛介紹*/
    #superbike {
        position: relative;
        display: inline-block;
        width: 100%;
        height: auto;
        background: #fff;
        text-align: center;
        margin: 11px auto;
    }

    .superbike .inside {
        position: relative;
        display: inline-block;
        max-width: 1100px;
        width: 100%;
        height: auto;
        margin: 0 auto;
        padding: 0px;
        box-sizing: border-box;
        clear: both;
    }

    .superbike .inside .title {
        position: relative;
        display: inline-block;
        width: 100%;
        margin: 0;
        text-align: left;
        vertical-align: middle;
        justify-content: left;
        align-items: center;
    }

    .superbike .inside .title div {
        position: relative;
        display: inline-block;
        vertical-align: middle;
    }

    .superbike .inside .title div>span {
        position: relative;
        display: inline-block;
        vertical-align: middle;
        margin: auto;
    }

    .superbike .inside .title>div>.text_01 {
        position: relative;
        display: inline-block;
        vertical-align: middle;
        margin: 0;
        font-size: 16px !important;
    }

    #bike_tab_A>ul>li>a.NOWTAB {
        position: relative;
        z-index: 99;
        font-weight: bold;
        width: 100%;
        height: 100%;
        border: none;
        ;
        transform-origin: center center;
        background: #0066ff;
        color: #fff;
    }

    /*頁籤ul */
    #bike_tab_A {
        position: relative;
        display: inline-block;
        width: 100%;
        margin: 0 0 30px;
    }

    #bike_tab_A>ul {
        position: relative;
        display: inline-flex;
        margin: 0 auto;
        padding: 0;
        width: 100%;
        max-width: 1000px;
        /*justify-content: space-between;*/
        align-items: center;
        text-align: center;
        border-bottom: solid 2px #0066ff;
    }

    #bike_tab_A>ul>li {
        position: relative;
        display: inline-block;
        text-align: center;
        vertical-align: bottom;
        margin: 0;
        width: calc(100% / 2 - 3px);
        overflow: hidden;
        min-width: 180px;
        padding: 0 2px 0 2px;
    }

    #bike_tab_A>ul>li>a {
        position: relative;
        vertical-align: middle;
        display: inline-flex;
        align-content: center;
        align-items: center;
        text-align: center;
        justify-content: center;
        margin: auto;
        font-size: 13px;
        font-weight: bold;
        border: none;
        width: 100%;
        height: 100%;
        line-height: 1;
        padding: 12px 0;
        min-height: 70px;
        box-sizing: border-box;
    }

    #bike_tab_A>ul>li>a>b {
        font-size: 12px;
        position: absolute;
        width: 100%;
        left: 0;
        bottom: 0;
        margin: 0 0 3px 0;
        text-align: center;
    }

    .bike_tab-content {
        position: relative;
        display: inline-block;
    }

    .bike_tab-content>ul {
        width: 95%;
        list-style: none;
        display: table;
        margin: 1em auto;
        border-collapse: collapse;
    }

    .bike_tab-content>ul .thead {
        display: table-header-group;
    }

    .bike_tab-contentul>li .tr {
        display: table-row;
        padding: 0;
    }

    .bike_tab-content>ul>.tbody {
        display: table-row-group;
        background: #fff;
    }

    .bike_tab-content>ul .thead li,
    .tr li {
        display: table-cell;
        vertical-align: middle;
        margin: auto;
        padding: 5px;
        line-height: 2;
        border: 1px solid #efefef;
        border-top: none;
        border-bottom: none;
    }

    .bike_tab-content>ul .thead li {
        text-align: center;
        font-weight: bold;
        color: #fff;
        background: #0066ff;
    }

    .bike_tab-content>.text {
        font-size: 16px;
        text-align: center;
        position: relative;
        display: inline-block;
        width: 100%;
    }


    .superbike_img {
        position: relative;
        display: inline-block;
        max-width: inherit;
        overflow: hidden;
        width: 100%;
    }

    .superbike_img>img {
        position: relative;
        display: inline-block;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        width: 106%;
        margin: 0 -2.5% 0 -3.5%;
    }

    .baguetteBoxOne {
        position: absolute;
        width: 100%;
        z-index: 990;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
    }

    .baguetteBoxOne>a>i {
        position: relative;
        display: inline-block;
        background: url(../images/icon_point.png) no-repeat center center;
        background-size: contain;
        width: 20px;
        height: 20px;
        vertical-align: middle;
    }

    .point_a1 {
        position: absolute;
        display: inline-block;
        left: 50%;
        top: 50%;
        margin: -160px 0 0 55px;
    }

    .point_a2 {
        position: absolute;
        display: inline-block;
        left: 50%;
        top: 50%;
        margin: -95px 0 0 105px;
    }

    .point_a3 {
        position: absolute;
        display: inline-block;
        left: 50%;
        top: 50%;
        margin: -60px 0 0 130px;
    }

    .point_a4 {
        position: absolute;
        display: inline-block;
        left: 50%;
        top: 50%;
        margin: -110px 0 0 -70px;
    }

    .point_a5 {
        position: absolute;
        display: inline-block;
        left: 50%;
        top: 50%;
        margin: 70px 0 0 -20px;
    }

    .point_a6 {
        position: absolute;
        display: inline-block;
        left: 50%;
        top: 50%;
        margin: -80px 0 0 -130px;
    }

    .point_a7 {
        position: absolute;
        display: inline-block;
        left: 50%;
        top: 50%;
        margin: -60px 0 0 -165px;
    }

    .point_b1 {
        position: absolute;
        display: inline-block;
        left: 50%;
        top: 50%;
        margin: -60px 0 0 130px;
    }

    .point_b2 {
        position: absolute;
        display: inline-block;
        left: 50%;
        top: 60%;
        margin: -160px 0 0 55px;
    }

    .point_b3 {
        position: absolute;
        display: inline-block;
        left: 50%;
        top: 53%;
        margin: -105px 0 0 105px;
    }

    .point_b4 {
        position: absolute;
        display: inline-block;
        left: 50%;
        top: 54%;
        margin: -110px 0 0 -70px;
    }

    .point_b5 {
        position: absolute;
        display: inline-block;
        left: 50%;
        top: 52%;
        margin: -80px 0 0 -130px;
    }

    .point_b6 {
        position: absolute;
        display: inline-block;
        left: 50%;
        top: 50%;
        margin: 70px 0 0 -20px;
    }

    .point_b7 {
        position: absolute;
        display: inline-block;
        left: 50%;
        top: 50%;
        margin: -60px 0 0 40px;
    }

    .point_c1 {
        position: absolute;
        display: inline-block;
        left: 50%;
        top: 50%;
        margin: -60px 0 0 130px;
    }

    .point_c2 {
        position: absolute;
        display: inline-block;
        left: 46%;
        top: 50%;
        margin: -120px 0 0 70px;
    }

    .point_c3 {
        position: absolute;
        display: inline-block;
        left: 50%;
        top: 50%;
        margin: -95px 0 0 105px;
    }

    .point_c4 {
        position: absolute;
        display: inline-block;
        left: 50%;
        top: 52%;
        margin: -100px 0 0 -70px;
    }

    .point_c5 {
        position: absolute;
        display: inline-block;
        left: 50%;
        top: 50%;
        margin: -60px 0 0 40px;
    }

    .point_c6 {
        position: absolute;
        display: inline-block;
        left: 48%;
        top: 46%;
        margin: -30px 0 0 -70px;
    }

    .point_c7 {
        position: absolute;
        display: inline-block;
        left: 50%;
        top: 56%;
        margin: -160px 0 0 55px;
    }

    #coomming_soon {
        pointer-events: none;
        display: none !important;
    }

    #bike_tab_EX>ul>li>a.NOWTAB {
        position: relative;
        z-index: 99;
        font-weight: bold;
        width: 100%;
        border: none;
        ;
        transform-origin: center center;
        background: #0066ff;
        color: #fff;
    }

    /*頁籤ul */
    #bike_tab_EX {
        position: fixed;
        display: inline-block;
        width: 100%;
        margin: 0;
        height: auto;
        left: 0;
        top: 58px;
        z-index: 999;
    }

    #bike_tab_EX>ul {
        position: relative;
        display: inline-flex;
        margin: 0 auto;
        padding: 0;
        width: 100%;
        max-width: 1000px;
        justify-content: center;
        align-items: center;
        text-align: center;
        border-bottom: solid 2px #0066ff;
    }

    #bike_tab_EX>ul>li {
        position: relative;
        display: inline-block;
        text-align: center;
        vertical-align: top;
        margin: 0;
        width: calc(100% / 2);
        overflow: hidden;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
    }

    #bike_tab_EX>ul>li>a {
        position: relative;
        vertical-align: middle;
        display: block;
        transition: 0.4s;
        width: 100%;
        align-content: center;
        align-items: center;
        text-align: center;
        justify-content: center;
        font-size: 20px;
        font-weight: bold;
        border: none;
        width: auto;
        height: auto;
        line-height: 2;
        padding: 20px 0 0;
        color: #000;
        background: #efefef
    }

    /*搶先體驗*/
    #experience {
        position: relative;
        display: inline-block;
        width: 100%;
        height: auto;
        background: #fff;
        text-align: center;
        overflow: hidden;
        box-sizing: border-box;
        margin: 80px auto auto auto;
        padding: 0 0;
    }

    #experience .baguetteBoxOne {
        position: relative;
        display: inline-flex;
        width: calc(100% / 2 - 15px);
        margin: 30px 0;
        justify-content: center;
        text-align: center;
        border: solid 5px #b9d300;
        border-radius: 20px;
        overflow: hidden;
        height: 180px;
    }

    #experience .baguetteBoxOne>div {
        position: relative;
        display: inline-block;
        width: 100%;
        text-align: center;
        height: auto;
        padding: 0;
        box-sizing: border-box;
    }

    #experience .baguetteBoxOne>div h6,
    #experience .baguetteBoxOne>.btn_img>a h6 {
        position: relative;
        display: flex;
        width: 100%;
        font-size: 22px;
        font-weight: bold;
        margin: -40px 0 0;
        align-content: center;
        justify-content: center;
    }

    #experience .baguetteBoxOne>div h6,
    #experience .baguetteBoxOne>.btn_img>a h7 {
        position: relative;
        display: flex;
        width: 100%;
        font-size: 22px;
        font-weight: bold;
        margin: -60px 0 0;
        align-content: center;
        justify-content: center;
    }

    .btn_img h7::before {
        content: '';
        position: relative;
        display: inline-block;
        vertical-align: middle;
        background: url(/images/bike_img/icon_arr.png) no-repeat center center;
        background-size: contain;
        width: 18px;
        height: 18px;
        margin: auto 3px auto 0;
    }

    .btn_img h6::before {
        content: '';
        position: relative;
        display: inline-block;
        vertical-align: middle;
        background: url(/images/bike_img/icon_arr.png) no-repeat center center;
        background-size: contain;
        width: 18px;
        height: 18px;
        margin: auto 3px auto 0;
    }

    #experience .baguetteBoxOne>div>a>img {
        position: relative;
        display: inline-block;
        width: 100%;
        max-width: 200px;
    }

    #experience .baguetteBoxOne>div>a {
        pointer-events: visible;
    }

    #experience .rental {
        margin-right: 5px;
    }

    #experience .return {
        margin-left: 5px;
    }

    #car_A1 {
        position: relative;
        display: inline-block;
        width: 100%;
        height: auto;
        margin: 0 auto 45px;
        padding: 0 0.8em;
        box-sizing: border-box;
    }

    #car_A2 {
        position: relative;
        display: inline-block;
        width: 100%;
        height: auto;
        margin: 0 auto 15px;
        padding: 0 0.8em;
        box-sizing: border-box;
    }

    #car_A3 {
        position: relative;
        display: inline-block;
        width: 100%;
        height: auto;
        margin: 15 auto 15px;
        padding: 0 0.8em;
        box-sizing: border-box;
    }

    #car_A1 h6,
    #car_A2 h6,
    #car_A3 h6 {
        font-size: 18px;
        font-weight: bold;
        text-align: center;
        margin: 5px 0;
    }

    #experience .inside .title .text {
        float: none;
    }

    #experience .baguetteBoxOne>div {
        display: none;
    }

    #experience .baguetteBoxOne>div:nth-child(1) {
        display: inline-flex !important;
    }

    .btn_img {
        border: none;
    }

    /*車輛搶先體驗*/
    .car_pop {
        position: fixed;
        width: 100%;
        top: 0;
        right: 0;
        bottom: 0;
        padding: 0;
        left: 0;
        height: 100vh;
        z-index: 100005;
        display: inline-flex;
        box-sizing: border-box;
        justify-content: center;
        margin: auto;
        text-align: center;
        align-items: center;
    }

    .pdSlide01,
    .pdSlide02,
    .pdSlide03 {
        padding: 5px 5px 0px;
        overflow: hidden;
        overflow-x: auto;
        border-radius: 15px;
        margin: 0 auto 15px;
        height: auto;
        width: 300px;
    }

    .slideWrapper {
        position: relative;
        display: inline-flex;
        padding: 0;
        list-style-type: none;
        margin: -5px auto 0;
    }

    .slideWrapper>li {
        width: 300px;
        margin: auto;
        display: block;
        border-radius: 50px;
        overflow: hidden;
        position: relative;
    }

    .slideWrapper>li>img {
        margin: auto;
        display: inline-block;
        position: relative;
        border-radius: 50px;
        overflow: hidden;
    }

    .car_pop .xx {
        top: calc(50% - 240px);
        right: 0;
    }

    .list_pop form>span {
        flex-wrap: wrap;
    }

    .personalData>div {
        flex-wrap: wrap;
    }

    .list_pop form>span>label {
        width: 125px;
        min-width: 125px;
        max-width: 125px;
    }

    .list_pop form>span>input {
        flex: 1;
        margin-right: 5px;
    }

    .list_pop form>span select {
        width: 125px;
        min-width: 125px;
        max-width: 125px;
    }

    .btn-container {
        justify-content: start;
        margin: 10px 0 -5px 0;
    }

    .rounded-button {
        font-size: 15px;
        padding: 10px 10px;
        height: 30px;
        width: 100px;
        min-width: 80px;
    }

    .list_pop form>span,
    .personalData>div {
        height: auto;
    }

}

@media only screen and (max-device-width:376px) and (min-device-width:320px) {

    .page_m_logo {
        width: 100px;
        height: 75px;
    }

    .list_pop {
        padding: 10px;
    }

    .list_pop .title_text>h5 {
        font-size: 22px;
    }

    .list_pop .title_text>h4 {
        margin: 10px auto;
    }

    .list_pop form>span>label {
        font-size: 18px;
        display: inline-flex;
        width: 125px;
        min-width: 125px;
        max-width: 125px;
        text-align: left;
        flex-wrap: wrap;
        justify-content: left;
        align-items: center;
    }

    .list_pop form>span>input {
        font-size: 18px;
        display: inline-flex;
        flex: 1;
        flex-wrap: wrap;
        justify-content: left;
        align-items: center;
    }

    .list_pop form>.width_100>input {
        font-size: 18px;
        line-height: 40px;
        display: inline-flex;
        width: 100%;
        ;
        margin: 0;
        flex-wrap: wrap;
        justify-content: left;
        align-items: center;
        margin-right: 5px;
    }

    .list_pop form>span select {
        font-size: 18px;
        line-height: 40px;
        display: inline-flex;
        width: 125px;
        min-width: 125px;
        max-width: 125px;
        flex-wrap: wrap;
        justify-content: left;
        align-items: center;
    }

    .list_pop form>span>input {}

    .list_pop form>span>.cardNo {
        width: 100%;
        flex: 1;
        max-width: 100%;
        min-width: 200px;
    }

    .list_pop form>.born>label {
        width: 125px;
        min-width: 125px;
        max-width: 125px;
    }

    .list_pop form>.born>input {
        flex: 1;
        min-width: 173px;
    }

    .list_pop form>span>#userName-error {
        writing-mode: inherit !important;
        width: 15%;
    }

    .list_pop .scroll_hight {
        max-height: calc(100vh - 240px);
    }

    #servicepolicy .pop_btn {
        margin: 15px 0;
    }

    .tab-content>ul .thead>ol>li:nth-child(3),
    .tab-content>ul .thead>ol>li:nth-child(4) {
        box-sizing: border-box;
        line-height: 1.5;
    }

    /*忘記密碼QRCODE*/
    .QR_code>img {
        width: 250px;
    }

    .more_btnA {
        font-size: 16px;
        width: 100px;
    }

    .news_menu li>a {
        position: relative;
        width: 100%;
        ;
        font-size: 16px;
        display: inline-block;
        padding: 5px 0;
        line-height: 2;
        vertical-align: top;
        background: #c9c9c9;
        color: #fff;
        margin: 0;
        font-weight: bold;
    }

    /*車輛介紹*/
    .superbike_img>img {
        position: relative;
        display: inline-block;
        width: 100%;
        margin: 0 -4% 0 -6%;
    }

    .baguetteBoxOne>a>i {
        position: relative;
        display: inline-block;
        background: url(../images/icon_point.png) no-repeat center center;
        background-size: contain;
        width: 20px;
        height: 20px;
        vertical-align: middle;
    }

    .point_a1 {
        position: absolute;
        display: inline-block;
        left: 50%;
        top: 50%;
        margin: -135px 0 0 50px;
    }

    .point_a2 {
        position: absolute;
        display: inline-block;
        left: 50%;
        top: 50%;
        margin: -95px 0 0 95px;
    }

    .point_a3 {
        position: absolute;
        display: inline-block;
        left: 50%;
        top: 50%;
        margin: -55px 0 0 120px;
    }

    .point_a4 {
        position: absolute;
        display: inline-block;
        left: 50%;
        top: 50%;
        margin: -100px 0 0 -65px
    }

    .point_a5 {
        position: absolute;
        display: inline-block;
        left: 50%;
        top: 50%;
        margin: 70px 0 0 -20px;
    }

    .point_a6 {
        position: absolute;
        display: inline-block;
        left: 50%;
        top: 50%;
        margin: -80px 0 0 -130px;
    }

    .point_a7 {
        position: absolute;
        display: inline-block;
        left: 50%;
        top: 50%;
        margin: -60px 0 0 -165px;
    }

    .point_b1 {
        position: absolute;
        display: inline-block;
        left: 50%;
        top: 50%;
        margin: -55px 0 0 120px;
    }

    .point_b2 {
        position: absolute;
        display: inline-block;
        left: 50%;
        top: 50%;
        margin: -130px 0 0 45px;
    }

    .point_b3 {
        position: absolute;
        display: inline-block;
        left: 50%;
        top: 50%;
        margin: -105px 0 0 95px;
    }

    .point_b4 {
        position: absolute;
        display: inline-block;
        left: 50%;
        top: 50%;
        margin: -100px 0 0 -70px;
    }

    .point_b5 {
        position: absolute;
        display: inline-block;
        left: 50%;
        top: 50%;
        margin: -70px 0 0 -130px;
    }

    .point_b6 {
        position: absolute;
        display: inline-block;
        left: 50%;
        top: 50%;
        margin: 70px 0 0 -20px;
    }

    .point_b7 {
        position: absolute;
        display: inline-block;
        left: 50%;
        top: 50%;
        margin: -60px 0 0 40px;
    }

    .point_c1 {
        position: absolute;
        display: inline-block;
        left: 50%;
        top: 50%;
        margin: -55px 0 0 120px;
    }

    .point_c2 {
        position: absolute;
        display: inline-block;
        left: 50%;
        top: 50%;
        margin: -110px 0 0 60px;
    }

    .point_c3 {
        position: absolute;
        display: inline-block;
        left: 50%;
        top: 50%;
        margin: -105px 0 0 95px
    }

    .point_c4 {
        position: absolute;
        display: inline-block;
        left: 50%;
        top: 50%;
        margin: -90px 0 0 -60px;
    }

    .point_c5 {
        position: absolute;
        display: inline-block;
        left: 50%;
        top: 50%;
        margin: -60px 0 0 40px;
    }

    .point_c6 {
        position: absolute;
        display: inline-block;
        left: 50%;
        top: 50%;
        margin: -40px 0 0 -80px;
    }

    .point_c7 {
        position: absolute;
        display: inline-block;
        left: 50%;
        top: 50%;
        margin: -130px 0 0 45px;
    }

    #experience .baguetteBoxOne>div {
        padding: 0;
        margin: auto;
    }

    #experience .baguetteBoxOne {
        position: relative;
        display: inline-flex;
        width: calc(100% / 2 - 10px);
        margin: 30px 0;
        justify-content: center;
        text-align: center;
        border: solid 5px #b9d300;
        border-radius: 15px;
        overflow: hidden;
        height: auto;
    }

    #experience .baguetteBoxOne>div>a>img {
        position: relative;
        display: inline-block;
        width: 100%;
        max-width: 160px;
        margin: auto;
    }

    #experience .rental {
        margin-right: 5px;
    }

    #experience .return {
        margin-left: 5px;
    }

    #experience .baguetteBoxOne>div h6,
    #experience .baguetteBoxOne>.btn_img>a h6 {
        position: relative;
        display: flex;
        width: 100%;
        font-size: 22px;
        font-weight: bold;
        margin: -40px 0 6px;
        align-content: center;
        justify-content: center;
    }

    .btn_img h6::before {
        content: '';
        position: relative;
        display: inline-block;
        vertical-align: middle;
        background: url(/images/bike_img/icon_arr.png) no-repeat center center;
        background-size: contain;
        width: 18px;
        height: 18px;
        margin: auto 3px auto 0;
    }

    .btn_img {
        margin: auto !important;
    }

    .cost_text>div {
        margin: 5px auto 5px 20px;
    }

    .cost_text>div:last-child>.fee {
        display: block;
        margin: 0 auto 5px -15px;
    }

    .cost_text>div:last-child {
        margin: 5px auto 6px 20px;
    }

    /*共用*/
    .inside .title .icon,
    .step .inside .title .icon,
    .map .inside .title .icon {
        position: relative;
        display: inline-block;
        width: 20px;
        height: 25px;
        font-size: 22px;
        font-weight: bold;
        margin: auto 0 auto 5px;
        vertical-align: middle;
    }

}

/*IP5下*/
@media screen and (device-aspect-ratio:40/71) {

    .step .inside .steps .step1 .text .words,
    .step .inside .steps .step2 .text .words,
    .step .inside .steps .step3 .text .words {
        margin-top: 10%;
    }

    #tabMenu>ul>li>a.NOWTAB {
        position: relative;
        z-index: 99;
        font-weight: bold;
        border: solid 10px #0066ff;
        border-radius: 100px;
        transform: scale(1);
        transform-origin: center center;
    }

    #tabMenuA>ul>li>a.NOWTAB {
        position: relative;
        z-index: 99;
        font-weight: bold;
    }

    /*頁籤ul */
    #tabMenu {
        position: relative;
        display: inline-block;
        width: 100%;
        margin: 0 0 30px;
    }

    #tabMenu>ul {
        position: relative;
        display: inline-flex;
        margin: -60px auto 0;
        padding: 0;
        width: 100%;
        max-width: 1000px;
        justify-content: center;
        align-items: center;
        text-align: center;
    }

    #tabMenu>ul>li {
        list-style-type: none;
        position: relative;
        display: inline-block;
        text-align: center;
        vertical-align: top;
        margin: 0 5px;
    }

    #tabMenu>ul>li>a {
        position: relative;
        vertical-align: middle;
        display: inline-flex;
        width: 50px;
        height: 50px;
        align-content: center;
        align-items: center;
        text-align: center;
        justify-content: center;
        margin: auto;
        font-size: 15px;
        font-weight: bold;
        border: solid 8px #000;
        border-radius: 50px;
        background: #fff;
    }

    .tab-content {
        position: relative;
        display: inline-block;
        max-height: 580px;
        overflow-y: auto;
        width: 100%;
        margin: 0;
    }

    .tab-content>ul {
        width: 100%;
        list-style: none;
        display: table;
        margin: 0 auto;
        border-collapse: collapse;
    }

    .tab-content>ul .thead {
        display: table-header-group;
    }

    .tab-content>ul>li .tr {
        display: table-row;
    }

    .tab-content>ul>li .tr>li:first-child {
        display: none;
    }

    .tab-content>ul>.tbody {
        display: table-row-group;
        background: #fff;
    }

    .tab-content>ul .thead li,
    .tr li {
        display: table-cell;
        padding: 5px;
        line-height: 2;
        border: 1px solid #efefef;
        border-top: none;
        border-bottom: none;
    }

    .tab-content>ul .thead li {
        text-align: center;
        font-weight: bold;
        color: #fff;
        background: #0066ff;
    }

    .tab-content>ul .thead>ol>li:nth-child(3),
    .tab-content>ul .thead>ol>li:nth-child(4) {
        box-sizing: border-box;
        line-height: 1.5;
    }

    .Google_Maps_icon {
        position: relative;
        display: flex;
        margin: auto;
        background: url(../images/Google_Maps_icon.png) no-repeat center center;
        width: 100%;
        height: 30px;
        background-size: contain;
    }

    .step .inside,
    .ride_cost .inside {
        width: 95%;
    }

    .cost_textN>div {
        width: 90%;
    }

}