﻿@charset "utf-8";
/* CSS Document */
body {
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    background-color: #FFF;
    font-family: Microsoft JhengHei,sans-serif,monospace;
    font-size: 15px;
    color: #000;
}

html > body {
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    background-color: #FFF;
    font-family: Microsoft JhengHei,sans-serif,monospace;
    font-size: 15px;
    color: #000;
}

* + html > body {
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    background-color: #FFF;
    font-family: Microsoft JhengHei,sans-serif,monospace;
    font-size: 15px;
    color: #000;
}

/**********************以下分電腦網頁，行動裝置**********************************/
/* c2b_web */
@media only screen and (min-width: 945px) {
    ul {
        margin-left: 0px;
    }

    /*Main Banner Area*/

    .MainBanner {
        width: 100%;
        height: 250px;
        padding-top: 70px;
        background: url("../../images/Home/MainBanner_Bg.png") top left no-repeat;
    }

    .MainBannerTitle {
        margin: 0px 0px 10px 450px;
        color: #fff;
        font-size: 2.5rem;
        letter-spacing: 0.5rem;
    }

    .MainBannerWordA {
        float: left;
        margin: 0px 0px 0px 450px;
        padding: 0px 8px 0px 0px;
        color: #fff;
        font-size: 1.2rem;
        letter-spacing: 0.1rem;
        border-right: #fff solid 2px;
    }

    .MainBannerWordB {
        float: left;
        margin: 0px;
        padding: 0px 13px;
        color: #FFF;
        font-size: 1.2rem;
        border-right: #FFF solid 2px;
    }

    .MainBannerWordC {
        float: left;
        margin: 0px;
        padding: 0px 13px;
        color: #FFF;
        font-size: 1.2rem;
    }

    .NewsArea {
        float: left;
        width: 35%;
        margin: 30px 20px 30px 40px;
    }

    .MainItem {
        float: left;
        width: 50%;
        margin: 30px 40px 30px 20px;
    }

    /*News*/
    .NewsTitle {
        width: 100%;
        color: #00929e;
        font-size: 1.3rem;
        letter-spacing: 0.1rem;
        font-weight: 600;
        border-bottom: #00929e solid 2px;
        margin: 0 0 10px 0;
    }

    /*首頁客服聯絡-標題*/
    .NewsTitle2 {
        width: 100%;
        color: #00929e;
        font-size: 1.3rem;
        letter-spacing: 0.1rem;
        font-weight: 600;
        border-bottom: #00929e solid 2px;
        margin: 0 0 10px 0;
    }

    .NewsList {
        width: 100%;
        font-size: 0.85rem;
        letter-spacing: 0.1rem;
        border-bottom: #454545 dotted 1px;
        margin: 0 0 10px 0;
    }

    #Red {
        color: #fa0000;
    }

    .RedSmallBold {
        color: #fa0000;
        font-size: 1rem;
        font-weight: 600;
    }

    #RedBold {
        color: #fa0000;
        font-weight: bold;
        font-size: 1.3rem;
    }

    #Blue {
        color: #1800fd;
    }

    #BlueBold {
        color: #1800fd;
        font-weight: 600;
    }

    .BlueBold {
        color: #1800fd;
        font-weight: 600;
    }
    #YellowBig {
        color: #fffc00;
        font-size: 1.5rem;
    }

    .YellowBig {
        color: #fffc00;
        font-size: 1.5rem;
    }


    #OrangeBold {
        color: #fe4302;
        font-weight: bold;
        font-size: 1.3rem;
    }

    #OrangeBold2 {
        color: #fe4302;
        font-weight: bold;
        font-size: 1.1rem;
    }

    #BlackBold {
        color: #000;
        font-weight: bold;
        font-size: 1rem;
    }

    #BlackBold2 {
        color: #000;
        font-weight: bold;
    }

    /*MainBtn*/
    .MainTitle {
        width: 100%;
        color: #00929e;
        font-size: 1.3rem;
        letter-spacing: 0.1rem;
        font-weight: 600;
        margin: 0 0 10px 0;
    }

    .MainTitleB {
        width: 100%;
        color: #00929e;
        font-size: 1.3rem;
        letter-spacing: 0.1rem;
        font-weight: 600;
        margin: 20px 0 10px 0;
    }

    .MainBtn {
        float: left;
        margin: 10px 8px 10px 8px;
        padding: 6px 0;
        width: 190px;
        height: 70px;
        background-color: #00adbb;
        border-radius: 5px;
        text-align: center;
    }

        .MainBtn:hover {
            background-color: #22c4d1;
            border-radius: 5px;
            text-align: center;
        }

    .MainBtnImg {
        width: auto;
        height: auto;
    }

    /*Comtent*/
    .PageComtent {
        margin: 0px 50px;
    }

    .StepArea {
        margin: 30px auto;
        text-align: center;
    }

    .Announcement {
        color: #fe0000;
        font-size: 1.1rem;
        font-weight: 600;
        padding: 10px 0px;
        line-height: 1.5rem;
    }

    .P1_W001 {
        margin: 20px 50px 30px 50px;
        font-size: 1rem;
        line-height: 1.8rem;
    }

        .P1_W001 a:link {
            color: #0000fe;
            text-decoration: underline;
        }

        .P1_W001 a:hover {
            color: #0000fe;
            text-decoration: none;
            font-weight: 600;
        }

        .P1_W001 a:visited {
            color: #0000fe;
            text-decoration: underline;
        }

        .P1_W001 a:active {
            color: #0000fe;
            text-decoration: underline;
        }

    .P1W_H {
        margin: 10px 0 20px 0;
        color: #00929e;
        font-size: 1.2rem;
        font-weight: 600;
        letter-spacing: 0.1rem;
        line-height: 1.5rem;
        text-decoration: none;
        border-bottom: #00929e solid 2px;
    }

    .P1W_H2 {
        margin: 10px 0 5px 0;
        color: #00929e;
        font-size: 1.2rem;
        font-weight: 600;
        letter-spacing: 0.1rem;
        line-height: 1.5rem;
        text-decoration: none;
        border-bottom: #00929e solid 2px;
    }

    .P1W_T01 {
        font-size: 1rem;
        font-weight: normal;
        letter-spacing: 0.1rem;
        text-decoration: none;
        line-height: 1.5rem;
    }

    .TableStyle01 .label {
        padding-bottom: 3px;
        font-weight: bolder;
        font-size: 1.1rem;
    }

    .TableStyle01 td {
        padding-bottom: 15px;
    }

    .TableStyle02 {
        text-align: center;
        border: #3b98a0 1px solid;
        font-size: 1rem;
        font-weight: normal;
        letter-spacing: 0.1rem;
        line-height: 1.5rem;
        text-decoration: none;
    }

        .TableStyle02 th {
            border-top: none;
            /*border-bottom: #3b98a0 solid 1px;*/
            border-right: #fff dashed 1px;
            border-left: none;
            background-color: #3b98a0;
            padding: 3px 0px;
            color: #fff;
            font-size: 1rem;
            font-weight: 600;
            letter-spacing: 0.1rem;
            line-height: 1.5rem;
            text-decoration: none;
        }

        .TableStyle02 td {
            border-top: none;
            border-bottom: #3b98a0 dashed 1px;
            border-right: #3b98a0 dashed 1px;
            border-left: none;
            padding: 1px 0px;
            font-size: 1rem;
            font-weight: 400;
            letter-spacing: 0.1rem;
            line-height: 1.5rem;
            text-decoration: none;
        }

    .TableStyle02_bottom td {
        border-top: none;
        border-bottom: none;
        border-right: #3b98a0 dashed 1px;
        border-left: none;
        padding: 1px 0px;
        font-size: 1rem;
        font-weight: 400;
        letter-spacing: 0.1rem;
        line-height: 1.5rem;
        text-decoration: none;
    }

    .TableStyle02_red {
        font-size: 1rem;
        color: #fe0000;
        font-weight: 700;
    }

    .TableStyle02_blue {
        font-size: 1rem;
        color: #0c00fe;
        font-weight: 700;
    }

    .Attention_red {
        font-size: 1rem;
        color: #fe0000;
        font-weight: 700;
    }

    .PointTitle {
        font-weight: 600;
        font-size: 1rem;
    }

    .PointTitleRed {
        font-weight: 600;
        font-size: 1rem;
        color: #F00
    }

    .Page_T001 {
        margin: 20px 50px 30px 50px;
        padding: 5px 50px;
        text-align: center;
        border: none;
        border-radius: 50px;
        background-color: #00929e;
        color: #fff;
        font-size: 1.1rem;
        letter-spacing: 0.1rem;
        font-weight: 600;
    }

    .Page_W001 {
        margin: 20px 80px;
        line-height: 1.5rem;
    }

    .Page_W002 {
        margin: 20px 80px;
        line-height: 1.5rem;
        border-bottom: #85b7bb dotted 2px;
        padding-bottom: 30px;
    }

    .PrintArea {
        width: 80%;
        margin: 10px auto;
    }

    .Print_T001 {
        margin: 0 0 15px 10px;
        color: #009daa;
        font-size: 1.2rem;
        letter-spacing: 0.1rem;
        font-weight: 600;
        text-decoration: none;
    }

    .Print_W001 {
        margin: 0 0 15px 10px;
        color: #0361fd;
        font-size: 0.95rem;
        letter-spacing: 0.1rem;
        font-weight: 400;
        text-decoration: none;
        line-height: 1.5rem;
    }

    .Print_W002 {
        border-top: #85b7bb dotted 2px;
        padding: 20px 0px;
        margin: 20px 0px 20px 10px;
        color: #000;
        font-size: 0.95rem;
        letter-spacing: 0.1rem;
        font-weight: 400;
        text-decoration: none;
        line-height: 1.5rem;
    }

    .Print_Code {
        height: 100px;
        background-image: url(../../images/Home/Main_P012_CodeBg.gif);
        background-position: left top;
        background-repeat: no-repeat;
        padding-top: 35px;
        padding-left: 140px;
        margin-left: 15px;
        margin-bottom: 20px;
        margin-top: 10px;
        color: #ff6000;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 24px;
        font-weight: bold;
        letter-spacing: normal;
        line-height: normal;
        text-decoration: none;
    }

    /*代收匯款欄位區*/
    .MainP002_BgPay {
        margin: 20px 50px;
        text-align: center;
    }

    .PaymentTabArea {
        border-top: dashed 1px #bebebe;
        padding: 20px 0px 20px 15px;
        margin: 25px 10px;
    }

    .PaymentW001 {
        color: #0071fd;
        font-weight: bold;
        font-size: 1.2rem;
    }

    .TablePaymentDeta {
        text-align: left;
        color: #000000;
        font-weight: normal;
        letter-spacing: 0.1rem;
        line-height: normal;
        text-decoration: none;
    }

        .TablePaymentDeta th {
            color: #696969;
            font-size: 1rem;
            font-weight: bold;
            letter-spacing: 0.1rem;
            line-height: 1.5rem;
            text-decoration: none;
            padding: 5px;
        }

        .TablePaymentDeta td {
            color: #cf5301;
            font-size: 0.95rem;
            font-weight: normal;
            letter-spacing: 0.1rem;
            line-height: 1.5rem;
            text-decoration: none;
            padding: 5px;
        }

            .TablePaymentDeta td a:link {
                color: #0030fd;
                font-size: 0.95rem;
                font-weight: normal;
                letter-spacing: 0.1rem;
                line-height: 1.5rem;
                text-decoration: underline;
            }

            .TablePaymentDeta td a:hover {
                color: #0030fd;
                font-size: 0.95rem;
                font-weight: normal;
                letter-spacing: 0.1rem;
                line-height: 1.5rem;
                text-decoration: none;
            }

            .TablePaymentDeta td a:visited {
                color: #0030fd;
                font-size: 0.95rem;
                font-weight: normal;
                letter-spacing: 0.1rem;
                line-height: 1.5rem;
                text-decoration: none;
            }

    /*取貨門市關轉店*/
    .StoreBanner {
        width: 100%;
        height: 160px;
        padding-top: 90px;
        background: url("../../images/Home/StoreBanner_Bg.png") top left no-repeat;
    }

    .StoreBannerTitle {
        margin: 0px 0px 0px 450px;
        color: #fff;
        font-size: 2.5rem;
        letter-spacing: 0.3rem;
    }

    .StoreArea {
        width: 80%;
        margin: 30px auto;
    }

    .StoreTitle {
        width: auto;
        color: #00929e;
        font-size: 1.3rem;
        letter-spacing: 0.1rem;
        font-weight: 600;
        border-bottom: #00929e solid 2px;
        margin-bottom: 20px;
    }

    .StoreInfo {
        margin-bottom: 20px;
        padding: 0px 10px;
        width: 100%;
        color: #000;
        font-size: 1rem;
        letter-spacing: 0.1rem;
        font-weight: normal;
        line-height: 2rem;
    }

        .StoreInfo a:link {
            color: #0000fe;
            text-decoration: underline;
        }

        .StoreInfo a:hover {
            color: #0000fe;
            text-decoration: none;
            font-weight: bold;
        }

        .StoreInfo a:visited {
            color: #0000fe;
            text-decoration: underline;
        }

        .StoreInfo a:active {
            color: #0000fe;
            text-decoration: underline;
        }

    /*聯絡我們*/
    .ServiceBanner {
        width: 100%;
        height: 160px;
        padding-top: 90px;
        background: url("../../images/Home/ServiceBanner_Bg.png") top left no-repeat;
    }

    .ServiceBannerTitle {
        margin: 0px 0px 0px 480px;
        color: #fff;
        font-size: 2.5rem;
        letter-spacing: 0.5rem;
    }

    .ServiceArea {
        width: 80%;
        margin: 30px auto;
    }

    .ServiceTitle {
        width: 100%;
        color: #00929e;
        font-size: 1.3rem;
        letter-spacing: 0.1rem;
        font-weight: 600;
        border-bottom: #00929e solid 2px;
        margin-bottom: 20px;
    }

    .ServiceInfo {
        margin-bottom: 20px;
        padding: 0px 10px;
        width: 100%;
        color: #000;
        font-size: 1rem;
        letter-spacing: 0.1rem;
        font-weight: normal;
        line-height: 2rem;
    }

        .ServiceInfo a:link {
            color: #0000fe;
            text-decoration: underline;
        }

        .ServiceInfo a:hover {
            color: #0000fe;
            text-decoration: none;
            font-weight: bold;
        }

        .ServiceInfo a:visited {
            color: #0000fe;
            text-decoration: underline;
        }

        .ServiceInfo a:active {
            color: #0000fe;
            text-decoration: underline;
        }

    /*國際交貨便*/
    .HomeTableArea {
        margin: 0 0 30px 0;
    }

    .OverseaTitle {
        width: 100%;
        color: #00929e;
        font-size: 1.2rem;
        letter-spacing: 0.1rem;
        font-weight: 600;
    }


    .OverseaTitle2 {
        margin: 10px 0 0 0;
        padding: 5px 10px;
        width: auto;
        color: #fff;
        font-size: 1rem;
        letter-spacing: 0.1rem;
        font-weight: 600;
        background-color: #00929e;
    }

    .OverseaTitle3 {
        margin: 10px 0 0 0;
        padding: 5px 10px;
        width: auto;
        text-align: center;
        color: #fff;
        font-size: 1.1rem;
        letter-spacing: 0.1rem;
        font-weight: 600;
        background-color: #00929e;
    }

    .OverseaTipWord {
        color: #0301FC;
        font-size: 0.875rem;
        margin: 5px 0 15px 0;
    }

    .TableStyle03 {
        text-align: center;
        border: #3b98a0 1px solid;
        font-size: 1rem;
        font-weight: normal;
        letter-spacing: 0.1rem;
        line-height: 1.5rem;
        text-decoration: none;
    }

        .TableStyle03 th {
            border-top: none;
            border-bottom: #fff dashed 1px;
            border-right: #fff dashed 1px;
            border-left: none;
            background-color: #3b98a0;
            padding: 5px;
            color: #fff;
            font-size: 1rem;
            font-weight: 600;
            letter-spacing: 0.1rem;
            line-height: 1.5rem;
            text-decoration: none;
        }

        .TableStyle03 td {
            border-top: none;
            border-bottom: #3b98a0 solid 1px;
            border-right: #3b98a0 dashed 1px;
            border-left: none;
            padding: 5px;
            font-size: 1rem;
            font-weight: 400;
            letter-spacing: 0.1rem;
            line-height: 1.5rem;
            text-decoration: none;
        }



    .MainP002_TableAdd a:link {
        color: #eaff00;
        text-decoration: none;
    }

    .MainP002_TableAdd a:hover {
        color: #eaff00;
        text-decoration: underline;
    }

    .MainP002_TableAdd a:visited {
        color: #eaff00;
        text-decoration: none;
    }

    .MainP002_PriceTotal {
        background-color: #fff5e8;
        border: solid #3b98a0 1px;
        padding: 10px;
        text-align: right;
        font-size: 1rem;
        color: #005aff;
        font-weight: bold;
        letter-spacing: normal;
        line-height: normal;
        text-decoration: none;
    }

    .OverseaTip {
        padding: 15px 10px;
        color: #1800fd;
        line-height: 1.5rem;
        border-bottom: #3b98a0 dashed 1px;
    }

    .IbonMember {
        width: 80%;
        margin: 30px auto;
        padding: 10px 20px;
        font-size: 1rem;
        font-weight: 600;
        letter-spacing: 0.1rem;
        line-height: 1.8rem;
        border: dashed #3b98a0 1px;
        background-color: #e7f3f4;
    }

    .IbonMemberWord {
        font-size: .875rem;
        font-weight: normal;
    }

    .OverseaPrice {
        width: auto;
        margin: 10px auto;
        padding: 0 10px;
        text-align: right;
        color: #1800fd;
        font-size: 1rem;
        font-weight: 600;
        letter-spacing: 0.1rem;
        line-height: 1.8rem;
    }

    .ComfirnWord {
        width: 80%;
        margin: 30px auto;
        padding: 20px;
        color: #1800fd;
        font-size: 1rem;
        font-weight: 600;
        letter-spacing: 0.1rem;
        line-height: 1.8rem;
        border: dashed #fe0101 1px;
    }

    /*國際交貨便貨況查詢*/
    .TraceBanner {
        width: 100%;
        height: 250px;
        padding-top: 70px;
        background: url("../../images/Home/TraceBanner_Bg.png") top left no-repeat;
    }

    .TraceBannerTitle {
        margin: 0px 0px 10px 460px;
        color: #fff;
        font-size: 2.5rem;
        letter-spacing: 0.5rem;
    }

    .TraceBannerWord {
        float: left;
        margin: 0px 0px 0px 462px;
        padding: 0px 10px 0px 0px;
        color: #fff;
        font-size: 1.5rem;
        letter-spacing: 0.1rem;
    }

    .TraceArea {
        width: 80%;
        margin: 30px auto;
    }

    .TraceTitle {
        width: 100%;
        color: #00929e;
        font-size: 1.3rem;
        letter-spacing: 0.1rem;
        font-weight: 600;
        border-bottom: #00929e solid 2px;
        margin-bottom: 20px;
    }

    .TraceInfo {
        margin-bottom: 20px;
        padding: 0px 10px;
        width: 100%;
        color: #000;
        font-size: 1rem;
        letter-spacing: 0.1rem;
        font-weight: normal;
        line-height: 2rem;
    }

        .TraceInfo a:link {
            color: #0000fe;
            text-decoration: underline;
        }

        .TraceInfo a:hover {
            color: #0000fe;
            text-decoration: none;
            font-weight: bold;
        }

        .TraceInfo a:visited {
            color: #0000fe;
            text-decoration: underline;
        }

        .TraceInfo a:active {
            color: #0000fe;
            text-decoration: underline;
        }

    .TraceImg001 {
        margin: 15px 0px;
    }

    .TraceInputPosition {
        margin-top: 15px;
    }

    .TraceSearchArea {
        margin: 30px 0px 0px 0px;
        padding: 20px;
        border-top: dashed #4b969c 1px;
        font-size: 1.1rem;
    }


    .BtnAreaOversea {
        margin: 5px 10px;
    }

    .BtnAreaOversea2 {
        margin: 25px 0px;
    }

    .BtnB {
        display: inline-block;
        width: auto;
        padding: 5px 20px;
        margin: 0px 10px;
        text-align: center;
        font-size: 1rem;
        color: #fff;
        font-weight: 600;
        text-decoration: none;
        letter-spacing: 0.1rem;
        border: #00929e solid 2px;
        border-radius: 5px;
        background-color: #00929e;
    }

        .BtnB:hover {
            color: #00929e;
            font-weight: 600;
            text-decoration: none;
            letter-spacing: 0.1rem;
            border: #00929e solid 2px;
            border-radius: 5px;
            background-color: #fff;
        }

    .TraceTip {
        padding: 20px 30px;
        background-color: #e2eff0;
        width: auto;
        color: #000;
        font-size: .875rem;
        letter-spacing: 0.1rem;
        font-weight: normal;
        line-height: 1.5rem;
    }

        .TraceTip a:link {
            color: #0000fe;
            text-decoration: underline;
        }

        .TraceTip a:hover {
            color: #0000fe;
            text-decoration: none;
            font-weight: bold;
        }

        .TraceTip a:visited {
            color: #0000fe;
            text-decoration: underline;
        }

        .TraceTip a:active {
            color: #0000fe;
            text-decoration: underline;
        }


    /* 表單元素 */
    .TextArea001 {
        width: 98%;
        height: 200px;
        color: #000;
        font-size: 0.9rem;
        font-weight: normal;
        letter-spacing: 0.1rem;
        line-height: 1.5rem;
        text-decoration: none;
        font-family: Microsoft JhengHei,sans-serif,monospace;
    }

    .Select001 {
        height: auto;
        font-family: Microsoft JhengHei,sans-serif,monospace;
        font-size: 1.1rem;
        color: #FF0000;
        font-weight: bold;
    }

    .Select002 {
        width: 500px;
        height: auto;
        border: 1px solid #cfcfcf;
        background-color: #fef3d3;
        padding: 5px;
        line-height: 20px;
        font-size: 1.1rem;
        color: #000;
        font-weight: normal;
    }

    .Select003 {
        width: 100%;
        height: auto;
        font-family: Microsoft JhengHei,sans-serif,monospace;
        font-size: 1rem;
        color: #000;
        font-weight: bold;
    }

    .Select003_1 {
        min-width: 100px;
        height: auto;
        font-family: Microsoft JhengHei,sans-serif,monospace;
        font-size: 1rem;
        color: #000;
        font-weight: bold;
        padding: 0.275rem 0.001rem;
        background-clip: padding-box;
        border-radius: 0.25rem;
    }

    .TextInput001 {
        /*height: 20px;*/
        height: auto;
        text-align: center;
        font-family: Microsoft JhengHei,sans-serif,monospace;
        color: #F00;
        font-size: 1.1rem;
        font-weight: bold;
        letter-spacing: 0.1rem;
        line-height: normal;
        text-decoration: none;
    }

    .TextInput002 {
        height: auto;
        font-family: Microsoft JhengHei,sans-serif,monospace;
        color: #000;
        font-size: 1rem;
        font-weight: normal;
        letter-spacing: normal;
        line-height: normal;
        text-decoration: none;
    }

    .TextInput002A {
        width: 80%;
        height: auto;
        font-family: Microsoft JhengHei,sans-serif,monospace;
        color: #000;
        font-size: 1rem;
        font-weight: normal;
        letter-spacing: normal;
        line-height: normal;
        text-decoration: none;
    }

    .TextInput003 {
        height: auto;
        font-family: Microsoft JhengHei,sans-serif,monospace;
        color: #1800fd;
        font-size: 1rem;
        font-weight: normal;
        letter-spacing: normal;
        line-height: normal;
        text-decoration: none;
    }

    .TextInput004 {
        width: 500px;
        height: auto;
        background-color: #fef3d3;
        border: solid 1px #cfcfcf;
        padding: 5px;
        font-family: Microsoft JhengHei,sans-serif,monospace;
        color: #000;
        font-size: 1.1rem;
        font-weight: 500;
        letter-spacing: normal;
        line-height: normal;
        text-decoration: none;
    }

    .TextInput005 {
        height: auto;
        font-family: Microsoft JhengHei,sans-serif,monospace;
        color: #F00;
        font-size: 1rem;
        font-weight: bold;
        letter-spacing: 0.1rem;
        line-height: normal;
        text-decoration: none;
    }

    .TextInput006 {
        width: 500px;
        height: auto;
        font-family: Microsoft JhengHei,sans-serif,monospace;
        color: #000;
        font-size: 1rem;
        font-weight: normal;
        letter-spacing: normal;
        line-height: normal;
        text-decoration: none;
    }

    .TextInput007 {
        width: 50%;
        height: auto;
        font-family: Microsoft JhengHei,sans-serif,monospace;
        color: #000;
        font-size: 1rem;
        font-weight: normal;
        letter-spacing: normal;
        line-height: normal;
        text-decoration: none;
        border: solid #7ab2b7 1px;
        border-radius: 3px;
    }

    /*按鈕*/
    .BtnArea {
        margin: 30px 50px 100px 50px;
    }

    .BtnA {
        display: inline-block;
        width: auto;
        padding: 6px 30px;
        margin: 10px;
        text-align: center;
        font-size: 1rem;
        color: #fff;
        font-weight: 600;
        text-decoration: none;
        letter-spacing: 0.1rem;
        border: #00929e solid 2px;
        border-radius: 5px;
        background-color: #00929e;
    }

        .BtnA:hover {
            color: #00929e;
            font-weight: 600;
            text-decoration: none;
            letter-spacing: 0.1rem;
            border: #00929e solid 2px;
            border-radius: 5px;
            background-color: #fff;
        }

        .BtnA:disabled {
            color: #c9c9c9;
            font-weight: 600;
            text-decoration: none;
            letter-spacing: 0.1rem;
            border: #eee solid 2px;
            border-radius: 5px;
            background-color: #eee;
        }

    /*RWD Table*/
    .RWDTable {
        background: #fff;
        border-collapse: collapse;
        margin: 1px 0 0;
        width: 100%;
        border-bottom: solid 2px #00929e;
    }

        .RWDTable tr,
        .RWDTable th,
        .RWDTable td {
            border: none;
            border-bottom: 1px solid #fff;
            border-right: 1px dashed #fff;
            font-family: Microsoft JhengHei,sans-serif,monospace;
            font-size: .8rem;
            font-weight: bold;
            word-break: break-all;
        }

        .RWDTable th,
        .RWDTable td {
            padding: 5px 6px;
            text-align: center;
        }

        .RWDTable th {
            background: #00929e;
            color: #fff;
            text-transform: capitalize;
        }

        .RWDTable tr td {
            background: #fff;
            border-right: 1px dashed #a6a6a6;
            color: #000;
            font-size: .8rem;
            font-weight: bold;
        }

        .RWDTable tr:nth-of-type(2n+2) td {
            background: #dfeeef;
        }

        .RWDTable.bt tfoot th,
        .RWDTable.bt tfoot td,
        .RWDTable.bt tbody td {
            font-size: .8125rem;
            padding: 0;
        }

            .RWDTable.bt tfoot th:before,
            .RWDTable.bt tfoot td:before,
            .RWDTable.bt tbody td:before {
                background: #00929e;
                color: #fff;
                margin-right: 10px;
                padding: 5px 10px;
            }

            .RWDTable.bt tfoot th .bt-content,
            .RWDTable.bt tfoot td .bt-content,
            .RWDTable.bt tbody td .bt-content {
                display: inline-block;
                padding: 8px;
            }

            .RWDTable.bt tfoot th:first-of-type:before,
            .RWDTable.bt tfoot th:first-of-type .bt-content,
            .RWDTable.bt tfoot td:first-of-type:before,
            .RWDTable.bt tfoot td:first-of-type .bt-content,
            .RWDTable.bt tbody td:first-of-type:before,
            .RWDTable.bt tbody td:first-of-type .bt-content {
                padding-top: 10px;
            }

            .RWDTable.bt tfoot th:last-of-type:before,
            .RWDTable.bt tfoot th:last-of-type .bt-content,
            .RWDTable.bt tfoot td:last-of-type:before,
            .RWDTable.bt tfoot td:last-of-type .bt-content,
            .RWDTable.bt tbody td:last-of-type:before,
            .RWDTable.bt tbody td:last-of-type .bt-content {
                padding-bottom: 10px;
            }

    /* 國際交貨便 多國語言 */
    .Language2 {
        margin: 0px 0px 20px 0px;
        color: #454545;
        font-size: 0.895rem;
    }

    .LanguageSelect2 {
        border: #9f9f9f solid 1px;
        border-radius: 5px;
        background-color: #fff;
        color: #000;
        font-size: 0.895rem;
        padding: 0px 5px;
    }

    .MainBtnMuti {
        margin: 10px 8px 10px 8px;
        padding: 6px 0;
        width: 200px;
        height: 70px;
        background-color: #00adbb;
        border-radius: 5px;
        text-align: center;
    }

    .FormSpace01 {
        margin: 0px 0px 20px 0px;
    }

    .OverseaTitle4 {
        padding: 10px 0px;
        width: 100%;
        color: #00929e;
        font-size: 1rem;
        letter-spacing: normal;
        font-weight: 600;
    }

    /* 國際交貨便 多國語言-英文 */
    .MainBannerTitleEG {
        margin: 0px 0px 10px 450px;
        color: #fff;
        font-size: 1.8rem;
        letter-spacing: .1rem;
    }

    .MainBtnEG {
        float: left;
        margin: 10px 0px;
        padding: 5px 0;
        width: 360px;
        background-color: #00adbb;
        border-radius: 5px;
        text-align: center;
    }

        .MainBtnEG:hover {
            background-color: #22c4d1;
            border-radius: 5px;
            text-align: center;
        }

    .MainBtnImgEG {
        width: auto;
        height: auto;
    }

    #RedSmallBold {
        color: #fa0000;
        font-size: 1rem;
        font-weight: 600;
    }

    .Page_T001EG {
        margin: 20px 50px 30px 50px;
        padding: 5px 30px;
        text-align: center;
        border: none;
        border-radius: 50px;
        background-color: #00929e;
        color: #fff;
        font-size: 0.895rem;
        letter-spacing: 0.1rem;
        font-weight: 600;
    }

    #YellowBigEG {
        color: #fffc00;
        font-size: 1.1rem;
    }

    .ComfirnWordEG {
        width: 80%;
        margin: 30px auto;
        padding: 20px;
        color: #1800fd;
        font-size: 0.895rem;
        font-weight: 600;
        letter-spacing: 0.1rem;
        line-height: 1.2rem;
        border: dashed #fe0101 1px;
    }

    .Print_CodeEG {
        width: 350px;
        height: 100px;
        background-image: url("../../images/C2B_EN/Main_P012_CodeBg_Eng.png");
        background-position: left top;
        background-repeat: no-repeat;
        padding-top: 35px;
        padding-left: 140px;
        margin-left: 15px;
        margin-bottom: 20px;
        margin-top: 10px;
        color: #ff6000;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 24px;
        font-weight: bold;
        letter-spacing: normal;
        line-height: normal;
        text-decoration: none;
    }

    /* 國際交貨便 多國語言-越南 */
    .Print_CodeVN {
        width: 350px;
        height: 100px;
        background-image: url("../../images/C2B_VN/Main_P012_CodeBg_VN.png");
        background-position: left top;
        background-repeat: no-repeat;
        padding-top: 35px;
        padding-left: 140px;
        margin-left: 15px;
        margin-bottom: 20px;
        margin-top: 10px;
        color: #ff6000;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 24px;
        font-weight: bold;
        letter-spacing: normal;
        line-height: normal;
        text-decoration: none;
    }

    /* 國際交貨便 多國語言-印尼 */
    .Print_CodeID {
        width: 350px;
        height: 100px;
        background-image: url("../../images/C2B_ID/Main_P012_CodeBg_ID.png");
        background-position: left top;
        background-repeat: no-repeat;
        padding-top: 35px;
        padding-left: 150px;
        margin-left: 15px;
        margin-bottom: 20px;
        margin-top: 10px;
        color: #ff6000;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 24px;
        font-weight: bold;
        letter-spacing: normal;
        line-height: normal;
        text-decoration: none;
    }

    /* 國際交貨便 多國語言-菲律賓 */
    .Print_CodePH {
        width: 350px;
        height: 100px;
        background-image: url("../../images/C2B_PH/Main_P012_CodeBg_PH.png");
        background-position: left top;
        background-repeat: no-repeat;
        padding-top: 35px;
        padding-left: 150px;
        margin-left: 15px;
        margin-bottom: 20px;
        margin-top: 10px;
        color: #ff6000;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 24px;
        font-weight: bold;
        letter-spacing: normal;
        line-height: normal;
        text-decoration: none;
    }
}



