/* =====================================================================================================
Secondary-Navigation Menu
===================================================================================================== */


/**************   Button 樣式定義 > for Secondary-Navigation Menu  *************

* ID = #SAct_Button/ #SAct_Button2 : 可套用以下顏色樣式 (兩個以上用 #SAct_Button2)

1) .Button        : 藍底 / 白字 >> hover : 黑底藍字/ 藍邊框
2) .ButtonG       : 綠底 / 白字  >> hover : 淺綠底 / 白字
3) .Button_Line   : 白底藍框 / 藍字  >> hover : 淺藍底 / 白字
4) .Button_LineG  : 白底綠框 / 綠字  >> hover : 淺綠底 / 白字
5) .Button_LineT  : 半透明白底 / 白字 >> hover : 淺藍底 / 白字
6) .Button_LineTG : 半透明白底 / 白字 >> hover : 綠底 / 白字
7) .Button_LineOG : 透明底綠框 / 綠字  >> hover : 淺綠底 / 白字
8) .Button_LineB  : 半透明黑底 / 白字 >> hover : 淺藍底 / 白字

9) .Button_LineAB : ATEN Blue藍 / 白字 >> hover : 


*****************************************************************************/






/*************************** .secondary-navigation.fixed (共用設定 >> 淺色 + 深色) **************************************/

.device-lg .secondary-navigation.fixed {
	backdrop-filter: blur(3px);
}





/*************************** 深色(Dark_Sec_NavMenu) >> Color & Original (顏色及一般設定) **************************************/

.secondary-navigation.Dark_Sec_NavMenu, 
.Dark_Sec_NavMenu .secondary-navigation {
	background-color: rgba(0, 26, 48, 0.93) !important;
	background-color: rgba(0, 26, 48, 0.99) !important;
	border-bottom: 1px solid rgba(8, 42, 69, 0.95) !important;
	border-top: 1px solid #333;
	border-top: 1px solid rgba(23, 45, 64, 0.99) !important;
  }


/* ATEN 藍 > 深色背景 */
.secondary-navigation.Dark_Sec_NavMenu.fixed,
.Dark_Sec_NavMenu .secondary-navigation.fixed, 
.device-lg .secondary-navigation.Dark_Sec_NavMenu.fixed, 
.Dark_Sec_NavMenu .device-lg .secondary-navigation.fixed {
	background-color: rgba(0, 26, 48, 0.93) !important;
	border-bottom: 1px solid rgba(8, 42, 69, 0.95) !important;
	/*background-color: rgba(8, 42, 69, 0.95) !important;
	border-bottom: 1px solid rgba(8, 42, 69, 0.95) !important;*/
	border-top: 1px solid #eee !important;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
	opacity: 1.0;
}


.secondary-navigation div.container table > tbody > tr > td a {
	/*  font-size: 18px;  */
}


/* Menu + Dropdown Item >> ALL >> for Campaign */ 
.secondary-navigation div.container table > tbody > tr > td a, 
.sec-nav-destop ul.Navigation_dropmenu, 
.secondary-navigation #SAct_Button, 
.secondary-navigation #SAct_Button2, 
.secondary-navigation #Register_Button, 
.secondary-navigation #Register_Button_Line, 
.secondary-navigation #Register_Button_LineB, 
.secondary-navigation #Register_Button_LineT, 
.secondary-navigation #Register_Button_LineTB {
	font-weight: 400 !important;
	word-spacing: -0.05em;
}


/* Menu Item >> Border > Radius */
.secondary-navigation div.container table > tbody > tr > td a, 
.secondary-navigation #SAct_Button, 
.secondary-navigation #SAct_Button2, 
.secondary-navigation #Register_Button, 
.secondary-navigation #Register_Button_Line, 
.secondary-navigation #Register_Button_LineB, 
.secondary-navigation #Register_Button_LineT, 
.secondary-navigation #Register_Button_LineTB, 
#parallax_banner .markets-top-banner.richcontent a.btn.btn-primary, 
.markets-top-banner.richcontent a.btn.btn-primary, #button_Quote, 
.ao-form button.ao-form-submit, #block-b1512985974153 button, 
#online_shop .markets-solutions-applications a.btn.btn-primary, 
#online_shop .markets-solutions-applications a.btn.btn-primary:hover, 
.Dark_Sec_NavMenu .secondary-navigation a #SAct_Button:hover, 
.Dark_Sec_NavMenu .secondary-navigation a #SAct_Button2:hover, 
.Dark_Sec_NavMenu .secondary-navigation a #Register_Button:hover {
	border-radius: 4px;
}


