.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

form, .gsc-search-box table {
    margin-bottom: 0px!important;
}


.h3title {
    font-family: 'Noto Sans TC', Microsoft JhengHei, Helvetica, sans-serif;
    font-size: 1.6em;
    color: #922b02;
    letter-spacing: 0.1em;
}

.h5title {
    color: #005cb9;
    font-family: 'Noto Sans TC', Microsoft JhengHei, Helvetica, sans-serif;
    font-size: 1.2em;
    font-weight: 600;
    letter-spacing: 1px;
    margin: 0 0 12px 0;
    padding-bottom: 8px;
    border-bottom: 1px solid #bfbfbf;
}

.h5title a {
    color: #005cb9;
    font-family: 'Noto Sans TC', Microsoft JhengHei, Helvetica, sans-serif;
}

.h5title a:hover {
    color: #005cb9;
    font-family: 'Noto Sans TC', Microsoft JhengHei, Helvetica, sans-serif;
}

.h4widget {
    font-family: 'Noto Sans TC', Microsoft JhengHei, Helvetica, sans-serif;
    font-size: 1.063em;
    font-weight: 600;
    color: #FFF!important;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.h4widget_b {
    font-family: 'Noto Sans TC', Microsoft JhengHei, Helvetica, sans-serif;
    font-size: 1.063em;
    font-weight: 600;
    color: #333!important;
    line-height: 1.5;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.ulsitemap {
    margin-left: 20px !important;
    margin-bottom: 20px !important;
    list-style-type: none;
}

.ulsitemap a {
    color: #282828;
}

.ulsitemap a:hover {
    color: #005cb9;
}

.ulsitemap li {
    margin-bottom: 10px !important;
}

.ulsitemap ul {
    margin-left: 20px !important;
    margin-bottom: 10px !important;
    list-style-type: none;
}

.ulsitemap ul li {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
}

.fz-30 {
    font-size: 3.200em !important;
}

.fz-20 {
    font-size: 2.2em !important;
}

.fz-19 {
    font-size: 1.438em !important;
}

.fz-18 {
    font-size: 1.250em !important;
}

.fz-16 {
    font-size: 1.125em !important;
}

.fz-15 {
    font-size: 0.938em !important;
}

.fz-14 {
    font-size: 0.875em !important;
}

.fz-13 {
    font-size: 0.813em !important;
}

.fz-12 {
    font-size: 0.750em !important;
}

.fz-11 {
    font-size: 0.600em !important;
}

.mar-t-2 {
    margin-top: 2px;
}

.w-20 {
    width: 20%;
}

.gradient_1 {
   background-image: -moz-linear-gradient( 0deg, rgb(2,128,212) 0%, rgb(10,159,239) 100%);
   background-image: -webkit-linear-gradient( 0deg, rgb(2,128,212) 0%, rgb(10,159,239) 100%);
   background-image: -ms-linear-gradient( 0deg, rgb(2,128,212) 0%, rgb(10,159,239) 100%);
}

.entry-date {
    position: absolute;
    top: 10px;
    left: 10px;
    background-color: rgba(0, 0, 0, 0.7);
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    width: 60px;
    height: 64px;
    text-align: center;
    padding-top: 9px;
    font-size: 1.625em;
    line-height: 1;
}

.entry-date span {
    display: block;
    font-size: 0.50em;
    margin-top: 7px;
}

.updateline {
    float: left;
    width: 100%;
    clear: both;
    border-top: 1px dashed #ccc;
    margin-top: 20px;
    padding-top: 10px;
    font-size: 0.875em;
    text-align: right;
    letter-spacing: 0.1em;
}

.color-w {
    color: #fff !important;
}

.color-y {
    color: #fffc00 !important;
}

.color-org {
    color: #fca119 !important;
}

.color-b {
    color: #0257a3 !important;
}

.color-r {
    color: #dd4b39 !important;
}

.color-brown {
    color: #922b02 !important;
}

.color-yg {
    color: #7ec053 !important;
}

.color-gray5 {
    color: #555555 !important;
}

.color-gray6 {
    color: #666666 !important;
}

.color-gray7 {
    color: #777777 !important;
}

.color-gray7 a {
    color: #777777 !important;
}

.color-gray7 a:hover {
    color: #000000 !important;
}

.font-w {
    font-weight: 600;
}

.line-h-180 {
    line-height: 180%;
}

.line-h-200 {
    line-height: 200%;
}

.height-40 {
    height: 45px;
}

.bgcolor-w {
    background-color: #FFF;
}

.bgcolor-bg {
    background-color: #17a2b8 !important;
}

.bgcolor-purple {
    background-color: #6f42c1 !important;
}

.bgcolor-gray5 {
    background-color: #555555 !important;
}

.bgcolor-gray6 {
    background-color: #666666 !important;
}

.bgcolor-gray7 {
    background-color: #777777 !important;
}

.gray-box {
    padding: 20px;
    background: #f0f0f0;
}

.gray-border {
    padding: 20px;
    border: 5px solid #e1e1e1;
}

.gray-border-1 {
    padding: 10px 10px 3px;
    border: 1px solid #e1e1e1;
}

.border-b {
    border-bottom: 1px solid rgba(255, 255, 255, 0.9);
}

.border-t {
    border-top: 1px solid rgba(255, 255, 255, 0.15) !important;
}


.divider-line {
    position: relative;
    letter-spacing: 4px;
}

.divider-line::before {
    position: absolute;
    content: '';
    width: 35%;
    height: 1px;
    background-color: rgba(2, 87, 163, 0.4);
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.divider-line::after {
    position: absolute;
    content: '';
    width: 35%;
    height: 1px;
    background-color: rgba(2, 87, 163, 0.4);
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.feature-box h3 a {
    color: #333;
}

.feature-box h3 a:hover {
    color: #00518b;
}

/* .actnews h3 {
    font-size: 1.16em;
} */

#header.dark.sticky-header.transparent-header #header-wrap:not(.not-dark) {
    background-image: none;
}

.bg-1 {
    background-image: url(../images/banner.jpg);
    background-color: #00518b;
    background-repeat: no-repeat;
    background-position: top center;
}

.actnews h3 {
    font-size: 1.063em;
}

.opacity-3 {
    opacity: 0.3 !important;
}

.dark #header-wrap:not(.not-dark) #primary-menu>ul>li>a:hover {
    color: #62e1ff;
}

#top-search a:hover,
#top-cart a:hover {
    color: #62e1ff !important;
}

