@charset "UTF-8";

BODY{ max-width:100%; font-family:'\5FAE\8F6F\96C5\9ED1',Arial,微軟正黑體,sans-serif; padding:0; margin:0 auto; box-sizing:border-box;}
.br {word-break: keep-all}

/* -- 功能 -- */
.tms_title_txta{ line-height:20px; font-size:1.1rem; font-weight:bold; color:#e50012; margin:10px 0 15px 0; box-sizing:border-box;}
.tms_title_up{ margin:25px 0 10px 0;}
.tms_title_txtb{ line-height:20px; font-size:1rem; font-weight:bold; color:#000; margin:20px 0 6px 0; box-sizing:border-box;}
.tms_title_txin{ line-height:20px; font-size:1rem; font-weight:400; color:#333; padding:0 0 0 6px; margin:0 0 6px 0; box-sizing:border-box;}
.tms_title_txdow{ line-height:20px; font-size:1rem; font-weight:bold; color:#007bd3; padding:0 0 0 6px; margin:15px 0 0 0; box-sizing:border-box;}


.tms_up_file{ display:flex; justify-content:space-between; align-items:self-start;
	text-decoration:none; width:100%;}
.tms_up_box{ display:flex; justify-content:center; align-items:center; flex-wrap:wrap;
	width:32%; height:130px; border-radius:10px; border:dashed 2px #85b2cd; background:#fff; padding:0; margin:0; box-sizing:border-box;}
.tms_up_box img{ width:30px; height:30px; padding:0; margin:0 auto; box-sizing:border-box;}
.tms_up_box p{ width:100%; height:auto; text-align:center; font-size:1.1em; font-weight:bold; color:#85b2cd; 
	padding:0; margin:-10px 0 0 0; box-sizing:border-box;}
.tms_up_box p span{ display:block; width:100%; padding:0; margin:5px 0 0 0; box-sizing:border-box;}










.item1 .top-tibx {
    height: 124px;
    background-color: #ededed;
    padding: 0 22px
}

@media (max-width: 767px) {
    .item1 .top-tibx {
        height:108px
    }
}

.item1 .top-tibx .tx {
    position: relative;
    text-align: center;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 1rem;
    line-height: 2.16;
    letter-spacing: 0.4px;
    font-weight: 400;
    color: #000000
}

@media (max-width: 767px) {
    .item1 .top-tibx .tx {
        font-size:0.9375rem;
        text-align: left;
        line-height: 1.9
    }
}

.item1 .top-tibx a {
    color: #00458d;
    font-weight: 700;
    position: relative
}

.item1 .top-tibx a:before {
    position: absolute;
    content: "";
    bottom: -3px;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #00458d
}

@media (max-width: 767px) {
    .item1 .top-tibx a:before {
        height:1px;
        bottom: -1px
    }
}













.item1 .des-tibx {
    margin-top: 76px;
    text-align: center;
    padding-bottom: 26px;
    border-bottom: 1px solid #d3d3d4
}

@media (max-width: 767px) {
    .item1 .des-tibx {
        margin-top:42px;
        padding-bottom: 10px
    }
}

.item1 .des-tibx .ti {
    font-size: 1.4375rem;
    line-height: 1.67;
    letter-spacing: 0.58px;
    font-weight: 700;
    color: #00458d;
    font-size: 1.5vw
}

@media (max-width: 767px) {
    .item1 .des-tibx .ti {
        font-size:2.6vw
    }
}

.item1 .des-tibx .des-ti {
    font-size: 1rem;
    line-height: 2.13;
    letter-spacing: 0.4px;
    font-weight: 400;
    color: #000000;
    font-size: 0.85vw
}

@media (max-width: 767px) {
    .item1 .des-tibx .des-ti {
        font-size:2vw
    }
}

.item1 .des-tibx .da {
    font-size: 1rem;
    line-height: 2.13;
    letter-spacing: 0.4px;
    font-weight: 400;
    color: #000000;
    font-size: 0.85vw
}

@media (max-width: 767px) {
    .item1 .des-tibx .da {
        font-size:2vw
    }
}

.item1 .des-tibx .da span {
    color: #00458d
}








.item1 .flex-bx {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 25px
}

@media (max-width: 767px) {
    .item1 .flex-bx {
        padding-top:9px
    }
}

.item1 .flex-bx .tx-bx {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.item1 .flex-bx .tx-bx div {
    font-size: 1rem;
    line-height: 2.13;
    letter-spacing: 0.4px;
    font-weight: 400;
    color: #000000;
    font-size: 0.85vw
}

@media (max-width: 767px) {
    .item1 .flex-bx .tx-bx div {
        font-size:2vw;
        line-height: 1.5
    }
}

.item1 .flex-bx .tx-bx .des {
    color: #00458d
}


@media (min-width: 1200px) {
    .item1 .container {
        max-width:992px
    }
}








.item1 .table-bx {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-shadow: 0 0 8px 2px rgba(34,24,21,0.2);
    box-shadow: 0 0 8px 2px rgba(34,24,21,0.2);
    margin-top: 15px;
    margin-bottom: 10px;
    background-color: #f2f2f3
}

@media (max-width: 767px) {
    .item1 .table-bx {
        margin-top:7px;
        margin-bottom: 4px;
        -webkit-box-shadow: 0 0 4px 1px rgba(34,24,21,0.2);
        box-shadow: 0 0 4px 1px rgba(34,24,21,0.2)
    }
}

.item1 .table-bx .l {
    width: 73.9%
}

.item1 .table-bx .r {
    width: 26.1%;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.item1 .table-bx .des,.item1 .table-bx .des-ti,.item1 .table-bx .ti {
    height: auto;
    text-align: center
}

@media (max-width: 767px) {
    .item1 .table-bx .des,.item1 .table-bx .des-ti,.item1 .table-bx .ti {
        height:auto
    }
}

.item1 .table-bx .ti {
    background-color: #595757;
    color: #fff;
    font-size: 0.85vw;
    line-height: 42px
}

@media (max-width: 767px) {
    .item1 .table-bx .ti {
        font-size:1.7vw;
        line-height: 25px;
        height: 25px
    }
}

.item1 .table-bx .des-ti {
    font-size: 0.85vw;
    line-height: 45px;
    color: #000;
    border-bottom: 1px solid #c7c7c7
}

@media (max-width: 767px) {
    .item1 .table-bx .des-ti {
        font-size:1.3vw;
        line-height: 25px;
        height: 25px
    }
}

.item1 .table-bx .des-ti.h42 {
    line-height: 42px;
    height: 42px
}

@media (max-width: 767px) {
    .item1 .table-bx .des-ti.h42 {
        font-size:1.3vw;
        height: 50px;
        line-height: 1.4;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media (max-width: 767px) {
    .item1 .table-bx .des-ti.h47_2 {
        height:44px;
        line-height: 44px
    }
}

.item1 .table-bx .des {
    font-size: 0.85vw;
    line-height: 45px;
    color: #00458d
}

@media (max-width: 767px) {
    .item1 .table-bx .des {
        font-size:1.3vw;
        line-height: 25px;
        height: 25px
    }
}

.item1 .table-bx .des.h42 {
    height: 42px
}

@media (max-width: 767px) {
    .item1 .table-bx .des.h42 {
        height:25px;
        line-height: 25px
    }
}

.item1 .table-bx .des.h47 {
    height: 47px;
    line-height: 50px
}

@media (max-width: 767px) {
    .item1 .table-bx .des.h47 {
        padding:5px 0;
        height: 44px;
        line-height: 1.2;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.item1 .table-bx .des,.item1 .table-bx .des-ti,.item1 .table-bx .sp-bx {
    background-color: #f2f2f3
}

.item1 .table-bx .sp-bx {
    height: 180px;
    position: relative;
    font-size: 0.85vw;
    padding: 15px;
    line-height: 1.5
}

@media (max-width: 767px) {
    .item1 .table-bx .sp-bx {
        height:93px;
        padding: 10px
    }
}

.item1 .table-bx .sp-bx div {
    width: 100%
}

@media (max-width: 767px) {
    .item1 .table-bx .sp-bx div {
        font-size:1.1vw;
        line-height: 1.3
    }
}

@media (max-width: 575px) {
    .item1 .table-bx .sp-bx div {
        font-size:1.3vw
    }
}

.item1 .table-bx .sp-bx .company_name {
    white-space: nowrap
}

.item1 .table-bx .flex-bx1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.item1 .table-bx .flex-bx1 .prname-bx {
    width: 42%;
    border-right: 1px solid #c7c7c7
}

.item1 .table-bx .flex-bx1 .prname-bx .des {
    text-align: left;
    padding-left: 23px
}

.item1 .table-bx .flex-bx1 .many-bx,.item1 .table-bx .flex-bx1 .pric-bx,.item1 .table-bx .flex-bx1 .unitp-bx {
    width: 19.3333%;
    border-right: 1px solid #c7c7c7
}

.item1 .table-bx .flex-bx2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.item1 .table-bx .flex-bx2 .l-b {
    width: 30%
}

.item1 .table-bx .flex-bx2 .l-b .des-ti {
    height: 100%;
    line-height: 90px;
    border-right: 1px solid #c7c7c7
}

@media (max-width: 767px) {
    .item1 .table-bx .flex-bx2 .l-b .des-ti {
        height:50px;
        line-height: 50px
    }
}

.item1 .table-bx .flex-bx2 .r-b {
    width: 70%
}

.item1 .table-bx .flex-bx2 .r-b .ds-tbx {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.item1 .table-bx .flex-bx2 .r-b .ds-tbx div {
    width: 33.3333%;
    border-right: 1px solid #c7c7c7
}

.item1 .table-bx .flex-bx2 .r-b .ch-bx {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.item1 .table-bx .flex-bx2 .r-b .ch-bx div {
    width: 33.3333%
}

.item1 .table-bx .flex-bx2 .r-b .ch-bx div .img-bx {
    margin: 0 auto
}

@media (max-width: 767px) {
    .item1 .table-bx .flex-bx2 .r-b .ch-bx div .img-bx {
        width:0.8vw
    }
}

.item1 .table-bx .flex-bx2 .r-b .ch-bx .des {
    border-right: 1px solid #c7c7c7;
    border-bottom: 1px solid #c7c7c7
}

.item1 .table-bx .flex-bx2 .n-b {
    display: none
}

.item1 .table-bx .flex-bx2 .n-b .des-ti {
    color: #00458d;
    height: 100%;
    line-height: 90px;
    border-right: 1px solid #c7c7c7
}

@media (max-width: 767px) {
    .item1 .table-bx .flex-bx2 .n-b .des-ti {
        height:50px;
        line-height: 50px
    }
}

.item1 .table-bx .flex-bx3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.item1 .table-bx .flex-bx3 .ti {
    width: 76.6%
}

.item1 .table-bx .flex-bx3 .des {
    width: 23.4%;
    border-right: 1px solid #c7c7c7;
    border-bottom: 1px solid #c7c7c7
}

.item1 .table-bx .flex-bx4 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.item1 .table-bx .flex-bx4 .des {
    width: 76.6%;
    border-right: 1px solid #c7c7c7;
    color: #000;
    letter-spacing: 0
}

.item1 .table-bx .flex-bx4 .des span {
    color: #00458d;
    margin: 0 2px
}

@media (max-width: 767px) {
    .item1 .table-bx .flex-bx4 .des span {
        margin:0 1px
    }
}

.item1 .table-bx .flex-bx4 .des-ti {
    width: 23.4%;
    border-right: 1px solid #c7c7c7;
    border-bottom: none
}





.item1 .remarks {
    padding-left: 17px;
    position: relative;
    font-size: 1rem;
    line-height: 1.9;
    letter-spacing: 0.4px;
    font-weight: 400;
    color: #000000;
    font-size: 0.85vw
}

@media (max-width: 767px) {
    .item1 .remarks {
        font-size:1.4vw;
        padding-left: 1.6vw
    }
}

.item1 .remarks span {
    position: absolute;
    top: 0;
    left: 0
}








.item1 .cir1 {
    font-size: 0.85vw;
    color: #e60012;
    margin-top: 38px;
    line-height: 2
}

@media (max-width: 767px) {
    .item1 .cir1 {
        font-size:2vw;
        margin-top: 12px
    }
}

.item1 .cir2 {
    line-height: 2;
    font-size: 0.8vw;
    color: #000
}

@media (max-width: 767px) {
    .item1 .cir2 {
        font-size:2vw
    }
}

.item1 .cir2 a {
    color: #00458d;
    font-weight: 700;
    position: relative;
    display: inline-block
}

.item1 .cir2 a:before {
    position: absolute;
    content: "";
    bottom: 2px;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #00458d
}

@media (max-width: 767px) {
    .item1 .cir2 a:before {
        height:1px
    }
}

.item1 .invoice_3 .bl-cir.cir1 {
    display: none
}

.item1 .invoice_3 .bl-cir.cir2 {
    margin-top: 38px
}







.seal_box{ width:80%; height:auto; margin:0 0 0 10%;}



.item1 .img-ti .tx span{ color:#00458d; margin-left:15px;}
.item3 .form-bx .s_info{ font-size:14px; color:#595757; letter-spacing:0.025em; margin:8px 0 0 20px;}
.item3 .remind_txt{ font-size:0.875rem; line-height:2.4; letter-spacing:0.35px; font-weight:400; 
	color:#e60012; margin-left:8px; text-align:center; padding-top:20px;}




@media screen and (min-width: 1800px) {
	.item1 .table-bx .des-ti{ font-size:1.1em !important;}
	.item1 .table-bx .des{ font-size:1.1em !important;}
}

@media (max-width: 1024px) {
}

@media (max-width: 768px) {
.seal_box{ width:95%; height:auto; margin:10% 0 0 5%;}
}

@media (max-width: 600px) {
}

@media (max-width: 414px) {
.seal_box{ width:100%; height:auto; margin:10% 0 0 2%;}
.item1 .img-ti .tx span{ margin-left:0;}
}

@media (max-width: 375px) {
}

@media (max-width: 320px) {
}

@media (max-width: 280px) {
}