/**
  * 2022.4.12 Melody
  * 用於Search by point、Cargo tracking pages
  */
  
/** 填滿設定 */
html, body { height:100%; margin:0; }
.ec-wrapper { min-height:100%; display: flex; flex-direction: column; }
.ec-content { flex-grow: 1; }

.d-none { display: none;}
/** h1 */
.f16tilb3 {
    font-size: 2rem;
    color: #FF6600;
    font-weight: bold;
}

/** Footer */
footer {
	position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: unset;
    background-color: #FFFFFF;
}
center { padding-bottom: 50px; }

/** Forms */
input {
    padding: 0.375rem 0.75rem;
    font-weight: 400;
    line-height: 1.5;
    border: 1px solid #ced4da;
}
select {
    padding: 0.375rem 0.75rem;
    font-weight: 400;
    line-height: 1.5;
    border: 1px solid #ced4da;
}
textarea {
    padding: 0.375rem 0.75rem;
    font-weight: 400;
    border: 1px solid #ced4da;
}
textarea:focus, input:focus, select:focus {
    outline: none;
	border-color: #21337F;
}

.ec-input-p-default {
	padding: 0.375rem 0.75rem;
}

.w-100 { width: 100%; }
.h-100 { height:100%; }
.d-flex{ display:flex; }
.flex-column { flex-direction: column!important; }
.flex-grow-1 { flex-grow: 1!important; }
.justify-content-start { justify-content: flex-start!important; }
.justify-content-end { justify-content: flex-end!important; }
.justify-content-center { justify-content: center!important; }
.align-items-start { align-items: flex-start!important; }
.align-items-end { align-items: flex-end!important; }
.align-items-center { align-items: center!important; }
.align-items-stretch { align-items: stretch!important; }
.invisibility { visibility: hidden; }

