body {
    color: #3B3D49;
}

ul,li {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

h1 {
    font-size: 56px;
}

h3 {
    font-size: 26px;
}

p {
    line-height: 27px;
}

.Display-P-Block {
    display: block;
}

.Display-P-None {
    display: none;
}

.Display-None {
    display: none;
}

.position-relative {
    position: relative;
}

.input-border-0 input {
    border: 0;
}

.color-F2F2F2 {
    color: #F2F2F2;
}

.color-DB762E {
    color: #DB762E;
}

.color-FF6058 {
    color: #FF6058;
}

.color-4CA8C1 {
    color: #4CA8C1;
}

.color-9D9EA5 {
    color: #9D9EA5;
}

.color-747681 {
    color: #747681;
}

.color-DCDFE6 {
    color: #DCDFE6;
}

.f-14 {
    font-size: 14px;
}

.f-13 {
    font-size: 13px;
}

.f-24 {
    font-size: 24px;
}

.btn-outline {
    padding: 1rem 2.5rem;
    text-decoration: none;
    color: #747681;
    border-radius: 6px;
    border: 1px solid #DCDFE6;
    background-color: #fff;
}

.btn-outline:hover {
    color: #3B3D49;
}

.btn-outline-1 {
    padding: .4rem 2rem;
    text-decoration: none;
    color: #747681;
    border-radius: 6px;
    border: 1px solid #DCDFE6;
    background-color: #fff;
}

.btn-outline-1:hover {
    color: #3B3D49;
}

.btn-outline-2 {
    padding: .45rem .6rem;
    text-decoration: none;
    color: #747681;
    border-radius: 6px;
    border: 1px solid #DCDFE6;
    background-color: #fff;
}

.btn-outline-2:hover {
    color: #3B3D49;
}

.btn-text {
    color: #3B3D49;
}

.btn-text:hover {
    color: #3B3D49;
}

.btn-text-decoration {
    color: #747681;
    text-decoration: none;
}

.btn-text-decoration:hover {
    color: #747681;
}

.btn-text-DB762E {
    color: #DB762E;
    text-decoration: none;
}

.btn-text-DB762E:hover {
    color: #e59d69;
}

.table-padding th, .table-padding td {
    padding: 1rem;
}

@media (max-width: 991.98px) {
    .Display-P-Block {
        display: none;
    }
    .Display-P-None {
        display: block;
    }
    h1 {
        font-size: 46px;
    }
    h3 {
        font-size: 24px;
    }
    .width-50 {
        width: 50%;
    }
}

.header {
    width: 100%;
    height: 160px;
    border-bottom: 1px solid #DCDFE6;
}

.header-container {
    width: 90%;
    height: 160px;
    margin: 0 5%;
    display: block;
}

.header-logo {
    display: block;
}

.header-logo img {
    width: auto;
    height: 76px;
}

.header-logo-mb {
    display: none;
}

.header-top-menu {
    list-style-type: none;
}

.header-top-menu li {
    margin-left: 8px;
}

.header-top-menu button {
    border: 0px;
    background: none;
    color: #747681;
}

.header-nav ul {
    list-style-type: none;
    z-index: 99;
    
}

.header-nav ul li {
    margin-right: 32px;
    position: relative;
}

.header-nav ul li a {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    height: 60px;
    color: #3B3D49;
    text-decoration: none;
    /* background-color: #5A6373; */
}
.header-nav ul li a:hover {
    color: #4CA8C1;
}

.header-secondary-menu {
    display: none;
    width: 260px;
    background-color: #fff;
    border-top: 3px solid #4CA8C1;
    box-shadow:0px 0px 6px #DCDFE6;
    position: absolute;
    top: 72px;
    left: 50%;
    transform:translateX(-50%);
    z-index: 99;
}

.header-nav .header-secondary-menu li a {
    align-items: flex-start;
    width: 260px;
    height: auto;
    padding: 16px;
}

.header-nav .header-secondary-menu li a:hover {
    background-color: #F2F2F2;
    color: #3B3D49;
}

.GuidedTour {
    width: 90%;
    margin: 0 5%;
}

.scrollTop {
    display: none;
    position: fixed;
    bottom: 100px;
    right: 30px;
}

.scrollTop button {
    border: 0;
    background: none;
}

.header-navbox {
    z-index: 100;
}

@media (max-width: 991.98px) {
    .header {
        width: 100%;
        height: 100px;
    }
    .header-container {
        width: 100%;
        margin: 0;
        height: 100px;
    }
    .header-logo  {
        display: none;
    }
    .header-logo-mb {
        display: block;
    }
    .header-logo-mb img {
        width: auto;
        height: 46px;
    }
    .header-navbox {
        /* display: none; */
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, .8);
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 999;
    }
    .header-nav-mb {
        width: 90%;
        height: 100%;
        position: fixed;
        top: 0;
        right: 0;
        background-color: #fff;
        padding: 1rem;
        z-index: 999;
        overflow-y: auto;
    }
    .header-nav ul {
        list-style-type: none;
    }

    .header-nav ul li {
        margin-right: 0;
        position: relative;
        /* display: flex; */
    }
    .header-nav ul li a {
        display: flex;
        flex-direction: row;
        align-items: center;
        width: 100%;
        height: auto;
        padding: 1rem 0;
        color: #3B3D49;
        text-decoration: none;
        border-bottom: 1px solid #DCDFE6;
    }
    .x-icon {
        border: 0;
        background: none;
    }
    .header-secondary-menu {
        display: none;
        width: 100%;
        height: auto;
        background-color: #fff;
        border-top: 0;
        box-shadow: none;
        position: static;
        top: 0;
        left: 0;
        transform:translateX(0);
        z-index: 99;
    }

    .header-nav .header-secondary-menu li a {
        align-items: flex-start;
        width: 100%;
        height: auto;
        padding: 1rem;
        border: 0;
        color: #747681;
    }

    .header-nav .header-secondary-menu li a:hover {
        background-color: #F2F2F2;
        color: #3B3D49;
    }
    .w100 {
        width: 100%;
    }
    .header-top-menu li {
        margin-left: 0;
    }
    .GuidedTour {
        width: 100%;
        margin: 0;
    }
    .scrollTop {
        bottom: 180px;
        right: 4px;
    }
}

