/* =====================================================================================================
   共同 Button 元素 > Rich Content > Left & Right 兩個 Button)

   * 實際第二顆 Button 如此設定有作用 :  
   .markets-top-banner.richcontent a.btn.btn-primary + a.btn.btn-primary

   ===================================================================================================== */

   /**************   Button 樣式定義 > for Rich Content  *************

   1) .button_Video       : id = #parallax_banner_scro_Video_button
   2) .button_Download    : id = #parallax_banner_scro_Download_button
   2) .button_Download-After : id = #parallax_banner_scro_Download-After_button
   3) .button_Quote       : id = #parallax_banner_scro_Quote_button
   4) .button_Contact     : id = #parallax_banner_scro_Contact_button
   5) .button_Buy         : id = #parallax_banner_scro_Buy_button
   6) .button_Login       : id = #parallax_banner_scro_Login_button
   7) .button_App.IOS     : id = #parallax_banner_scro_IOS_button
   8) .button_App.Android : id = #parallax_banner_scro_Android_button
   9) .button_RightCircle : id = #parallax_banner_scro_RightCircle_button (Arrow)
   10) .button_Diagram    : id = #parallax_banner_scro_Diagram_button
   11) .button_Diagram-After : id = #parallax_banner_scro_Diagram-After_button
   12) .button_Volume     : id = #parallax_banner_scro_Volume_button
   13) .button_RightArrow : id = #parallax_banner_scro_RightArrow_button
   14) .button_RightArrow-After : id = #parallax_banner_scro_RightArrow-After_button


   /**************   Button 顏色定義 > for Rich Content  *************

   *** All All_Element_Style.css (在 CMS >> Manage Page Structure  填入 Class Name  : 可套用以下顏色樣式) ****

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

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


	/**************   Button 顏色定義 > 第二顆白色 White Button 加強  *************

	.Button-Two_Highlight .markets-top-banner.richcontent a.btn.btn-primary:last-child
	>> for Rich Content Only


	  

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

/* All Button(定義) > Banner & Rich Content */	
.markets-top-banner.richcontent a.btn.btn-primary {
	font-size: 1.4em !important;
	font-weight: 500;
	width: 215px;
	width: auto;
	opacity: 1.0 !important;
	box-shadow:1px 6px 10px 0 rgba(0, 0, 0, .3) !important;
	transition: all 0.3s ease-in-out 0s;
}

/* All Button(定義) > Banner & Rich Content >> 白底 > 減少陰影程度 */	
.White_Top .markets-top-banner.richcontent a.btn.btn-primary, 
.White_BG .markets-top-banner.richcontent a.btn.btn-primary, 
.BG_White .markets-top-banner.richcontent a.btn.btn-primary, 
.BG_Gradient_Gray_Rlight .markets-top-banner.richcontent a.btn.btn-primary {
	box-shadow: 1px 9px 14px 0 rgba(41, 64, 102, 0.17) !important;
}

/* 客製化 >> 較長 Long Button > Banner & Rich Content */
.Long-Button .markets-top-banner.richcontent a.btn.btn-primary {
	width: auto;
}

/* All Button(定義) > 沒陰影 */	
.No-Shadow-Button .markets-top-banner.richcontent a.btn.btn-primary {
	box-shadow:1px 6px 10px 0 rgba(0, 0, 0, .0) !important;
	box-shadow:unset !important;
}


/* All Button(方型略圓角) > Banner & Rich Content */	
.markets-top-banner.richcontent a.btn.btn-primary,
#button_Quote, .Sec_button, 
.secondary-navigation #Register_Button_LineT, 
.secondary-navigation #Register_Button_LineT:hover {
	/*border-radius: 30px !important;*/
	border-radius: 5px;
 }


/* 左邊 Button (With Span) > add class from Java */
.markets-top-banner.richcontent a.btn.btn-primary.WithSpan, 
.markets-top-banner.richcontent a.btn.btn-primary + a.btn.btn-primary.WithSpan {
	 padding: 4px 18px 6px !important;
	 padding: 8px 28px 9px !important;
 }
 
 
 /* 左邊 Button (No Span) > add class from Java */
.markets-top-banner.richcontent a.btn.btn-primary.NoSpan, 
.markets-top-banner.richcontent a.btn.btn-primary + a.btn.btn-primary.NoSpan {
 padding: 9px 18px 9px !important;
}

/* Ivan 後台新增第二顆 Button 修正 (parallax_banner_scro_button_more) */
.ButtonG .markets-top-banner.richcontent a.btn.btn-primary:nth-child(2), 
.ButtonG .markets-top-banner.richcontent a.btn.btn-primary:nth-child(3), 
.ButtonG .markets-top-banner.richcontent a.btn.btn-primary:last-child, 
.markets-top-banner.richcontent a.btn.btn-primary:last-child, 
.markets-top-banner.richcontent a.btn.btn-primary + a.btn.btn-primary, 
a#parallax_banner_scro_button_more {
 /*transform: scale(1.0) !important;
 transform: unset !important;*/
 transform: none;
}

/* Button > Banner > Span 文字 */
.markets-top-banner.richcontent a.btn.btn-primary span {
	position: relative;
	top: -2px;
}


/* Ivan 後台新增第二顆 Button 修正*/
.markets-top-banner.richcontent a#parallax_banner_scro_button_more, 
.markets-top-banner.richcontent a.btn.btn-primary + a.btn.btn-primary {
	padding: 4px 18px 8px !important;
	padding: 8px 20px 9px !important;
	/*margin: 0 10px;*/
	opacity: 1.0 !important;
	transition: all 0.3s ease-in-out 0s;
}


/* Change Color > Blue Button >> Banner */
.markets-top-banner.richcontent a.btn.btn-primary.button_blue, 
div.button_blue {
	/*background-color: rgba(1, 211, 199, 0.7);
	border: 2px solid rgba(1, 211, 199, 0.6);*/
	border: 2px solid rgba(4, 187, 228, 0.9);
	transition: all 0.3s ease-in-out 0s;
}
	
/* Change Color > Blue Button Hover >> Banner */	
	.markets-top-banner.richcontent a.btn.btn-primary.button_blue:hover, 
	div.button_blue:hover {
	background-color: rgba(0, 0, 0, 0.9);
	border: 2px solid rgba(0, 0, 0, 0.9);
	transition: all 0.5s linear 0s;
}


/* Change Color > Green Button >> Banner */
.markets-top-banner.richcontent a.btn.btn-primary.button_green, 
	div.button_green {
	background-color: rgba(133, 193, 47, 0.99) !important;
	border: 2px solid rgba(133, 193, 47, 0.99) !important;
	transition: all 0.3s ease-in-out 0s;
}
	