/* Menu Item >> Font Size  */
.secondary-navigation div.container table > tbody > tr > td a, 
.secondary-navigation #SAct_Button, 
.secondary-navigation #SAct_Button2, 
.secondary-navigation #Register_Button, 
.secondary-navigation #Register_Button_Line, 
.secondary-navigation #Register_Button_LineB, 
.secondary-navigation #Register_Button_LineT, 
.secondary-navigation #Register_Button_LineTB {
	font-size: 18px;
	font-size: 17px;
}


/* Menu Item >> Font Size (Product Like)  */
.Product-Like .secondary-navigation div.container table > tbody > tr > td a, 
.Product-Like .secondary-navigation #SAct_Button, 
.Product-Like .secondary-navigation #SAct_Button2, 
.Product-Like .secondary-navigation #Register_Button, 
.Product-Like .secondary-navigation #Register_Button_Line, 
.Product-Like .secondary-navigation #Register_Button_LineB, 
.Product-Like .secondary-navigation #Register_Button_LineT, 
.Product-Like .secondary-navigation #Register_Button_LineTB {
	font-size: 18px;
}

/* Menu Item :Hover >> 字變綠色 */
.secondary-navigation div.container table > tbody > tr > td a:hover {
	color: rgba(143, 209, 15, 1.0) !important;
}

/* 黑選單下拉 bg-color */
.Dark_Sec_NavMenu .sec-nav-destop ul.Navigation_dropmenu {
	background-color: #041a2f !important;
	}

/* 黑選單下拉 > 文字 > color */
.Dark_Sec_NavMenu .sec-nav-destop .Navigation_dropmenu .dropmenu_item a {
	color: rgba(255,255,255,.75) !important;
	}


/* 黑選單下拉 > 文字 > a:hover color */
.Dark_Sec_NavMenu .sec-nav-destop .Navigation_dropmenu .dropmenu_item a:hover {
	/*color: rgba(143, 209, 15, 1.0) !important;
	background-color: rgba(255,255,255,.13) !important;*/
	color: rgba(255, 255, 255, 1.0) !important;
	background-color: #0b4576 !important;
}


/*
.device-lg .secondary-navigation.fixed {
	background-color: rgba(255,255,255,0.97) !important;
}
*/

/* 黑選單下拉上邊框條 */
.Dark_Sec_NavMenu .sec-nav-destop ul.Navigation_dropmenu {
	/*border-color: #2292d3 #313943 #313943 !important;*/
	border-color:rgba(143, 209, 15, 1.0) #313943 #313943 !important;
}





/*************************** 淺色(Light_Sec_NavMenu) >> Color & Original (顏色及一般設定) **************************************/



/* 淺色(Light_Sec_NavMenu) Menu Item :Hover >> 字變綠色 */
.secondary-navigation.Light_Sec_NavMenu div.container table > tbody > tr > td a:hover, 
.Light_Sec_NavMenu .secondary-navigation div.container table > tbody > tr > td a:hover {
	color: rgba(117, 182, 24, 1.0) !important;
}


/* 淺色選單下拉 >> 陰影 + 上邊框條 */
.Light_Sec_NavMenu .sec-nav-destop ul.Navigation_dropmenu {
	/*border-color: #2292d3 #313943 #313943 !important;*/
	border-color:rgba(117, 182, 24, 1.0) #e9e9e9 #e9e9e9 !important;
	box-shadow: 0 13px 42px 1px rgba(0, 0, 0, 0.12) !important;
}


/* 淺色選單下拉 >> a:hover */
.Light_Sec_NavMenu .sec-nav-destop .Navigation_dropmenu .dropmenu_item a:hover {
	color: rgba(117, 182, 24, 1.0) !important;
	color: rgba(110, 171, 23, 1.0) !important;
    color: rgb(97, 159, 10) !important;
	background-color: #eee !important;
}










/*********************************** Button (secondary-navigation) ******************************************/





/* Button_Solid (藍底白字) */
.secondary-navigation #SAct_Button, 
.secondary-navigation #SAct_Button2,  
.secondary-navigation #Register_Button {
	background-color: #00afd1;
	color: #fff;
	padding: 3px 20px 5px;
	padding: 1px 15px 3px;
	border: 2px solid transparent;
	transition: all 0.3s ease-in-out 0s;
}