/**********************以下分電腦網頁，平板，手機大小四種**********************************/


/* c2c_mobile media begin */
@media only screen and (max-width: 945px) {
    /*News*/
    .NewsList {
        width: 100%;
        font-size: 0.8rem;
        letter-spacing: 0.1rem;
        border-bottom: #454545 dotted 1px;
        margin: 0 0 10px 0;
    }

    #Red {
        color: #fa0000;
    }

    .RedSmallBold {
        color: #fa0000;
        font-size: 0.8rem;
        font-weight: 600;
    }

    #RedBold {
        color: #fa0000;
        font-weight: bold;
        font-size: 1rem;
    }

    #Blue {
        color: #1800fd;
    }

    #BlueBold {
        color: #1800fd;
        font-weight: 600;
    }

    .BlueBold {
        color: #1800fd;
        font-weight: 600;
    }
    #YellowBig {
        color: #fffc00;
        font-size: 1.2rem;
    }

    .YellowBig {
        color: #fffc00;
        font-size: 1.2rem;
    }

    #OrangeBold {
        color: #fe4302;
        font-weight: bold;
        font-size: 1rem;
    }

    #OrangeBold2 {
        color: #fe4302;
        font-weight: bold;
        font-size: 0.9rem;
    }

    #BlackBold {
        color: #000;
        font-weight: bold;
        font-size: 0.8rem;
    }

    #BlackBold2 {
        color: #000;
        font-weight: bold;
    }

    /*Comtent*/
    .PageComtent {
        margin: 0px;
    }

    .StepArea {
        width: 98%;
        margin: 20px auto;
    }

    .Announcement {
        color: #fe0000;
        font-size: 1rem;
        font-weight: 600;
        padding: 10px 0px;
    }

    .P1_W001 {
        margin: 20px 15px 20px 15px;
        font-size: 0.8rem;
        line-height: 1.2rem;
    }

        .P1_W001 a:link {
            color: #0000fe;
            text-decoration: underline;
        }

        .P1_W001 a:hover {
            color: #0000fe;
            text-decoration: none;
            font-weight: 600;
        }

        .P1_W001 a:visited {
            color: #0000fe;
            text-decoration: underline;
        }

        .P1_W001 a:active {
            color: #0000fe;
            text-decoration: underline;
        }

    .P1W_H {
        margin: 5px 0 10px 0;
        text-align: center;
        color: #00929e;
        font-size: 1rem;
        font-weight: 600;
        letter-spacing: 0.1rem;
        line-height: 1.2rem;
        text-decoration: none;
        border-bottom: #00929e solid 2px;
    }

    .P1W_H2 {
        margin: 5px 0 0 0;
        text-align: center;
        color: #00929e;
        font-size: 1rem;
        font-weight: 600;
        letter-spacing: 0.1rem;
        line-height: 1.2rem;
        text-decoration: none;
        border-bottom: #00929e solid 2px;
    }

    .P1W_T01 {
        font-size: 0.8rem;
        font-weight: normal;
        letter-spacing: 0.1rem;
        text-decoration: none;
        line-height: 1.2rem;
    }

    .TableStyle01 .label {
        padding-bottom: 3px;
        font-weight: bolder;
        font-size: 1rem;
    }

    .TableStyle01 td {
        padding-bottom: 15px;
    }

    .TableStyle02 {
        text-align: center;
        border: #3b98a0 1px solid;
        font-size: 0.8rem;
        font-weight: normal;
        letter-spacing: normal;
        line-height: 1.2rem;
        text-decoration: none;
    }

        .TableStyle02 th {
            border-top: none;
            /*border-bottom: #3b98a0 solid 1px;*/
            border-right: #fff dashed 1px;
            border-left: none;
            background-color: #3b98a0;
            padding: 3px 0px;
            color: #fff;
            font-size: 0.8rem;
            font-weight: 600;
            letter-spacing: normal;
            line-height: 1.2rem;
            text-decoration: none;
        }

        .TableStyle02 td {
            border-top: none;
            border-bottom: #3b98a0 dashed 1px;
            border-right: #3b98a0 dashed 1px;
            border-left: none;
            padding: 1px 0px;
            font-size: 0.8rem;
            font-weight: 400;
            letter-spacing: normal;
            line-height: 1.2rem;
            text-decoration: none;
        }

    .TableStyle02_bottom td {
        border-top: none;
        border-bottom: none;
        border-right: #3b98a0 dashed 1px;
        border-left: none;
        padding: 1px 0px;
        font-size: 0.8rem;
        font-weight: 400;
        letter-spacing: normal;
        line-height: 1.2rem;
        text-decoration: none;
    }

    .TableStyle02_red {
        font-size: 0.8rem;
        color: #fe0000;
        font-weight: 700;
    }

    .TableStyle02_blue {
        font-size: 0.8rem;
        color: #0c00fe;
        font-weight: 700;
    }

    .Attention_red {
        font-size: 0.8rem;
        color: #fe0000;
        font-weight: 700;
    }

    .PointTitle {
        font-weight: 600;
        font-size: 0.9rem;
    }

    .PointTitleRed {
        font-weight: 600;
        font-size: 0.9rem;
        color: #F00
    }

    .Page_T001 {
        margin: 20px 10px;
        padding: 5px 10px;
        text-align: center;
        border: none;
        border-radius: 50px;
        background-color: #00929e;
        color: #fff;
        font-size: 1rem;
        letter-spacing: normal;
        font-weight: 600;
    }

    .Page_W001 {
        margin: 25px;
        line-height: 1.5rem;
    }

    .Page_W002 {
        margin: 25px;
        line-height: 1.2rem;
        border-bottom: #85b7bb dotted 2px;
        padding-bottom: 20px;
    }

    .PrintArea {
        width: 90%;
        margin: 10px auto;
    }

    .Print_T001 {
        margin: 0 0 10px 10px;
        color: #009daa;
        font-size: 1.2rem;
        letter-spacing: 0.1rem;
        font-weight: 600;
        text-decoration: none;
    }

    .Print_W001 {
        margin: 0 0 10px 10px;
        color: #0361fd;
        font-size: 0.9rem;
        letter-spacing: normal;
        font-weight: 400;
        text-decoration: none;
        line-height: 1.2rem;
    }

    .Print_W002 {
        border-top: #85b7bb dotted 2px;
        padding: 20px 0px;
        margin: 20px 0px 20px 10px;
        color: #000;
        font-size: 0.8rem;
        letter-spacing: normal;
        font-weight: 400;
        text-decoration: none;
        line-height: 1.2rem;
    }

    .Print_Code {
        height: 140px;
        background-image: url("../../images/Home/Print_CodeBgMobile.png");
        background-position: left top;
        background-repeat: no-repeat;
        padding-left: 40px;
        padding-top: 75px;
        margin-left: 10px;
        margin-bottom: 20px;
        margin-top: 10px;
        /*text-align: center;*/
        color: #ff6000;
        font-size: 1.5rem;
        font-weight: bold;
        letter-spacing: normal;
        line-height: normal;
        text-decoration: none;
    }

    /*代收匯款欄位區*/
    .MainP002_BgPay {
        margin: 20px 0px;
        text-align: center;
    }

    .PaymentTabArea {
        border-top: dashed 1px #bebebe;
        padding: 20px 15px 0px 15px;
        margin: 25px 10px;
    }

    .PaymentW001 {
        color: #0071fd;
        font-weight: bold;
        font-size: 1rem;
    }

    .TablePaymentDeta {
        text-align: left;
        color: #000000;
        font-weight: normal;
        letter-spacing: normal;
        line-height: normal;
        text-decoration: none;
    }

        .TablePaymentDeta th {
            color: #696969;
            font-size: 0.8rem;
            font-weight: bold;
            letter-spacing: normal;
            line-height: 1.2rem;
            text-decoration: none;
            padding: 5px 0px;
        }

        .TablePaymentDeta td {
            color: #cf5301;
            font-size: 0.8rem;
            font-weight: normal;
            letter-spacing: normal;
            line-height: 1.2rem;
            text-decoration: none;
            padding: 5px 0px;
        }

            .TablePaymentDeta td a:link {
                color: #0030fd;
                font-size: 0.8rem;
                font-weight: normal;
                letter-spacing: normal;
                line-height: 1.2rem;
                text-decoration: underline;
            }

            .TablePaymentDeta td a:hover {
                color: #0030fd;
                font-size: 0.8rem;
                font-weight: normal;
                letter-spacing: normal;
                line-height: 1.2rem;
                text-decoration: none;
            }

            .TablePaymentDeta td a:visited {
                color: #0030fd;
                font-size: 0.8rem;
                font-weight: normal;
                letter-spacing: normal;
                line-height: 1.2rem;
                text-decoration: none;
            }

    /*取貨門市關轉店*/
    .StoreArea {
        width: 85%;
        margin: 20px auto;
    }

    .StoreTitle {
        width: auto;
        color: #00929e;
        font-size: 1.1rem;
        letter-spacing: 0.1rem;
        font-weight: 600;
        margin-bottom: 15px;
        text-decoration: underline;
        line-height: 1.8rem;
    }

    .StoreInfo {
        margin-bottom: 20px;
        padding: 0px 10px;
        width: 100%;
        color: #000;
        font-size: 0.9rem;
        letter-spacing: 0.1rem;
        font-weight: normal;
        line-height: 1.5rem;
    }

        .StoreInfo a:link {
            color: #0000fe;
            text-decoration: underline;
        }

        .StoreInfo a:hover {
            color: #0000fe;
            text-decoration: none;
            font-weight: bold;
        }

        .StoreInfo a:visited {
            color: #0000fe;
            text-decoration: underline;
        }

        .StoreInfo a:active {
            color: #0000fe;
            text-decoration: underline;
        }

    /*聯絡我們*/
    .ServiceArea {
        width: 85%;
        margin: 20px auto;
    }

    .ServiceTitle {
        width: 100%;
        text-align: center;
        color: #00929e;
        font-size: 1.1rem;
        letter-spacing: 0.1rem;
        font-weight: 600;
        border-bottom: #00929e solid 2px;
        margin-bottom: 15px;
    }

    .ServiceInfo {
        margin-bottom: 20px;
        padding: 0px 5px;
        width: 100%;
        color: #000;
        font-size: 0.9rem;
        letter-spacing: 0.1rem;
        font-weight: normal;
        line-height: 1.5rem;
    }

        .ServiceInfo a:link {
            color: #0000fe;
            text-decoration: underline;
        }

        .ServiceInfo a:hover {
            color: #0000fe;
            text-decoration: none;
            font-weight: bold;
        }

        .ServiceInfo a:visited {
            color: #0000fe;
            text-decoration: underline;
        }

        .ServiceInfo a:active {
            color: #0000fe;
            text-decoration: underline;
        }

    /*國際交貨便*/
    .HomeTableArea {
        margin: 0 0 30px 0;
    }

    .OverseaTitle {
        width: 100%;
        color: #00929e;
        font-size: 1.2rem;
        letter-spacing: 0.1rem;
        font-weight: 600;
        text-align: center;
    }

    .OverseaTitle2 {
        margin: 10px 0 0 0;
        width: auto;
        text-align: center;
        color: #fff;
        font-size: 1rem;
        letter-spacing: 0.1rem;
        font-weight: 600;
        background-color: #00929e;
    }

    .OverseaTitle3 {
        margin: 10px 0 0 0;
        padding: 5px;
        width: auto;
        text-align: center;
        color: #fff;
        font-size: 1rem;
        letter-spacing: 0.1rem;
        font-weight: 600;
        background-color: #00929e;
    }

    .OverseaTipWord {
        color: #0301FC;
        font-size: 0.75rem;
        margin: 5px 0 15px 0;
    }

    .TableStyle03 {
        text-align: center;
        border: #3b98a0 1px solid;
        font-size: 0.8rem;
        font-weight: normal;
        letter-spacing: normal;
        line-height: 1.2rem;
        text-decoration: none;
    }

        .TableStyle03 th {
            border-top: none;
            border-bottom: #fff dashed 1px;
            border-right: #fff dashed 1px;
            border-left: none;
            background-color: #3b98a0;
            padding: 3px;
            color: #fff;
            font-size: 0.8rem;
            font-weight: 600;
            letter-spacing: normal;
            line-height: 1.2rem;
            text-decoration: none;
        }

        .TableStyle03 td {
            border-top: none;
            border-bottom: #3b98a0 solid 1px;
            border-right: #3b98a0 dashed 1px;
            border-left: none;
            padding: 3px;
            font-size: 0.8rem;
            font-weight: 400;
            letter-spacing: normal;
            line-height: 1.2rem;
            text-decoration: none;
        }

    .MainP002_TableAdd {
        border-bottom: solid #3b98a0 2px;
        border-right: solid #3b98a0 2px;
        border-left: solid #3b98a0 2px;
        background-color: #3b98a0;
        padding: 8px;
        color: #fff;
        font-size: .875rem;
        font-weight: bold;
        letter-spacing: normal;
        line-height: normal;
        text-decoration: none;
    }

        .MainP002_TableAdd a:link {
            color: #eaff00;
            text-decoration: none;
        }

        .MainP002_TableAdd a:hover {
            color: #eaff00;
            text-decoration: underline;
        }

        .MainP002_TableAdd a:visited {
            color: #eaff00;
            text-decoration: none;
        }

    .MainP002_PriceTotal {
        background-color: #fff5e8;
        border: solid #3b98a0 1px;
        padding: 8px;
        font-size: .875rem;
        color: #005aff;
        font-weight: bold;
        letter-spacing: normal;
        line-height: normal;
        text-decoration: none;
    }

    .OverseaTip {
        padding: 15px 5px;
        color: #1800fd;
        line-height: 1.2rem;
        border-bottom: #3b98a0 dashed 1px;
    }

    .IbonMember {
        width: 80%;
        margin: 10px auto;
        padding: 10px;
        font-size: .875rem;
        font-weight: 600;
        letter-spacing: 0.1rem;
        line-height: 1.5rem;
        border: dashed #3b98a0 1px;
        background-color: #e7f3f4;
    }

    .IbonMemberWord {
        font-size: .75rem;
        font-weight: normal;
    }

    .OverseaPrice {
        width: auto;
        text-align: right;
        margin: 10px auto;
        color: #1800fd;
        font-size: .875rem;
        font-weight: 600;
        letter-spacing: normal;
        line-height: 1.2rem;
    }

    .ComfirnWord {
        width: 80%;
        margin: 10px auto;
        padding: 15px;
        color: #1800fd;
        font-size: .875rem;
        font-weight: 600;
        letter-spacing: normal;
        line-height: 1.2rem;
        border: dashed #fe0101 1px;
    }

    /*國際交貨便貨況查詢*/
    .TraceArea {
        width: 85%;
        margin: 20px auto;
    }

    .TraceTitle {
        width: 100%;
        text-align: center;
        color: #00929e;
        font-size: 1.1rem;
        letter-spacing: 0.1rem;
        font-weight: 600;
        border-bottom: #00929e solid 2px;
        margin-bottom: 15px;
    }

    .TraceInfo {
        margin-bottom: 20px;
        padding: 0px 5px;
        width: 100%;
        color: #000;
        font-size: 0.9rem;
        letter-spacing: 0.1rem;
        font-weight: normal;
        line-height: 1.5rem;
    }

        .TraceInfo a:link {
            color: #0000fe;
            text-decoration: underline;
        }

        .TraceInfo a:hover {
            color: #0000fe;
            text-decoration: none;
            font-weight: bold;
        }

        .TraceInfo a:visited {
            color: #0000fe;
            text-decoration: underline;
        }

        .TraceInfo a:active {
            color: #0000fe;
            text-decoration: underline;
        }

    .TraceImg001 {
        margin: 10px 0px;
        text-align: center;
    }

    .TraceInputPosition {
        margin-top: 10px;
    }

    .TraceSearchArea {
        margin: 30px 0px 0px 0px;
        padding: 20px;
        border-top: dashed #4b969c 1px;
        text-align: center;
        font-size: .875rem;
    }

    .BtnAreaOversea {
        margin: 5px 0px;
        text-align: center;
    }

    .BtnAreaOversea2 {
        margin: 20px 0px;
        text-align: center;
    }

    .BtnB {
        display: inline-block;
        width: auto;
        padding: 5px 15px;
        margin: 0px 10px;
        text-align: center;
        font-size: 1rem;
        color: #fff;
        font-weight: 600;
        text-decoration: none;
        letter-spacing: 0.1rem;
        border: #00929e solid 2px;
        border-radius: 5px;
        background-color: #00929e;
    }

        .BtnB:hover {
            color: #00929e;
            font-weight: 600;
            text-decoration: none;
            letter-spacing: 0.1rem;
            border: #00929e solid 2px;
            border-radius: 5px;
            background-color: #fff;
        }

    .TraceTip {
        padding: 15px;
        background-color: #e2eff0;
        width: auto;
        color: #000;
        font-size: .875rem;
        letter-spacing: normal;
        font-weight: normal;
        line-height: 1.2rem;
    }

        .TraceTip a:link {
            color: #0000fe;
            text-decoration: underline;
        }

        .TraceTip a:hover {
            color: #0000fe;
            text-decoration: none;
            font-weight: bold;
        }

        .TraceTip a:visited {
            color: #0000fe;
            text-decoration: underline;
        }

        .TraceTip a:active {
            color: #0000fe;
            text-decoration: underline;
        }


    /* 表單元素 */
    .TextArea001 {
        width: 96%;
        height: 100px;
        color: #000;
        font-size: 0.8rem;
        font-weight: normal;
        letter-spacing: normal;
        line-height: 1.2rem;
        text-decoration: none;
        font-family: Microsoft JhengHei,sans-serif,monospace;
    }

    .Select001 {
        height: auto;
        font-family: Microsoft JhengHei,sans-serif,monospace;
        font-size: 1rem;
        color: #FF0000;
        font-weight: bold;
    }

    .Select002 {
        width: 83%;
        height: auto;
        border: 1px solid #cfcfcf;
        background-color: #fef3d3;
        padding: 5px;
        line-height: 20px;
        font-size: 1rem;
        color: #000;
        font-weight: normal;
    }

    .Select003 {
        width: 100%;
        height: auto;
        font-family: Microsoft JhengHei,sans-serif,monospace;
        font-size: .875rem;
        color: #000;
        font-weight: bold;
        line-height: 1.5rem;
    }

    .TextInput001 {
        height: auto;
        text-align: center;
        font-family: Microsoft JhengHei,sans-serif,monospace;
        color: #F00;
        font-size: 1rem;
        font-weight: bold;
        letter-spacing: normal;
        line-height: normal;
        text-decoration: none;
    }

    .TextInput002 {
        width: auto;
        height: auto;
        font-family: Microsoft JhengHei,sans-serif,monospace;
        color: #000;
        font-size: 0.9rem;
        font-weight: normal;
        letter-spacing: normal;
        line-height: normal;
        text-decoration: none;
    }

    .TextInput002A {
        width: 90%;
        height: auto;
        font-family: Microsoft JhengHei,sans-serif,monospace;
        color: #000;
        font-size: 0.9rem;
        font-weight: normal;
        letter-spacing: normal;
        line-height: normal;
        text-decoration: none;
    }

    .TextInput003 {
        width: auto;
        height: auto;
        font-family: Microsoft JhengHei,sans-serif,monospace;
        color: #1800fd;
        font-size: 0.9rem;
        font-weight: normal;
        letter-spacing: normal;
        line-height: normal;
        text-decoration: none;
    }

    .TextInput004 {
        width: 80%;
        height: auto;
        background-color: #fef3d3;
        border: solid 1px #cfcfcf;
        padding: 5px;
        font-family: Microsoft JhengHei,sans-serif,monospace;
        color: #000;
        font-size: 1rem;
        font-weight: 500;
        letter-spacing: normal;
        line-height: normal;
        text-decoration: none;
    }

    .TextInput005 {
        /*height: 20px;*/
        font-family: Microsoft JhengHei,sans-serif,monospace;
        color: #F00;
        font-size: 1rem;
        font-weight: bold;
        letter-spacing: normal;
        line-height: normal;
        text-decoration: none;
    }

    .TextInput006 {
        width: 90%;
        height: auto;
        font-family: Microsoft JhengHei,sans-serif,monospace;
        color: #000;
        font-size: 1rem;
        font-weight: normal;
        letter-spacing: normal;
        line-height: normal;
        text-decoration: none;
    }

    .TextInput007 {
        width: 90%;
        height: auto;
        font-family: Microsoft JhengHei,sans-serif,monospace;
        color: #000;
        font-size: 1rem;
        font-weight: normal;
        letter-spacing: normal;
        line-height: normal;
        text-decoration: none;
        border: solid #7ab2b7 1px;
        border-radius: 3px;
    }

    /*按鈕*/
    .BtnArea {
        margin: 0px 0 50px 0;
    }

    .BtnA {
        display: inline-block;
        width: auto;
        padding: 6px 20px;
        margin: 10px 5px;
        text-align: center;
        font-size: 1rem;
        color: #fff;
        font-weight: 600;
        text-decoration: none;
        letter-spacing: 0.1rem;
        border: #00929e solid 2px;
        border-radius: 5px;
        background-color: #00929e;
    }

        .BtnA:hover {
            color: #00929e;
            font-weight: 600;
            text-decoration: none;
            letter-spacing: 0.1rem;
            border: #00929e solid 2px;
            border-radius: 5px;
            background-color: #fff;
        }

        .BtnA:disabled {
            color: #c9c9c9;
            font-weight: 600;
            text-decoration: none;
            letter-spacing: 0.1rem;
            border: #eee solid 2px;
            border-radius: 5px;
            background-color: #eee;
        }

    /*RWD Table*/
    .RWDTable {
        background: #fff;
        border-collapse: collapse;
        margin: 1px 0 0;
        width: 100%;
        border-top: solid 2px #00929e;
        border-bottom: solid 2px #00929e;
    }

        .RWDTable tr,
        .RWDTable th,
        .RWDTable td {
            border: none;
            border-bottom: 1px solid #fff;
            border-right: 1px dashed #fff;
            font-family: Microsoft JhengHei,sans-serif,monospace;
            font-size: .8rem;
            word-break: break-all;
        }

        .RWDTable th,
        .RWDTable td {
            padding: 5px 6px;
            text-align: left;
        }

        .RWDTable th {
            background: #00929e;
            color: #fff;
            text-transform: capitalize;
        }

        .RWDTable tr td {
            background: #fff;
            border-right: 1px dashed #d9d9d9;
            color: #000;
            font-size: .8rem;
        }

        .RWDTable tr:nth-of-type(2n+2) td {
            background: #dfeeef;
        }

        .RWDTable.bt tfoot th,
        .RWDTable.bt tfoot td,
        .RWDTable.bt tbody td {
            font-size: .8rem;
            padding: 0;
        }

            .RWDTable.bt tfoot th:before,
            .RWDTable.bt tfoot td:before,
            .RWDTable.bt tbody td:before {
                background: #00929e;
                color: #fff;
                margin-right: 10px;
                padding: 5px 10px;
            }

            .RWDTable.bt tfoot th .bt-content,
            .RWDTable.bt tfoot td .bt-content,
            .RWDTable.bt tbody td .bt-content {
                display: inline-block;
                padding: 8px;
            }

            .RWDTable.bt tfoot th:first-of-type:before,
            .RWDTable.bt tfoot th:first-of-type .bt-content,
            .RWDTable.bt tfoot td:first-of-type:before,
            .RWDTable.bt tfoot td:first-of-type .bt-content,
            .RWDTable.bt tbody td:first-of-type:before,
            .RWDTable.bt tbody td:first-of-type .bt-content {
                padding-top: 10px;
            }

            .RWDTable.bt tfoot th:last-of-type:before,
            .RWDTable.bt tfoot th:last-of-type .bt-content,
            .RWDTable.bt tfoot td:last-of-type:before,
            .RWDTable.bt tfoot td:last-of-type .bt-content,
            .RWDTable.bt tbody td:last-of-type:before,
            .RWDTable.bt tbody td:last-of-type .bt-content {
                padding-bottom: 10px;
            }

    /* 國際交貨便 多國語言 */
    .Language2 {
        margin: 0px 0px 20px 0px;
        text-align: center;
        color: #454545;
        font-size: 0.85rem;
    }

    .LanguageSelect2 {
        border: #9f9f9f solid 1px;
        border-radius: 5px;
        background-color: #fff;
        color: #000;
        font-size: 0.8rem;
        padding: 0px 5px;
    }

    .MainBtnMuti {
        margin: 10px 8px 10px 8px;
        padding: 6px 0;
        width: 200px;
        height: 70px;
        background-color: #00adbb;
        border-radius: 5px;
        text-align: center;
    }

    .FormSpace01 {
        margin: 0px 0px 15px 0px;
    }

    .OverseaTitle4 {
        width: 100%;
        color: #00929e;
        font-size: 0.895rem;
        letter-spacing: normal;
        font-weight: 600;
        text-align: center;
    }

        /* 國際交貨便 多國語言-英文 */
        .MainBannerTitleEG {
            margin: 0px 20px 10px 460px;
            color: #FFF;
            font-size: 1.2rem;
            letter-spacing: .1rem;
        }

        .MainBtnEG {
            margin: 10px 0px;
            padding: 5px 0;
            width: 360px;
            background-color: #00adbb;
            border-radius: 5px;
            text-align: center;
        }

            .MainBtnEG:hover {
                background-color: #22c4d1;
                border-radius: 5px;
                text-align: center;
            }

        .MainBtnImgEG {
            width: auto;
            height: auto;
        }

    #RedSmallBold {
        color: #fa0000;
        font-size: 0.8rem;
        font-weight: 600;
    }

    .Page_T001EG {
        margin: 20px 10px;
        padding: 5px 10px;
        text-align: center;
        border: none;
        border-radius: 50px;
        background-color: #00929e;
        color: #fff;
        font-size: 0.8rem;
        letter-spacing: normal;
        font-weight: 600;
    }

    #YellowBigEG {
        color: #fffc00;
        font-size: 0.895rem;
    }

    .ComfirnWordEG {
        width: 80%;
        margin: 10px auto;
        padding: 7px;
        color: #1800fd;
        font-size: .8rem;
        font-weight: 600;
        letter-spacing: normal;
        line-height: 1.1rem;
        border: dashed #fe0101 1px;
    }

    .Print_CodeEG {
        width: 250px;
        height: 150px;
        background-image: url("../../images/C2B_EN/Print_CodeBgMobile_Eng.png");
        background-position: left top;
        background-repeat: no-repeat;
        padding-top: 75px;
        margin-left: 10px;
        margin-bottom: 20px;
        margin-top: 10px;
        text-align: center;
        color: #ff6000;
        font-size: 1.5rem;
        font-weight: bold;
        letter-spacing: normal;
        line-height: normal;
        text-decoration: none;
    }


    /* 國際交貨便 多國語言-越南 */
    .Print_CodeVN {
        width: 250px;
        height: 150px;
        background-image: url("../../images/C2B_VN/Print_CodeBgMobile_VN.png");
        background-position: left top;
        background-repeat: no-repeat;
        padding-top: 75px;
        margin-left: 10px;
        margin-bottom: 20px;
        margin-top: 10px;
        text-align: center;
        color: #ff6000;
        font-size: 1.5rem;
        font-weight: bold;
        letter-spacing: normal;
        line-height: normal;
        text-decoration: none;
    }

    /* 國際交貨便 多國語言-印尼 */
    .Print_CodeID {
        width: 250px;
        height: 150px;
        background-image: url("../../images/C2B_ID/Print_CodeBgMobile_ID.png");
        background-position: left top;
        background-repeat: no-repeat;
        padding-top: 75px;
        margin-left: 10px;
        margin-bottom: 20px;
        margin-top: 10px;
        text-align: center;
        color: #ff6000;
        font-size: 1.5rem;
        font-weight: bold;
        letter-spacing: normal;
        line-height: normal;
        text-decoration: none;
    }

     /* 國際交貨便 多國語言-菲律賓 */
    .Print_CodePH {
        width: 250px;
        height: 150px;
        background-image: url("../../images/C2B_PH/Print_CodeBgMobile_PH.png");
        background-position: left top;
        background-repeat: no-repeat;
        padding-top: 75px;
        margin-left: 10px;
        margin-bottom: 20px;
        margin-top: 10px;
        text-align: center;
        color: #ff6000;
        font-size: 1.5rem;
        font-weight: bold;
        letter-spacing: normal;
        line-height: normal;
        text-decoration: none;
    }
}