/* Change Color > Green Button Hover >> Banner */	
.markets-top-banner.richcontent a.btn.btn-primary.button_green + a.btn.btn-primary.button_white:hover, 
.markets-top-banner.richcontent a.btn.btn-primary.button_green:hover, 
div.button_green:hover {
	/*background-color: rgba(0, 0, 0, 0.9);
	border: 2px solid rgba(0, 0, 0, 0.9);*/
	background-color: rgba(159, 226, 40, 1.0) !important;
	border: 2px solid rgba(159, 226, 40, 1.0) !important;
	transition: all 0.3s linear 0s;
}




/**************************** 第二顆白色按鈕 >> 顏色加強 ****************************/
.Button-Two_Highlight .markets-top-banner.richcontent a.btn.btn-primary + a.btn.btn-primary.button_white {
	border: 2px solid rgba(255,255,255,0.3);
	background-color: rgba(255,255,255,0.10);
}





/* Change Color >> 淺色底 > Button > Banner */
.White_Top .markets-top-banner.richcontent a.btn.btn-primary.button_green,  
.White_BG .markets-top-banner.richcontent a.btn.btn-primary.button_green, 
.BG_White .markets-top-banner.richcontent a.btn.btn-primary.button_green, 
.BG_Gray .markets-top-banner.richcontent a.btn.btn-primary.button_green, 
.BG_Gradient_Gray_Rlight .markets-top-banner.richcontent a.btn.btn-primary.button_green {
	background-color: rgba(133, 193, 47, 0.99) !important;
	border: 2px solid rgba(133, 193, 47, 0.99) !important;
	background-color: rgba(117, 182, 24, 0.99) !important;
	border: 2px solid rgba(117, 182, 24, 0.99) !important;
	transition: all 0.3s ease-in-out 0s;
  }



  /* Change Color >> 淺色底 > 右邊 Button 白底 (第二個 Button) > Banner */
  #parallax_banner .markets-top-banner.richcontent a#parallax_banner_scro_button_more.button_white, 
  .markets-top-banner.richcontent a#parallax_banner_scro_button_more.button_white, 
  #parallax_banner .markets-top-banner.richcontent a.btn.btn-primary + a.btn.btn-primary.button_white, 
  .markets-top-banner.richcontent a.btn.btn-primary.button_green + a.btn.btn-primary.button_white, 
  .White_Top .markets-top-banner.richcontent a.btn.btn-primary + a.btn.btn-primary.button_white,  
  .White_BG .markets-top-banner.richcontent a.btn.btn-primary + a.btn.btn-primary.button_white, 
  .BG_White .markets-top-banner.richcontent a.btn.btn-primary + a.btn.btn-primary.button_white, 
  .BG_Gray .markets-top-banner.richcontent a.btn.btn-primary + a.btn.btn-primary, 
  .BG_Gradient_Gray_Rlight .markets-top-banner.richcontent a.btn.btn-primary + a.btn.btn-primary.button_white {
    /*background-color: #fff !important;
    color: #75b618 !important;
    border: solid 2px #75b618 !important;
	text-shadow: none !important;
    transition: all 0.3s ease-in-out 0s;*/

	background-color: #fff;
    color: #75b618;
    border: solid 2px #75b618;
	text-shadow: none;
    transition: all 0.3s ease-in-out 0s;
  }


/* Dark Top Banner >> Change Color >> 深色底 > 右邊 Button 透明 (第二個 Button) > Banner */
#parallax_banner.Dark_Top .markets-top-banner.richcontent a#parallax_banner_scro_button_more.button_white, 
#parallax_banner.Dark_Top .markets-top-banner.richcontent a.btn.btn-primary + a.btn.btn-primary.button_white, 

#parallax_banner.Dark_Top.Button-Two_Highlight .markets-top-banner.richcontent a.btn.btn-primary + a.btn.btn-primary.button_white, 
#parallax_banner.Button-Two_Highlight.Dark_Top .markets-top-banner.richcontent a.btn.btn-primary + a.btn.btn-primary.button_white, 

.Button-Two_Highlight.Dark_Top .markets-top-banner.richcontent a.btn.btn-primary + a.btn.btn-primary.button_white, 

.Dark_Theme .markets-top-banner.richcontent a#parallax_banner_scro_button_more.button_white, 
.Dark_Theme .markets-top-banner.richcontent a.btn.btn-primary.button_green + a.btn.btn-primary.button_white, 
.Dark_Theme.Button-Two_Highlight .markets-top-banner.richcontent a.btn.btn-primary + a.btn.btn-primary.button_white, 
.Dark_Theme .markets-top-banner.richcontent a.btn.btn-primary + a.btn.btn-primary.button_white, 

.Dark_Top .markets-top-banner.richcontent a#parallax_banner_scro_button_more.button_white, 
.Dark_Top .markets-top-banner.richcontent a.btn.btn-primary.button_green + a.btn.btn-primary.button_white, 
.Dark_Top.Button-Two_Highlight .markets-top-banner.richcontent a.btn.btn-primary + a.btn.btn-primary.button_white, 
.Dark_Top .markets-top-banner.richcontent a.btn.btn-primary + a.btn.btn-primary.button_white, 

#parallax_banner.Dark_Top .markets-top-banner.richcontent a#parallax_banner_scro_button.button_white, 
#parallax_banner.Dark_Top .markets-top-banner.richcontent a.btn.btn-primary.button_white, 
.Dark_Theme .markets-top-banner.richcontent a.btn.btn-primary.button_white, 
.Dark_Top .markets-top-banner.richcontent a.btn.btn-primary.button_white {
	color: #fff !important;
    border: 2px solid rgba(255,255,255,0.15) !important;
    background-color: rgba(255,255,255,0.05) !important;
	text-shadow: -1px -2px 1px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease-in-out 0s;

	backdrop-filter: blur(5px);

	border: 2px solid rgba(255,255,255,0.25) !important;
	background-color: rgba(255,255,255,0.08) !important;
	box-shadow: 1px 6px 10px 0 rgba(0, 0, 0, .3) !important;
	backdrop-filter: blur(10px);
}




/* Change Color >> 右邊 Button:hover (滑過第二個 Button) > Banner */
#parallax_banner.Dark_Top .markets-top-banner.richcontent a#parallax_banner_scro_button_more.button_white:hover, 
#parallax_banner.markets-top-banner.richcontent a#parallax_banner_scro_button_more.button_white:hover, 
.markets-top-banner.richcontent a#parallax_banner_scro_button_more.button_white:hover, 
#parallax_banner.Dark_Top .markets-top-banner.richcontent a.btn.btn-primary + a.btn.btn-primary.button_white:hover, 
#parallax_banner .markets-top-banner.richcontent a.btn.btn-primary + a.btn.btn-primary.button_white:hover, 

