/*--------------------------------------------------------
  html body 加入以下三節class樣式
----------------------------------------------------------
----------------------------------------------------------
  中秋節 / mid-autumn
---------------------------------------------------------*/
.uavc-list-content {
    border-color:#acaaa6;
}
.mid-autumn a {
    color: #623d73;
}
.mid-autumn .more-a {
    background-color: transparent;
}

/*上方網站導覽選單底色*/
.mid-autumn #TopSearch {
    background-color: #f3e8c0;
}

/*上方搜尋bar色系*/
.mid-autumn #top-bar a.highlight {
   font-weight: bold;
   color:#7a65a2 !important;
}
.mid-autumn #top-bar a {
    color: #64543b !important;
}
.mid-autumn .btn-warning {
    color: #fff;
    background-color: #edd780;
    border-color: #edd780;
}
.mid-autumn input {
    border: 1px solid #edd780;
}

/*主選單色系*/
.mid-autumn .navigation-holder {
    background: #9167a5;
}
.mid-autumn .logo-center.solid-bg .navigation-holder,
.mid-autumn .logo-classic.solid-bg .navigation-holder {
    background-color: #9167a5;
}
.mid-autumn .sub-nav li > a:hover,
.mid-autumn .sub-nav li > a:focus,
.mid-autumn header:not(.sub-downwards) .sub-nav li:hover > a,
.mid-autumn header:not(.sub-downwards) .sub-nav li:focus > a, 
.mid-autumn #phantom .sub-nav li:not(.dt-mega-parent):hover > a, 
.mid-autumn #phantom .sub-nav li:not(.dt-mega-parent):focus > a {
    background-color: #9167a5;
    color: yellow;
}
/*手持選單色系*/
.mid-autumn #mobile-menu {
    color: #ffffff;
    background-color: #9167a5;
}

/*主內容背景*/
.mid-autumn .mainContent {
   background: url(../../images/festival_bg.jpg) repeat;
}
/*logo 背景*/
.mid-autumn .top-search {
    background: url(../../images/festival_mid-autumn.png) no-repeat right bottom;
    background-size:150px;
    margin-bottom:0;
    padding-bottom:10px;
}
@media (min-width: 900px) {
	.mid-autumn .top-search {
	    background: url(../../images/festival_mid-autumn.png) no-repeat 30% bottom;
	    background-size:auto;
	}
}
@media (min-width: 992px) {
	.mid-autumn .top-search {
	    background: url(../../images/festival_mid-autumn.png) no-repeat 25% bottom;
	}
}
@media (min-width: 1200px) {
	.mid-autumn .top-search {
	    background: url(../../images/festival_mid-autumn.png) no-repeat 35% bottom;
	}
}


/*banner輪播按鈕 色系*/
.mid-autumn .carousel-indicators-numbers li {
    background-color: #9167a5;
    font-size:0.9375em;
}
.mid-autumn .carousel-indicators-numbers li.active,
.mid-autumn .carousel-indicators-numbers li:hover {
    color:#64543b;
    background-color: #ebc254;
    font-weight: bold;
}

/*最新消息tab 色系*/
.mid-autumn .nav-pills>li {
    margin-right:1px;
}
.mid-autumn .nav-pills > li.active > a, 
.mid-autumn .nav-pills > li.active > a:hover, 
.mid-autumn .nav-pills > li.active > a:focus {
    color: white;
    background-color: rgb(145, 103, 165);
}
.mid-autumn .nav-pills > li > a {
    background: rgb(243, 229, 183);
    color: #6f5236;
}
.mid-autumn .nav-pills > li > a:hover, 
.mid-autumn .nav-pills > li > a:focus {
    color: white;
    background-color: rgb(145, 103, 165);
}
.mid-autumn .tab-table {
    border-color: #9167a5;
}
/*最新消息tab list icon*/
.mid-autumn .aio-icon-Index {
    background: url(../../images/festival_mid-autumn-listicon.png) no-repeat left 5px;
    color: transparent;
    padding-bottom:8px;
    padding-right:5px;
}