@media only screen and (min-width: 625px) and (max-width: 945px) {

    ul {
        margin-left: -20px;
    }

    .MainBanner {
        width: 100%;
        height: 250px;
        padding-top: 50px;
        background: url("../../images/Home/MainBanner_Bg.png") top left no-repeat;
    }

    .MainBannerTitle {
        margin: 0px 0px 10px 460px;
        color: #FFF;
        font-size: 2rem;
        letter-spacing: 0.2rem;
    }

    .MainBannerWordA {
        margin: 0px 0px 10px 462px;
        color: #fff;
        font-size: 1.1rem;
        letter-spacing: 0.1rem;
        text-decoration: underline;
    }

    .MainBannerWordB {
        margin: 0px 0px 10px 462px;
        color: #fff;
        font-size: 1.1rem;
        letter-spacing: 0.1rem;
        text-decoration: underline;
    }

    .MainBannerWordC {
        margin: 0px 0px 0px 462px;
        color: #fff;
        font-size: 1.1rem;
        letter-spacing: 0.1rem;
        text-decoration: underline;
    }

    .MainBannerWordD {
        margin: 0px 0px 0px 462px;
        color: #fff;
        font-size: 1.1rem;
        letter-spacing: 0.1rem;
        text-decoration: underline;
    }

    .NewsArea {
        float: left;
        width: 38%;
        margin: 20px 20px;
    }

    .MainItem {
        float: left;
        width: 50%;
        margin: 20px 20px;
    }

    .NewsTitle {
        width: 100%;
        color: #00929e;
        font-size: 1.1rem;
        letter-spacing: 0.1rem;
        font-weight: 600;
        border-bottom: #6ca29a solid 2px;
        margin: 0 0 10px 0;
    }

    /*首頁客服聯絡-標題*/
    .NewsTitle2 {
        width: 100%;
        color: #00929e;
        font-size: 1.1rem;
        letter-spacing: 0.1rem;
        font-weight: 600;
        border-bottom: #6ca29a solid 2px;
        margin: 0 0 10px 0;
    }

    .MainTitle {
        width: 100%;
        color: #00929e;
        font-size: 1.1rem;
        letter-spacing: 0.1rem;
        font-weight: 600;
        margin: 0 0 10px 0;
    }

    .MainTitleB {
        width: 100%;
        color: #00929e;
        font-size: 1.1rem;
        letter-spacing: 0.1rem;
        font-weight: 600;
        margin: 0 0 10px 0;
    }

    .MainBtn {
        float: left;
        margin: 10px 8px 10px 8px;
        padding: 6px 0;
        width: 190px;
        height: 70px;
        background-color: #00adbb;
        border-radius: 5px;
        text-align: center;
    }

        .MainBtn:hover {
            background-color: #22c4d1;
            border-radius: 5px;
            text-align: center;
        }

    .MainBtnImg {
        width: auto;
        height: auto;
    }

    .StoreBanner {
        width: 100%;
        height: 160px;
        padding-top: 90px;
        background: url("../../images/Home/StoreBanner_Bg.png") top left no-repeat;
    }

    .StoreBannerTitle {
        margin: 0px 0px 0px 400px;
        color: #fff;
        font-size: 2rem;
        letter-spacing: 0.2rem;
    }

    .ServiceBanner {
        width: 100%;
        height: 160px;
        padding-top: 90px;
        background: url("../../images/Home/ServiceBanner_Bg.png") top left no-repeat;
    }

    .ServiceBannerTitle {
        margin: 0px 0px 0px 400px;
        color: #fff;
        font-size: 2.5rem;
        letter-spacing: 0.5rem;
    }

    .TraceBanner {
        width: 100%;
        height: 250px;
        padding-top: 70px;
        background: url("../../images/Home/TraceBanner_Bg.png") top left no-repeat;
    }

    .TraceBannerTitle {
        margin: 0px 0px 0px 430px;
        color: #fff;
        font-size: 2.2rem;
        letter-spacing: 0.1rem;
    }

    .TraceBannerWord {
        margin: 0px 0px 10px 432px;
        padding: 0px 10px 0px 0px;
        color: #fff;
        font-size: 1.5rem;
        letter-spacing: 0.1rem;
    }

    .Select003_1 {
        width: 100%;
        height: auto;
        font-family: Microsoft JhengHei,sans-serif,monospace;
        font-size: 1rem;
        color: #000;
        font-weight: bold;
        padding: 0.275rem 0.001rem;
        background-clip: padding-box;
        border-radius: 0.25rem;
    }

    /* 國際交貨便 多國語言 */
    .Language2 {
        margin: 0px 0px 20px 0px;
        text-align: center;
        color: #454545;
        font-size: 0.85rem;
    }

    .LanguageSelect2 {
        border: #9f9f9f solid 1px;
        border-radius: 5px;
        background-color: #fff;
        color: #000;
        font-size: 0.8rem;
        padding: 0px 5px;
    }

    .MainBtnMuti {
        margin: 10px 8px 10px 8px;
        padding: 6px 0;
        width: 200px;
        height: 70px;
        background-color: #00adbb;
        border-radius: 5px;
        text-align: center;
    }

    .FormSpace01 {
        margin: 0px 0px 15px 0px;
    }

    .OverseaTitle4 {
        width: 100%;
        color: #00929e;
        font-size: 0.895rem;
        letter-spacing: normal;
        font-weight: 600;
        text-align: center;
    }

    /* 國際交貨便 多國語言-英文 */
    .MainBannerTitleEG {
        margin: 0px 20px 10px 460px;
        color: #FFF;
        font-size: 1.2rem;
        letter-spacing: .1rem;
    }

    .MainBtnEG {
        margin: 10px 8px;
        padding: 6px 0;
        width: 360px;
        background-color: #00adbb;
        border-radius: 5px;
        text-align: center;
    }

        .MainBtnEG:hover {
            background-color: #22c4d1;
            border-radius: 5px;
            text-align: center;
        }

    .MainBtnImgEG {
        width: auto;
        height: auto;
    }

    #RedSmallBold {
        color: #fa0000;
        font-size: 0.8rem;
        font-weight: 600;
    }

    .Page_T001EG {
        margin: 20px 10px;
        padding: 5px 10px;
        text-align: center;
        border: none;
        border-radius: 50px;
        background-color: #00929e;
        color: #fff;
        font-size: 0.8rem;
        letter-spacing: normal;
        font-weight: 600;
    }

    #YellowBigEG {
        color: #fffc00;
        font-size: 0.895rem;
    }
}