.White_Top .markets-top-banner.richcontent a.btn.btn-primary.button_green:hover,  
.White_BG .markets-top-banner.richcontent a.btn.btn-primary.button_green:hover, 
.BG_White .markets-top-banner.richcontent a.btn.btn-primary.button_green:hover, 
.BG_Gray .markets-top-banner.richcontent a.btn.btn-primary.button_green:hover, 
.BG_Gradient_Gray_Rlight .markets-top-banner.richcontent a.btn.btn-primary.button_green:hover, 
.White_Top .markets-top-banner.richcontent a + a.btn.btn-primary.btn.btn-primary.button_green:hover, 
.White_BG .markets-top-banner.richcontent a + a.btn.btn-primary.btn.btn-primary.button_green:hover, 
.BG_White .markets-top-banner.richcontent a + a.btn.btn-primary.btn.btn-primary.button_green:hover, 
.BG_Gray .markets-top-banner.richcontent a + a.btn.btn-primary.btn.btn-primary.button_green:hover, 
.BG_Gradient_Gray_Rlight .markets-top-banner.richcontent a.btn.btn-primary + a.btn.btn-primary.button_green:hover, 
.markets-top-banner.richcontent a.btn.btn-primary.button_green + a.btn.btn-primary:hover.button_white, 
.markets-top-banner.richcontent a.btn.btn-primary.button_green + a.btn.btn-primary.button_white:hover, 
.markets-top-banner.richcontent a.btn.btn-primary.button_green + a.btn.btn-primary.button_green:hover, 
.markets-top-banner.richcontent a.btn.btn-primary + a.btn.btn-primary.button_green:hover, 

#parallax_banner.Dark_Top .markets-top-banner.richcontent a.btn.btn-primary:hover, 
#parallax_banner.Dark_Top .markets-top-banner.richcontent a#parallax_banner_scro_button.button_white:hover, 
#parallax_banner.Dark_Top .markets-top-banner.richcontent a.btn.btn-primary.button_white:hover, 
.Dark_Theme .markets-top-banner.richcontent a.btn.btn-primary.button_white:hover, 
.Dark_Top .markets-top-banner.richcontent a.btn.btn-primary.button_white:hover, 

/*
.White_Top .markets-top-banner.richcontent a.btn.btn-primary.button_green:last-child:hover, 
.White_BG .markets-top-banner.richcontent a.btn.btn-primary.button_green:last-child:hover, 
.BG_White .markets-top-banner.richcontent a.btn.btn-primary.button_green:last-child:hover, 
.BG_Gray .markets-top-banner.richcontent a.btn.btn-primary.button_green:last-child:hover, 
.BG_Gradient_Gray_Rlight .markets-top-banner.richcontent a.btn.btn-primary.button_green:last-child:hover, 
.markets-top-banner.richcontent a.btn.btn-primary.button_green:hover:last-child, 
.White_Top .markets-top-banner.richcontent a.btn.btn-primary:last-child:hover, 
.White_BG .markets-top-banner.richcontent a.btn.btn-primary:last-child:hover, 
.BG_White .markets-top-banner.richcontent a.btn.btn-primary:last-child:hover, 
.BG_Gray .markets-top-banner.richcontent a.btn.btn-primary:last-child:hover, 
.BG_Gradient_Gray_Rlight .markets-top-banner.richcontent a.btn.btn-primary:last-child:hover, 
.markets-top-banner.richcontent a.btn.btn-primary:hover:last-child, 
*/
.BG_Gradient_Gray_Rlight .markets-top-banner.richcontent a.btn.btn-primary + a.btn.btn-primary:hover.button_white, 
.BG_Gradient_Gray_Rlight .markets-top-banner.richcontent a.btn.btn-primary + a.btn.btn-primary.button_white:hover, 
.BG_Gradient_Gray_Rlight .markets-top-banner.richcontent a.btn.btn-primary + a#parallax_banner_scro_button_more.btn.btn-primary.button_white:hover, 
.White_Top .markets-top-banner.richcontent a.btn.btn-primary + a.btn.btn-primary:hover, 
.White_BG .markets-top-banner.richcontent a.btn.btn-primary + a.btn.btn-primary:hover, 
.BG_White .markets-top-banner.richcontent a.btn.btn-primary + a.btn.btn-primary:hover, 
.BG_Gray .markets-top-banner.richcontent a.btn.btn-primary + a.btn.btn-primary:hover, 
.BG_Gradient_Gray_Rlight .markets-top-banner.richcontent a.btn.btn-primary + a.btn.btn-primary:hover, 
.markets-top-banner.richcontent a.btn.btn-primary + a.btn.btn-primary:hover {
    color: #fff !important;
	text-shadow: -1px -2px 1px rgba(0, 0, 0, 0.3) !important;
    background-color: rgb(159, 226, 40) !important;
	border: 2px solid rgb(159, 226, 40) !important;
	transition: all 0.3s ease-in-out 0s;
}
	




	/******************************************* Icon Symbol >> Button > Before + After 圖示 ******************************************/

	/* Icon >> Button (Before + After >> 共同元素) */
	.markets-top-banner.richcontent a.btn.btn-primary::before, 
	.markets-top-banner.richcontent a.btn.btn-primary > div::before, 
	.markets-top-banner.richcontent a.btn.btn-primary::after, 
	.markets-top-banner.richcontent a.btn.btn-primary > div::after, 
	.markets-top-banner.richcontent a.btn.btn-primary[id*="_scro_button_more"] > div::before, 
	.markets-top-banner.richcontent a.btn.btn-primary[id*="_scro_button_more"] > div::after, 
	.markets-top-banner.richcontent a.btn.btn-primary[id*="_scro_button_more"]::before, 
	.markets-top-banner.richcontent a.btn.btn-primary[id*="_scro_button_more"]::after {
	/* font-family: "Font Awesome 5 Free" !important; */
	font-family: "FontAwesome";
	color: #fff;
	font-size: 1.3em;
	font-weight: 900;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	position: relative;
	transition: all 0.3s ease-in-out 0s;
	}


	/* Icon >> Button_LineG (Before + After >> 共同元素) */
	.markets-top-banner.richcontent a.btn.btn-primary.button_green + a.btn.btn-primary.button_white[id*="_scro_button_more"] > div::before, 
	.markets-top-banner.richcontent a.btn.btn-primary.button_green + a.btn.btn-primary.button_white[id*="_scro_button_more"] > div::after, 

	.Button_LineG .markets-top-banner.richcontent a.btn.btn-primary::before, 
	.Button_LineG .markets-top-banner.richcontent a.btn.btn-primary > div::before, 
	.Button_LineG .markets-top-banner.richcontent a.btn.btn-primary::after, 
	.Button_LineG .markets-top-banner.richcontent a.btn.btn-primary > div::after, 

	.Button_LineG .markets-top-banner.richcontent a.btn.btn-primary[id*="_scro_button_more"] > div::before, 
	.Button_LineG .markets-top-banner.richcontent a.btn.btn-primary[id*="_scro_button_more"] > div::after, 
	.Button_LineG .markets-top-banner.richcontent a.btn.btn-primary[id*="_scro_button_more"]::before, 
	.Button_LineG .markets-top-banner.richcontent a.btn.btn-primary[id*="_scro_button_more"]::after {
		color: #75b618;
		transition: all 0.3s ease-in-out 0s;
	}


	/* Icon >> Button_LineG (Before + After >> 共同元素) */
	#parallax_banner.Dark_Top .markets-top-banner.richcontent a.btn.btn-primary.button_green + a.btn.btn-primary.button_white[id*="_scro_button_more"] > div::before, 
	#parallax_banner.Dark_Top .markets-top-banner.richcontent a.btn.btn-primary.button_green + a.btn.btn-primary.button_white[id*="_scro_button_more"] > div::after, 
	.Dark_Top .markets-top-banner.richcontent a.btn.btn-primary.button_green + a.btn.btn-primary.button_white[id*="_scro_button_more"] > div::before, 
	.Dark_Top .markets-top-banner.richcontent a.btn.btn-primary.button_green + a.btn.btn-primary.button_white[id*="_scro_button_more"] > div::after, 

	.Dark_Theme .markets-top-banner.richcontent a.btn.btn-primary.button_green + a.btn.btn-primary.button_white[id*="_scro_button_more"] > div::before, 
	.Dark_Theme .markets-top-banner.richcontent a.btn.btn-primary.button_green + a.btn.btn-primary.button_white[id*="_scro_button_more"] > div::after {
		color: #fff;
		transition: all 0.3s ease-in-out 0s;
	}