/** Acccordion */
.ec-accordion { display: flex; flex-direction: column; }
.ec-accordion-item { border: 1px solid #dee2e6; }
.ec-accordion-header { cursor:pointer; }
.ec-accordion-header, .ec-accordion-body { padding: 1rem 0.5rem; }

.ec-accordion-item[data-ec-expand="true"] .ec-accordion-header { background-color: #D3DDF8 !important; }
.ec-accordion-body:not(.show) { display:none; }

.ec-accordion-item:not(:first-of-type) { border-top: 0; }
.ec-accordion-flush>.ec-accordion-item {  border-width: 0 0 1px; }
.ec-accordion-flush>.ec-accordion-item:last-child { border-bottom-width: 0; }

/** Button */
.ec-btn {
    display: inline-block;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
	border: 1px solid #ced4da;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    padding: 0.125rem 0.75rem;
    font-size: 1rem;
}
.ec-btn-default { color: #212529; background-color: #e9ecef; border-color: #adb5bd; border-radius: 0; }
.ec-btn-default:hover { background-color: #dee2e6; }
.ec-btn-success { color: #FFFFFF; background-color: #348967; border-color: #348967; }
.ec-btn-success:hover { color: #FFFFFF !important; background-color: #1A6254 !important; border-color: #1A6254 !important; }
/** Badge */
.ec-badge,.ec-btn.ec-badge {
    display: inline-block;
    padding: 0.35em 0.65em;
    font-size: .75em;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25rem;
}
/** Fieldset */
.ec-fieldset {
	position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    margin-top: 10px;
}
.ec-fieldset-legend {
	position: absolute;
    top: -10px;
    left: 0;
    background-color: #FFFFFF;
    font-size: 1rem;
}
.ec-fieldset-content {
    padding-top: 1rem;
    padding-bottom: 1rem;
    border: 1px solid #adb5bd;
}

/** List */
.list-unstyled {
    padding-left: 0;
    list-style: none;
}


/** Tab */
.nav {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.nav-tabs {
    border-bottom: 1px solid #adb5bd;
}

.nav-link {
    display: block;
    padding: 0.5rem 1rem;
    text-decoration: none;
    font-weight: 700;
    /*transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;*/
}

.nav-tabs .nav-link {
    margin-bottom: -1px;
    background: 0 0;
    border: 1px solid transparent;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
}

.nav-tabs .nav-link.active {
    color: #21337F;
    background-color: #fff;
    border-color: #adb5bd #adb5bd #fff;
    border-top: 3px solid #21337F;
}

.tab-content>.tab-pane {
    display: none;
}

.tab-content>.active {
    display: block;
}

/** Table */
tbody, td, tfoot, th, thead, tr {
    border-color: inherit;
    border-style: solid;
    border-width: 0;
}
th { background-color: #eff3fb; font-weight: 300; }
.ec-table {
	width: 100%;
	color: #212529;
	vertical-align: top;
	border-color: #adb5bd;
    border-collapse: collapse;
}
.ec-table>:not(caption)>*>* {
    padding: 0.5rem 0.5rem;
    border-width: 1px;
}
.ec-table.ec-table-sm>:not(caption)>*>* {
    padding: 0.25rem 0.25rem;
}
.ec-table.ec-table-lg>:not(caption)>*>* {
    padding: 0.75rem 0.75rem;
}
.ec-table.ec-table-border-0>:not(caption)>*>* {
    border-width: 0;
}
.ec-table.ec-table-borderless>:not(caption)>*>* {
    border-width: 0;
}
.ec-table.ec-table-border-bottom>:not(caption)>*>* {
    border-left-width: 0px;
    border-right-width: 0px;
    border-top-width: 0px;
    border-bottom-width: 1px;
}

.align-top { vertical-align: top!important;}
.align-bottom { vertical-align: bottom!important; }

/** Badge */
.ec-badge {
    display: inline-block;
    padding: 0.35em 0.65em;
    font-size: .75em;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25rem;
}
.ec-bg-primary { background-color: #0d6efd!important; }
.ec-bg-success { background-color: #348967!important; }
.ec-bg-danger { background-color: #E7515A!important; }
.ec-bg-warning { background-color: #E2A03F!important; }

/** Text */
.ec-text-start { text-align: start!important; }
.ec-text-center { text-align: center!important; }
.ec-text-end { text-align: end!important; }

.ec-text-theme { color: #21337F !important; }
.ec-text-brand { color: #00A650 !important; }
.ec-text-body { color: #212529 !important; }
.ec-text-point { color: #FF6600 !important; }
.ec-text-link { color: #000099 !important; }
.ec-text-link-hover { color: #9E0B0E !important; }

/** Background */
.ec-bg-light { background-color: #eff3fb !important; }
.ec-bg-white { background-color: #FFFFFF !important; }

.ec-bg-grey { background-color: #adb5bd !important; }
.ec-bg-grey-100 { background-color: #f8f9fa !important; }
.ec-bg-grey-200 { background-color: #e9ecef !important; }
.ec-bg-grey-300 { background-color: #dee2e6 !important; }
.ec-bg-grey-400 { background-color: #ced4da !important; }
.ec-bg-grey-500 { background-color: #adb5bd !important; }
.ec-bg-grey-600 { background-color: #6c757d !important; }
.ec-bg-grey-700 { background-color: #495057 !important; }
.ec-bg-grey-800 { background-color: #343a40 !important; }
.ec-bg-grey-900 { background-color: #212529 !important; }

.ec-bg-theme { background-color: #21337F !important; }
.ec-bg-theme-100 { background-color: #D3DDF8 !important; }
.ec-bg-theme-200 { background-color: #AABCF2 !important; }
.ec-bg-theme-300 { background-color: #788ED8 !important; }
.ec-bg-theme-400 { background-color: #4F64B2 !important; }
.ec-bg-theme-500 { background-color: #21337F !important; }
.ec-bg-theme-600 { background-color: #18266D !important; }
.ec-bg-theme-700 { background-color: #101B5B !important; }
.ec-bg-theme-800 { background-color: #0A1249 !important; }
.ec-bg-theme-900 { background-color: #060C3C !important; }

/** Border */
.ec-border { border: 1px solid #adb5bd }
.ec-border-top { border-top: 1px solid #adb5bd }
.ec-border-end { border-right: 1px solid #adb5bd; }
.ec-border-bottom { border-bottom: 1px solid #adb5bd; }
.ec-border-start { border-left: 1px solid #adb5bd; }

.ec-border-0 { border: 0!important; }
.ec-border-1 { border-width: 1px!important; }
.ec-border-2 { border-width: 2px!important; }
.ec-border-3 { border-width: 3px!important; }
.ec-border-4 { border-width: 4px!important; }
.ec-border-5 { border-width: 5px!important; }

.ec-border-theme { border-color: #21337F; }
.ec-border-brand { border-color: #00A650; }
.ec-border-body { border-color: #212529; }
.ec-border-point { border-color: #FF6600; }
.ec-border-link { border-color: #000099; }
.ec-border-link-hover { border-color: #9E0B0E; }

/** Column */
.ec-row_x { display:flex; flex-wrap: wrap; margin-left:auto; margin-right:auto; }

.ec-col-4_x { flex: 0 0 auto; width: 33%; }
.ec-col-6_x { flex: 0 0 auto; width: 50%; }

/** Margin */
.ec-m-0 { margin: 0!important; }
.ec-m-1 { margin: 0.25rem!important; }
.ec-m-2 { margin: 0.5rem!important; }
.ec-m-3 { margin: 1rem!important; }
.ec-m-4 { margin: 1.5rem!important; }
.ec-m-5 { margin: 3rem!important; }

.ec-mx-0 { margin-left: 0!important; margin-right: 0!important; }
.ec-mx-1 { margin-left: 0.25rem!important; margin-right: 0.25rem!important; }
.ec-mx-2 { margin-left: 0.5rem!important; margin-right: 0.5rem!important; }
.ec-mx-3 { margin-left: 1rem!important; margin-right: 1rem!important; }
.ec-mx-4 { margin-left: 1.5rem!important; margin-right: 1.5rem!important; }
.ec-mx-5 { margin-left: 3rem!important; margin-right: 3rem!important; }

.ec-my-0 { margin-top: 0!important; margin-bottom: 0!important; }             
.ec-my-1 { margin-top: 0.25rem!important; margin-bottom: 0.25rem!important; } 
.ec-my-2 { margin-top: 0.5rem!important; margin-bottom: 0.5rem!important; }   
.ec-my-3 { margin-top: 1rem!important; margin-bottom: 1rem!important; }       
.ec-my-4 { margin-top: 1.5rem!important; margin-bottom: 1.5rem!important; }   
.ec-my-5 { margin-top: 3rem!important; margin-bottom: 3rem!important; }       

.ec-mt-0 { margin-top: 0!important; }
.ec-mt-1 { margin-top: 0.25rem!important; }
.ec-mt-2 { margin-top: 0.5rem!important; }
.ec-mt-3 { margin-top: 1rem!important; }
.ec-mt-4 { margin-top: 1.5rem!important; }
.ec-mt-5 { margin-top: 3rem!important; }

.ec-mb-0 { margin-bottom: 0!important; }
.ec-mb-1 { margin-bottom: 0.25rem!important; }
.ec-mb-2 { margin-bottom: 0.5rem!important; }
.ec-mb-3 { margin-bottom: 1rem!important; }
.ec-mb-4 { margin-bottom: 1.5rem!important; }
.ec-mb-5 { margin-bottom: 3rem!important; }

.ec-ms-auto { margin-left: auto!important; }
.ec-ms-0 { margin-left: 0!important; }
.ec-ms-1 { margin-left: 0.25rem!important; }
.ec-ms-2 { margin-left: 0.5rem!important; }
.ec-ms-3 { margin-left: 1rem!important; }
.ec-ms-4 { margin-left: 1.5rem!important; }
.ec-ms-5 { margin-left: 3rem!important; }

.ec-me-auto { margin-right: auto!important; }
.ec-me-0 { margin-right: 0!important; }
.ec-me-1 { margin-right: 0.25rem!important; }
.ec-me-2 { margin-right: 0.5rem!important; }
.ec-me-3 { margin-right: 1rem!important; }
.ec-me-4 { margin-right: 1.5rem!important; }
.ec-me-5 { margin-right: 3rem!important; }

/** Padding */
.ec-p-0 { padding: 0!important; }
.ec-p-1 { padding: 0.25rem!important; }
.ec-p-2 { padding: 0.5rem!important; }
.ec-p-3 { padding: 1rem!important; }
.ec-p-4 { padding: 1.5rem!important; }
.ec-p-5 { padding: 3rem!important; }

.ec-px-0 { padding-left: 0!important; padding-right: 0!important; }            
.ec-px-1 { padding-left: 0.25rem!important; padding-right: 0.25rem!important; }
.ec-px-2 { padding-left: 0.5rem!important; padding-right: 0.5rem!important; }  
.ec-px-3 { padding-left: 1rem!important; padding-right: 1rem!important; }      
.ec-px-4 { padding-left: 1.5rem!important; padding-right: 1.5rem!important; }  
.ec-px-5 { padding-left: 3rem!important; padding-right: 3rem!important; }      
                                                                             
.ec-py-0 { padding-top: 0!important; padding-bottom: 0!important; }            
.ec-py-1 { padding-top: 0.25rem!important; padding-bottom: 0.25rem!important; }
.ec-py-2 { padding-top: 0.5rem!important; padding-bottom: 0.5rem!important; }  
.ec-py-3 { padding-top: 1rem!important; padding-bottom: 1rem!important; }      
.ec-py-4 { padding-top: 1.5rem!important; padding-bottom: 1.5rem!important; }  
.ec-py-5 { padding-top: 3rem!important; padding-bottom: 3rem!important; }      

.ec-pt-0 { padding-top: 0!important; }
.ec-pt-1 { padding-top: 0.25rem!important; }
.ec-pt-2 { padding-top: 0.5rem!important; }
.ec-pt-3 { padding-top: 1rem!important; }
.ec-pt-4 { padding-top: 1.5rem!important; }
.ec-pt-5 { padding-top: 3rem!important; }

.ec-pb-0 { padding-bottom: 0!important; }
.ec-pb-1 { padding-bottom: 0.25rem!important; }
.ec-pb-2 { padding-bottom: 0.5rem!important; }
.ec-pb-3 { padding-bottom: 1rem!important; }
.ec-pb-4 { padding-bottom: 1.5rem!important; }
.ec-pb-5 { padding-bottom: 3rem!important; }

.ec-ps-0 { padding-left: 0!important; }
.ec-ps-1 { padding-left: 0.25rem!important; }
.ec-ps-2 { padding-left: 0.5rem!important; }
.ec-ps-3 { padding-left: 1rem!important; }
.ec-ps-4 { padding-left: 1.5rem!important; }
.ec-ps-5 { padding-left: 3rem!important; }

.ec-pe-0 { padding-right: 0!important; }
.ec-pe-1 { padding-right: 0.25rem!important; }
.ec-pe-2 { padding-right: 0.5rem!important; }
.ec-pe-3 { padding-right: 1rem!important; }
.ec-pe-4 { padding-right: 1.5rem!important; }
.ec-pe-5 { padding-right: 3rem!important; }


@media screen and (max-width: 1400px){
	/** Font */
	.ec-fs-25b { font-size: 22px; font-weight: bold; color: #212529; }
	.ec-fs-22b { font-size: 19px; font-weight: bold; color: #212529; }
	.ec-fs-20b { font-size: 17px; font-weight: bold; color: #212529; }
	.ec-fs-18b { font-size: 15px; font-weight: bold; color: #212529; }
	.ec-fs-16b { font-size: 13px; font-weight: bold; color: #212529; }
	.ec-fs-14b { font-size: 11px; font-weight: bold; color: #212529; }
	.ec-fs-12b { font-size: 9px; font-weight: bold; color: #212529; }
	.ec-fs-11b { font-size: 8px; font-weight: bold; color: #212529; }
	.ec-fs-10b { font-size: 7px; font-weight: bold; color: #212529; }
	.ec-fs-9b { font-size: 6px; font-weight: bold; color: #212529; }
	
	.ec-fs-25 { font-size: 22px; color: #212529; }
	.ec-fs-22 { font-size: 19px; color: #212529; }
	.ec-fs-20 { font-size: 17px; color: #212529; }
	.ec-fs-18 { font-size: 15px; color: #212529; }
	.ec-fs-16 { font-size: 13px; color: #212529; }
	.ec-fs-14 { font-size: 11px; color: #212529; }
	.ec-fs-12 { font-size: 9px; color: #212529; }
	.ec-fs-11 { font-size: 8px; color: #212529; }
	.ec-fs-10 { font-size: 7px; color: #212529; }
	.ec-fs-9 { font-size: 6px; color: #212529; }
}
@media screen and (min-width: 1401px){
	/** Font */
	.ec-fs-25b { font-size: 25px; font-weight: bold; color: #212529; }
	.ec-fs-22b { font-size: 22px; font-weight: bold; color: #212529; }
	.ec-fs-20b { font-size: 20px; font-weight: bold; color: #212529; }
	.ec-fs-18b { font-size: 18px; font-weight: bold; color: #212529; }
	.ec-fs-16b { font-size: 16px; font-weight: bold; color: #212529; }
	.ec-fs-14b { font-size: 14px; font-weight: bold; color: #212529; }
	.ec-fs-12b { font-size: 12px; font-weight: bold; color: #212529; }
	.ec-fs-11b { font-size: 11px; font-weight: bold; color: #212529; }
	.ec-fs-10b { font-size: 10px; font-weight: bold; color: #212529; }
	.ec-fs-9b { font-size: 9px; font-weight: bold; color: #212529; }
	
	.ec-fs-25 { font-size: 25px; color: #212529; }
	.ec-fs-22 { font-size: 22px; color: #212529; }
	.ec-fs-20 { font-size: 20px; color: #212529; }
	.ec-fs-18 { font-size: 18px; color: #212529; }
	.ec-fs-16 { font-size: 16px; color: #212529; }
	.ec-fs-14 { font-size: 14px; color: #212529; }
	.ec-fs-12 { font-size: 12px; color: #212529; }
	.ec-fs-11 { font-size: 11px; color: #212529; }
	.ec-fs-10 { font-size: 10px; color: #212529; }
	.ec-fs-9 { font-size: 9px; color: #212529; }
}