.line01 {
    margin: 30px 0 !important;
}

.line-sty {
    width: 100%;
    border-top: 1px solid #e1e1e1;
    margin: 30px 0;
}

.input-search {
    padding-left: 10px;
    margin-top: 6px;
}

input.inputsear {
    border-radius: 2px;
    width: 200px !important;
    height: 28px !important;
    border: 0 solid #aaaaaa;
    padding: 3px 10px 3px 12px;
    background-color: rgba(255, 255, 255, 0.1) !important;
    font-size: 1em;
    color: #FFF !important;
}

.inputsear::placeholder {
    color: #eee !important;
}

.input-group>.input-group-append>.btn {
    color: #FFF !important;
    /* background-color: #fff; */
}

.border-radius-3 {
    border-radius: 3px;
}

.faq-q {
    background-color: #dd4b39;
    color: #FFFFFF;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    text-align: center;
    font-size: 1.4em;
    line-height: 38px;
}

.faq-a {
    background-color: #0b7dbd;
    color: #FFFFFF;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    text-align: center;
    font-size: 1.4em;
    line-height: 38px;
}

.btninput {
    border-radius: 2px;
    background-color: rgba(255, 255, 255, 0.3) !important;
    border: 0 solid #aaaaaa;
    border-left: none;
    height: 28px !important;
    padding: 3px 10px 3px 10px !important;
}

.social-ul {
    list-style: none;
}

.social-ul li {
    float: left;
    margin: 0;
    padding: 8px;
}

.social-ul li a {
    color: #fff;
}

a.alt-u {
    float: left;
    font-weight: 300 !important;
    color: #414141;
}

a.alt-c01 {
    font-weight: 300 !important;
    font-size: 0.813em !important;
    display: block;
    color: #c2c2c2;
}

.fontch {
    float: right;
}

.fontch ul {
    float: left;
    /* height: 20px; */
    margin: 0;
}

.fontch li {
    float: left;
    list-style: none;
    padding-left: 5px;
    padding-right: 5px;
    /* height: 20px; */
}

.fontch li a {
    background-color: #0165ab;
    display: block;
    float: left;
    width: 30px;
    height: 30px;
    color: #fff;
    line-height: 27px;
    padding: 1px 6px;
    border-radius: 50%;
    text-align: center;
}

.fontch li a.active {
    background-color: #77c2f6;
    color: #000;
}

.fontch li a:hover {
    background-color: #555;
    color: #FFF;
}

.si-colored.si-gplus:hover {
    background-color:
        #555 !important;
}

a.gotoTop-sty {
    display: block;
    width: 100%;
    height: 100%;
    color: #fff;
}

.hrline {
    width: 100%;
    clear: both;
    border-top: 1px solid #ccc;
    margin-top: 10px;
    margin-bottom: 20px;
}

.imgborder {
    border: 1px solid #ccc;
}

.ul-none li {
    margin-left: 0px;
    list-style-type: none;
    line-height: 1.6em;
    padding: 5px 0;
}