/* Change Color >> 右邊 Button:before/after (第二個 Button) > Banner */
#parallax_banner .markets-top-banner.richcontent a.btn.btn-primary + a.btn.btn-primary.button_white::before, 
.markets-top-banner.richcontent a.btn.btn-primary.button_green + a.btn.btn-primary.button_white::before, 
.markets-top-banner.richcontent a.btn.btn-primary.button_green + a.btn.btn-primary.button_white::after, 
.BG_Gradient_Gray_Rlight .markets-top-banner.richcontent a.btn.btn-primary[id*="_scro_button_more"] > div::before, 
.BG_Gradient_Gray_Rlight .markets-top-banner.richcontent a.btn.btn-primary[id*="_scro_button_more"] > div::after, 
.BG_Gradient_Gray_Rlight .markets-top-banner.richcontent a.btn.btn-primary[id*="_scro_button_more"]::before, 
.BG_Gradient_Gray_Rlight .markets-top-banner.richcontent a.btn.btn-primary[id*="_scro_button_more"]::after, 
.White_Top .markets-top-banner.richcontent a.btn.btn-primary + a.btn.btn-primary::before, 
.White_BG .markets-top-banner.richcontent a.btn.btn-primary + a.btn.btn-primary::before, 
.BG_White .markets-top-banner.richcontent a.btn.btn-primary + a.btn.btn-primary::before, 
.BG_Gray .markets-top-banner.richcontent a.btn.btn-primary + a.btn.btn-primary::before, 
.BG_Gradient_Gray_Rlight .markets-top-banner.richcontent a.btn.btn-primary + a.btn.btn-primary::before, 
.White_Top .markets-top-banner.richcontent a.btn.btn-primary + a.btn.btn-primary::after, 
.White_BG .markets-top-banner.richcontent a.btn.btn-primary + a.btn.btn-primary::after, 
.BG_White .markets-top-banner.richcontent a.btn.btn-primary + a.btn.btn-primary::after, 
.BG_Gray .markets-top-banner.richcontent a.btn.btn-primary + a.btn.btn-primary::after, 
.BG_Gradient_Gray_Rlight .markets-top-banner.richcontent a.btn.btn-primary + a.btn.btn-primary::after, 
.White_Top .markets-top-banner.richcontent a.btn.btn-primary + a.btn.btn-primary::after, 
.White_BG .markets-top-banner.richcontent a.btn.btn-primary + a.btn.btn-primary::after, 
.BG_White .markets-top-banner.richcontent a.btn.btn-primary + a.btn.btn-primary::after, 
.BG_Gray .markets-top-banner.richcontent a.btn.btn-primary + a.btn.btn-primary::after, 
.BG_Gradient_Gray_Rlight .markets-top-banner.richcontent a.btn.btn-primary + a.btn.btn-primary::after {
    color: #75b618 !important;
    transition: all 0.3s ease-in-out 0s;
}


/* Change Color >> 右邊 Button:before/after:hover (第二個 Button) > Banner */
#parallax_banner.Dark_Top .markets-top-banner.richcontent a#parallax_banner_scro_button.button_white:hover::before, 
#parallax_banner.Dark_Top .markets-top-banner.richcontent a#parallax_banner_scro_button.button_white:hover::after, 
#parallax_banner.Dark_Top .markets-top-banner.richcontent a.btn.btn-primary.button_white:hover::before,
#parallax_banner.Dark_Top .markets-top-banner.richcontent a.btn.btn-primary.button_white:hover::after, 

.Dark_Theme .markets-top-banner.richcontent a.btn.btn-primary.button_white:hover::before, 
.Dark_Theme .markets-top-banner.richcontent a.btn.btn-primary.button_white:hover::after, 

.Dark_Top .markets-top-banner.richcontent a.btn.btn-primary.button_white:hover::before, 
.Dark_Top .markets-top-banner.richcontent a.btn.btn-primary.button_white:hover::after, 

#parallax_banner.Dark_Top .markets-top-banner.richcontent a.btn.btn-primary + a.btn.btn-primary.button_white:hover > div::before, 
#parallax_banner.Dark_Top .markets-top-banner.richcontent a.btn.btn-primary + a.btn.btn-primary.button_white:hover > div::after, 
#parallax_banner .markets-top-banner.richcontent a.btn.btn-primary + a.btn.btn-primary.button_white:hover > div::before, 
#parallax_banner .markets-top-banner.richcontent a.btn.btn-primary + a.btn.btn-primary.button_white:hover > div::after, 
.markets-top-banner.richcontent a.btn.btn-primary.button_green + a.btn.btn-primary.button_white[id*="_scro_button_more"]:hover > div::before, 
.markets-top-banner.richcontent a.btn.btn-primary.button_green + a.btn.btn-primary.button_white[id*="_scro_button_more"]:hover > div::after, 