/*區塊標題*/
.mid-autumn .panel-primary > .panel-heading {
    border-color: #9167a5;
    border-bottom-color: #9167a5;
    border-left-color: #9167a5;
    border-right-color: #9167a5;
    border-top-color: #9167a5;
    border-style: solid;
    border-width: thin;
    width: 100%;
}
.mid-autumn .mm-subclose:hover,
.mid-autumn .panel-heading,
.mid-autumn div.pink-header > a {
    background: url(../../images/festival_mid-autumn_panel-heading.png) no-repeat right top #9167a5 !important;
}
.mid-autumn .panel-primary > .panel-heading > .panel-title > a {
    color:#fff;
}

/*頁尾*/
.mid-autumn footer {
    background: #9167a5;
}
.mid-autumn #bottom-bar {
    color:#fff;
}
.mid-autumn #bottom-bar a, 
.mid-autumn #bottom-bar .mini-nav .customSelect,
.mid-autumn #bottom-bar .menu-select {
    color: #fff;
}
.mid-autumn .footer-info > li > a {
    color: #704c30;
}
.mid-autumn .footer-info a {
    color: #968476;
}

/*頁尾圖片*/
.mid-autumn #footer{
	background: url(../../images/festival_mid-autumn_footer.png) no-repeat center bottom rgb(237,215,177,0.3) !important;
}

/*頁尾大彩圖*/
.mid-autumn #FooterMenu {
    background: url(../../images/festival_mid-autumn_footer_bg.png) right 96%;
    background-repeat: no-repeat;
    background-size: 60%;
}
@media (min-width: 992px) {
	.mid-autumn #FooterMenu {
	    background: url(../../images/festival_mid-autumn_footer_bg.png) right 90%;
    	background-repeat: no-repeat;
   		background-size: auto;
	}
}



/*----------------------------------------------------------
  端午節 / dragon-boat
---------------------------------------------------------*/
.dragon-boat a {
    color: #704c30;
}
.dragon-boat .more-a {
    background-color: transparent;
}
.dragon-boat .more-a i{
    color: #098f8f;
}

/*上方網站導覽選單底色*/
.dragon-boat #TopSearch {
    background-color: #ede3cd;
}

/*上方搜尋bar色系*/
.dragon-boat #top-bar a.highlight {
   font-weight: bold;
   color:#098f8f !important;
}
.dragon-boat #top-bar a {
    color: #64543b !important;
}
.dragon-boat .btn-warning {
    color: #fff;
    background-color: #d2ac74;
    border-color: #d2ac74;
}
.dragon-boat input {
    border: 1px solid #d2ac74;
}

/*主選單色系*/
.dragon-boat .navigation-holder {
    background: #098f8f;
}
.dragon-boat .logo-center.solid-bg .navigation-holder,
.dragon-boat .logo-classic.solid-bg .navigation-holder {
    background-color: #098f8f;
}
.dragon-boat .sub-nav li > a:hover,
.dragon-boat .sub-nav li > a:focus,
.dragon-boat header:not(.sub-downwards) .sub-nav li:hover > a,
.dragon-boat header:not(.sub-downwards) .sub-nav li:focus > a, 
.dragon-boat #phantom .sub-nav li:not(.dt-mega-parent):hover > a, 
.dragon-boat #phantom .sub-nav li:not(.dt-mega-parent):focus > a {
    background-color: #098f8f;
    color: yellow;
}
/*手持選單色系*/
.dragon-boat #mobile-menu {
    color: #ffffff;
    background-color: #098f8f;
}

/*主內容背景*/
.dragon-boat .mainContent {
   background: url(../../images/festival_bg.jpg) repeat;
}
/*logo 背景*/
.dragon-boat .top-search {
    background: url(../../images/festival_dragon-boat.png) no-repeat right bottom;
    background-size:150px;
    margin-bottom:0;
    padding-bottom:10px;
}
@media (min-width: 900px) {
	.dragon-boat .top-search {
	    background: url(../../images/festival_dragon-boat.png) no-repeat 30% bottom;
	    background-size:auto;
	}
}
@media (min-width: 992px) {
	.dragon-boat .top-search {
	    background: url(../../images/festival_dragon-boat.png) no-repeat 25% bottom;
	}
}
@media (min-width: 1200px) {
	.dragon-boat .top-search {
	    background: url(../../images/festival_dragon-boat.png) no-repeat 35% bottom;
	}
}