.secondary-navigation a #SAct_Button:hover, 
.secondary-navigation a #SAct_Button2:hover,  
.secondary-navigation a #Register_Button:hover {
	background-color: #333;
	border: 2px solid transparent;
	color: #fff;
	padding: 3px 20px 5px;
	padding: 1px 15px 3px;
	transition: all 0.5s linear 0s;
}



/* ButtonG >> 綠底白字 */
.secondary-navigation #SAct_Button.ButtonG, 
.secondary-navigation #SAct_Button2.ButtonG {
	background-color: rgba(133, 193, 47, 0.99);
	border: 2px solid transparent !important;
	color: #fff;
	padding: 1px 15px 5px;
	padding: 1px 15px 3px;
	transition: all 0.3s linear 0s;
}


/* ButtonG >> 透明底綠框 / 綠字 */
.secondary-navigation #SAct_Button.Button_LineOG {
	color: rgb(159, 226, 40);
	padding: 1px 15px 5px;
	padding: 1px 15px 3px;
	border: solid 2px rgba(159, 226, 40, 0.5);
	transition: all 0.3s ease-in-out 0s;
	font-weight: 500 !important;
	background-color: rgba(255,255,255, 0.01);
	background-color: rgba(255,255,255, 0.1);
}


/* ButtonG >> 綠底白字 */
.secondary-navigation #SAct_Button.ButtonG:hover, 
.secondary-navigation #SAct_Button2.ButtonG:hover, 
.secondary-navigation #SAct_Button.Button_LineOG:hover {
	background-color: rgba(159, 226, 40, 1.0) !important;
	border: 2px solid transparent !important;
	color: #fff;
	padding: 1px 15px 5px;
	padding: 1px 15px 3px;
	transition: all 0.3s linear 0s;
}
	



/* Button Line (白底藍框 / 藍字) */
.secondary-navigation #SAct_Button.Button_Line, 
.secondary-navigation #SAct_Button2.Button_Line,  
.secondary-navigation #Register_Button_Line {
	background-color: #fff;
	color: #019bb9;
	padding: 1px 15px 5px;
	padding: 1px 15px 3px;
	border: solid 1px #019bb9;
	transition: all 0.3s ease-in-out 0s;
}

.secondary-navigation a #SAct_Button.Button_Line:hover, 
.secondary-navigation a #SAct_Button2.Button_Line:hover, 
.secondary-navigation a #Register_Button_Line:hover {
	background-color: #00afd1;
	color: #fff;
	padding: 1px 15px 5px;
	padding: 1px 15px 3px;
	transition: all 0.3s linear 0s;
}


/* Button LineG >> 白底綠框/ 綠字 */
.secondary-navigation #SAct_Button.Button_LineG, 
.secondary-navigation #SAct_Button2.Button_LineG {
	background-color: #fff;
	color: #68a122;
	color: rgba(104, 161, 34, 1.0);
	border: solid 1px rgba(104, 161, 34, 1.0);
	border: solid 2px rgba(104, 161, 34, 0.8);
	padding: 1px 15px 5px;
	padding: 1px 15px 3px;
	transition: all 0.3s ease-in-out 0s;
}

/* Button LineG (Dark SecMenu) >> 白底綠框/ 綠字 */
.Dark_Sec_NavMenu .secondary-navigation #SAct_Button.Button_LineG, 
.Dark_Sec_NavMenu .secondary-navigation #SAct_Button2.Button_LineG {
	border: 2px solid transparent;
}

/* Button LineG >> 綠框白底/ 綠字 */
.secondary-navigation #SAct_Button.Button_LineG:hover, 
.secondary-navigation #SAct_Button2.Button_LineG:hover {
	background-color: rgba(159, 226, 40, 1.0);
	border: 2px solid transparent !important;
	color: #fff;
	padding: 1px 15px 5px;
	padding: 1px 15px 3px;
	transition: all 0.3s linear 0s;
}



/* Button LineB>> 半透明黑底 / 白字 */
.secondary-navigation #SAct_Button.Button_LineB, 
.secondary-navigation #SAct_Button2.Button_LineB,  
.secondary-navigation #Register_Button_LineB {
	background-color: transparent;
	color: #00afd1;
	padding: 1px 15px 5px;
	padding: 1px 15px 3px;
	border: solid 1px #00afd1;
	transition: all 0.3s ease-in-out 0s;
}

.secondary-navigation a #SAct_Button.Button_LineB:hover, 
.secondary-navigation a #SAct_Button2.Button_LineB:hover,  
.secondary-navigation a #Register_Button_LineB:hover {
	background-color: #00afd1;
	color: #fff;
	padding: 1px 15px 5px;
	padding: 1px 15px 3px;
	transition: all 0.3s linear 0s;
}