.header-car {
    width: 37px;
    height: 36px;
    position: relative;
}

.header-car-num {
    width: 20px;
    height: 20px;
    font-size: 14px;
    text-align: center;
    line-height: 20px;
    background-color: #DB762E;
    position: absolute;
    color: #fff;
    border-radius: 20px;
    top: -4px;
    right: 0;
}

.header-top-menu .top-member {
    text-decoration: underline;
    color: #4CA8C1;
}

.menu-language {
    position: relative;
}

.menu-language button {
    background-color: #fff;
}

.top-32 {
    top: 32px;
}

.menu-buttons {
    width: 50px;
    height: 26px;
    position: relative;
}

.menu-buttons button {
    padding: 0;
    margin: 0;
}


.menu-button {
    position: absolute;
    z-index: 99;
}

.lang-choose {
    display: none;
    position: absolute;
    z-index: 9;
    top: 30px;
}

.menu-solid {
    background: none;
    border: 0;
}

.carousel-indicators .item {
    width: 16px;
    height: 16px;
    border-top:0;
    border-bottom:0;
    border-radius: 8px;
    background-color: #fff;
}

.carousel-indicators .item.active {
    background-color: #DB762E;
}

.carousel-indicators {
    margin-left: 5%;
    margin-right: 0;
    right: auto;
    left: 0;
    bottom: 20px;
}

.calculate-cargobox {
    position: absolute;
    bottom: -100px;
    right: 5%;
    z-index: 99;
}

.calculatebox {
    width: 520px;
    background-color: #3B3D49;
    padding: 16px;
}

.cargobox {
    width: 452px;
    height: auto;
    background-color: #4CA8C1;
    padding: 16px;
}