.Dark_Theme .markets-top-banner.richcontent a.btn.btn-primary[id*="_scro_button_more"]:hover > div::before, 
.Dark_Theme .markets-top-banner.richcontent a.btn.btn-primary[id*="_scro_button_more"]:hover > div::after, 
.Dark_Theme .markets-top-banner.richcontent a.btn.btn-primary[id*="_scro_button_more"]:hover::before, 
.Dark_Theme .markets-top-banner.richcontent a.btn.btn-primary[id*="_scro_button_more"]:hover::after, 

.Dark_Top .markets-top-banner.richcontent a.btn.btn-primary[id*="_scro_button_more"]:hover > div::before, 
.Dark_Top .markets-top-banner.richcontent a.btn.btn-primary[id*="_scro_button_more"]:hover > div::after, 
.Dark_Top .markets-top-banner.richcontent a.btn.btn-primary[id*="_scro_button_more"]:hover::before, 
.Dark_Top .markets-top-banner.richcontent a.btn.btn-primary[id*="_scro_button_more"]:hover::after, 

.Button_LineG .markets-top-banner.richcontent a.btn.btn-primary[id*="_scro_button_more"]:hover > div::before, 
.Button_LineG .markets-top-banner.richcontent a.btn.btn-primary[id*="_scro_button_more"]:hover > div::after, 
.Button_LineG .markets-top-banner.richcontent a.btn.btn-primary[id*="_scro_button_more"]:hover::before, 
.Button_LineG .markets-top-banner.richcontent a.btn.btn-primary[id*="_scro_button_more"]:hover::after, 
.White_Top .markets-top-banner.richcontent a.btn.btn-primary[id*="_scro_button_more"]:hover > div::before, 
.White_Top .markets-top-banner.richcontent a.btn.btn-primary[id*="_scro_button_more"]:hover > div::after, 
.White_Top .markets-top-banner.richcontent a.btn.btn-primary[id*="_scro_button_more"]::before, 
.White_Top .markets-top-banner.richcontent a.btn.btn-primary[id*="_scro_button_more"]:hover::after, 
.White_BG .markets-top-banner.richcontent a.btn.btn-primary[id*="_scro_button_more"]:hover > div::before, 
.White_BG .markets-top-banner.richcontent a.btn.btn-primary[id*="_scro_button_more"]:hover > div::after, 
.White_BG .markets-top-banner.richcontent a.btn.btn-primary[id*="_scro_button_more"]:hover::before, 
.White_BG .markets-top-banner.richcontent a.btn.btn-primary[id*="_scro_button_more"]:hover::after, 
.BG_White .markets-top-banner.richcontent a.btn.btn-primary[id*="_scro_button_more"]:hover > div::before, 
.BG_White .markets-top-banner.richcontent a.btn.btn-primary[id*="_scro_button_more"]:hover > div::after, 
.BG_White .markets-top-banner.richcontent a.btn.btn-primary[id*="_scro_button_more"]:hover::before, 
.BG_White .markets-top-banner.richcontent a.btn.btn-primary[id*="_scro_button_more"]:hover::after, 
.BG_Gray .markets-top-banner.richcontent a.btn.btn-primary[id*="_scro_button_more"]:hover > div::before, 
.BG_Gray .markets-top-banner.richcontent a.btn.btn-primary[id*="_scro_button_more"]:hover > div::after, 
.BG_Gray .markets-top-banner.richcontent a.btn.btn-primary[id*="_scro_button_more"]:hover::before, 
.BG_Gray .markets-top-banner.richcontent a.btn.btn-primary[id*="_scro_button_more"]:hover::after, 

.BG_Gradient_Gray_Rlight .markets-top-banner.richcontent a.btn.btn-primary[id*="_scro_button_more"]:hover > div::before, 
.BG_Gradient_Gray_Rlight .markets-top-banner.richcontent a.btn.btn-primary[id*="_scro_button_more"]:hover > div::after, 
.BG_Gradient_Gray_Rlight .markets-top-banner.richcontent a.btn.btn-primary[id*="_scro_button_more"]:hover::before, 
.BG_Gradient_Gray_Rlight .markets-top-banner.richcontent a.btn.btn-primary[id*="_scro_button_more"]:hover::after, 

.markets-top-banner.richcontent a.btn.btn-primary[id*="_scro_button_more"]:hover > div::before, 
.markets-top-banner.richcontent a.btn.btn-primary[id*="_scro_button_more"]:hover > div::after, 
.markets-top-banner.richcontent a.btn.btn-primary[id*="_scro_button_more"]:hover::before, 
.markets-top-banner.richcontent a.btn.btn-primary[id*="_scro_button_more"]:hover::after, 
.Button_LineG .markets-top-banner.richcontent a.btn.btn-primary:hover > div::after, 
.Button_LineG .markets-top-banner.richcontent a.btn.btn-primary.button_green:hover::after, 
.Button_LineG .markets-top-banner.richcontent a.btn.btn-primary:hover::after, 

.White_Top .markets-top-banner.richcontent a.btn.btn-primary + a.btn.btn-primary:hover::before, 
.White_BG .markets-top-banner.richcontent a.btn.btn-primary + a.btn.btn-primary:hover::before, 
.BG_White .markets-top-banner.richcontent a.btn.btn-primary + a.btn.btn-primary:hover::before, 
.BG_Gray .markets-top-banner.richcontent a.btn.btn-primary + a.btn.btn-primary:hover::before, 
.BG_Gradient_Gray_Rlight .markets-top-banner.richcontent a.btn.btn-primary + a.btn.btn-primary:hover::before, 

.White_Top .markets-top-banner.richcontent a.btn.btn-primary + a.btn.btn-primary:hover::after, 
.White_BG .markets-top-banner.richcontent a.btn.btn-primary + a.btn.btn-primary:hover::after, 
.BG_White .markets-top-banner.richcontent a.btn.btn-primary + a.btn.btn-primary:hover::after, 
.BG_Gray .markets-top-banner.richcontent a.btn.btn-primary + a.btn.btn-primary:hover::after, 
.BG_Gradient_Gray_Rlight .markets-top-banner.richcontent a.btn.btn-primary + a.btn.btn-primary:hover::after, 
.White_Top .markets-top-banner.richcontent a.btn.btn-primary + a.btn.btn-primary:hover::after, 
.White_BG .markets-top-banner.richcontent a.btn.btn-primary + a.btn.btn-primary:hover::after, 
.BG_White .markets-top-banner.richcontent a.btn.btn-primary + a.btn.btn-primary:hover::after, 
.BG_Gray .markets-top-banner.richcontent a.btn.btn-primary + a.btn.btn-primary:hover::after, 
.BG_Gradient_Gray_Rlight .markets-top-banner.richcontent a.btn.btn-primary + a.btn.btn-primary:hover::after {
    color: #fff !important;
    transition: all 0.3s ease-in-out 0s;
}













