﻿/*
==============================================
   header shrink main menu
==============================================
*/
.header .header-shrink-menu {
	/*position: relative;*/
	width: 100%;
	float: right;
	text-align: right;
	z-index: 600;
}
.header .header-shrink-menu::after {
    clear: both;
    content: '';
    display: block;
    height: 0;
    visibility: hidden;
	overflow: hidden;
}


/*
==============================================
   main menu
==============================================
*/
.header .header-shrink-main-menu {
	margin:0;
	padding:0;
	vertical-align:middle;
	font-size:14px;
	font-size:1.4rem;
	width: 100%;
	position: relative;
	bottom: -6px;

	/*font-family: 'Montserrat', 'Noto Sans TC', "微軟正黑體", "Microsoft JhengHei", sans-serif;*/
}
.header .header-shrink-main-menu, 
.header .header-shrink-main-menu ul, 
.header .header-shrink-main-menu li { list-style:none; margin:0; padding:0; }
.header .header-shrink-main-menu a { display:block; white-space:nowrap; }
.header .header-shrink-main-menu li { position:relative; line-height:1; }

/* level 1 */
.header .header-shrink-main-menu > li > a:link { color:#ffffff; }
.header .header-shrink-main-menu > li > a:visited { color:#ffffff; }
.header .header-shrink-main-menu > li > a:hover { color:#fdb200; }
.header .header-shrink-main-menu > li > a:active { color:#fdb200; }

.header .header-shrink-main-menu > li {
	display:inline-block;
	*display:inline;
	*zoom:1;
	margin-left:20px;
	padding-bottom:3px;

	-webkit-transition:all 0.3s ease-in-out;
            transition:all 0.3s ease-in-out;
}
.header .header-shrink-main-menu > li:first-child { margin-left:0; }

.header .header-shrink-main-menu > li::after {
	content:'';
	display:block;
	position:absolute;
	width:100%;
	height:3px;
	background-color:#fdb200;
	overflow: visible;
	visibility: visible;
	bottom:0px;
	left:-100%;
	opacity:0;
	z-index: -1;

	-webkit-transition:all 0.3s ease-in-out;
            transition:all 0.3s ease-in-out;
}
.header .header-shrink-main-menu > li:hover::after {
	left:0%;
	opacity:1;
}

.header .header-shrink-main-menu > li.sub-menu-active {
	background-color:#1f1f1f;
}
.header .header-shrink-main-menu > li > a {
	padding: 0px 0px 13px;
}

/* MENU > DROPDOWN */
.header .header-shrink-menu ul.sub-menu a:link { color:#ffffff; }
.header .header-shrink-menu ul.sub-menu a:visited { color:#ffffff; }
.header .header-shrink-menu ul.sub-menu a:hover { color:#fdb200; }
.header .header-shrink-menu ul.sub-menu a:active { color:#fdb200; }

.header .header-shrink-menu ul.sub-menu { 
	display:none;
	min-width: 100%;
	left:0px;
	top: 100%;
	position:absolute;
	z-index:200;
	text-align:left;
}
.header .header-shrink-menu ul.sub-menu > li > a {
	padding: 12px 20px;
	background: #1f1f1f; 
}

/* level 3+ */
.header .header-shrink-menu ul.sub-menu ul.sub-menu {
	left: 100%;
	top: 20%;
}

/* 當前選項 */
.header .header-shrink-main-menu > li.current-menu-item::after { left: 0; opacity: 1; }
.header .header-shrink-main-menu > li.current-menu-item > a:link { color:#fdb200; }
.header .header-shrink-main-menu > li.current-menu-item > a:visited { color:#fdb200; }
.header .header-shrink-main-menu > li.current-menu-item > a:hover { color:#fdb200; }
.header .header-shrink-main-menu > li.current-menu-item > a:active { color:#fdb200; }

.header .header-shrink-menu ul.sub-menu > li.current-menu-item > a:link { color:#fdb200; }
.header .header-shrink-menu ul.sub-menu > li.current-menu-item > a:visited { color:#fdb200; }
.header .header-shrink-menu ul.sub-menu > li.current-menu-item > a:hover { color:#fdb200; }
.header .header-shrink-menu ul.sub-menu > li.current-menu-item > a:active { color:#fdb200; }


/*
==============================================
   responsive
==============================================
*/
@media screen and (min-width : 1136px) {
}
@media screen and (max-width : 1023px) {
}
@media screen and (max-width : 979px) {
}
@media screen and (max-width : 800px) {
}
@media screen and (max-width : 640px) {
}