@media (max-width: 991.98px) {
    .calculate-cargobox {
        position: relative;
        bottom: 0;
        right: 0;
    }
    .calculatebox {
        width: 100%;
        padding: 2rem 1rem;
    }

    .cargobox {
        width: 100%;
        padding: 2rem 1rem;
    }
    /* .menu-buttons {
        width: 80px;
    } */
}

.processbox {
    min-height: 599px;
    background-image: url(../images/process.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    padding: 4rem 2rem;
}

@media (max-width: 991.98px) {
    .processbox {
        width: 100%;
        background-image: url(../images/process-mb.png);
        background-repeat: no-repeat;
        background-position: bottom center;
        background-size: 90%;
        padding: 2rem 0 16rem;
    }
}

.newsbox {
    padding: 4rem 0;
}

.featuredbox {
    padding: 4rem 0;
    background-color: #F2F2F2;
}

.title-mark-1 {
    width: 40px;
    height: 4px;
    background-color: #DB762E;
    border-radius: 3px;
}

.title-mark-2 {
    width: 6px;
    height: 4px;
    background-color: #4CA8C1;
    border-radius: 3px;
}

.webbsite-ann {
    padding: 2px 12px;
    font-size: 14px;
    background-color: #4CA8C1;
    border-radius: 12px;
    color: #fff;
}

.special-offers {
    padding: 2px 12px;
    font-size: 14px;
    background-color: #DB762E;
    border-radius: 12px;
    color: #fff;
}

.webbsite-p {
    padding: .5rem 0 1rem 0;
    border-bottom: 1px solid #F2F2F2;
}

.webbsite-p a {
    text-decoration: none;
    color: #3B3D49;
}

.webbsite-p a:hover {
    color: #747681;
}

.box{
    position: relative;
    width: 100%;
    border: 1px solid #F2F2F2;
    border-radius: 8px;
    overflow: hidden;
}
.box:before{
    content: " ";
    display: block;
    padding-top: 100%; 
}
.content{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.content img {
    width: 100%;
    height: auto;
}

.footerbox {
    padding: 4rem 0;
    background-color: #3B3D49;
}

.footer-logo img {
    width: 24%;
    height: auto;
}

.fooeter-a-tetle {
    padding: 1rem 0;
    border-bottom: 1px solid #898989;
}

.footer-a {
    list-style-type: none;
}

.footer-a li {
    padding: .4rem 0;
}

.footer-a a {
    text-decoration: none;
    color: #DCDFE6;
}

.footer-a a:hover {
    color: #9D9EA5;
}

.footer-cropyright {
    font-size: 14px;
    background-color: #fff;
    padding: 2rem 0;
}

.footer-map-icon {
    border: 0;
    background: none;
}

@media (max-width: 991.98px) {
    .footerbox {
        padding: 2rem 0;
    }

    .footer-logo img {
        width: 62%;
        height: auto;
    }
    .footer-a li {
        width: 49%;
        display: inline-block;
    }
    .footer-map {
        display: none;
    }
}

.modal-header {
    border: 0;
    padding: 2rem 2rem 0 2rem;
}

.modal-body {
    padding: 2rem;
}

.verificationCode-img {
    width: 76px;
    height: 40px;
}

.verificationCode-img img {
    width: 76px;
    height: 40px;
    border: 1px solid #DCDFE6;
    border-radius: 6px;
}

.verificationCode-btnbox {
    width: 40px;
    height: 40px;
}

.verificationCode-btn {
    width: 40px;
    height: 40px;
    border: 1px solid #DCDFE6;
    background-color: #fff;
    border-radius: 6px;
    background-image: url(../images/refresh-icon.svg);
    background-repeat: no-repeat;
    background-position: center center; 
}

@media (max-width: 991.98px) {
    .modal-header {
        padding: 1rem 1rem 0 1rem;
    }

    .modal-body {
        padding: 1rem;
    }
}

.Pagination {
    list-style-type: none;
}

.Pagination li {
    margin: 0 8px;
}

.Pagination li a {
    text-decoration: none;
    display: block;
    color: #3B3D49;
    text-align: center;
    width: 30px;
    height: 30px;
    border: 1px solid #DCDFE6;
    border-radius: 4px;
    line-height: 30px;
    background-color: #fff;
}

.Pagination li a:hover {
    background-color: #F2F2F2;
}

.Pagination li a.action {
    color: #fff;
    border: 1px solid #747681;
    background-color: #747681;
}

.InternalDistance {
    padding: 5rem 0;
}

@media (max-width: 991.98px) {
    .InternalDistance {
        padding: 2.5rem 0;
    }
}

.newspagebox h2 {
    margin-bottom: 2rem;
}

.newspagebox img {
    width: 100%;
    height: auto;
    margin: 2rem 0;
}

.newspagebox p {
    font-size: 20px;
}

.color-a92f46 {
    color: #a92f46;
}

.round-red {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-color: #FF6058;
    border-radius: 50%;
}

.round-4C {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-color: #4CA8C1;
    border-radius: 50%;
}

.ShippingProcessing img {
    width: 72px;
    height: auto;
}

.paginationOptions {
    list-style-type: none;
}

.paginationOptions li a {
    display: block;
    width: 100%;
    padding: 1rem;
    color: #3B3D49;
    text-decoration: none;
    border: 1px solid #DCDFE6;
    background-color: #fff;
    border-collapse: collapse;
    margin-top: -1px;
}

.paginationOptions li a:hover {
    background-color: #F2F2F2;
}

.paginationOptions li a.action {
    color: #fff;
    background-color: #747681;
}

.sp-img img {
    width: 100px;
    height: auto;
}

.PaginationOptions-menu {
    border: 0;
    background-color: #fff;
}

@media (max-width: 991.98px) {
    .paginationOptionsBox {
        position: absolute;
        width: 100%;
        top: 0;
        left: 0px;
        display: none;
    }
    .paginationOptions {
        background-color: #fff;
        padding: 1.5rem;
        border: 1px solid #DCDFE6;
        box-shadow:0px 0px 10px #747681;
    }

    .paginationOptions li a {
        width: 100%;
        color: #3B3D49;
        border: 0;
        border-bottom: 1px solid #DCDFE6;
        background-color: #fff;
        margin-top: 0;
    }

    .paginationOptions li a:hover {
        background-color: #F2F2F2;
    }

    .paginationOptions li a.action {
        color: #3B3D49;
        background-color: #fff;
    }
}

.prohibitionbox {
    border: 1px solid #DCDFE6;
    border-radius: 8px;
    padding: 1rem;
}

.specialbox {
    font-size: 16px;
    color: #fff;
    background-color: #DB762E;
    padding: .3rem 1rem;
    border-radius: 1rem;
}

.faq-item {
    border-bottom: 1px solid #DCDFE6;
    padding: 1rem 0;
    color: #3B3D49;
}

.faq-question {
    cursor: pointer;
}

.faq-answer {
    color: #747681;
    padding: .3rem 2rem .3rem 1rem;
}

.Registerbox {
    max-width: 990px;
    width: 100%;
    margin: 0 auto;
}

@media (max-width: 991.98px) {
    .Registerbox {
        min-width: 100%;
    }
}

.ChangePasswordBtn {
    cursor: pointer; 
}

.ChangePasswordbox {
    display: none;
}

.packgeInformationbox {
    border: 1px solid #DCDFE6;
    padding: 1rem;
    /* background-color: #F2F2F2; */
}

.packgeInformationbtn {
    cursor: pointer;
}

.packgeInformationbox-content {
    background-color: #fff;
    margin: 1rem;
    padding: 1rem;
    /* display: none; */
}

.PackageProessAll {
    height: 100%;
    border-left: 1px solid #DCDFE6;
    padding: 1rem;
}

.PackageProessIcon {
    width: 60px;
    height: auto;
}

.PackageProessIcon img {
    width: 100%;
    height: auto;
}

.highlight {
    background-color: #F2F2F2;
}

.packge-content {
    display: none;
}

.wh-23 {
    width: 23%;
}

@media (max-width: 991.98px) {
    .packgeInformationbox-content {
        margin: 0;
        padding: 0;
        margin-top: 16px;
    }
    .PackageProessAll {
        border-left: 0;
    }
    .wh-23 {
        width: 100%;
    }
}

.CombineOrders {
    padding: 1rem;
    background-color: #F2F2F2;
    text-align: center;
}

.ShippingProcess-item-yes {
    width: 16px;
    height: 16px;
    border-radius: 8px;
    background-color: #4CA8C1;
}

.ShippingProcess-line-yes {
    width: 2px;
    height: 70px;
    background-color: #4CA8C1;
}

.ShippingProcess-item-no {
    width: 16px;
    height: 16px;
    border-radius: 8px;
    background-color: #DCDFE6;
}

.ShippingProcess-line-no {
    width: 2px;
    height: 70px;
    background-color: #DCDFE6;
}



.points-radio input[type="radio"] {
    display: none;
}

.points-radio input[type="radio"]+label {
    font-size: 18px;
	width: 100%;
	text-align: center;
    display: inline-block;
    cursor: pointer;
	padding: 1.5rem 1.5rem;
	border-radius: 4px;
    border: 1px solid #9D9EA5;
    color: #747681;
}

.points-radio input[type="radio"]+label:hover {
    background-color: #F2F2F2;
}

.points-radio input[type="radio"]:checked+label {
    color: #fff;
	border-radius: 4px;
	background-color: #DB762E;
}

.poinsbox {
    width: 136px;
    padding: 1rem 2rem;
    border-bottom: 1px solid #DCDFE6;
}

.list-decimal {
    margin-left: 1.2rem;
}

.list-decimal li {
    list-style-type: decimal;
    line-height: 30px;
    font-size: 23px;
    font-weight: bold;
    margin-top: 1.5rem;
}

.list-decimal ul {
    margin-left: 1.5rem;
    margin-top: .5rem;
}

.list-decimal ul li {
    list-style-type: upper-alpha;
    font-size: 16px;
    font-weight: normal;
    margin-top: 0;
}

.list-decimal ul li  ul {
    margin-left: 1.5rem;
    margin-top: 0;
}

.list-decimal ul li  ul li {
    list-style-type: lower-alpha; 
}

.list-decimal ul li  ul li ul li {
    list-style-type: upper-roman; 
}

.Pdetails-title td {
    padding: .8rem;
    color: #fff;
}

.Pdetails-body td {
    padding: 1rem;
    color: #747681;
}

.Cart-radio input[type="radio"] {
    display: none;
}

.Cart-radio input[type="radio"]+label {
    font-size: 18px;
	width: 100%;
    display: inline-block;
    cursor: pointer;
	padding: 1rem 1.5rem;
	border-radius: 4px;
    border: 1px solid #9D9EA5;
    color: #3B3D49;
}

.Cart-radio input[type="radio"]+label:hover {
    background-color: #F2F2F2;
}

.Cart-radio input[type="radio"]:checked+label {
    color: #fff;
	border-radius: 4px;
	background-color: #DB762E;
    border: 1px solid #DB762E;
}

.bg-f2f2f2 {
    background-color: #f2f2f2;
}

.poinsboxa {
    padding: 1.5rem 1rem;
    border-bottom: 1px solid #DCDFE6;
}











/* 表格 */
.textTab {
    width: 100%;
    display: flex;
    flex-wrap: wrap;

}
@media (max-width: 991.98px) {
    .textTab {
    width: 100%;
    }
}
.w10 {
    width: 10%;
}
.w12 {
    width: 12%;
}
.w15 {
    width: 15%;
}
.w20 {
    width: 20%;
}
.w23 {
    width: 23%;
}
.w25 {
    width: 25%;
}
.w30 {
    width: 30%;
}
.w33 {
    width: 33.3%;
}
.w35 {
    width: 35%;
}
.w40 {
    width: 40%;
}
.w41 {
    width: 41%;
}
.w50 {
    width: 50%;
}
.w60 {
    width: 60%;
}
.w90 {
    width: 90%;
}

.textTab-titli-01 {
    padding: 16px;
    order: 1;
}
.textTab-titli-02 {
    padding: 16px;
    order: 2;
}
.textTab-titli-03 {
    padding: 16px;
    order: 3;
}
.textTab-titli-04 {
    padding: 16px;
    order: 4;
}
.textTab-titli-05 {
    padding: 16px;
    order: 5;
}
.textTab-titli-01, .textTab-titli-02, .textTab-titli-03, .textTab-titli-04, .textTab-titli-05 {
    background-color: #4CA8C1;
    color: #fff;
    text-align: center;
}

.textTab-body-01 {
    padding: 16px;
    order: 6;
}
.textTab-body-02 {
    padding: 16px;
    order: 7;
}
.textTab-body-03 {
    padding: 16px;
    order: 8;
}
.textTab-body-04 {
    padding: 16px;
    /* line-height: 46px; */
    order: 9;
}
.li-h46 {
    line-height: 46px;
}
.textTab-body-05 {
    padding: 16px;
    order: 10;
}
.textTab-body-total {
    padding: 16px;
    text-align: end;
}
.textTab-body-01, .textTab-body-02, .textTab-body-03, .textTab-body-04, .textTab-body-05, .textTab-body-totalbox {
    background-color: #fff;
    border-bottom: 1px solid #dcdfe6;
}

.plus-btn {
    border: 0;
    background: none;
}

@media (max-width: 991.98px) {
    .w100 {
        width: 100%;
    }
    .textTab-titli-01, .textTab-titli-02, .textTab-titli-03, .textTab-titli-04, .textTab-titli-05 {
    background: none;
    color: #3B3D49;
    text-align: left;
    width: 100%;
    }
    .textTab-body-01, .textTab-body-02, .textTab-body-03, .textTab-body-04, .textTab-body-05 {
    background-color: #fff;
    border-bottom: 1px solid #dcdfe6;
    width: 100%;
    }
    .textTab-titli-01 {
        padding: 0px;
        order: 3;
        padding-bottom: 0px;
    }
    .textTab-titli-02 {
        padding: 8px 0 0 0;
        padding-bottom: 0px;
        order: 5;
    }
    .textTab-titli-03 {
        padding: 8px 0 0 0;
        padding-bottom: 0px;
        order: 7;
    }
    .textTab-titli-04 {
        padding: 8px 0 0 0;
        order: 9;
    }
    .textTab-titli-05 {
        padding: 8px 0 0 0;
        order: 1;
        display: none;
    }
    .textTab-body-01 {
        order: 4;
        padding: 0px;
    }
    .textTab-body-02 {
        padding: 0px;
        order: 6;
    }
    .textTab-body-03 {
        padding: 0px;
        order: 8;
    }
    .textTab-body-04 {
        padding: 0;
        order: 10;
        line-height: 26px;
    }
    .textTab-body-05 {
        order: 2;
        text-align: right;
        border: 0;
        padding: 0;
    }
    .textTab-body-total {
        width: 100%;
        padding: 16px 0;
    }
    .textTab-body-01 input,
    .textTab-body-02 input,
    .textTab-body-03 input {
        border: 0;
    }
    .h30 {
        height: 30px;
    }
}


.address-titli-01, .address-titli-02, .address-titli-03, 
.address-titli-04, .address-titli-05, .address-titli-06 {
    background-color: #4CA8C1;
    color: #fff;
    padding: .8rem;
}

.address-body-01, .address-body-02, .address-body-03, 
.address-body-04, .address-body-05, .address-body-06 {
    background-color: #fff;
    padding: 1rem;
    border-bottom: 1px solid #dcdfe6;
}

.address-titli-01 {
    order: 1;
}
.address-titli-02 {
    order: 2;
}
.address-titli-03 {
    order: 3;
}
.address-titli-04 {
    order: 4;
}
.address-titli-05 {
    order: 5;
}
.address-titli-06 {
    order: 6;
}

.address-body-01 {
    order: 7;
    color: #747681;
}
.address-body-02 {
    order: 8;
    color: #747681;
}
.address-body-03 {
    order: 9;
    color: #747681;
}
.address-body-04 {
    order: 10;
    color: #747681;
}
.address-body-05 {
    order: 11;
    color: #747681;
}
.address-body-06 {
    order: 12;
}

@media (max-width: 991.98px) {
    .address-titli-01, .address-titli-02, .address-titli-03, 
    .address-titli-04, .address-titli-05, .address-titli-06 {
        background-color: #fff;
        color: #3B3D49;
        padding: 8px 0 4px 0;
        width: 100%;
    }
    .address-body-01, .address-body-02, .address-body-03, 
    .address-body-04, .address-body-05, .address-body-06 {
        padding: 0 0 4px 8px;
        width: 100%;
    }
    .address-titli-01 {
        order: 2;
    }
    .address-titli-02 {
        order: 4;
    }
    .address-titli-03 {
        order: 6;
    }
    .address-titli-04 {
        order: 8;
    }
    .address-titli-05 {
        order: 10;
    }
    .address-titli-06 {
        order: 12;
        display: none;
    }

    .address-body-01 {
        order: 3;
    }
    .address-body-02 {
        order: 5;
    }
    .address-body-03 {
        order: 7;
    }
    .address-body-04 {
        order: 9;
    }
    .address-body-05 {
        order: 11;
    }
    .address-body-06 {
        order: 1;
        border: 0;
        text-align: end;
    }
}

.LangboxBtn {
    cursor:pointer;
    padding: 4px 0;
}

.LangAll {
    position: relative;
}

.LangItemBtn {
    /* display: none; */
    position: absolute;
    top: 100%;
    left: 50%;
    transform:translateX(-50%);
    background-color: #fff;
    padding: .5rem;
    z-index: 999;
    box-shadow:0px 0px 12px #DCDFE6;
    border-radius: 6px;

}

.LangItemBtn .arrow-up {
    position: absolute;
    top: -8px;
    left: 50%;
    transform:translateX(-50%);
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #fff;
}

.LangItemBtn ul li {
    list-style-type: none;
    padding: .1rem 0;
    margin: 0;
}

.LangItemBtn ul li a {
    text-decoration: none;
    padding: 0rem 1rem;
}



.addressBtn {
    border: 0;
    color: #fff;
    background-color: #FF6058;
    border-radius: 4px;
    padding: .1rem .8rem;
}

.addressBtn:hover {
    background-color: #bd342d;
}


/* 輪播 */
.owl-carousel .item picture img {
    width: 100%;
    display: block;
}

.owl-carousel {
    width: 100%;
    overflow: hidden;
}

.owl-nav button.owl-prev,
.owl-nav button.owl-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: none !important;
    box-shadow: none !important;
    border: none;
    padding: 0;
    z-index: 10;
    cursor: pointer;
}

.owl-nav button.owl-prev {
    left: -10px;
}

.owl-nav button.owl-next {
    right: -10px;
}

.owl-nav svg:hover {
    opacity: 0.8;
    transition: opacity 0.2s;
}

.owl-dots {
    position: absolute;
    z-index: 99;
    bottom: 16px;
    text-align: left;
    padding-left: 16px;
}

.owl-dot span {
    background: #fff;
}

.owl-dot.active span {
    background: #DB762E !important;
}

.GoogleRegisterBox {
    position: relative;
    max-width: 990px;
    width: 100%;
    margin: 0rem auto;
    border-bottom: 1px solid #C7CED5;
    text-align: center;
}

.GoogleRegisterBox a {
    text-align: center;
    display: inline-block;
    text-decoration: none;
    color: #3B3D49;
    padding: .8rem 3.6rem;
    border: 1px solid #747681;
    border-radius: 6px;
    background-color: #fff;
}

.GoogleRegisterBox a:hover {
    color: #fff;
    background-color: #747681;
}

.orBox {
    font-size: 20px;
    padding: 0 1rem;
    background-color: #fff;
    position: absolute;
    left: 50%;
    transform:translateX(-50%);
    bottom: -12px;
}

@media (max-width: 991.98px) {
    .GoogleRegisterBox {
        width: 100%;
    }
    .GoogleRegisterBox a {
        width: 100%;
    }
}