/******************************************* 霓虹效果 .Neo-Button 顏色  ******************************************/

/* .Neo-Button */
.Neo-Button .markets-top-banner.richcontent a.btn.btn-primary {
    /* 內容物不突出 Button
    overflow: hidden; */
}

/* .Neo-Button >> Green Button (黑底時) */
.Neo-Button.Dark_Top .markets-top-banner.richcontent a.btn.btn-primary.button_green, 
.Dark_Top.Neo-Button .markets-top-banner.richcontent a.btn.btn-primary.button_green {
    border: 2px solid rgba(154, 221, 58, 0.99) !important;
}




/* 【Hover】 > .Neo-Button */
.Neo-Button.Dark_Top .markets-top-banner.richcontent a.btn.btn-primary.button_green:hover, 
.Dark_Top.Neo-Button .markets-top-banner.richcontent a.btn.btn-primary.button_green:hover, 

.Neo-Button.Dark_Top .markets-top-banner.richcontent a.btn.btn-primary.button_white:hover, 
.Neo-Button.Dark_Top .markets-top-banner.richcontent a#parallax_banner_scro_button.button_white:hover, 
.Neo-Button.Dark_Top .markets-top-banner.richcontent a.btn.btn-primary.button_white:hover,
.Neo-Button.Dark_Top .markets-top-banner.richcontent a.btn.btn-primary:hover, 

.Dark_Top.Neo-Button .markets-top-banner.richcontent a.btn.btn-primary.button_white:hover, 
.Dark_Top.Neo-Button .markets-top-banner.richcontent a#parallax_banner_scro_button.button_white:hover, 
.Dark_Top.Neo-Button .markets-top-banner.richcontent a.btn.btn-primary.button_white:hover,
.Dark_Top.Neo-Button .markets-top-banner.richcontent a.btn.btn-primary:hover, 

.Neo-Button .markets-top-banner.richcontent a.btn.btn-primary.button_green:hover, 
.Neo-Button .markets-top-banner.richcontent a.btn.btn-primary.button_white:hover, 
.Neo-Button .markets-top-banner.richcontent a.btn.btn-primary:hover {
    color: rgba(22, 78, 1, 0.8) !important;

    text-shadow: -1px -2px 1px rgba(0, 0, 0, 0.0) !important;
    text-shadow: 1px 2px 1px rgba(255, 255, 255, 0.7) !important;
    border: 2px solid rgba(236, 249, 214, 1.0) !important;
    border: 2px solid rgba(243, 255, 223, 1.0) !important;
    border: 2px solid rgba(249, 255, 233, 1.0) !important;
    border: 2px solid rgb(250, 255, 237) !important;
    box-shadow: 1px 6px 10px 0 rgba(0, 0, 0, .8) !important;
    box-shadow: 1px 6px 10px 10px rgba(0, 0, 0, .3) !important;
}


/* .Neo-Button > Before */
.Neo-Button .markets-top-banner.richcontent a.btn.btn-primary > div::before {
    color: rgba(255, 255, 255, 1.0) !important;
    transition: all 0.2s ease-in-out 0s;
}

/* 【Hover】 > .Neo-Button > Before */
.Neo-Button .markets-top-banner.richcontent a.btn.btn-primary:hover > div::before {
    color: rgba(22, 78, 1, 0.8) !important;
    text-shadow: 1px 2px 1px rgba(255, 255, 255, 0.7) !important;
    transition: all 0.2s ease-in-out 0s;
}


/* #parallax_banner >> .Neo-Button > After */
.Neo-Button .markets-top-banner.richcontent a.btn.btn-primary > div::after {
    content: '';
    display: block !important;
    position: absolute !important;
    z-index: -1;
    border-radius: 0px;
    width: 100%;
    width: 1%;
    height: 100%;
    height: 63%;
    background-color: rgba(211, 255, 0, 0.0);
    margin: 0 !important;
    padding: 0 !important;
    top: 0px !important;
    top: 8px !important;
    left: 0px !important;
    left: 50% !important;
    left: calc(100%/2) !important;
    filter: blur(1px);
    transition: all 0.2s ease-in-out 0s;
}