/*banner輪播按鈕 色系*/
.dragon-boat .carousel-indicators-numbers li {
    background-color: #2b2e57;
    font-size:0.9375em;
}
.dragon-boat .carousel-indicators-numbers li.active,
.dragon-boat .carousel-indicators-numbers li:hover {
    color:#fff;
    background-color: #098f8f;
    font-weight: bold;
}

/*最新消息tab 色系*/
.dragon-boat .nav-pills>li {
    margin-right:1px;
}
.dragon-boat .nav-pills > li.active > a, 
.dragon-boat .nav-pills > li.active > a:hover, 
.dragon-boat .nav-pills > li.active > a:focus {
    color: white;
    background-color: #098f8f;
}
.dragon-boat .nav-pills > li > a {
    background: #ebdfc7;
    color: #6f5236;
}
.dragon-boat .nav-pills > li > a:hover, 
.dragon-boat .nav-pills > li > a:focus {
    color: white;
    background-color: #098f8f;
}
.dragon-boat .tab-table {
    border-color: #098f8f;
    color:#098f8f;
}
/*最新消息tab list icon*/
.dragon-boat .aio-icon-Index {
    background: url(../../images/festival_dragon-boat-listicon.png) no-repeat left 5px;
    color: transparent;
    padding-bottom:8px;
    padding-right:5px;
}

/*區塊標題*/
.dragon-boat .panel-primary > .panel-heading {
    border-color: #098f8f;
    border-bottom-color: #098f8f;
    border-left-color: #098f8f;
    border-right-color: #098f8f;
    border-top-color: #098f8f;
    border-style: solid;
    border-width: thin;
    width: 100%;
}
.dragon-boat .mm-subclose:hover,
.dragon-boat .panel-heading,
.dragon-boat div.pink-header > a {
    background: url(../../images/festival_dragon-boat_panel-heading.png) no-repeat right top #098f8f !important;
}
.dragon-boat .panel-primary > .panel-heading > .panel-title > a {
    color:#fff;
}

/*頁尾*/
.dragon-boat footer {
    background: #098f8f;
}
.dragon-boat #bottom-bar {
    color:#fff;
}
.dragon-boat #bottom-bar a, 
.dragon-boat #bottom-bar .mini-nav .customSelect,
.dragon-boat #bottom-bar .menu-select {
    color: #fff;
}
.dragon-boat .footer-info > li > a {
    color: #704c30;
}
.dragon-boat .footer-info a {
    color: #968476;
}

/*頁尾圖片*/
.dragon-boat #footer{
	background: url(../../images/festival_dragon-boat_footer.png) no-repeat center bottom rgb(237,215,177,0.3) !important;
}

/*頁尾大彩圖*/
.dragon-boat #FooterMenu {
    background: url(../../images/festival_dragon-boat_footer_bg.png) right 97%;
    background-repeat: no-repeat;
    background-size: 100%;
}
@media (min-width: 992px) {
	.dragon-boat #FooterMenu {
	    background: url(../../images/festival_dragon-boat_footer_bg.png) right bottom;
    	background-repeat: no-repeat;
   		background-size: auto;
	}
}


/*----------------------------------------------------------
  春節 / new-year
---------------------------------------------------------*/
.new-year a {
    color: #704c30;
}
.new-year .more-a {
    background-color: transparent;
}
.new-year .more-a i{
    color: #e30068;
}

/*上方網站導覽選單底色*/
.new-year #TopSearch {
    background-color: #f6e3c4;
}

/*上方搜尋bar色系*/
.new-year #top-bar a.highlight {
   font-weight: bold;
   color:#e30068 !important;
}
.new-year #top-bar a {
    color: #64543b !important;
}
.new-year .btn-warning {
    color: #fff;
    background-color: #f2d198;
    border-color: #f2d198;
}
.new-year input {
    border: 1px solid #f2d198;
}

/*主選單色系*/
.new-year .navigation-holder {
    background: #e30068;
}
.new-year .logo-center.solid-bg .navigation-holder,
.new-year .logo-classic.solid-bg .navigation-holder {
    background-color: #e30068;
}
.new-year .sub-nav li > a:hover,
.new-year .sub-nav li > a:focus,
.new-year header:not(.sub-downwards) .sub-nav li:hover > a,
.new-year header:not(.sub-downwards) .sub-nav li:focus > a, 
.new-year #phantom .sub-nav li:not(.dt-mega-parent):hover > a, 
.new-year #phantom .sub-nav li:not(.dt-mega-parent):focus > a {
    background-color: #e30068;
    color: yellow;
}
/*手持選單色系*/
.new-year #mobile-menu {
    color: #ffffff;
    background-color: #db0064;
}