@media only screen and (min-width: 375px) and (max-width: 625px) {
    .MainBanner {
        width: 100%;
        height: 200px;
        padding-top: 50px;
        background: url("../../images/Home/MainBanner_MobileBg.png") top left no-repeat;
    }

    .MainBannerTitle {
        margin: 0px 0px 10px 240px;
        color: #FFF;
        font-size: 1.8rem;
    }

    .MainBannerWordA {
        margin: 0px 0px 10px 242px;
        color: #fff;
        font-size: 1rem;
        letter-spacing: 0.1rem;
        text-decoration: underline;
    }

    .MainBannerWordB {
        margin: 0px 0px 10px 242px;
        color: #fff;
        font-size: 1rem;
        letter-spacing: 0.1rem;
        text-decoration: underline;
    }

    .MainBannerWordC {
        margin: 0px 0px 0px 242px;
        color: #fff;
        font-size: 1rem;
        letter-spacing: 0.1rem;
        text-decoration: underline;
    }

    .MainBannerWordD {
        margin: 0px 0px 0px 242px;
        color: #fff;
        font-size: 1rem;
        letter-spacing: 0.1rem;
        text-decoration: underline;
    }

    .NewsArea {
        width: 94%;
        margin: 20px 20px;
    }

    .MainItem {
        width: 94%;
        margin: 20px 20px;
    }

    .NewsTitle {
        width: 100%;
        text-align: center;
        color: #00929e;
        font-size: 1.1rem;
        letter-spacing: 0.1rem;
        font-weight: 600;
        border-bottom: #6ca29a solid 2px;
        margin: 0 0 10px 0;
    }

    /*首頁客服聯絡-標題*/
    .NewsTitle2 {
        width: 100%;
        text-align: center;
        color: #00929e;
        font-size: 1.1rem;
        letter-spacing: 0.1rem;
        font-weight: 600;
        border-bottom: #6ca29a solid 2px;
        margin: 0 0 10px 0;
    }

    .MainTitle {
        width: 100%;
        text-align: center;
        color: #00929e;
        font-size: 1.1rem;
        letter-spacing: 0.1rem;
        font-weight: 600;
        margin: 0 0 15px 0;
    }

    .MainTitleB {
        width: 100%;
        text-align: center;
        color: #00929e;
        font-size: 1.1rem;
        letter-spacing: 0.1rem;
        font-weight: 600;
        margin: 0 0 15px 0;
    }

    .MainBtn {
        width: 90%;
        margin: 10px auto;
        padding: 5px 0;
        background-color: #00adbb;
        border-radius: 3px;
        text-align: center;
    }

        .MainBtn:hover {
            background-color: #22c4d1;
            border-radius: 5px;
            text-align: center;
        }

    .MainBtnImg {
        width: auto;
        height: auto;
    }

    .StoreBanner {
        width: 100%;
        height: 160px;
        padding-top: 90px;
        background: url("../../images/Home/StoreBanner_MobileBg.png") top left no-repeat;
    }

    .StoreBannerTitle {
        margin: 0px 0px 10px 200px;
        color: #fff;
        font-size: 2rem;
        line-height: normal;
        letter-spacing: 0.2rem;
    }

    .ServiceBanner {
        width: 100%;
        height: 160px;
        padding-top: 90px;
        background: url("../../images/Home/ServiceBanner_MobileBg.png") top left no-repeat;
    }

    .ServiceBannerTitle {
        margin: 0px 0px 0px 250px;
        color: #fff;
        font-size: 2.5rem;
        letter-spacing: 0.5rem;
    }

    .TraceBanner {
        width: 100%;
        height: 250px;
        padding-top: 80px;
        background: url("../../images/Home/TraceBanner_MobileBg.png") top left no-repeat;
    }

    .TraceBannerTitle {
        margin: 0px 0px 0px 250px;
        color: #fff;
        font-size: 2rem;
        letter-spacing: normal;
    }

    .TraceBannerWord {
        margin: 0px 0px 10px 252px;
        padding: 0px 10px 0px 0px;
        color: #fff;
        font-size: 1.2rem;
        letter-spacing: 0.1rem;
    }

    .Select003 {
        width: 100%;
        height: auto;
        font-family: Microsoft JhengHei,sans-serif,monospace;
        font-size: .875rem;
        color: #000;
        font-weight: bold;
        line-height: 1.5rem;
    }

    .Select003_1 {
        width: 50px;
        height: auto;
        font-family: Microsoft JhengHei,sans-serif,monospace;
        font-size: .875rem;
        color: #000;
        font-weight: bold;
        line-height: 1.5rem;
        display: block;
        padding: 0.275rem 0.001rem;
        background-clip: padding-box;
        border-radius: 0.25rem;
    }

    .TextInput003 {
        width: 60px;
        height: auto;
        font-family: Microsoft JhengHei,sans-serif,monospace;
        color: #1800fd;
        font-size: 0.9rem;
        font-weight: normal;
        letter-spacing: normal;
        line-height: normal;
        text-decoration: none;
    }

    /* 國際交貨便 多國語言 */
    .Language2 {
        margin: 0px 0px 20px 0px;
        text-align: center;
        color: #454545;
        font-size: 0.85rem;
    }

    .LanguageSelect2 {
        border: #9f9f9f solid 1px;
        border-radius: 5px;
        background-color: #fff;
        color: #000;
        font-size: 0.8rem;
        padding: 0px 5px;
    }

    .MainBtnMuti {
        margin: 10px 8px 10px 8px;
        padding: 6px 0;
        width: 200px;
        height: 70px;
        background-color: #00adbb;
        border-radius: 5px;
        text-align: center;
    }

    .FormSpace01 {
        margin: 0px 0px 15px 0px;
    }

    .OverseaTitle4 {
        width: 100%;
        color: #00929e;
        font-size: 0.895rem;
        letter-spacing: normal;
        font-weight: 600;
        text-align: center;
    }

    /* 國際交貨便 多國語言-英文 */
    .MainBannerTitleEG {
        margin: 0px 10px 10px 240px;
        color: #FFF;
        font-size: 1.2rem;
    }

    .MainBtnEG {
        width: 90%;
        margin: 10px auto;
        padding: 5px 0;
        background-color: #00adbb;
        border-radius: 3px;
        text-align: center;
    }

        .MainBtnEG:hover {
            background-color: #22c4d1;
            border-radius: 5px;
            text-align: center;
        }

    .MainBtnImgEG {
        width: 75%;
        height: 75%;
    }

    #RedSmallBold {
        color: #fa0000;
        font-size: 0.8rem;
        font-weight: 600;
    }

    .Page_T001EG {
        margin: 20px 10px;
        padding: 5px 10px;
        text-align: center;
        border: none;
        border-radius: 50px;
        background-color: #00929e;
        color: #fff;
        font-size: 0.8rem;
        letter-spacing: normal;
        font-weight: 600;
    }

    #YellowBigEG {
        color: #fffc00;
        font-size: 0.895rem;
    }
}