/* #parallax_banner >> 【Hover】 > .Neo-Button > After */
.Neo-Button .markets-top-banner.richcontent a.btn.btn-primary:hover > div::after {
    background-color: rgba(211, 255, 0, 1.0);
    border-radius: 30px;
    height: 110%;
    height: 90%;
    width: 94%;
    left: 3% !important;
    width: 90%;
    left: 5% !important;
    width: 99%;
    left: 1% !important;
    filter: blur(7px);
    filter: blur(15px);
    transition: 0.4s;
}
















	/**************************** Icon Symbol >> Button > After 圖示 (僅定義 Icon 圖) ****************************/

	/* Icon >> Button (Before >> 共同元素) */
	.markets-top-banner.richcontent a.btn.btn-primary::after, 
	.markets-top-banner.richcontent a.btn.btn-primary > div::after {
	margin-left: 7px;
	top: 1px;
	}







	/**************************** Icon Symbol >> Button > Before 圖示 (僅定義 Icon 圖) ****************************/

	/* Icon >> Button (Before >> 共同元素) */
	.markets-top-banner.richcontent a.btn.btn-primary::before, 
	.markets-top-banner.richcontent a.btn.btn-primary > div::before {
	margin-right: 10px;
	top: 1px;
	}



	/* Download >> Button (Before)  */
	.markets-top-banner.richcontent .wording_block .button_Download::before {
	content: "\f358";
	color: #fff;
	font-family: "Font Awesome 5 Free" !important;
	font-weight: 500 !important;
	}


	/* Download - After >> Button (Before)  */
	.markets-top-banner.richcontent .wording_block .button_Download-After::after {
	content: "\f358";
	color: #fff;
	font-family: "Font Awesome 5 Free" !important;
	font-weight: 500 !important;
	}
				


	/* Video >> Button (Before) */
	.markets-top-banner.richcontent .wording_block .button_Video::before {
	content: "\f144";
	font-family: "Font Awesome 5 Free" !important;
	/*實心 Play >> font-weight: 900;*/
	font-weight: 500 !important;
	}


	/* Quote >> Button (Before) */
	.markets-top-banner.richcontent .wording_block .button_Quote::before, 
	#parallax_banner_scro_Quote_button::before {
		content: "\f044" !important;
		font-family: "Font Awesome 5 Free" !important;
		font-size: 1.09em !important;
		font-weight: 900 !important;
		padding: 2px 0;
		top: 0px !important;
	}


	/* Contact >> Button (Before) */
	.markets-top-banner.richcontent .wording_block .button_Contact::before, 
	#parallax_banner_scro_Contact_button::before {
		content: "\f044" !important;
		font-family: "Font Awesome 5 Free" !important;
		font-size: 1.09em !important;
		font-weight: 900 !important;
		padding: 2px 0;
		top: 0px !important;
	}


	/* Buy & Shop>> Button (Before) */
	.markets-top-banner.richcontent .wording_block .button_Buy::before {
	content: "\f290" !important;
	font-family: "Font Awesome 5 Free" !important;
	font-size: 1.2em !important;
	font-weight: 600 !important;
	top: 0px !important;
	}


	/* Login >> Button (Before) */
	.markets-top-banner.richcontent .wording_block .button_Login::before {
	content: "\f2f6" !important;
	font-family: "Font Awesome 5 Free" !important;
	font-size: 1.3em !important;
	font-size: 1.2em !important;
	font-weight: 600 !important;
	}
			

	/* APP Store(iOS) >> Button (Before)  */
	 #parallax_banner .markets-top-banner.richcontent .wording_block .button_App.IOS::before, 
	 #parallax_banner_scro_IOS_button::before, 
	 .markets-top-banner.richcontent .wording_block .button_App.IOS::before {
	content: "\f179";
	/*font-family:  "Font Awesome 5 Free" !important; */
	font-family: "FontAwesome";
	}


	/* Google Play(Android) >> Button (Before)  */
	.markets-top-banner.richcontent .wording_block .button_App.Android::before, 
	#parallax_banner .markets-top-banner.richcontent .wording_block .button_App.Android::before, 
	#parallax_banner_scro_Android_button::before {
	content: "\f3ab" !important;
	font-family:  "Font Awesome 5 Free" !important;
	content: "\f17b" !important;
	font-family: "FontAwesome" !important;
	font-weight: 400 !important;
	}



	/* Right Circle >> Button (Before)  */
	.markets-top-banner.richcontent .wording_block .button_RightCircle::before {
		/* 用圖片方式
		content: "";
		display: inline-block;
		width: 35px;
		height: 35px;
		background: url(//assets.aten.com/webpage/shared/market/New_V2/Icon_Xlarge_Arrow_Right_Bold.png) no-repeat center center;
		background-size: auto;
		background-size: auto;
		background-size: 105%;
		margin-right: 10px;
		position: relative;
		top: 5px; */

		content: "\f35a" !important;
		font-family: "Font Awesome 5 Free" !important;
		font-weight: 500 !important;
		}



	/* Diagram >> Button (Before)  */
	.markets-top-banner.richcontent .wording_block .button_Diagram::before, 
	.markets-solutions-applications a.btn.btn-primary.button_Diagram::before {
		content: "\f0e8" !important;
		content: "\f542" !important;
		font-family: "Font Awesome 5 Free" !important;
		font-weight: 600 !important;
	}


	/* Diagram >> Button (After)  */
	.markets-top-banner.richcontent .wording_block .button_Diagram-After::after {
		content: "\f054";
		font-size: 1em !important;
		top: 0px !important;
		content: "\f0e8" !important;
		font-size: 0.9em !important;
		top: -2px !important;
		font-family: "Font Awesome 5 Free" !important;
		font-weight: 600 !important;
		padding-top: 2%;
		padding-bottom: 1%;
		margin-left: 11px !important;
		}


	/* Volume (音量) >> Button (Before)  */
	.markets-top-banner.richcontent .wording_block .button_Volume::before, 
	.markets-solutions-applications a.btn.btn-primary.button_Volume::before {
		content: "\f028" !important;
		font-size: 1.2em !important;
		position: relative;
		top: 2px !important;
		content: "\f028" !important;
	}



	/* 右箭頭 >> Button (Before)  */
	.markets-top-banner.richcontent .wording_block .button_RightArrow::before, 
	.markets-solutions-applications a.btn.btn-primary.button_RightArrow::before {
		content: "\f054";
		font-family: "Font Awesome 5 Free" !important;
	    font-weight: 600 !important;
	}



	/* 右箭頭 >> Button (After)  */
	.markets-top-banner.richcontent .wording_block .button_RightArrow-After::after {
		content: "\f054";
		font-family: "Font Awesome 5 Free" !important;
		font-weight: 600 !important;
		color: #75b618;
		font-size: 1em !important;
		top: 0px !important;
		padding-top: 2%;
		padding-bottom: 1%;
		margin-left: 11px !important;
		}


	


/* =====================================================================================================
   Button > #parallax_banner / fu_Banner (原來 Rich Content 的左邊 Left Button)
   ===================================================================================================== */



#parallax_banner .markets-top-banner.richcontent .wording_block .button_Brochure span, 
#parallax_banner .markets-top-banner.richcontent .wording_block .button_Video span,
#parallax_banner .markets-top-banner.richcontent .wording_block .button_Download span, 
#parallax_banner .markets-top-banner.richcontent .wording_block .button_Download-After span, 
#parallax_banner .markets-top-banner.richcontent .wording_block .button_Quote span, 
#parallax_banner .markets-top-banner.richcontent .wording_block .button_Contact span, 
#parallax_banner .markets-top-banner.richcontent .wording_block .button_Buy span, 
#parallax_banner .markets-top-banner.richcontent .wording_block .button_Login span, 
#parallax_banner .markets-top-banner.richcontent .wording_block .button_App.IOS span, 
#parallax_banner .markets-top-banner.richcontent .wording_block .button_App.Android span, 
#parallax_banner .markets-top-banner.richcontent .wording_block .button_RightCircle span, 
#parallax_banner .markets-top-banner.richcontent .wording_block .button_Diagram span, 
#parallax_banner .markets-top-banner.richcontent .wording_block .button_Diagram-After span, 
#parallax_banner .markets-top-banner.richcontent .wording_block .button_Volume span, 
#parallax_banner .markets-top-banner.richcontent .wording_block .button_RightArrow span, 
#parallax_banner .markets-top-banner.richcontent .wording_block .button_RightArrow-After span {

}





/* =====================================================================================================
   Add Button for Banner & Buy Now (Java > 程式加入 > Right Button )
   ===================================================================================================== */

   #parallax_banner_scro_Video_button, 
   #parallax_banner_scro_Download_button, 
   #parallax_banner_scro_Quote_button, 
   #parallax_banner_scro_Buy_button, 
   #parallax_banner_scro_Login_button, 
   #parallax_banner_scro_Contact_button, 
   #parallax_banner_scro_IOS_button, 
   #parallax_banner_scro_Android_button, 
   #parallax_banner_scro_RightCircle_button, 
   #parallax_banner_scro_Diagram_button, 
   #parallax_banner_scro_Volume_button {

}

   




/* =====================================================================================================
   RWD   >>  Button > Banner
   ===================================================================================================== */