.ul-none-black li {
    margin-left: 0px;
    list-style-type: none;
    line-height: 1.3em;
    padding: 6px 0;
}

.ul-none-black li a {
    margin-left: 0px;
    list-style-type: none;
    line-height: 1.3em;
    padding: 6px 0;
    color: #000;
}

.ul-none-black li a:hover {
    color: #922b02;
}

.ul-dec li {
    margin-left: 50px;
    list-style-type: decimal;
    line-height: 1.8em;
    padding: 5px 0;
}

.ul-cir li {
    margin-left: 10px;
    list-style-type: square;
    line-height: 1.4em;
    padding: 8px 0;
}

.ul-cir-line li {
    margin-left: 10px;
    list-style-type: square;
    line-height: 1.4em;
    padding: 8px 0;
    border-bottom: 1px solid #cecece; 
}

.ul-disc li {
    margin-left: 20px;
    list-style-type: disc;
    line-height: 1.8em;
    padding: 5px 0;
}

.ul-disc-1 li {
    margin-left: 20px;
    list-style-type: disc;
    line-height: 1.3em;
    padding: 4px 0;
}

.ul-upper-A li {
    margin-left: 20px;
    list-style-type: upper-alpha;
    line-height: 1.8em;
    padding: 5px 0;
}

.ul-lower-a li {
    margin-left: 20px;
    list-style-type: lower-alpha;
    line-height: 1.8em;
    padding: 5px 0;
}

.leftbox {
    width: 100%;
    padding-right: -40px !important;
    background-color: #fff;
    border-radius: 4px;
    /* border: 1px solid #ccc; */
}

.leftbox_title {
    border-top-left-radius: 15px;
    border-bottom-right-radius: 15px;
    background-image: -moz-linear-gradient( 0deg, rgb(130,39,2) 0%, rgb(176,121,63) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgb(130,39,2) 0%, rgb(176,121,63) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(130,39,2) 0%, rgb(176,121,63) 100%);
    padding: 8px 10px;
    margin-bottom: 10px;
    color: #fff;
    font-family: 'Noto Sans TC', Microsoft JhengHei, Helvetica, sans-serif;
    font-size: 1.3em;
    letter-spacing: 2px;
    text-align: center;
    font-weight: 600;
}


.leftbox_before {
    border-radius: 10px 10px 0 0;
    box-shadow: inset 0px 6px 5px -3px rgba(20%, 20%, 40%, 0.2);
    padding-top: 15px;
    margin-bottom: 0px;
}

.leftbox ul {
    margin-bottom: 0px;
}

.leftbox_shadow {
    border-radius: 0px 0px 10px 10px;
    box-shadow: inset 0px -6px 5px -3px rgba(20%, 20%, 40%, 0.2);
    padding-top: 15px;
}

.leftbox ul li {
    list-style: none;
}

.leftbox li:before {
    font-family: 'font-icons';
}

.leftbox .list-icon-arrow li:before {
    content: "\e70b";
    font-size: 0.9em;
    color: #aaaaaa;
}

.leftbox ul li:first-child {
    border-top: 0px solid #cecece;
    display: block;
}

.leftbox ul li {
    display: block;
    border-top: 1px dashed #cecece;
    padding: 10px 5px 10px 20px;
    color: #000;
}

.leftbox ul ul li {
    display: block;
    border-top: 0px dashed #cecece;
    padding: 10px 5px 5px 15px;
    color: #000;
}

.leftbox .list-icon-arrow ul li:before {
    content: "\e7a5";
    font-size: 0.9em;
    color: #000;
}

.leftbox ul li a {
    font-size: 1em;
    font-weight: 600;
    color: #000;
    padding-left: 5px;
}

.leftbox ul li a.active {
    border-radius: 4px;
    /* background-color: #696969; */
    color: #922b02;
}

.leftbox ul li a:hover {
    /* background-color: #696969; */
    color: #922b02;
}

.title-block h3 .button-mini {
    font-size: 0.6em;
}

.content-box {
    letter-spacing: 1px;
}

table.newtable01 caption {
    color: #2570bd;
    caption-side: top;
    text-align: center;
    font-size: 1.4em;
}

table.newtable01 th {
    color: #fff;
    background-color: #2570bd;
    text-align: center;
    font-size: 0.9em;
}

table.newtable01 td {
    vertical-align: middle;
}

table.newtable02 caption {
    color: #555;
    caption-side: top;
    text-align: center;
    font-size: 1.4em;
}

table.newtable02 th {
    color: #fff;
    background-color: #666;
    text-align: center;
    border: 1px solid #fff;
    font-size: 0.9em;
}

table.newtable02 td {
    vertical-align: middle;
}

table.newtable02 td a {
    color: #0257a3;
}

table.newtable02 a.button {
    color: #FFF !important;
}