/* Button LineT/ TG >> White Transparent */
.secondary-navigation #SAct_Button.Button_LineT, 
.secondary-navigation #SAct_Button.Button_LineTG, 
.secondary-navigation #SAct_Button2.Button_LineT, 
.secondary-navigation #SAct_Button2.Button_LineTG,  
.secondary-navigation #Register_Button_LineT {
	background-color: rgba(255,255,255,0.25);
	color: #fff;
	padding: 1px 15px 5px;
	padding: 1px 15px 3px;
	border: 2px solid transparent;
	transition: all 0.3s ease-in-out 0s;
}


/* Button Line >> Blue Transparent */
.secondary-navigation #SAct_Button.Button_LineTB, 
.secondary-navigation #SAct_Button2.Button_LineTB,  
.secondary-navigation #Register_Button_LineTB {
	background-color: rgba(0,85,150,0.99);
	color: #fff;
	padding: 1px 15px 5px;
	padding: 1px 15px 3px;
	border: 2px solid transparent;
	transition: all 0.3s ease-in-out 0s;
}

.secondary-navigation a #SAct_Button.Button_LineT:hover, 
.secondary-navigation a #SAct_Button.Button_LineTB:hover, 
.secondary-navigation a #SAct_Button2.Button_LineT:hover, 
.secondary-navigation a #SAct_Button2.Button_LineTB:hover, 
.secondary-navigation a #Register_Button_LineT:hover, 
.secondary-navigation a #Register_Button_LineTB:hover {
	background-color: #00afd1;
	border: 2px solid transparent !important;
	color: #fff;
	padding: 1px 15px 5px;
	padding: 1px 15px 3px;
	transition: all 0.3s linear 0s;
}


.secondary-navigation a #SAct_Button.Button_LineTG:hover, 
.secondary-navigation a #SAct_Button2.Button_LineTG:hover {
	background-color: rgba(133, 193, 47, 0.99);
	border: 2px solid transparent !important;
	color: #fff;
	padding: 1px 15px 5px;
	padding: 1px 15px 3px;
	transition: all 0.3s linear 0s;
}






/* All Button >> Padding */
.secondary-navigation a #SAct_Button:hover, 
.secondary-navigation a #SAct_Button2:hover,  
.secondary-navigation a #Register_Button:hover, 
.secondary-navigation a #SAct_Button.Button_Line:hover, 
.secondary-navigation a #SAct_Button2.Button_Line:hover, 
.secondary-navigation a #Register_Button_Line:hover, 
.secondary-navigation #SAct_Button.Button_LineG:hover, 
.secondary-navigation #SAct_Button2.Button_LineG:hover, 
.secondary-navigation a #SAct_Button.Button_LineB:hover, 
.secondary-navigation a #SAct_Button2.Button_LineB:hover,  
.secondary-navigation a #Register_Button_LineB:hover, 
.secondary-navigation a #SAct_Button.Button_LineT:hover, 
.secondary-navigation a #SAct_Button.Button_LineTB:hover, 
.secondary-navigation a #SAct_Button2.Button_LineT:hover, 
.secondary-navigation a #SAct_Button2.Button_LineTB:hover, 
.secondary-navigation a #Register_Button_LineT:hover, 
.secondary-navigation a #Register_Button_LineTB:hover, 
.secondary-navigation a #SAct_Button.Button_LineTG:hover, 
.secondary-navigation a #SAct_Button2.Button_LineTG:hover, 
.secondary-navigation #SAct_Button.ButtonG, 
.secondary-navigation #SAct_Button2.ButtonG, 
.Dark_Sec_NavMenu .secondary-navigation #SAct_Button.Button_LineG, 
.Dark_Sec_NavMenu .secondary-navigation #SAct_Button2.Button_LineG,  
.secondary-navigation #SAct_Button.Button_LineOG, 
.secondary-navigation #SAct_Button.Button_LineTB, 
.secondary-navigation #SAct_Button2.Button_LineTB,  
.secondary-navigation #Register_Button_LineTB, 
.secondary-navigation #SAct_Button.Button_LineB, 
.secondary-navigation #SAct_Button2.Button_LineB,  
.secondary-navigation #Register_Button_LineB {
	padding: 1px 15px 2px !important;
	padding: 2px 15px 2px !important;

	line-height: 1.4em;
    padding: 5px 15px 4px !important;
}