/* 一般pc小螢幕 */
@Media (min-width: 980px) and (max-width: 1199px) {

	#fu_Banner .markets-top-banner.richcontent a.btn.btn-primary, 
	.markets-top-banner.richcontent a.btn.btn-primary {
	font-size: 1.3em !important;
	}

}

/* 940 以上 */
@Media (min-width: 940px) {

	/* Text_Block >> 居中 & 所有排版有兩個 Button (a + a) >> 兩顆 Button */
	#parallax_banner .markets-top-banner.richcontent .text-block.text_block_top-center:has(a + a) #parallax_banner_scro_button, 
	.markets-top-banner.richcontent .text-block.text_block_top-center:has(a + a)  #parallax_banner_scro_button, 
	.markets-top-banner.richcontent .text-block[class*="text_block_"]:has(a + a)  [id*="_scro_button"] {
	margin-right: 1.3%;
	margin-right: 2%;
	}

	/* 如 Banner 只有一個 Button (Center-Top) */
	.Only_One_Button .text-block.text_block_top-center .btn.btn-primary {
	margin-right: 0% !important;  
	}

}

/* 橫向智慧手機到竪立平板電腦解析度 >> 1024 以上 */
@Media (min-width: 1024px) { 

	/* Banner 左 Button (文字置左) >> 距離右 button  */
	#parallax_banner .markets-top-banner.richcontent a.btn.btn-primary, 
	.markets-top-banner.richcontent a.btn.btn-primary {
	margin-right: 4%;
	}

	/* Banner 左 Button(文字置中) >> 無距離右 button  */
	#parallax_banner .markets-top-banner.richcontent .text-block.text_block_top-center a.btn.btn-primary, 
	.markets-top-banner.richcontent .text-block.text_block_top-center a.btn.btn-primary {
	margin-right: 2%;
	}

	/* Watch Video >> Button */
	#fu_Banner .markets-top-banner.richcontent .wording_block:after, 
	#parallax_banner .markets-top-banner.richcontent .wording_block:after {
	margin: 0 30px;
	}
	

}


/*  1100 以上 */
@Media (min-width: 1100px) {

	/* 客製化 >> All Button >> Padding */
	.markets-top-banner.richcontent a.btn.btn-primary.WithSpan, 
	.markets-top-banner.richcontent a.btn.btn-primary + a.btn.btn-primary.WithSpan {
	/*padding: 4px 22px 6px !important;*/
	padding: 8px 20px 9px !important;
	}

}


/* 橫向智慧手機到竪立平板電腦解析度 >> 1300 以下 */
	@Media (max-width: 1300px) { 

	#parallax_banner .markets-top-banner.richcontent .golink.btn.btn-primary {
	width: unset !important;
	}
		
	#parallax_banner .markets-top-banner.richcontent .wording_block .button_Video, 
	#parallax_banner .markets-top-banner.richcontent .wording_block .button_Volume {
	margin: 0 15px !important;
	}

	#parallax_banner.Two_Button .markets-top-banner.richcontent a.btn.btn-primary + a.btn.btn-primary.WithSpan, 
	#parallax_banner.banner_Buttonx2 .markets-top-banner.richcontent a.btn.btn-primary + a.btn.btn-primary.WithSpan {
	margin-left: 0px !important;
	}


	/* 第二顆按鈕 Button >> 上下排列時 
	#parallax_banner .markets-top-banner.richcontent .text_block_top-left a.btn.btn-primary:last-child {
	margin: 20px 15px 20px 0px !important;
	}
	*/

}


/* Bowei 筆電寬螢幕 */
@Media (min-width: 1281px) and (max-width: 1366px) {

	#parallax_banner .markets-top-banner.richcontent .text_block_top-left a.btn.btn-primary + a.btn.btn-primary.WithSpan, 
	#parallax_banner .markets-top-banner.richcontent .text_block_top-right a.btn.btn-primary + a.btn.btn-primary.WithSpan {
	margin-top: 5px !important;
	}
	

}


/* 寬電腦解析度 >> 1006 以下 */
@Media (max-width: 1006px) { 

	#parallax_banner .markets-top-banner.richcontent .wording_block .button_Video, 
	#parallax_banner .markets-top-banner.richcontent .wording_block .button_Volume, 
	.markets-top-banner.richcontent a.btn.btn-primary+ a.btn.btn-primary {
	margin-left: 0px !important;
	}

}


/* 橫向智慧手機到竪立平板電腦解析度 >> 959 以下 */
	@Media (max-width: 959px) { 

	#parallax_banner .markets-top-banner.richcontent .golink.btn.btn-primary {
	width: 80% !important;
	display: inline-block !important;
	margin: 20px 0 20px 0 !important;
	}

}


/* 比手機大-比平板小-解析度 */
@Media (min-width: 768px) and (max-width: 959px) { 

	#parallax_banner .markets-top-banner.richcontent .text-block.text_block_top-center .golink.btn.btn-primary {
	width: 55% !important;
	}

}


/* 橫向智慧手機到竪立平板電腦解析度 >> 736 以下 */
@Media (max-width: 736px) { 

	#parallax_banner .markets-top-banner.richcontent .golink.btn.btn-primary {
	width: 60% !important;
	display: inline-block !important;
	margin: 20px 15px 20px !important;
	}

}

/* 比手機大-比平板小-解析度 */
@Media (min-width: 481px) and (max-width: 600px) { 

	#parallax_banner .markets-top-banner.richcontent .golink.btn.btn-primary {
	width: 95% !important;
	display: inline-block !important;
	margin: 20px 15px 20px !important;
	}

}


/* iPhone 6 & 6 plus > 4.7吋--手機及其他更小解析度 */
@Media (min-width: 373px) and (max-width: 414px) { 

	#parallax_banner .markets-top-banner.richcontent .golink.btn.btn-primary {
	width: 95% !important;
	display: inline-block !important;
	margin: 20px 15px 20px !important;
	}

}



/* 橫向智慧手機及其他更小解析度 */
@Media (max-width: 480px) { 

	#parallax_banner .markets-top-banner.richcontent .golink.btn.btn-primary {
	width: 95% !important;
	display: inline-block !important;
	margin: 20px 15px 20px !important;
	}	

	#parallax_banner.Two_Button .markets-top-banner.richcontent a.btn.btn-primary + a.btn.btn-primary.WithSpan, 
	#parallax_banner.banner_Buttonx2 .markets-top-banner.richcontent a.btn.btn-primary + a.btn.btn-primary.WithSpan {
	margin: 20px 15px 20px !important;
	}

}


@media (max-width: 460px) {

	#parallax_banner .markets-top-banner.richcontent .golink.btn.btn-primary {
	width: 95% !important;
	display: inline-block !important;
	margin: 20px 15px 20px !important;
	}

}