@media only screen and (max-width: 375px) {
    .MainBanner {
        width: 100%;
        height: 190px;
        padding-top: 60px;
        background: url("../../images/Home/MainBanner_MobileBg2.png") top left no-repeat;
    }

    .MainBannerTitle {
        margin: 0px 0px 10px 170px;
        color: #FFF;
        font-size: 1.5rem;
    }

    .MainBannerWordA {
        margin: 0px 0px 10px 172px;
        color: #fff;
        font-size: 0.95rem;
        text-decoration: underline;
    }

    .MainBannerWordB {
        margin: 0px 0px 10px 172px;
        color: #fff;
        font-size: 0.95rem;
        text-decoration: underline;
    }

    .MainBannerWordC {
        margin: 0px 0px 0px 172px;
        color: #fff;
        font-size: 0.95rem;
        text-decoration: underline;
    }

    .MainBannerWordD {
        margin: 0px 0px 0px 172px;
        color: #fff;
        font-size: 0.95rem;
        text-decoration: underline;
    }

    .NewsArea {
        width: 96%;
        margin: 20px 10px;
    }

    .MainItem {
        width: 96%;
        margin: 20px 10px;
    }

    .NewsTitle {
        width: 100%;
        text-align: center;
        color: #00929e;
        font-size: 1.1rem;
        letter-spacing: 0.1rem;
        font-weight: 600;
        border-bottom: #00929e solid 2px;
        margin: 0 0 10px 0;
    }

    /*首頁客服聯絡-標題*/
    .NewsTitle2 {
        width: 100%;
        text-align: center;
        color: #00929e;
        font-size: 1.1rem;
        letter-spacing: 0.1rem;
        font-weight: 600;
        border-bottom: #00929e solid 2px;
        margin: 0 0 10px 0;
    }

    .MainTitle {
        width: 100%;
        text-align: center;
        color: #00929e;
        font-size: 1.1rem;
        letter-spacing: 0.1rem;
        font-weight: 600;
        margin: 0 0 15px 0;
    }

    .MainTitleB {
        width: 100%;
        text-align: center;
        color: #00929e;
        font-size: 1.1rem;
        letter-spacing: 0.1rem;
        font-weight: 600;
        margin: 0 0 15px 0;
    }

    .MainBtn {
        width: 90%;
        margin: 10px auto;
        padding: 5px 0;
        background-color: #00adbb;
        border-radius: 5px;
        text-align: center;
    }

        .MainBtn:hover {
            background-color: #22c4d1;
            border-radius: 5px;
            text-align: center;
        }

    .MainBtnImg {
        width: auto;
        height: auto;
    }

    .StoreBanner {
        width: 100%;
        height: 170px;
        padding-top: 80px;
        background: url("../../images/Home/StoreBanner_MobileBg2.png") top left no-repeat;
    }

    .StoreBannerTitle {
        margin: 0px 0px 10px 150px;
        padding-right: 15px;
        color: #fff;
        font-size: 1.8rem;
        line-height: 2rem
    }

    .ServiceBanner {
        width: 100%;
        height: 150px;
        padding-top: 100px;
        background: url("../../images/Home/ServiceBanner_MobileBg2.png") top left no-repeat;
    }

    .ServiceBannerTitle {
        margin: 0px 0px 0px 150px;
        color: #fff;
        font-size: 2.2rem;
    }

    .TraceBanner {
        width: 100%;
        height: 250px;
        padding-top: 60px;
        background: url("../../images/Home/TraceBanner_MobileBg2.png") top left no-repeat;
    }

    .TraceBannerTitle {
        margin: 0px 0px 0px 150px;
        color: #fff;
        font-size: 2rem;
    }

    .TraceBannerWord {
        margin: 0px 0px 10px 152px;
        padding: 0px 10px 0px 0px;
        color: #fff;
        font-size: 1.1rem;
        letter-spacing: 0.1rem;
    }

    .Select003_1 {
        width: 50px;
        height: auto;
        font-family: Microsoft JhengHei,sans-serif,monospace;
        font-size: .875rem;
        color: #000;
        font-weight: bold;
        line-height: 1.5rem;
        display: block;
        padding: 0.275rem 0.001rem;
        background-clip: padding-box;
        border-radius: 0.25rem;
    }


    .TextInput003 {
        width: 60px;
        height: auto;
        font-family: Microsoft JhengHei,sans-serif,monospace;
        color: #1800fd;
        font-size: 0.9rem;
        font-weight: normal;
        letter-spacing: normal;
        line-height: normal;
        text-decoration: none;
    }

    /* 國際交貨便 多國語言 */
    .Language2 {
        margin: 0px 0px 20px 0px;
        text-align: center;
        color: #454545;
        font-size: 0.85rem;
    }

    .LanguageSelect2 {
        border: #9f9f9f solid 1px;
        border-radius: 5px;
        background-color: #fff;
        color: #000;
        font-size: 0.8rem;
        padding: 0px 5px;
    }

    .MainBtnMuti {
        margin: 10px 8px 10px 8px;
        padding: 6px 0;
        width: 200px;
        height: 70px;
        background-color: #00adbb;
        border-radius: 5px;
        text-align: center;
    }

    .FormSpace01 {
        margin: 0px 0px 15px 0px;
    }

    .OverseaTitle4 {
        width: 100%;
        color: #00929e;
        font-size: 0.895rem;
        letter-spacing: normal;
        font-weight: 600;
        text-align: center;
    }

    /* 國際交貨便 多國語言-英文 */
    .MainBannerTitleEG {
        margin: 0px 10px 10px 170px;
        color: #FFF;
        font-size: 1.2rem;
    }

    .MainBtnEG {
        width: 90%;
        margin: 10px auto;
        padding: 5px 0;
        background-color: #00adbb;
        border-radius: 5px;
        text-align: center;
    }

        .MainBtnEG:hover {
            background-color: #22c4d1;
            border-radius: 5px;
            text-align: center;
        }

    .MainBtnImgEG {
        width: 75%;
        height: 75%;
    }

    #RedSmallBold {
        color: #fa0000;
        font-size: 0.8rem;
        font-weight: 600;
    }

    .Page_T001EG {
        margin: 20px 10px;
        padding: 5px 10px;
        text-align: center;
        border: none;
        border-radius: 50px;
        background-color: #00929e;
        color: #fff;
        font-size: 0.8rem;
        letter-spacing: normal;
        font-weight: 600;
    }

    #YellowBigEG {
        color: #fffc00;
        font-size: 0.895rem;
    }
}

.MainP002_Table {
    color: #525252;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: normal;
    letter-spacing: normal;
    line-height: normal;
    text-decoration: none;
}

.MainP002_TableAdd {
    border-bottom: solid #3b98a0 2px;
    border-right: solid #3b98a0 2px;
    border-left: solid #3b98a0 2px;
    background-color: #3b98a0;
    padding: 10px;
    color: #fff;
    font-size: 1rem;
    font-weight: bold;
    letter-spacing: normal;
    line-height: normal;
    text-decoration: none;
}


.TableBorder {
    width: 100%;
    text-align: center;
    border: 1px solid #E0E0E0;
    border-collapse: collapse;
}

.TableBorder td {
    border: 1px solid #E0E0E0;
    padding: 5px;
}

.MainP002_Select001 {
    color: #525252;
    font-family: Arial, Helvetica, sans-serif;
    letter-spacing: normal;
    line-height: normal;
    text-decoration: none;
    font-weight: bold;
}