/*主內容背景*/
.new-year .mainContent {
   background: url(../../images/festival_bg.jpg) repeat;
}
/*logo 背景*/
.new-year .top-search {
    background: url(../../images/festival_new-year.png) no-repeat right bottom;
    background-size:150px;
    margin-bottom:0;
    padding-bottom:10px;
}
@media (min-width: 900px) {
	.new-year .top-search {
	    background: url(../../images/festival_new-year.png) no-repeat 30% bottom;
	    background-size:auto;
	}
}
@media (min-width: 992px) {
	.new-year .top-search {
	    background: url(../../images/festival_new-year.png) no-repeat 25% bottom;
	}
}
@media (min-width: 1200px) {
	.new-year .top-search {
	    background: url(../../images/festival_new-year.png) no-repeat 35% bottom;
	}
}

/*banner輪播按鈕 色系*/
.new-year .carousel-indicators-numbers li {
    background-color: rgb(61,84,121,0.7);
    font-size:0.9375em;
}
.new-year .carousel-indicators-numbers li.active,
.new-year .carousel-indicators-numbers li:hover {
    color:#fff;
    background-color: #e30068;
    font-weight: bold;
}

/*最新消息tab 色系*/
.new-year .nav-pills>li {
    margin-right:1px;
}
.new-year .nav-pills > li.active > a, 
.new-year .nav-pills > li.active > a:hover, 
.new-year .nav-pills > li.active > a:focus {
    color: white;
    background-color: #e30068;
}
.new-year .nav-pills > li > a {
    background: #ebdfc7;
    color: #6f5236;
}
.new-year .nav-pills > li > a:hover, 
.new-year .nav-pills > li > a:focus {
    color: white;
    background-color: #e30068;
}
.new-year .tab-table {
    border-color: #e30068;
    color:#e30068;
}


/*最新消息tab list icon*/
.new-year .aio-icon-Index {
    background: url(../../images/festival_new-year-listicon.png) no-repeat left 5px;
    color: transparent;
    padding-bottom:8px;
    padding-right:5px;
}

/*區塊標題*/
.new-year .panel-primary > .panel-heading {
    border-color: #e30068;
    border-bottom-color: #e30068;
    border-left-color: #e30068;
    border-right-color: #e30068;
    border-top-color: #e30068;
    border-style: solid;
    border-width: thin;
    width: 100%;
}
.new-year .mm-subclose:hover,
.new-year .panel-heading,
.new-year div.pink-header > a {
    background: url(../../images/festival_new-year_panel-heading.png) no-repeat right top #e30068 !important;
}
.new-year .panel-primary > .panel-heading > .panel-title > a {
    color:#fff;
}

/*頁尾*/
.new-year footer {
    background: #db0064;
}
.new-year #bottom-bar {
    color:#fff;
}
.new-year #bottom-bar a, 
.new-year #bottom-bar .mini-nav .customSelect,
.new-year #bottom-bar .menu-select {
    color: #fff;
}
.new-year .footer-info > li > a {
    color: #704c30;
}
.new-year .footer-info a {
    color: #968476;
}

/*頁尾圖片*/
.new-year #footer{
	background: url(../../images/festival_new-year_footer.png) no-repeat center bottom rgb(237,215,177,0.3) !important;
}

/*頁尾大彩圖*/
.new-year #FooterMenu {
    background: url(../../images/festival_new-year_footer_bg.png) right bottom;
    background-repeat: no-repeat;
    background-size: 100%;
}
@media (min-width: 768px) {
	.new-year #FooterMenu {
    background: url(../../images/festival_new-year_footer_bg.png) right bottom;
    background-repeat: no-repeat;
    background-size: 95%;
	}
}
@media (min-width: 1200px) {
	.new-year #FooterMenu {
	    background: url(../../images/festival_new-year_footer_bg.png) right bottom;
    	background-repeat: no-repeat;
   		background-size: auto;
	}
}