table.newtable02 td a:hover {
    color: #000;
}

table.newtable03 caption {
    color: #2570bd;
    caption-side: top;
    text-align: center;
    font-size: 1.4em;
}

table.newtable03 th {
    color: #fff;
    background-color: #0098b1;
    text-align: center;
    border: 1px solid #fff;
    font-size: 0.9em;
}

table.newtable03 td {
    vertical-align: middle;
}

table.newtable03 td a {
    color: #0257a3;
}

table.newtable03 td a:hover {
    color: #000;
}

table.newtable04 caption {
    color: #0098b1;
    caption-side: top;
    text-align: center;
    font-size: 1.4em;
}

table.newtable04 th {
    color: #FFF;
    background-color: #0098b1;
    text-align: center;
    border-top: 0 solid #00677c !important;
    border-bottom: 2px solid #00677c !important;
    letter-spacing: 1px;
    font-size: 0.9em;
}

table.newtable04 td {
    vertical-align: middle;
}

.form-check-label {
    font-size: 1em;
}

.process-steps li {
    width: 20%;
}

.steps-6 li {
    width: 16.6% !important;
}

.steps-6 li::before,
.steps-6 li::after {
    top: 25px;
}

.steps-4 li {
    width: 25% !important;
}

.steps-4 li::before,
.steps-4 li::after {
    top: 25px;
}

.carousel-prev1 {
    color:#fff;
    font-size:2.250em;
}

.card-img-left {
    width: 100%;
    border-top-left-radius: calc(0.25rem - 1px);
    border-bottom-left-radius: calc(0.25rem - 1px);
  }

  .form-check-label {
    font-weight: 300!important;
    font-size: 0.813em;
    color: #000;
}

.slick-center div.pl-2 {
    display: inline-block!important;
}

:root {
    --home: #FF8600;
    --travel: #6f42c1;
    --tech: #007bff;
    --fashion: #e83e8c;
    --sports: #af773d;
    --lifestyle: #13a774;
    --food: #17a2b8;
    --market: #ffc107;
}

.line-xs {
	margin: 4px 0 20px;
	border-bottom: 2px solid #EEE;
}

.line-xs:after {
	top: 100%;
	left: 30px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(51,51,51,0);
	border-top-color: #EEE;
	border-width: 7px;
	margin-left: -7px;
	z-index: 1;
	background: none;
}

.line-xs.line-home { border-bottom-color:  var(--home) !important; }
.line-xs.line-travel { border-bottom-color:  var(--travel) !important; }
.line-xs.line-tech { border-bottom-color:  var(--tech) !important; }
.line-xs.line-fashion { border-bottom-color:  var(--fashion) !important; }
.line-xs.line-sports { border-bottom-color:  var(--sports) !important; }
.line-xs.line-lifestyle { border-bottom-color:  var(--lifestyle) !important; }
.line-xs.line-food { border-bottom-color:  var(--food) !important; }
.line-xs.line-market { border-bottom-color:  var(--market) !important; }
.line-xs.line-light { border-bottom-color:  var(--light) !important; }
.line-xs.line-dark { border-bottom-color:  var(--dark) !important; }

.line-xs.line-home:after { border-top-color:  var(--home) !important; }
.line-xs.line-travel:after { border-top-color:  var(--travel) !important; }
.line-xs.line-tech:after { border-top-color:  var(--tech) !important; }
.line-xs.line-fashion:after { border-top-color:  var(--fashion) !important; }
.line-xs.line-sports:after { border-top-color:  var(--sports) !important; }
.line-xs.line-lifestyle:after { border-top-color:  var(--lifestyle) !important; }
.line-xs.line-food:after { border-top-color:  var(--food) !important; }
.line-xs.line-market:after { border-top-color:  var(--market) !important; }
.line-xs.line-light:after { border-top-color:  var(--light) !important; }
.line-xs.line-dark:after { border-top-color:  var(--dark) !important; }

@media (max-width: 767.98px) {

    .fz-30 {
        font-size: 2.000em !important;
    }

    .fz-20 {
        font-size: 1.2em !important;
    }

    #copyrights .tright {
        text-align: center !important;
    }

    .social-ul li {
        width: 25%;
    }

    .carousel-prev1 {
        color:#fff;
        font-size:1.8em;
    }

    .tabs {
        position: relative;
        margin: 0 0 0 0;
    }
}

@media print {
    .container {
        margin: 0px !important;
        width: 100% !important;
    }

    #top-bar,
    #header,
    #header-wrap,
    #page-title,
    #left-menu,
    #footer,
    #gotoTop {
        display: none !important;
    }

    #printblock {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .col-md-9 {
        -ms-flex: 0 0 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }

    a[href]:after {
        content: none !important;
    }

    a[title]:after {
        content: none !important;

    }

}