/* CSS Document */
body{color:#4A4A4A;}
a{color:#4A4A4A}
.theme-bg {background: #F1F1F1;
		   background-image: url(../images/bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;}
div#main_top, .breadcrumb, div#left, div#middle, div#main_right, div#main_bottom {
    background: none;
}
.center-module-bg {
      background: none;
}
.content-box {
    background: #c7c7c770!important;
    margin: 5px;
    padding: 15px;
    border-radius: 15px;
}
.breadcrumb {

padding:1rem;

font-size: 1.2rem;
}
 
.topbar {border-top: 15px solid #059472;}

.logo img {max-width: 100%;height: auto;max-height: 58px;}

header {position: relative;padding: 50px 0;/* float: right; */font-size: 0.9rem;font-weight: bold;}

header {background: rgba(255, 255, 255, 0);}
.box{padding:5px}
@media (max-width: 1500px){
	header{display: flex;width:100%;padding: 0;align-items: flex-start;position:absolute;top: -24px;float: none;white-space: nowrap;overflow: auto;z-index: 999;/* justify-content: center; *//* color: red!important; */}
	header a{color:#fff!important;}
	.fontsize{display: none!important;}
	.topbar {border-top: 25px solid #059472;}
	.logo{text-align:center;justify-content:center;}
			 
	.ct5ac1f40e3cfa7d3da556b86a .img-fluid {
    border-radius: 0!important;
}	 

}
@media (max-width: 991px){
	header{display: flex;width:100%;padding: 0;align-items: flex-start;position:absolute;top: -24px;float: none;white-space: nowrap;overflow: auto;z-index: 999;/* justify-content: center; *//* color: red!important; */}
	header a{color:#fff!important;}
	.fontsize{display: none!important;}
	.topbar {border-top: 25px solid #059472;}
	.logo{text-align:center;justify-content:center;}
			 
	.ct5ac1f40e3cfa7d3da556b86a .img-fluid {
    border-radius: 0!important;
}	 

}



.ct-row .navbar {border-top: 1px solid #4A4A4A;border-bottom: 1px solid #4A4A4A;background-color: unset;margin: 0px auto 25px;}

.navbar li a {font-size: 1.1rem;font-weight: bold;height: 50px;line-height: 30px}
.navbar li:hover a {
    color: #287eac;
}
/* .navbar li ul li + li{
  border: 0;
} */



.navbar > ul > li {padding: 0 18px;}

/*fat footer*******************/
.fat-footer {background: #3d4946e8;color: #ffffff;}

.fat-footer-block {max-width: 1560px;}

.fat-footer-block li {list-style: none;}

.ff-title {position: relative;font-size: 1.1rem;font-weight: 600;padding: 10px 0px 10px;border-bottom: 0px solid #dadada;margin: 5px 20px 10px 20px;text-align: center;}

/*
.ff-content { font-size: 0.9rem; margin: 25px 55px 35px 55px}
.ff-content li{ margin-bottom: 20px}
*/
.ff-content a {color: #fff;line-height:1.8}

.ff-content a:hover {color: #d4c68a;font-weight: 600}

.fat-footer input {display: none;}

.fat-footer label {
    margin: 15px auto;
    transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;
    cursor: pointer;
    display: table;
    transform: rotate(180deg);
    fill: #fff;
}

.fat-footer input:checked:not(:disabled) ~ label {transform: rotate(0deg);}

.fat-footer input ~ .fat-footer-block .ff-content {display: none;transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;}

.fat-footer input:checked:not(:disabled) ~ .fat-footer-block .ff-content {display: flex;}

@media only screen and (max-width: 520px) {.fat-footer {    display: none}
}

/*custom*/
.fat-footer ul {padding: 10px 20px;/* max-height: 286px; */min-height: 291px;/* margin: 0 auto; */}
.last-fat{
	max-height:unset;
	/*-webkit-columns: 100px 2;  Chrome, Safari, Opera */
  columns: 100px 2;
	-moz-columns: 100px 2; /*/* Firefox */
	/* columns: 100px 2; */
	}
.last-fat a{line-height:1.2!important}
.fat-footer-block div:nth-of-type(1) {order: 1;}

.fat-footer-block div:nth-of-type(2) {order: 2;}

.fat-footer-block div:nth-of-type(3) {order: 3;}

.fat-footer-block div:nth-of-type(4) {order: 4;}

.fat-footer-block div:nth-of-type(5) {order: 5;}

.fat-footer-block div:nth-of-type(6) {order: 6;}

.fat-footer-block div:nth-of-type(7) {order: 7;}

.fat-footer-block div:nth-of-type(8) {order: 8;}

.fat-footer-block div:nth-of-type(9) {order: 9;}

.fat-footer-block {display: flex;flex-wrap: wrap;/* flex-basis: 0; *//* flex-grow: 1; */justify-content: space-evenly;width: 85%;}

.ff-content {border: 1px solid #ffffff38;border-radius: 10px;}

.fat-footer ol {font-size: 20px;font-weight: bolder;margin: 0;padding: 15px 0 15px 30px;background-image: url(../images/ol_icon.svg);background-repeat: no-repeat;background-position: left;}

.fat-footer li {font-size: 0.85rem;font-weight: normal;margin: 0 0 0 25px;padding: 3px 0;list-style: disc;/* white-space: nowrap; */}

/*.gd-md1-5 {width: 19.6%;}*/

.gd-md1-5.gd-xs6.gd-md4.gd-lg3, gd-md1-5.gd-xs12{padding: 0 5px 5px 0;}
.footerbg {margin-top: 0;}

.footerbg {position: relative;background-image: url(../images/footerbg.png);/* background-color: red; */background-size: cover;background-position: top center;background-repeat: no-repeat;color: #ffffff;padding-top: 10px;min-height: 370px;/* text-align: center; */}

/*End fatfooter  */
header .fontsize button {color: #ffffff;background-color: #287eac;}
header>a,header>div {padding: 5px 8px;color:#545454;/* line-height: 0; */}

/*footer  */
.connect {
    margin: 15px auto;
    list-style: none;
    width: 83%;
    /* text-align: center; */
    }
#bottom_1 {
    font-size: 24px;
    font-weight: bolder;
    margin: 25px 0;
}


.footerbg .text {
    float: left;
    padding: 0 20px;
    font-size: 0.8rem;
    line-height: 1;
    letter-spacing: 0.05em;
    text-align: center;
    width: 100%;
}
.footerbg .text li {
    padding-bottom: 5px;
}

@media screen and (max-width: 520px){
.gd-md12.gd-sm12.gd-xs12.text,.gd-xs12.text.m-t-md{display:none;}
#bottom_1 {
    font-size: 1.1rem;
    font-weight: bolder;
    margin: 25px 0;
}
.footerbg .text{
	font-size:0.9rem;
}


.footerbg {  background-size: cover;background-position: top center!important;background-repeat: no-repeat;color: #ffffff;padding-top: 0px;max-height: 120px!important;min-height: 320px!important;}
}
.coonnect{width:100%!important;}

/*moudle*/
.ct5ac1f40e3cfa7d3da556b86a .img-fluid{border-radius: 10px;}
:not(.module-content).module-padding.module-bg {
    /* background: #7274764f; */
    border-radius: 10px;
    padding: 25px;
    /* color: #fff; */
    /* font-size: 0.9rem; */
}


/*banner*/
.ct5ac1f40e3cfa7d3da556b86a .img-fluid
{border-radius: 10px;}
/* sec1*/

.ct5abf2d62aa93092cee58ceb4 {
    background-color: #75848b3d !important;
    min-height: 381px;
}
.ct5ae19a832dc6744a2d2daa67 .ct-focusslider .focus-controls .focus-arrow.focus-left svg,
.ct5ae19a832dc6744a2d2daa67 .ct-focusslider .focus-controls .focus-arrow.focus-right svg

{fill:#4896d382;}

/* sec2 calendar*/

.ct5d3e955b6747cf338794f4c8 {
    background-color: #d3d1c9cc !important;
}

.ct5d3e955b6747cf338794f4c8 .ct-calendar {
    font-family: roboto, "Open Sans", Arial, Helvetica, "微軟正黑體", "Microsoft JhengHei", "新細明體", Verdana, sans-serif;
    background: none !important;
}

.ct5d3e955b6747cf338794f4c8 .ct-calendar.calendar-simple summary {
    font-size: 1.4rem;
    color: #4A4A4A;
    font-weight: bolder;
}

.ct5d3e955b6747cf338794f4c8 .ct-calendar.calendar-simple .month-simple th {
    color: #4A4A4A !important;
    font-weight: bolder;
    font-size: 1rem!important;
    /* background: #00000005; */
    border-bottom: 1px solid #9d9d9d;
    padding: 10px;
}

.ct5d3e955b6747cf338794f4c8 .ct-calendar.calendar-simple .month-simple .day {
    color: #4A4A4A;
    font-weight: normal;
    font-size: 0.85rem!important;
    /* margin-top: -9px; */
}
.ct5d3e955b6747cf338794f4c8 .month-simple .today {color:#fff!important;}


/*sec 1copy  */
/* sec2 calendar*/

.ct5abf2d85aa93092cee58ceba {
    background-color: #d3d1c9cc !important;
    border-radius: 10px;
    padding: 25px;
}

.ct5abf2d85aa93092cee58ceba .ct-calendar {
    font-family: roboto, "Open Sans", Arial, Helvetica, "微軟正黑體", "Microsoft JhengHei", "新細明體", Verdana, sans-serif;
    background: none !important;
}

.ct5abf2d85aa93092cee58ceba .ct-calendar.calendar-simple summary {
    font-size: 1.4rem;
    color: #4A4A4A;
    font-weight: bolder;
}

.ct5abf2d85aa93092cee58ceba .ct-calendar.calendar-simple .month-simple th {
    color: #4A4A4A !important;
    font-weight: bolder;
    font-size: 1rem!important;
    /* background: #00000005; */
    border-bottom: 1px solid #9d9d9d;
    padding-bottom: 10px;
}

.ct5abf2d85aa93092cee58ceba .ct-calendar.calendar-simple .month-simple .day {
    color: #4A4A4A;
    font-weight: normal;
    font-size: 0.85rem!important;
    /* margin-top: -9px; */
}
.ct5abf2d85aa93092cee58ceba .month-simple .today {color:#fff!important;}
/* sec3*/
.ct5abf2d7aaa93092cee58ceb8 {
    background: #9eafaa8a !important;
}

/* sec4*/
/* .ct5abf2d7aaa93092cee58ceb8 {
    background: #7168657a !important; 
    max-height: 332px;
    overflow: hidden;
	
} */

/* sec5*/
.ct5c2ec18991328b2cb672d4ec {
    background: #eff3f98f !important;
}

/* sec6*/
/* .ct5ae19a832dc6744a2d2daa67{background:#6B6963!important;} */
/* sec7*/
.ct5abf2d6eaa93092cee58ceb6 {
    background: #a0a0a052 !important;
}

/*album*/
.ct5abf2d7aaa93092cee58ceb8 .imgResponsiveShow:before,
.ct5abf2d7aaa93092cee58ceb8 .imgResponsiveShow:after {
	background: none !important;}
.ct5abf2d7aaa93092cee58ceb8 .abimgs {
    margin-bottom: 45px!important;
}
.ct5ae19a832dc6744a2d2daa67 .ct-focusslider .focus-content .textblock.hide-content{background-color:unset!important}



.menu-web {
    width: 100%;
    padding: 0 15px;
    background-color: #151414e0;
    font-size: 12px!important;
    margin-top: 1px;
    border-radius: 0 0 5px 5px;
    /* border-bottom: 1px solid #fff!important; */
}
.menu-web a{background:none!important;color:#fff!important;border-bottom:1px solid #fff;font-size:15px!important;font-weight:400!important;padding: 5px 15px 5px 15px!important;}
.menu-web a:hover{background-color:#397dab!important;}

/**/
.ct5aa109a0b33e9e6bc6c92a84 {background: #3f3f3f82 !important;border-radius: 15px;padding: 25px;font-weight: bold;}
.ct5aa109a0b33e9e6bc6c92a84 .item_Page{
    background-image: url(../images/ol_icon.svg)!important;
    background-repeat: no-repeat!important;
    background-position: left!important;
    padding: 15px 0 15px 30px!important;
    background-color:#fff0!important;
    
}
div#left  .content-box {background: #ffffff00;}

/*災  */

.ct5c2ec18991328b2cb672d4ec .ct-alerts .a-block1 {
    background: #a9a8a8!important;
    color: #4c4c4c;
}
/*fixed form  */
.form-group-m input, .form-group-m textarea{font-size: 0.9rem;border-bottom:1px solid #6c6c6c;background: #fdfdfd1a;padding: 5px;}

/* tab頁簽 ********************/
.nav-tabs {border-bottom-color:#ffffff;}
.nav-tabs .nav-item a{background:#d8d8d8;color:#545454;border-color: #d8d8d8;border-radius: 5px}
.nav-pills .nav-item a{ background:#d8d8d8; color:#545454; }
.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover { background:#287eac99; color: #fff;  border:0 ;border-color: #287eac;}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {background: #287eac;color: #ffffff;border-color: unset;border: 0;}
.nav-pills .nav-link:focus,
.nav-pills .nav-link:hover { background:#287eac; color: #545454;}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link { background:#287eac; color: #545454;}
.nav-tabs .nav-link.disabled,
.nav-pills .nav-link.disabled {color:#c9c9c9; border-bottom-color: #ffffff;}
.ct-dropdown-menu { background-color: #fff; border:1px solid #777777;}
.ct-dropdown-item {color: #3a92e9;}
.nav-tabs .nav-item .ct-dropdown-menu a{ background:#ffffff; color:#545454;}
.nav-tabs .nav-item .ct-dropdown-menu :focus,
.nav-tabs .nav-item .ct-dropdown-menu :hover {background-color:#f1f2f2;}
/*  */
.ct-table .thead-light th {
    color: #454545;
     background-color: unset; 
    border-top: none;
    border-bottom: 1px solid #c0c0c0;}

.breadcrumb-item.active {
	color: #397dab;}


.top_rect{ border-color:#2d9573b3 transparent transparent transparent!important;border-width: 20px 20px 0 0!important;}
.navrwd-svg {
    fill: #313131;
}

.navbar ul li ul.navbar ul li ul{background:unset!important;}
@media screen and (max-width: 767px){
.navbar li .menuhidden.navbar-menu a:hover {background-color:#222222!important}
	}

.copyright {
    background-color: #4a5654;
    color: #fff;
	text-align:center;
}
/*in*/
.b-btn{
    opacity:0.7;background:none;border-radius:15px;text-align:center;
    -moz-transition:all 300ms ease-in; -webkit-transition:all 300ms ease-in; -o-transition:all 300ms ease-in; transition:all 300ms ease-in;
}
.b-btn:hover{opacity:1;background:#00000054;}

/* nav-Vertical 直式選單 ********************/
/* nav-Vertical 直式選單 ********************/
.nav-Vertical ul li .sub-menu-item {
    /* background: #2b2b2dd9;
    color: #ffffff; */
    border-bottom: 1px solid #ffffff;
    /* border-top: 1px solid #fff; */
    /* border-radius: 15px; */
    background-image: url(../images/ol_icon.svg);
    background-repeat: no-repeat;
    background-position: left;
    padding: 15px 0 15px 30px;
}

.nav-Vertical ul li .sub-menu-item:hover {
    background: #03030373;
    color: #ffffff;
    background-image: url(../images/ol_icon.svg);
    background-repeat: no-repeat;
    background-position: left;
    padding: 15px 0 15px 40px;
}

.nav-Vertical ul li .sub-menu-item:active {
    background: #03030373;
    color: #ffffff;
    background-image: url(../images/ol_icon.svg);
    background-repeat: no-repeat;
    background-position: left;
    padding: 15px 0 15px 40px;
}


.nav-Vertical ul li .sub-menu-item a {
    color: #ffffff;
}

.nav-Vertical ul li .sub-menu-item a:hover,
.nav-Vertical ul li .sub-menu-item a:focus,
.nav-Vertical ul li .sub-menu-item a:active,
.nav-Vertical ul li .sub-menu-item .active {
    color: #ffffff;
}

.nav-Vertical ul li .sub-menu-item:hover a {
    color: #ffffff;
}

.nav-Vertical ul li .menu-arrow svg {
    fill: #ffffff;
}


.nav-Vertical ul li .menu-arrow:hover svg {
    fill: #ffffff;
}

.nav-Vertical ul li ul li .menu-arrow svg {
    fill: #1c2374;
}

.nav-Vertical ul li ul li .sub-menu-item {
    color: #fff;
}

.nav-Vertical ul li ul li .sub-menu-item a {
    color: #f0f0f0;
    font-weight: bold;
    font-size: 1rem;
}

.nav-Vertical ul li ul li .sub-menu-item:hover a {
    color: #fff;
}

.nav-Vertical ul li ul li .sub-menu-item {
    background: #3c3c3c;
    border-bottom-color: #ffffff;
    /* border-radius: 10px; */
}

.nav-Vertical ul li ul li ul li .sub-menu-item {
    background: #eefefd;
}

.nav-Vertical ul li ul li .sub-menu-item:hover,
.nav-Vertical ul li ul li ul li .sub-menu-item:hover {
    background: #565656;
    color: #ffffff;
    border-left-color: none;
}

.vertical-hamburger {
    background: #1c2374;
}

.vertical-hamburger svg {
    fill: #ffffff;
}

.ct-sitemap {
    background: #ffffff;
}

.sitemap-title {
    background: #1a2175;
    color: #ffffff;
}

.sitemap-block {
    background: #ffffff;
}

.sitemap-item a {
    color: #000548;
    border-left-color: #5c6bbb;
    background: #f5f5f5;
}

.sitemap-item a:hover,
.sitemap-item a:focus {
    background: #fffef8;
    color: #001132;
    border-left-color: #ffc753;
}

.sitemap-icon svg {
    fill: #ffffff;
}

.ct5aa109a0b33e9e6bc6c92a84 {
    background: #3f3f3fd1 !important;
    border-radius: 15px;
    padding: 25px;
    font-weight: bold;
    font-size:1.15rem;
}

.ct5aa109a0b33e9e6bc6c92a84 .item_Page {
    background-image: url(../images/ol_icon.svg) !important;
    background-repeat: no-repeat !important;
    background-position: left !important;
    padding: 15px 0 15px 30px !important;
    background-color: #fff0 !important;
    border-bottom: 1px solid #fff;
}

.nav-Vertical ul li .sub-menu-item a {
    color: #ffffff;
}

.ct6502ddc3f1f40e6d6c303c5a .ct-row .navbar{
  margin:5px 0 0 !important;
}
.ct6502ddc3f1f40e6d6c303c5a .main-searchBar{margin:10px 0;}
.ct6502ddc3f1f40e6d6c303c5a .gd-sm2.searchBar-title.p.navbar{
	border-bottom: 1px dotted #a1a1a1!important;
	
}
.ct6502ddc3f1f40e6d6c303c5a .searchBar-title {
	/* font-size:32px;*/
	border-left: 5px solid #287eac!important; 
}

.ct6502ddc3f1f40e6d6c303c5a .table-hover tbody tr:hover{background-color:#397dab36!important}
.ct6502ddc3f1f40e6d6c303c5a .detail-download.btn-Muted{
  background:#4e795b !important;
  padding: 5px 15px !important;
  color:#fff;fill:#fff;
}
.detail-download.btn-Muted{background:#587f64!important;padding: 5px 15px!important;color:#fff;fill:#fff;}
.ct6502ddc3f1f40e6d6c303c5a .title-block {
    background: none!important;
    border-bottom: 1px dotted #4670bb5c!important;
    color: #4670bb;
    padding: 10px;
    font-weight: bolder!important;}

.ct6502ddc3f1f40e6d6c303c5a .m.p-md {
   background:#fafafa2e;
}

.ct5abf2d91aa93092cee58cebc .verticalfont.widthfont img, .ct5abf2d91aa93092cee58cebc .htmldisplay img
{
	width:100%!important;
	height:auto!important;
}

/*分眾導覽*/
    .navMenu {
        /* left: 0; */
        top: auto;
        z-index: 99;
        /* background-color: #1f1f1f21; */
        color: #fff;
        width: 100%;
        margin: 0;
        padding: 0px;
        border: 0;
        font: 62.5%/1 Arial, "微軟正黑體", Helvetica, sans-serif;
        -webkit-text-size-adjust: 100%;
    }

    .navMenu #q_btn {
        border: 9px solid #fff;
        padding: 20px;
        padding-top: 14px;
        color: #fff;
        font-size: 1.6em;
        width: 90px;
        height: 90px;
        box-sizing: border-box;
        text-align: center;
        line-height: 1.5;
        background-color: transparent;
        /* font-family:"微軟正黑體"; */
        margin: 0 auto 35px auto;
        display: block;
        border-radius: 100px;
        font-weight: bolder;
    }

    .navMenu .navList {
        position: relative;
        padding: 17px 0;
    }

    .navMenu .navList .list {
        list-style: none;
        display: block;
    }

    .navMenu .navList .list li {
        display: block;
    }

    .navMenu .navList a.openNav {
        color: #fff;
        padding: 5px 15px 0;
        font-size: 1.3em;
        display: inline-flex;
        flex-direction: column;
        align-items: center;
        z-index: 12;
        position: relative;
    }

    .navMenu .navList .list a.openNav span:after {
        content: "●";
        font-size: 1.1em;
        margin-right: 8px;
        display: inline-flex;
        flex-direction: row;
        align-items: center;
        float: left;
    }

    .navMenu .navList .list a.openNav:hover,
    .navMenu .navList .list a.openNav:focus,
    .navMenu .navList .list a.openNav.on,
    .navMenu .navList .list li:hover>a,
    .navMenu .navList .list li:hover>a {
        color: #ffcc00;
    }

    .navMenu .navBox {
        left: -540px;
        top: 14px;
        /* z-index: 28 !important; */
        background-color: #242424f5;
        color: #fff;
        padding: 28px 135px 20px 24px;
        /* box-shadow: inset 2px 0px 8px rgba(0, 0, 0, 0.4); */
        position: relative;
        border-radius: 10px;
        /* FONT-VARIANT: JIS04; */
        z-index: 5;
    }

    .navMenu .navBox .close_bt {
        display: none;
        border: 0;
        color: #fff;
        font-size: 1.8em;
        font-weight: 100;
        position: absolute;
        right: 10px;
        bottom: 10px;
        transform: rotate(45deg);
        width: 36px;
        height: 36px;
        border-radius: 50%;
        line-height: 36px;
        text-align: center;
        background-color: rgba(0, 0, 0, 0.1);
        z-index: 100;
        cursor: pointer;
    }

    .navMenu .navBox .close_bt:hover {
        font-weight: bold;
        background-color: rgba(0, 0, 0, 0.4);
    }

    .navMenu .navBox * {
        display: block;
    }

    .navMenu .navBox dt {
        width: 500px;
        padding-bottom: 18px;
        border-bottom: 1px dashed rgba(255, 255, 255, 0.5)
    }

    .navMenu .navBox dt a {
        width: calc(50% - 20px);
        float: left;
        background-position: right bottom;
        background-repeat: no-repeat;
        color: #fff;
        min-height: 160px;
        box-sizing: border-box;
        background-size: auto 75%;
    }


    @media screen and (max-width: 560px) {
        .navMenu .navBox dt a {
            background-size: auto 50%;
        }
    }

    @media screen and (max-width: 320px) {
        .navMenu .navBox dt a {
            background-size: auto 70%;
            width: 100%;
        }

        .navMenu .navBox dt a:first-child {
            margin-bottom: 20px;
        }
    }



    .navMenu .navBox dt a:first-child {
        margin-right: 10px;
    }


    .navMenu .navBox dt a h3,
    .navMenu .navBox dt a strong {
        font-size: 1.8em;
        font-weight: bold;
        margin-bottom: 10px;
        line-height: 1.3;
        text-align: center;
    }

    .navMenu .navBox dt a p {
        font-size: 1.6em;
        opacity: 0.5;
        line-height: 1.5;
        margin-bottom: 20px
    }

    .navMenu .navBox dt a .more {
        width: 30px;
        height: 30px;
        border-radius: 50%;
        border: 1px solid #fff;
        opacity: 0.5;
        background-size: 22px auto;
    }

    .navMenu .navBox dt a:hover .more,
    .navMenu .navBox dt a:focus .more {
        opacity: 1;
        background-color: #fff;
    }

    .navMenu .navBox dd {
        padding-top: 25px;
    }

    .navMenu .navBox dd.close {
        padding-top: 0;
    }

    .navMenu .navBox dd a {
        width: 25%;
        float: left;
        text-align: center;
        color: #fff;
        opacity: 0.55;
        font-size: 1.4em;
        padding-top: 73px;
        background-position: center top;
        background-repeat: no-repeat;
        line-height: 1.3em;
        /* max-width: 50px; */
    }
    .navMenu .box_3 dd a {
        width: 20%;
        
    }

    .navMenu .navBox dd a:hover,
    .navMenu .navBox dd a:focus {
        opacity: 1;
    }

   
    /*.navMenu .navBox.open{
	display:block }*/
    @media screen and (min-width: 991px) {
        .navMenu .navList ul.list {
            display: block !important;
        }

        .navMenu .navList .list li.L_1:hover .box_1,
        .navMenu .navList .list li.L_2:hover .box_2,
        .navMenu .navList .list li.L_3:hover .box_3,
        .navMenu .navList .list li.L_4:hover .box_4,
        .navMenu .navList .list li:hover dl {
            opacity: 1; display: block;
        }

        .navMenu .navBox,
        .navMenu {
            min-height: 398px;
        }

        .navMenu {
            right: 13px;
            position: fixed;
            width: 115px;
            border: 0;
        }

        .navMenu .navBox {
            position: absolute;
            display: none;
			z-index: 3;
        }

        #navMenu_sp {
            display: none;
        }
    }

    /*手機板990以下分眾 */


    @media screen and (max-width: 990px) {

        li#L_1:hover dl.navBox.box_1,
        li#L_2:hover dl.navBox.box_2,
        li#L_3:hover dl.navBox.box_3,
        li#L_4:hover dl.navBox.box_4 {
            display: block;
        }

        #q_btn>div {
            display: none;
        }

        .navMenu .navList:hover ul.list {
            display: block;
        }




        .navMenu .navBox .close_bt {
            display: none !important;
        }

        #navMenu_pc {
            display: none
        }

        .navMenu .navBox dt {
            width: 100%;
        }

        #navMenu_sp,
        .navMenu {
            display: block;
            position: relative;
        }

        #navMenu_sp .navList ul.list,
        .navMenu .navList ul.list {
            display: none;
        }

        #navMenu_sp .navList.open ul.list,
        .navMenu .navList.open ul.list {
            display: block !important;
        }

        #navMenu_sp .navList,
        .navMenu .navList {
            padding: 0;
        }

        #navMenu_sp #q_btn,
        .navMenu #q_btn {
            color: #fff;
            display: block;
            border: 0;
            padding: 0;
            font-size: 1.8em;
            font-weight: bold;
            width: 100%;
            height: 50px;
            text-align: left;
            line-height: 50px;
            margin: 0;
            padding-left: 5%;
            /* background: #b94e00; */
            background: -moz-linear-gradient(top, #b94e00 0%, #852f00 100%);
            /* background: -webkit-linear-gradient(top, #b94e00 0%,#852f00 100%); */
            /* background: linear-gradient(to bottom, #b94e00 0%,#852f00 100%); */
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b94e00', endColorstr='#852f00', GradientType=0);
            cursor: pointer;
        }

        #navMenu_sp #q_btn:hover,
        .navMenu #q_btn:hover {
            color: #fecc53;
        }

        #navMenu_sp #q_btn::before,
        .navMenu #q_btn::before {
            display: inline-block;
            vertical-align: middle;
            height: 22px;
            width: 20px;
            margin-right: 10px;
            content: '';
            background: url(images/icon-man-w.png) left center no-repeat;
        }

        #navMenu_sp #q_btn i,
        .navMenu #q_btn i {
            display: block;
            width: 50px;
            height: 50px;
            float: right;
            background-color: rgba(0, 0, 0, 0.2)
        }

        #navMenu_sp #q_btn i::after,
        .navMenu #q_btn i::after {
            content: '';
            display: block;
            width: 50px;
            height: 50px;
/*            background: url(https://nss9.cybertutor.com.tw/pkg_nss/5e266aebfd724105bd1cf19c/images/icon/history-more-btn.png) center no-repeat;*/
            background-size: 70%;
            transform: rotate(0deg);
            border-radius: 50%;
            transition: all 0.3s
        }

        #navMenu_sp .open #q_btn i::after,
        .navMenu .open #q_btn i::after {
            transform: rotate(45deg);
        }

        .navMenu .navBox {
            position: relative;
            left: 0;
            /* background-color: #852f00; */
            padding: 36px;
            display: none
        }

        .navMenu .open .navBox {
            position: relative;
        }

        .navMenu .navList a.openNav {
            border-bottom: 1px solid rgba(255, 255, 255, 0.5);
            width: 100%;
            /* text-align: center; */
        }

        .navMenu .navList .list a.openNav.on {
            background-color: rgba(0, 0, 0, 0.7);
            color: #fff;
            font-weight: bold
        }

        .navMenu .navList .list a.openNav:before {
            content: "●";
            font-size: 1.6em;
            margin-left: 3px;
            display: inline-block;
            opacity: 0.5;
            margin-right: 8px
        }

        .navMenu .navList .list a.openNav:after {
            content: "+" !important;
            font-size: 1.5em;
            display: block;
            float: right;
            transition: all 0.5s;
            opacity: 0.6
        }

        .navMenu .navList .list a.on.openNav:after {
            transform: rotate(-45deg);
            content: "+";
        }
    }

    @media screen and (max-width: 480px) {
        .navMenu .navBox {
            font-size: 87%;
            padding: 20px
        }

        .navMenu .navBox dd a {
            background-size: auto 63%
        }
    }


    /*reset*/

    /* .html_edit th,.html_edit td{border:1px solid ;}
 */
    * {
        box-sizing: border-box
    }

    /* body {
    line-height:1;
} */



    .navMenu .clearfix:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
    }

    /* CSS Document */

    .navMenu * {
        margin: 0;
        padding: 0;
        list-style-type: none;
        text-decoration: none;
    }

.openNav img{width: 90px;height:auto;display: block;}
.openNav span{display:none;}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  border: 0;
}

.h100 {
    height: 100%;
}