/* ===============================================================================================================
                                         Dynamic Template >> All 共同元素 
   ============================================================================================================ */



/****************************  All Section > 元件 >> 共用 *****************************/

/* 一開始會出現奇怪的 Shadow */
html:not(.lt-ie9) #wrapper {
   box-shadow: none;
   -moz-box-shadow: none;
   -webkit-box-shadow: none;
 }


/* Section 下的 :before & :after >> 不要遮擋到別的 <a> 點擊事件  */
section *:before, section *:after {
   pointer-events: none;
}


/* 針對 section 頂層 + 1px 灰線 */
section.Border-Top {
	border-top: 1px solid #eaeaea;
}



i.fa_v5, i.far, i.fas_v5, i.fab, i.fal, i.fas {
   font-family: "FontAwesome", "Font Awesome 5 Free", "font-icons" !important;
}

/* 所有頁面 > 內容 & 文字 */
body {
   letter-spacing: -0.001em !important;
   overflow-x: hidden;
}

/* 文字換行 >> 強迫不換行 */
.nowrap {
   white-space: nowrap;
}

/* Ul > li 文字 > 齊左 */
.li-section ul {
   text-align: left;
}



/* li 文字 & 點點 > before */
.li-section li::before {
   list-style: none;
   content: "■ ";
   color: #2292D3;
   margin: 0 10px;
   font-family: "Arial";
   font-size: 0.75em;
   position: relative;
   display: block;
   line-height: 1.3em;
   top: -5px !important;
 }

 /* li 文字 & 點點 > 距離 */
.li-section li span {
   left: 30px !important;
   line-height: 1.4;
}

/* Ul > li 文字 > 齊左 */
.li-section .tab-content li {
   text-indent: 0 !important;
}

/* Ul > li 文字 > 齊左 */
.li-section .tab-content li span {
   line-height: 1.6em;
}

/* Ul > li > ul > li > span */
.li-section li ul li span {
	left: 25px !important;
	line-height: 1.2em;
	top: -19px !important;
}


/* 內容過多 */
.Long-Content .li-section li span {
	line-height: 1.4em !important;
}

.li-section li ul li {
	margin-bottom: -5px;
}

.li-section li ul li span {
	font-size: 0.93em;
	line-height: 1.4em;
	left: 25px !important;
	top: -19px !important;
	left: 23px !important;
	top: -19px !important;
}


.li-section li ul li::before {
   color: #106890 !important;
	font-size: 0.5em;
	line-height: 1.3em;
	top: -6px !important;
}



/* 垂直 > 置中 */
.vertical_align {
   display: flex;
   align-items: center;
}


/* 一般文字註解 (Blue 藍色) */
#Note_Wording,
.Note_Wording {
    font-size: 0.8em;
    font-weight: 400;
    display: inline-block;
    margin-top: 10px;
}


/* 一般文字註解 (Blue 藍色) */
#Note_Wording.noteBlue,
.Note_Wording.noteBlue, 
.noteBlue {
    color: #0084bc;
}

/* 一般文字註解 (Orange 橘色) */
#Note_Wording.noteOrange,
.Note_Wording.noteOrange, 
.noteOrange {
    color:#ed8600;
}


.markets-solutions-overview h2, .markets-solutions-applications h2, .markets-solutions-benefits h2 {
   font-size: 35px;
}


.markets-solutions-applications h2::after {
   height: 2px;
   content: "";
   background: rgba(142, 194, 31, 1.0);
   display: block;
   position: relative;
   width: 150px;
   margin: 0 auto 10px;
   text-align: center;
   top: 10px;
}

/*.app-block-container h3 > b (加粗) */
.markets-solutions-applications .app-block-container h3 b {
	font-weight: 600 !important;
}


/*.app-block-container > p.spTitle (加粗) */
.markets-solutions-applications .app-block-container p.spTitle {
	color: #1d4872 !important;
	text-align: center !important;
	font-size: 1.1em !important;
	font-weight: 600 !important;
}


/* Arrow Down::After */
section.Arrow-Down-after::after, 
section.Arrow-Down-after-Light::after {
   content: "";
   background: url(//assets.aten.com/webpage/shared/CMS_Libraries/Images/Arrow_White_NoLine_Color-Plus-2.png) no-repeat center center;
   background-size: 55%;
   width: 100%;
   height: 95px;
   display: block;
   position: relative;
   z-index: 10;
   margin: 0 auto;
   margin-top: 0px;
   text-align: center;
   margin-top: -95px;
   top: 45px;
   filter: drop-shadow(0px 1px 7px rgba(0, 121, 176, .8));
 }

 /* Arrow Down::After */
section.Arrow-Down-after-Light::after {
   filter: drop-shadow(0px 1px 4px rgba(132, 164, 171, 0.6));
 }






/**************************   Button :: After >> Icon 定義  *******************************

* 在 CMS >> Manage Page Structure  填入 Class Name  : 可套用以下顏色樣式 :

0) .Button_After   : After Icon 
1) .After-RArrow   : After Icon >> 右箭頭
2) .After-LArrow   : After Icon >> 左箭頭

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



/* All Button ::After */
.Button_After .markets-top-banner.richcontent a.btn.btn-primary::after, 
.Button_After .markets-solutions-applications a.btn.btn-primary::after {
   font-size: 1em;
   font-style: normal;
   font-variant: normal;
   text-rendering: auto;
   position: relative;
   display: inline-block;
   background: unset !important;
 }


/* After-RArrow   : After Icon >> 右箭頭 */
 .Button_After.After-RArrow a.btn.btn-primary::after {
   content: "\f054";
   font-family: "Font Awesome 5 Free" !important;
   font-size: 0.8em;
   font-weight: 900;
   left: 10px;
   top: 0px;
}


/* LArrow   : After Icon >> 左箭頭 */
.Button_After.After-LArrow a.btn.btn-primary::after {
   content: "\f053";
   font-family: "Font Awesome 5 Free" !important;
   font-size: 0.8em;
   font-weight: 900;
   left: 10px;
   top: 0px;
}







/****************************  BG or BG Gradient Color >>  All Section (背景色 / 背景漸層色) *****************************/

 .BG_White div.markets-solutions-applications, 
 .cd-section.BG_White {
   background-color: #fff !important;
}

.cd-section.BG_Gradient_Gray_L {}


.cd-section.BG_Gradient_Gray_R {
   /* 偏綠灰
    background-image: -moz-radial-gradient(center, ellipse cover, #fff 0%, #dde1e1 84%) !important;
	background-image: -webkit-radial-gradient(center, ellipse cover, #fff 0%, #dde1e1 84%) !important;
    background-image: radial-gradient(center, ellipse cover, #fff 0%, #dde1e1 84%) !important;*/
    
   /* 偏藍灰 */
   background-image: -moz-radial-gradient(center, ellipse cover, #fff 0%, #d0d6d9 84%) !important;
   background-image: -webkit-radial-gradient(center, ellipse cover, #fff 0%, #d0d6d9 84%) !important;
   background-image: radial-gradient(center, ellipse cover, #fff 0%, #d0d6d9 84%) !important;
}

/* 背景變漸層 >> 藍色到綠色透明 */
.cd-section.BG_Gradient_GreenB {
   background: #146e9d;
   background: linear-gradient(135deg, rgb(1, 49, 101) 0%,rgb(15, 93, 150) 40%,rgb(52, 213, 198) 100%) !important;
   background: -moz-linear-gradient(135deg, rgb(1, 49, 101) 0%, rgb(15, 93, 150) 40%, rgb(52, 213, 198) 100%) !important;
   background: -webkit-linear-gradient(135deg, rgb(1, 49, 101) 0%,rgb(15, 93, 150) 40%,rgb(52, 213, 198) 100%) !important;
}

/* 背景變漸層 >> 深灰色圓形 */
.cd-section.BG_Gradient_Gray_Circle-Dark {
   background:#abb8c6;
   background: -moz-radial-gradient(ellipse at center, #ffffff 0%,#abb8c6 84%) !important;
   background: -webkit-radial-gradient(ellipse at center, #ffffff 0%,#abb8c6 84%) !important;
   background: radial-gradient(ellipse at center, #ffffff 0%,#abb8c6 84%) !important;
}

/* 背景變漸層 >> 淺灰色圓形 */
.cd-section.BG_Gradient_Gray_Rlight {
  background-image: -moz-radial-gradient(bottom, ellipse cover, #f5f8fa 0%, #edeff0 84%) !important;
  background-image: -webkit-radial-gradient(bottom, ellipse cover, #f5f8fa 0%, #edeff0 84%) !important;
  background-image: radial-gradient(bottom, ellipse cover, #f5f8fa 0%, #edeff0 84%) !important;
}

/* 背景變漸層 >> 中灰色圓形 (Top to Center) */
.cd-section.BG_Gradient_Gray_Circle-Light-Center {
   background: #d2dbdf;
   background: -moz-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%, rgba(210,219,223,1) 84%);
   background: -webkit-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%,rgba(210,219,223,1) 84%);
   background: radial-gradient(ellipse at center, rgba(255, 255, 255, 1) 0%,rgba(210, 219, 223, 1) 84%);
}

/* 背景變漸層 >> 中灰色圓形 (Top to Bottom) */
.cd-section.BG_Gradient_Gray_Circle-Light-Bottom {
   background: #d2dbdf;
   background: -moz-radial-gradient(bottom, ellipse cover,  rgba(255,255,255,1) 0%, rgba(210,219,223,1) 84%);
   background: -webkit-radial-gradient(bottom, ellipse cover,  rgba(255,255,255,1) 0%,rgba(210,219,223,1) 84%);
   background: radial-gradient(ellipse at bottom, rgba(255, 255, 255, 1) 0%,rgba(210, 219, 223, 1) 84%);
}



/* ATEN Blue >> Original */
.cd-section.BG_ATEN_Blue {
   background-color: #074576 !important;
}


/* ATEN Blue >> 稍深  */
.cd-section.BG_ATEN_BlueD {
   background-color: #01375b !important;
}


/* ATEN Blue >> 最深 */
.cd-section.BG_ATEN_BlueDB {
   background-color: #011d32 !important;
}


/**************************************  文字樣式定義  *******************************************/

.markets-solutions-applications h3 {
   color: #333 !important;
}

.markets-solutions-applications h3 a {
   color: #01375b !important;
}

.markets-solutions-applications h3, .markets-solutions-applications h3 a {
   line-height: 30px !important;
}

/*.markets-solutions-applications h3:hover, */
.markets-solutions-applications h3 a:hover {
   color: #017ab1 !important;
}

.markets-solutions-applications p {
   font-size: 1.03em;
   font-weight: 300;
   line-height: 1.5;
   /*color: #777 !important;*/
   color: rgba(89, 90, 91, .99);
   margin: 0 0 20px;
}
      


/**************************   Button 樣式定義 > Original 一般物件  *******************************

* 在 CMS >> Manage Page Structure  填入 Class Name  : 可套用以下顏色樣式

1) .Button 或 .ButtonB  : 藍底 / 白字 >> 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 : 


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

.markets-solutions-applications a.btn.btn-primary, 
.markets-top-banner.richcontent a.btn.btn-primary {
   font-weight: 500 !important;
   font-size: 1.15em !important;
   border-radius: 4px !important;
}


/* ButtonB >> 藍底白字 */
.ButtonB .markets-solutions-applications a.btn.btn-primary, 
.ButtonB .markets-top-banner.richcontent a.btn.btn-primary {
   color: #fff !important;
   background-color: rgba(7, 174, 211, 1.0) !important;
   border: 2px solid #07a5d3 !important;
   border: 2px solid transparent !important;
   transition: all 0.3s ease-in-out 0s;
}


/* Button Line >> 白底藍字 */
.Button_Line .markets-solutions-applications a.btn.btn-primary, 
.Button_Line .markets-top-banner.richcontent a.btn.btn-primary {
   color: #07a5d3 !important;
   font-weight: 500;
   background-color: #fff !important;
   border: 2px solid #07a5d3 !important;
   border-radius: 4px;
   text-shadow: none;
   transition: all 0.3s ease-in-out 0s;
   margin-top: 15px;
   box-shadow: 3px 4px 3px 0px rgba(0, 0, 0, .03) !important;
}


/* Button Line::Before >> 白底藍字::Before */
.Button_Line .markets-solutions-applications a.btn.btn-primary > div::before, 
.Button_Line .markets-top-banner.richcontent a.btn.btn-primary > div::before {
   color: #07a5d3 !important;
   transition: all 0.3s ease-in-out 0s;
}


/* Button Line:hover >> 白底藍字 : hover */
.Button_Line .markets-solutions-applications a.btn.btn-primary:hover, 
.Button_Line .markets-top-banner.richcontent a.btn.btn-primary:hover {
   color: #fff !important;
   /*background-color: rgba(0, 0, 0, 1.0) !important;
   border: 2px solid rgba(0, 0, 0, 1.0) !important;*/
   background-color: #00dff3 !important;
   border: 2px solid #00dff3 !important;
   transition: all 0.5s linear 0s;
}


/* Button Line:hover ::before >> 白底藍字 : hover ::before */
.Button_Line .markets-solutions-applications a.btn.btn-primary:hover  > div::before, 
.Button_Line .markets-top-banner.richcontent a.btn.btn-primary:hover > div::before {
   color: #fff !important;
   transition: all 0.5s linear 0s;
}


/* ButtonG >> 綠底白字 */
.ButtonG .home_spot_light .spotlight-item a, 
.ButtonG div .home_spot_light .owl-item a.linkto + .spotlight-item a, 
.ButtonG .markets-solutions-applications a.btn.btn-primary, 
.ButtonG .markets-top-banner.richcontent a.btn.btn-primary {
	background-color: rgba(133, 193, 47, 0.99);
	border: 2px solid transparent !important;
	color: #fff;
	transition: all 0.3s linear 0s;
}

/* ButtonG & Button_LineG (Spotlight) >> 綠底白字 */
.ButtonG .home_spot_light .spotlight-item a, 
.ButtonG div .home_spot_light .owl-item a.linkto + .spotlight-item a, 
.Button_LineG .home_spot_light .spotlight-item a, 
.Button_LineG div .home_spot_light .owl-item a.linkto + .spotlight-item a {
   padding: 9px 20px;
}

/* ButtonG::before >> 綠底白字::before & after */
.ButtonG .home_spot_light .spotlight-item a::before, 
.ButtonG div .home_spot_light .owl-item a.linkto + .spotlight-item a::before, 
.ButtonG .home_spot_light .spotlight-item a::after, 
.ButtonG div .home_spot_light .owl-item a.linkto + .spotlight-item a::after, 
.ButtonG .markets-solutions-applications a.btn.btn-primary > div::before, 
.ButtonG .markets-top-banner.richcontent a.btn.btn-primary + a.btn.btn-primary.button_green > div::before, 
.ButtonG .markets-top-banner.richcontent a.btn.btn-primary > div::before, 
.ButtonG .markets-solutions-applications a.btn.btn-primary > div::after, 
.ButtonG .markets-top-banner.richcontent a.btn.btn-primary > div::after {
	color: #fff;
	transition: all 0.3s linear 0s;
}

/* ButtonG (第二個 button)  >> 綠底白字 >> 如果有兩個 button */ 
.ButtonG .markets-solutions-applications a.btn.btn-primary:nth-child(4), 
.ButtonG .markets-top-banner.richcontent a.btn.btn-primary:nth-child(4),
.ButtonG .markets-solutions-applications a.btn.btn-primary:nth-child(3), 
.ButtonG .markets-top-banner.richcontent a.btn.btn-primary:nth-child(3),
.ButtonG .markets-solutions-applications a.btn.btn-primary:nth-child(2), 
.ButtonG .markets-top-banner.richcontent a.btn.btn-primary:nth-child(2) {
   background-color: #fff !important;
   /*color: rgba(104, 161, 34, 1.0) !important;
   border: solid 2px rgba(104, 161, 34, 1.0) !important;*/
   color: rgb(104, 161, 34) !important;
   border: 2px solid rgba(104, 161, 34, 1.0) !important;
   text-shadow: none;
   transition: all 0.3s ease-in-out 0s;
}


/* ButtonG (第二個 button) :: Before  >> 綠底白字 >> 如果有兩個 button::Before */ 
.ButtonG .markets-solutions-applications a.btn.btn-primary:nth-child(4) > div::before, 
.ButtonG .markets-top-banner.richcontent a.btn.btn-primary:nth-child(4) > div::before, 
.ButtonG .markets-solutions-applications a.btn.btn-primary:nth-child(3) > div::before, 
.ButtonG .markets-top-banner.richcontent a.btn.btn-primary:nth-child(3) > div::before, 
.ButtonG .markets-solutions-applications a.btn.btn-primary:nth-child(2) > div::before, 
.ButtonG .markets-top-banner.richcontent a.btn.btn-primary:nth-child(2) > div::before {
   color: rgb(104, 161, 34) !important;
   transition: all 0.3s ease-in-out 0s;
}


/* Button_LineOG >> 透明底綠框 / 綠字 */
.Button_LineOG .markets-solutions-applications a.btn.btn-primary, 
.Button_LineOG .markets-top-banner.richcontent a.btn.btn-primary {
	color: rgb(159, 226, 40);
	border: solid 2px rgb(159, 226, 40);
	transition: all 0.3s ease-in-out 0s;
	background-color: rgba(255,255,255,.01);
}

/* Button_LineOG::Before >> 透明底綠框 / 綠字::Before */
.Button_LineOG .markets-solutions-applications a.btn.btn-primary > div::before, 
.Button_LineOG .markets-top-banner.richcontent a.btn.btn-primary > div::before {
	color: rgb(159, 226, 40);
	transition: all 0.3s ease-in-out 0s;
}

/* Button LineG >> 白底綠框/ 綠字 */
.Button_LineG .home_spot_light .spotlight-item a, 
.Button_LineG div .home_spot_light .owl-item a.linkto + .spotlight-item a, 
.Button_LineG .markets-solutions-applications a.btn.btn-primary.button_green, 
.Button_LineG .markets-solutions-applications a.btn.btn-primary, 
.Button_LineG .markets-top-banner.richcontent a.btn.btn-primary {
   background-color: #fff !important;
   /*color: rgba(104, 161, 34, 1.0) !important;
   border: solid 2px rgba(104, 161, 34, 1.0) !important;*/
   color: rgb(104, 161, 34) !important;
   border: 2px solid rgba(104, 161, 34, 1.0) !important;
   text-shadow: none !important;
   transition: all 0.3s ease-in-out 0s;
}

/* Button LineG::Before >> 白底綠框/ 綠字::Before & After */
.Button_LineG .home_spot_light .spotlight-item a::before, 
.Button_LineG div .home_spot_light .owl-item a.linkto:hover + .spotlight-item a::before, 
.Button_LineG .markets-solutions-applications a.btn.btn-primary > div::before, 
.Button_LineG .markets-top-banner.richcontent a.btn.btn-primary > div::before, 
.Button_LineG .markets-top-banner.richcontent a.btn.btn-primary::before, 
.Button_LineG .home_spot_light .spotlight-item a::after, 
.Button_LineG div .home_spot_light .owl-item a.linkto:hover + .spotlight-item a::after, 
.Button_LineG .markets-solutions-applications a.btn.btn-primary > div::after, 
.Button_LineG .markets-top-banner.richcontent a.btn.btn-primary > div::after, 
.Button_LineG .markets-top-banner.richcontent a.btn.btn-primary::after {
   color: rgb(104, 161, 34) !important;
   color: #75b618 !important;
   color: rgb(117, 182, 24) !important;
   text-shadow: none;
   transition: all 0.3s ease-in-out 0s;
}

/* Button LineG::Before >> White Transparent::Before */
.Button_LineG .markets-top-banner.richcontent a.btn.btn-primary.button_white > div::before,
.Button_LineG .markets-top-banner.richcontent a.btn.btn-primary.button_white > div::after {
	color: #fff !important;
	transition: all 0.3s ease-in-out 0s;
}



/* Button LineT/ TG >> White Transparent */
.Button_LineT .markets-solutions-applications a.btn.btn-primary, 
.Button_LineTG .markets-solutions-applications a.btn.btn-primary, 
.Button_LineT .markets-top-banner.richcontent a.btn.btn-primary, 
.Button_LineTG .markets-top-banner.richcontent a.btn.btn-primary {
	background-color: rgba(255,255,255,0.25);
	color: #fff;
	border: 2px solid transparent;
	transition: all 0.3s ease-in-out 0s;
}

/* Button LineT/ TG::Before >> White Transparent::Before */
.Button_LineG .markets-top-banner.richcontent a.btn.btn-primary.button_white > div::before,
.Button_LineG .markets-top-banner.richcontent a.btn.btn-primary.button_white > div::after,

.Button_LineT .markets-solutions-applications a.btn.btn-primary > div::before, 
.Button_LineTG .markets-solutions-applications a.btn.btn-primary > div::before, 
.Button_LineT .markets-top-banner.richcontent a.btn.btn-primary > div::before, 
.Button_LineTG .markets-top-banner.richcontent a.btn.btn-primary > div::before, 
.Button_LineT .markets-top-banner.richcontent a.btn.btn-primary::before, 
.Button_LineTG .markets-top-banner.richcontent a.btn.btn-primary::before {
	color: #fff;
	transition: all 0.3s ease-in-out 0s;
}




/* All Green Button :hover (所有綠色系 :hover 一致) */
.ButtonG .home_spot_light .spotlight-item a:hover, 
.ButtonG div .home_spot_light .owl-item a.linkto:hover + .spotlight-item a, 
.Button_LineG .home_spot_light .spotlight-item a:hover, 
.Button_LineG div .home_spot_light .owl-item a.linkto + .spotlight-item a, 
.Button_LineG .markets-solutions-applications a.btn.btn-primary.button_green:hover, 
.ButtonG .markets-solutions-applications a.btn.btn-primary:hover, 
.Button_LineG .markets-solutions-applications a.btn.btn-primary:hover, 
.Button_LineOG .markets-solutions-applications a.btn.btn-primary:hover, 
.Button_LineT .markets-solutions-applications a.btn.btn-primary:hover, 
.Button_LineTG .markets-solutions-applications a.btn.btn-primary:hover, 
.ButtonG .markets-top-banner.richcontent a.btn.btn-primary:hover, 
.Button_LineG .markets-top-banner.richcontent a.btn.btn-primary:hover, 
.Button_LineOG .markets-top-banner.richcontent a.btn.btn-primary:hover, 
.Button_LineT .markets-top-banner.richcontent a.btn.btn-primary:hover, 
.Button_LineTG .markets-top-banner.richcontent a.btn.btn-primary:hover {
   color: #fff !important;
   background-color: rgba(159, 226, 40, 1.0) !important;
   border: 2px solid transparent !important;
   transition: all 0.3s linear 0s;
}


/* All Green Button :hover::Before (所有綠色系 :hover::Before 一致) */
.Button_LineG .markets-solutions-applications a.btn.btn-primary:hover > div::after, 
.Button_LineG .markets-solutions-applications a.btn.btn-primary:hover > div::before, 
.Button_LineG .home_spot_light .spotlight-item a:hover::before, 
.Button_LineG div .home_spot_light .owl-item a.linkto:hover + .spotlight-item a::before, 
.ButtonG .markets-solutions-applications a.btn.btn-primary:hover > div::before, 
.Button_LineG .markets-solutions-applications a.btn.btn-primary:hover > div::before, 
.Button_LineOG .markets-solutions-applications a.btn.btn-primary:hover > div::before, 
.Button_LineT .markets-solutions-applications a.btn.btn-primary:hover > div::before, 
.Button_LineTG .markets-solutions-applications a.btn.btn-primary:hover > div::before, 
.ButtonG .markets-top-banner.richcontent a.btn.btn-primary:hover > div::before, 
.Button_LineG .markets-top-banner.richcontent a.btn.btn-primary:hover > div::before, 
.Button_LineG .markets-top-banner.richcontent a.btn.btn-primary:hover::before, 
.Button_LineOG .markets-top-banner.richcontent a.btn.btn-primary:hover > div::before, 
.Button_LineT .markets-top-banner.richcontent a.btn.btn-primary:hover > div::before, 
.Button_LineTG .markets-top-banner.richcontent a.btn.btn-primary:hover > div::before {
   color: #fff !important;
   text-shadow: none;
   text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.3);
   transition: all 0.3s linear 0s;
}




  /* 有加 .Linkto >> 才會變化 */ 
  .markets-solutions-applications .app-block-container:hover > .linkto + .app-products + div > .btn-group a.btn.btn-primary {
    color: #fff !important;
    background-color: #85c12f !important;
    border: solid 2px #85c12f !important;
    background-color: rgba(159, 226, 40, 1.0) !important;
    border: solid 2px rgba(159, 226, 40, 1.0) !important;
    transition: all 0.3s ease-in-out 0s;
  }



  /* 有加 .Linkto (After/ Before) >> 才會變化 */
  .markets-solutions-applications .app-block-container:hover > .linkto + .app-products + div > .btn-group a.btn.btn-primary::before, 
  .markets-solutions-applications .app-block-container:hover > .linkto + .app-products + div > .btn-group a.btn.btn-primary::after, 
  .markets-solutions-applications .app-block-container:hover > .linkto + .app-products + div > .btn-group a.btn.btn-primary div::after, 
  .markets-solutions-applications .app-block-container:hover > .linkto + .app-products + div > .btn-group a.btn.btn-primary div::before {
    color: #fff !important;
    transition: all 0.3s linear 0s;
}




/*---------------------------------- Benefits Button >> after  -----------------------------------*/

/* item_x4 / 預設使用 */
div .home_spot_light .spotlight-item a::after {
   padding-left: unset !important;
   left: 10px !important;
}


/* item_x3 / 加寬 hover 一般/ 另外定義 */
#Featured_Products.item_x3 div.home_spot_light .spotlight-item a:hover::after, 
div .home_spot_light .spotlight-item a:hover::after {
   left: 70% !important;
}

/* item_x4 / 一般 hover 另外定義 (要在 CMS 加 class name) */
#Featured_Products.item_x4 div.home_spot_light .spotlight-item a:hover::after {
   left: 50% !important;
   left: 46% !important;
}


/*---------------------------------- 圖片樣式定義  -----------------------------------*/

.app-products a img {
   opacity: 1.0;
   transform: scale(1);
   transition: all 0.2s ease-in-out 0s;
}

.app-products a:hover img {
   opacity: 0.7;
   transform: scale(1.05);
   transition: all 0.3s ease-in-out 0s;
}

/* 圖片 >> 邊框 */
.Image-Border img {
   /* border: 1px solid #b2b4b4; */
   border: 1px solid #cbcbcb;
}

/* 圖片 >> 方圓角 */
.Image-Radius img, 
.Image-Radius .tab_image {
   border-radius: 7px;
}

/* 圖片 >> 圓形 */
.Image-Circle img, 
.Image-Circle .tab_image {
   border-radius: 50%;
}

/* 圖片 >> 陰影小 */
.Image-Shadow img {
   filter: drop-shadow(4px 6px 3px rgba(0, 9, 35, 0.1));
}

/* 圖片 >> 陰影大 */
.Image-ShadowX img {
   filter: drop-shadow(12px 12px 12px rgba(0, 0, 0, 0.3));
}

/* 圖片 >> 放大 ( < 1024px 放大 1.1 ) */
.Image-Scale_Large img {
   transform: scale(1.0);
}



/*---------------------------------- 輪播 Video (同 Homepage)  -----------------------------------*/

/* 調整為 0 否則會蓋住第二層選單 */
.home_channel_videos .owl-carousel{z-index: 0;}



/*---------------------------------- Youtube Video Lazy Loading (先載圖片,點擊再播影片)  -----------------------------------*/


div.yt div::before {
	cursor: pointer;
	position: absolute;
	width: 100%;
	height: 100%;
	content: "\00a0";
	background: rgba(0%,0%,0%,.2) url(/file/template/1/images/icons/Play_Icon_Mline.png) no-repeat center center;
	background: rgba(0%,0%,0%,.2) url(https://www.aten.com/file/template/1/images/icons/Play_Icon_Mline.png) no-repeat center center;
	filter: drop-shadow(1px 1px 3px rgb(0, 0, 0)) !important;
	transition: background-color 1s ease-out;
  }
 
  div.yt:hover div::before {
	filter: drop-shadow(1px 1px 3px rgba(0, 0, 0,1.0)) !important;
	background-color: rgba(0%,0%,0%,0);
	transition: background-color 1s ease-out;
  }
 
  .yt {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	display: block;
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 56.25%;
  }
 
  .yt iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}









/**************   Hover Block Section >> 直接抓取 Learn More Button 的 a herf(搭配 Java)  **************/
.linkto {
   position: absolute;
   width: 100%;
   height: 100%;
   /* z-index: 9999; */
   z-index: 100;
   cursor: pointer;
   left: 0;
   top: 0;
}








/* 隱藏 >> 客製化 >> H2 (H3) ::after > All Subtitle (次小標題) */
.No-Title-after .markets-top-banner.richcontent h3.RC_LTitle::after, 
.No-Title-after div.markets-solutions-applications h2::after, 
.No-Title-after h3::after, 
.No-Title-after h2::after {
    display: none;
}


/* 如果隱藏 after >> 刪除 H2 底部 margin-bottom 高度 (非 rich content 標題) */
.No-Title-after div.markets-solutions-applications h2::after,  
.No-Title-after h2::after {
    margin-bottom: 0px;
}





/* 隱藏 >> 客製化 >> H2 (H3) > All Subtitle (次小標題) */
.Hide-Title .markets-top-banner.richcontent h3.RC_LTitle, 
.Hide-Title div.markets-solutions-applications h2, 
.Hide-Title h3, 
.Hide-Title h2 {
    display: none !important;
}























/* ============================================================================================
	   .float_Left/ .float_center  >> 產品 >> 置左/ 置中 (.markets-solutions-applications)
============================================================================================ */


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

   /* 產品 >> 置左 */ 
   .float_Left .markets-solutions-applications .app-block-container {
   float: left;
   }


   /* 產品 >> 置中 */ 
   .float_center .markets-solutions-applications .app-block-container, 
   .float_Center .markets-solutions-applications .app-block-container, 
   .float_None .markets-solutions-applications .app-block-container {
   float: none;
   }

}





/* ============================================================================================
	   Spotlight >> 置中 > .float_center/ .float_None (.home_spot_light)
============================================================================================ */


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

   .float_Center .home_spot_light .owl-carousel .owl-stage-outer, 
   .float_center .home_spot_light .owl-carousel .owl-stage-outer, 
   .float_None .home_spot_light .owl-carousel .owl-stage-outer {
   display: flex;
   flex-direction: row;
   justify-content: center;
   }

}




/* ============================================================================================
	   Spotlight >> 長內容> .float_center/ .float_None (.home_spot_light)
============================================================================================ */


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

    .Long-Content .spotlight-item p {
    height: 31.5vh;
    } 

}

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

   .Long-Content .spotlight-item p {
   height: 39.5vh;
   }


}



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

	.Long-Content .spotlight-item p {
	height: auto !important;
	}

}






/* =====================================================================================================
   CSS for Top Blue Banner (Feature Articles Header 模組) 
   ===================================================================================================== */

/* 需要 Top Blue Banner >> 但是要隱藏 Title for Feature Article */
.No-Article #articles_block {
   margin: 4% 0 4% 0;
}

/* 需要 Top Blue Banner >> 但是要隱藏 Title for Feature Article */
.No-Article .Feature_Articles.blockquote {
 border-left: none;
 padding: 0;
}


/* 需要 Top Blue Banner >> 但是要隱藏 Title for Feature Article */
.No-Article .breadcrumb_block + .a_section {
   display: none;
   margin-bottom: 0;
}







/* =====================================================================================================
   RWD   >>  Rich Content Element
   ===================================================================================================== */

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



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

   
   /* 該區 Section 往下縮減 (margin-bottom:-10%) */
   section.Overlay_Bottom {
   margin-bottom: -10%;
   }


   /* 該區 Section 往上覆蓋 (margin-bottom:-10%) */
   section.Overlay_Top {
   margin-top: -10%;
   }


   /* Title (H3 & H2) >> ::After/ Before > 底綠條 
   .Title-After .home_channel_videos h2::after, 
   .Title-After div.home_spot_light h2::after, 
   .Title-After div[class*="markets-solutions-"] h2::after, 
   .Title-After .markets-top-banner.richcontent div[class*="text-block"] h3.RC_LTitle::after, 
   .Title-Before .home_channel_videos h2::before, 
   .Title-Before div.home_spot_light h2::before, 
   .Title-Before div[class*="markets-solutions-"] h2::before, 
   .Title-Before .markets-top-banner.richcontent div[class*="text-block"] h3.RC_LTitle::before {
   content: "";
   background: rgba(142, 194, 31, 1.0);
   height: 2px;
   display: block;
   position: relative;
   width: 150px;
   margin: 0 auto 10px;
   text-align: center;
   top: 10px;
   }
   */


   /* Title (H3 & H2) >> ::After/ Before > 邊邊綠條 (含 text_block 左 & 右) */
   .Title-After.Green-Side .markets-top-banner.richcontent div[class*="text_block_top-"] h3.RC_LTitle::after, 
   .Title-Before.Green-Side .markets-top-banner.richcontent div[class*="text_block_top-"] h3.RC_LTitle::before {
   position: absolute;
   height: 10vh;
   width: 2px;
   }

   /* Title (H3 & H2) >> ::After > 左邊綠條 (僅 text_block_top-right 右) */
   .Title-After.Green-Side .markets-top-banner.richcontent .text_block_top-right h3.RC_LTitle::before, 
   .Title-After.Green-Side .markets-top-banner.richcontent .text_block_top-right h3.RC_LTitle::after {
   top: 0 !important;
   left: -7% !important;
   left: -8% !important;
   }

   /* Title (H3 & H2) >> ::Before > 右邊綠條 (僅 text_block_top-left 左) */
   .Title-Before.Green-Side .markets-top-banner.richcontent .text_block_top-left h3.RC_LTitle::before, 
   .Title-Before.Green-Side .markets-top-banner.richcontent .text_block_top-left h3.RC_LTitle::after {
   top: 0 !important;
   left: 105% !important;
   }


   /* Recommend Products (置左) */
   #products-1.float_Left .markets-solutions-recommend-products .product-item, 
   #products.float_Left .markets-solutions-recommend-products .product-item, 
   .float_Left div.markets-solutions-recommend-products .product-item, 
   .rec_Products.float_Left .markets-solutions-recommend-products .product-item, 
   .float_Left div.markets-solutions-applications .app-block-container, 
   .rec_Products.float_Left div.markets-solutions-applications .app-block-container {
   float: left !important;
   }

	/* Recommend Products (置中) */
	#products-1.float_None .markets-solutions-recommend-products .product-item, 
	#products.float_None .markets-solutions-recommend-products .product-item, 
	.float_None div.markets-solutions-recommend-products .product-item, 
	.rec_Products.float_None .markets-solutions-recommend-products .product-item, 
   .float_None div.markets-solutions-applications .app-block-container, 
   .rec_Products.float_None div.markets-solutions-applications .app-block-container {
	float: none !important;
	}


}


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

   .Wide-Container .container {
   width: 1200px;
   }

}

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

   /* Title (H3 & H2) >> ::After/ Before > 底綠條 */
   .Title-After .home_channel_videos h2::after, 
   .Title-After div.home_spot_light h2::after, 
   .Title-After div[class*="markets-solutions-"] h2::after, 
   .Title-After .markets-top-banner.richcontent div[class*="text-block"] h3.RC_LTitle::after, 
   .Title-Before .home_channel_videos h2::before, 
   .Title-Before div.home_spot_light h2::before, 
   .Title-Before div[class*="markets-solutions-"] h2::before, 
   .Title-Before .markets-top-banner.richcontent div[class*="text-block"] h3.RC_LTitle::before {
   content: "";
   background: rgba(142, 194, 31, 1.0);
   height: 2px;
   display: block;
   position: relative;
   width: 150px;
   margin: 0 auto 10px;
   text-align: center;
   top: 10px;
   }

 }


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

   .Wide-Container .container {
   width: 1400px;
   }

}


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

   .Title-After.Green-Side .markets-top-banner.richcontent .text_block_top-right h3.RC_LTitle::after {
   top: 10.5% !important;
   top: 0px !important;
   left: 3% !important;
   left: 2% !important;
   top: 7px !important;
   left: -70px !important;
   left: -12% !important;
   }

}


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

   .Title-After.Green-Side .markets-top-banner.richcontent .text_block_top-right h3.RC_LTitle::after {
   top: 85px !important;
   left: 3% !important;
   left: 2% !important;
   }

}



@Media (min-width: 1200px) and (max-width: 1499px) { 

   /* Arrow Down::After */
   section.Arrow-Down-after::after, 
   section.Arrow-Down-after-Light::after {
   background-size: 67%;
   }

}


/* 大螢幕 */
@Media (min-width: 1000px) and (max-width: 1280px) {

   /* Arrow Down::After */
   section.Arrow-Down-after::after, 
   section.Arrow-Down-after-Light::after {
   background-size: 90% !important;
   }

}


@Media (min-width: 1050px) and (max-width: 1770px) {

   /* Arrow Down::After */
   section.Arrow-Down-after::after, 
   section.Arrow-Down-after-Light::after {
   background-size: 70% !important;
   }

}


/* 1400 以下 */
@Media (max-width: 1400px) {

   /* Arrow Down::After */
   section.Arrow-Down-after::after, 
   section.Arrow-Down-after-Light::after {
   background-size: 80%;
   }
   
}


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



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


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

   /* Logo 位置 > for Mobile */
   #logo {
   margin-top: 15px !important;
   }

   .Title-After.Green-Side .markets-top-banner.richcontent .text_block_top-right h3.RC_LTitle::before {
   top: 15px !important;
   }

}


/* 寬電腦解析度 >> 1200 以下 */
@Media (max-width: 1200px) {
   
   /* LightBox >> Width */
   .modal-lg {
   width: auto !important;
   }

   section.Arrow-Down-after::after, 
   section.Arrow-Down-after-Light::after {
   background-size: 90% !important;
   }

}



/* iPad >> 979 以下 */
@Media (max-width: 979px) {}



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

   /* LightBox >> Width */
   .modal-lg {
   width: auto !important;
   }
   /* 垂直 > 置中 */
   .vertical_align {
   display: block !important;
   }
}


/* 平板電腦、橫向手機和一般桌機解析度 */
@Media (min-width: 768px) and (max-width: 979px) { 
	   
   .markets-solutions-overview h2, 
   .markets-solutions-applications h2, .markets-solutions-benefits h2, 
   .markets-solutions-recommend-products h2, 
   #Form_embedded .markets-solutions-applications h2, 
   .diagram_Case .Rich_Content .wording_block h3, 
   #Diagram .Rich_Content .wording_block h3, 
   #Diagram-1 .Rich_Content .wording_block h3, 
   #Diagram-2 .Rich_Content .wording_block h3, 
   .diagram_Case .markets-top-banner.richcontent h3.RC_LTitle, 
   #Diagram .markets-top-banner.richcontent h3.RC_LTitle, 
   .diagram_Case .Rich_Content .wording_block h3 {
   font-size: 35px !important;
   line-height: 50px !important;
   }
   
}

  /* 767 以下 */
  @Media (max-width: 811px) {

   .markets-top-banner.richcontent h3.RC_LTitle, 
   .markets-solutions-overview h2, 
   .markets-solutions-applications h2, 
   .markets-solutions-benefits h2, 
   .home_spot_light h2, 
   .home_promotion_top h2, 
   .home_channel_videos h2 {
   text-align: center !important;
   }

 }


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

   .markets-solutions-overview h2, 
   .markets-solutions-applications h2, 
   .markets-solutions-benefits h2 {
   font-size: 35px !important;
   line-height: 45px !important;
   }

}


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


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

   section.Arrow-Down-after::after, 
   section.Arrow-Down-after-Light::after {
   content: none !important;
   }

   .markets-solutions-overview h2, 
   .markets-solutions-applications h2, 
   .markets-solutions-benefits h2 {
   font-size: 34px !important;
   line-height: 44px !important;
   }

}

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

   .markets-solutions-overview h2, 
   .markets-solutions-applications h2, 
   .markets-solutions-benefits h2 {
   font-size: 34px !important;
   line-height: 44px !important;
   }

}

/* 480 以下 */
@Media (max-width: 480px) {

   section.Arrow-Down-after::after, 
   section.Arrow-Down-after-Light::after {
   content: none !important;
   }

   #content div div.container:not(#Form_embedded)  {
   /*padding-right: 0px !important;
   margin-left: 3%;*/
   padding: unset !important;
   margin: auto !important;
   }

   #content div.container:not(#Form_embedded) {
   padding-right: 0 !important;
   }

   #content div div.home_spot_light .container {
   padding-left: 2% !important;
   }
   
   .markets-solutions-overview h2, 
   .markets-solutions-applications h2, 
   .markets-solutions-benefits h2 {
   font-size: 34px !important;
   line-height: 44px !important;
   padding: 0 5%;
   }

   .markets-top-banner.richcontent h4 {
   margin-right: 0em !important;
   }
   
}


/* 472 以下 */
@Media (max-width: 472px) { 



}








/* =====================================================================================================
                                  #Product-Comparison >> 嵌入引用產品頁比較表程式用
===================================================================================================== */

/* #Product-Comparison >> 所有 td + th 對齊方式 */
#Product-Comparison .markets-solutions-applications .table.comparisontable th,  
#Product-Comparison .markets-solutions-applications .table.comparisontable td, 
#comparison-table-from-product-page .markets-solutions-applications .table.comparisontable th,  
#comparison-table-from-product-page .markets-solutions-applications .table.comparisontable td, 
.markets-solutions-applications .table.comparisontable th,  
.markets-solutions-applications .table.comparisontable td {
  /*vertical-align: top;*/
  text-align: center;
  padding: 15px 18px 15px;
}

/* 第一列 tr (Model Name) >> BG Color */
#Product-Comparison .markets-solutions-applications .table.comparisontable tr:first-child, 
#comparison-table-from-product-page .markets-solutions-applications .table.comparisontable tr:first-child, 
.markets-solutions-applications .table.comparisontable tr:first-child {
   background-color: #f8f8f8;
}

/* 第一列 tr (Model Name) >> td >> 對齊上方 + 齊左 */
#Product-Comparison .markets-solutions-applications .table.comparisontable tr:first-child td, 
#comparison-table-from-product-page .markets-solutions-applications .table.comparisontable tr:first-child td, 
.markets-solutions-applications .table.comparisontable tr:first-child td {
   vertical-align: top;
   text-align: left;
}

/* 第一欄位 th (Function Name) >> 齊左 */
#Product-Comparison .markets-solutions-applications .table.comparisontable th:first-child, 
#comparison-table-from-product-page .markets-solutions-applications .table.comparisontable th:first-child, 
.markets-solutions-applications .table.comparisontable th:first-child {
   /*font-weight: 500;*/
   text-align: left;
 }


 /* #Product-Comparison >> Model 產品名 >> 置中 */
 #Product-Comparison .table.comparisontable .compare-modal .product-name, 
.table.comparisontable .compare-modal .product-name {
   /*text-align: center;*/
 }


/* #Product-Comparison >> 產品描述 (Des) */
#Product-Comparison .table.comparisontable .compare-modal .description, 
#comparison-table-from-product-page .table.comparisontable .compare-modal .description, 
.table.comparisontable .compare-modal .description {
   line-height: 1.6em;
   padding-top: 6px;
}


#Product-Comparison .markets-solutions-applications .table.comparisontable td div.csv, 
#comparison-table-from-product-page .markets-solutions-applications .table.comparisontable td div.csv, 
.markets-solutions-applications .table.comparisontable td div.csv {
   font-size: 0.9em;
   letter-spacing: -0.001em;
}


   /* Product Name >> Font-size (a herf) */
   #Product-Comparison .markets-solutions-applications .table.comparisontable td.compare-modal .product-name a:hover, 
   .markets-solutions-applications .table.comparisontable td.compare-modal .product-name a:hover {
   color: #005caa;
 }




@media (min-width: 1024px) {

   /* #Product-Comparison >> H2 標題 */
   #Product-Comparison h2, 
   #comparison-table-from-product-page h2 {
   font-size: 35px !important;
   line-height: 50px !important;
   text-align: center !important;
   font-weight: 300;
   }

   /* Product Name >> Font-size (a herf) */
   #Product-Comparison .markets-solutions-applications .table.comparisontable td.compare-modal .product-name a, 
   .markets-solutions-applications .table.comparisontable td.compare-modal .product-name a, 
   #Product-Comparison .markets-solutions-applications .table.comparisontable tr:first-child th:first-child, 
   .markets-solutions-applications .table.comparisontable tr:first-child th:first-child {
   font-size: 1.1em;
   }

   #Product-Comparison .markets-solutions-applications .table.comparisontable th:first-child, 
   #comparison-table-from-product-page .markets-solutions-applications .table.comparisontable th:first-child, 
   .markets-solutions-applications .table.comparisontable th:first-child {
   font-size: 0.9em;
   }

}

















/* =========================================================================
              RWD (All Text & Rich Content Text)
========================================================================= */
 
 
 
 
 /* 橫向智慧手機到竪立平板電腦解析度 >> 1024 以上 */
 @Media (min-width: 1024px) {
 
   /* All Rich Content >> H3 (圖文) */
   .Rich_Des .markets-top-banner.richcontent h3.RC_LTitle,
   .Rich_Banner .markets-top-banner.richcontent h3.RC_LTitle {
   letter-spacing: -0.005em !important;
   }

    /* Rich Content + 一般 >> >> 左右文字 >> H3 */
    .Rich_Des .markets-top-banner.richcontent div[class*="text_block_top-"] h3.RC_LTitle, 
    .markets-top-banner.richcontent div[class*="text_block_top-"] h3.RC_LTitle, 
    div.home_channel_videos h2, 
    div.home_spot_light h2, 
    div[class*="markets-solutions-"] h2:not([data-exclude-h2-scale="true"]),
    div[class*="markets-solutions-"] h2:not(.dia_name), 
    .markets-top-banner.richcontent div[class*="text-block"] h3.RC_LTitle {
    font-size: 3em !important;
    }

    /* Rich Content + 一般 >> >> 左右文字 >> H3 >> 縮小 */
    .Rich_Des.title_Small .markets-top-banner.richcontent div[class*="text_block_top-"] h3.RC_LTitle, 
    .title_Small .markets-top-banner.richcontent div[class*="text_block_top-"] h3.RC_LTitle, 
    .title_Small div.home_channel_videos h2, 
    .title_Small div.home_spot_light h2, 
    .title_Small div[class*="markets-solutions-"] h2:not([data-exclude-h2-scale="true"]),
    .title_Small div[class*="markets-solutions-"] h2:not(.dia_name), 
    .title_Small .markets-top-banner.richcontent div[class*="text-block"] h3.RC_LTitle {
    font-size: 2.75em !important;
    }

    /* Rich Content + 一般 >> >> 左右文字 >> H3 >> 放大 */
    .Rich_Des.title_Large .markets-top-banner.richcontent div[class*="text_block_top-"] h3.RC_LTitle, 
    .title_Large .markets-top-banner.richcontent div[class*="text_block_top-"] h3.RC_LTitle, 
    .title_Large div.home_channel_videos h2, 
    .title_Large div.home_spot_light h2, 
    .title_Large div[class*="markets-solutions-"] h2:not([data-exclude-h2-scale="true"]),
    .title_Large div[class*="markets-solutions-"] h2:not(.dia_name), 
    .title_Large .markets-top-banner.richcontent div[class*="text-block"] h3.RC_LTitle {
    font-size: 3.5em !important;
    }

}

/* 大螢幕 >> 1800 以上 */
@Media (min-width: 1800px) {

    /* Rich Content + 一般 >> >> 左右文字 >> H3  */
    .Rich_Des .markets-top-banner.richcontent div[class*="text_block_top-"] h3.RC_LTitle, 
    .markets-top-banner.richcontent div[class*="text_block_top-"] h3.RC_LTitle, 
    div.home_channel_videos h2, 
    div.home_spot_light h2, 
    div[class*="markets-solutions-"] h2:not([data-exclude-h2-scale="true"]),
    div[class*="markets-solutions-"] h2:not(.dia_name), 
    .markets-top-banner.richcontent div[class*="text-block"] h3.RC_LTitle {
    font-size: 3.15em !important;
    }

    /* Rich Content + 一般 >> >> 左右文字 >> H3 >> 縮小 */
    .Rich_Des.title_Small .markets-top-banner.richcontent div[class*="text_block_top-"] h3.RC_LTitle, 
    .title_Small .markets-top-banner.richcontent div[class*="text_block_top-"] h3.RC_LTitle, 
    .title_Small div.home_channel_videos h2, 
    .title_Small div.home_spot_light h2, 
    .title_Small div[class*="markets-solutions-"] h2:not([data-exclude-h2-scale="true"]),
    .title_Small div[class*="markets-solutions-"] h2:not(.dia_name), 
    .title_Small .markets-top-banner.richcontent div[class*="text-block"] h3.RC_LTitle {
    font-size: 3em !important;
    }

    /* Rich Content + 一般 >> >> 左右文字 >> H3 >> 放大 */
    .Rich_Des.title_Large .markets-top-banner.richcontent div[class*="text_block_top-"] h3.RC_LTitle, 
    .title_Large .markets-top-banner.richcontent div[class*="text_block_top-"] h3.RC_LTitle, 
    .title_Large div.home_channel_videos h2, 
    .title_Large div.home_spot_light h2, 
    .title_Large div[class*="markets-solutions-"] h2:not([data-exclude-h2-scale="true"]),
    .title_Large div[class*="markets-solutions-"] h2:not(.dia_name), 
    .title_Large .markets-top-banner.richcontent div[class*="text-block"] h3.RC_LTitle {
    font-size: 3.5em !important;
    }

   
}



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

   /* Case Study >> ##Quote >> Rich Content + 一般 >> >> 左右文字 >> H3 */
   #Quote .markets-top-banner.richcontent div[class*="text_block_top-"] h3.RC_LTitle, 
   #Quote .markets-top-banner.richcontent div[class*="text-block"] h3.RC_LTitle {
   font-size: 3em !important;

   font-size: 40px !important;
   line-height: 1.5em !important;
   }
	
}



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

   /* All Rich Content >> H3 (圖文) */
   .Rich_Des .markets-top-banner.richcontent h3.RC_LTitle,
   .Rich_Banner .markets-top-banner.richcontent h3.RC_LTitle {
   }

}















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

                         .Auto-Gray-Odd (奇數 ) / .Auto-Gray-Even (偶數 ) >> 隔一個 Section >> 自動套灰底 

	                                【 自動套淺灰底色 >> 奇數(Odd) / 偶數(Even) >> 套灰色 】

                                  >> 第一個不要灰色(.Auto-Gray-Odd) >> 第 2, 4, 6....變灰色

                                  >> 第一個要灰色 (.Auto-Gray-Even) >> 第 1, 3, 5....變灰色

                                  >> Section 只能單獨使用 .Auto-Gray-Odd 或者 .Auto-Gray-Even

                                  >> 若要套用 : 隔一個 Section >> 自動套灰底, 每個 Section 都要填入同一組樣式名
                                  
======================================================================================================================== */



/* 限定套用 .Auto-Gray-?? 的 div -- 奇數(Odd)/ 偶數(Even)自動灰底 (.markets-solutions-applications 模組) >>  */
section[class*="Auto-Gray-"]:nth-of-type(odd) .markets-solutions-applications, 

section[class*="Auto-Gray-"]:nth-of-type(even) .markets-solutions-applications {
	
}


/* 限定套用 .Auto-Gray-?? 的 div -- 奇數(Odd)/ 偶數(Even)自動灰底 (markets-solutions-applications 模組) >> 加灰色底 */
section.Auto-Gray-Odd:nth-of-type(odd) .markets-solutions-applications, /* 奇數 */

section.Auto-Gray-Even:nth-of-type(even) .markets-solutions-applications /* 偶數 */ {
	background: rgba(245, 248, 250, 1) !important;
}





/* 限定套用 .Auto-Gray-?? 的 div -- 奇數(Odd)/ 偶數(Even)自動灰底 (Recommended Products 模組) >> 刪除灰線 */
section[class*="Auto-Gray-"].rec_Products + section.rec_Products::before, 
section.rec_Products+section.rec_Products[class*="Auto-Gray-"]::before {
	content: none !important;
}


/* 限定套用 .Auto-Gray-?? 的 div -- 奇數(Odd)/ 偶數(Even)自動灰底 (Recommended Products 模組) >>  */
#products[class*="Auto-Gray-"]:nth-of-type(odd) .markets-solutions-recommend-products, 
[class*="Auto-Gray-"].rec_Products.rec_white:nth-of-type(odd) div.markets-solutions-recommend-products,
.rec_Products.rec_white[class*="Auto-Gray-"]:nth-of-type(odd) div.markets-solutions-recommend-products, 

#products[class*="Auto-Gray-"]:nth-of-type(even) .markets-solutions-recommend-products, 
[class*="Auto-Gray-"].rec_Products.rec_white:nth-of-type(even) div.markets-solutions-recommend-products,
.rec_Products.rec_white[class*="Auto-Gray-"]:nth-of-type(even) div.markets-solutions-recommend-products {
	
}


/* 限定套用 .Auto-Gray-?? 的 div -- 奇數(Odd)/ 偶數(Even)自動灰底 (Recommended Products 模組) >> 加灰色底 */
#products.Auto-Gray-Odd:nth-of-type(odd) .markets-solutions-recommend-products, /* 奇數 */
.Auto-Gray-Odd.rec_Products.rec_white:nth-of-type(odd) div.markets-solutions-recommend-products, /* 奇數 */
.rec_Products.rec_white.Auto-Gray-Odd:nth-of-type(odd) div.markets-solutions-recommend-products, /* 奇數 */

#products.Auto-Gray-Even:nth-of-type(even) .markets-solutions-recommend-products, /* 偶數 */
.Auto-Gray-Even.rec_Products.rec_white:nth-of-type(even) div.markets-solutions-recommend-products, /* 偶數 */
.rec_Products.rec_white.Auto-Gray-Even:nth-of-type(even) div.markets-solutions-recommend-products /* 偶數 */ {
	background: rgba(245, 248, 250, 1) !important;
}




/* 限定套用 .Auto-Gray-?? 的 div -- 奇數(Odd)/ 偶數(Even)自動灰底 (Recommended Products 模組) >>  */
section[class*="Auto-Gray-"]:nth-of-type(odd) .markets-top-banner, 
[class*="Auto-Gray-"]:nth-of-type(odd) div.markets-top-banner, 

section[class*="Auto-Gray-"]:nth-of-type(even) .markets-top-banner, 
[class*="Auto-Gray-"]:nth-of-type(even) div.markets-top-banner {
	
}


/* 限定套用 .Auto-Gray-?? 的 div -- 奇數(Odd)/ 偶數(Even)自動灰底 (Recommended Products 模組) >> 加灰色底 */
/*【.Auto-Gray-Odd】奇數(Odd) >> 1, 3, 5,.... */
section.Auto-Gray-Odd:nth-of-type(odd) .markets-top-banner, /* 奇數 */
.Auto-Gray-Odd:nth-of-type(odd) div.markets-top-banner, /* 奇數 */

/*【.Auto-Gray-Even】偶數(Even) >> 2, 4, 6,.... */
section.Auto-Gray-Even:nth-of-type(even) .markets-top-banner, /* 偶數 */
.Auto-Gray-Even:nth-of-type(even) div.markets-top-banner /* 偶數 */ {
	background: rgba(245, 248, 250, 1) !important;
}

























/* =====================================================================================================
                                  多國語言調整 (統一寫這裡)
===================================================================================================== */



/* benefits >> h3 太長 (RU) */
body.locale_ru-ru #content #benefits .markets-solutions-applications h3 {
   font-size: 1.3em;
}






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

   /* benefits >> h3 字太長 (RU ) */
   body.locale_ru-ru #content #benefits .markets-solutions-applications p {
   height: 125px !important;
   }

   /* (多國) Featured_Products >> 內文高度 */
   body.locale_pl-pl #content #Featured_Products .spotlight-item p,
   body.locale_la-es #content #Featured_Products .spotlight-item p, 
   body.locale_la-pt #content #Featured_Products .spotlight-item p, 
   body.locale_de-de #content #Featured_Products .spotlight-item p, 
   body.locale_es-es #content #Featured_Products .spotlight-item p, 
   body.locale_fr-fr #content #Featured_Products .spotlight-item p, 
   body.locale_pt-pt #content #Featured_Products .spotlight-item p, 
   body.locale_se-sv #content #Featured_Products .spotlight-item p, 
   body.locale_ru-ru #content #Featured_Products .spotlight-item p {
   height: 158px !important;
   }

   /* (多國 RU) Featured_Products >> 內文高度 >> 字太長 */
   body.locale_ru-ru #content #Featured_Products .spotlight-item p {
   height: 175px !important;
   }

   /* (多國) Featured_Products >> 文字左右 padding */
   body.locale_pl-pl #content #Featured_Products .spotlight-item h4, 
   body.locale_la-es #content #Featured_Products .spotlight-item h4, 
   body.locale_la-pt #content #Featured_Products .spotlight-item h4, 
   body.locale_de-de #content #Featured_Products .spotlight-item h4, 
   body.locale_es-es #content #Featured_Products .spotlight-item h4, 
   body.locale_fr-fr #content #Featured_Products .spotlight-item h4, 
   body.locale_pt-pt #content #Featured_Products .spotlight-item h4, 
   body.locale_se-sv #content #Featured_Products .spotlight-item h4, 
   body.locale_ru-ru #content #Featured_Products .spotlight-item h4, 
   body.locale_pl-pl #content #Featured_Products .spotlight-item p, 
   body.locale_la-es #content #Featured_Products .spotlight-item p, 
   body.locale_la-pt #content #Featured_Products .spotlight-item p, 
   body.locale_de-de #content #Featured_Products .spotlight-item p, 
   body.locale_es-es #content #Featured_Products .spotlight-item p, 
   body.locale_fr-fr #content #Featured_Products .spotlight-item p, 
   body.locale_pt-pt #content #Featured_Products .spotlight-item p, 
   body.locale_se-sv #content #Featured_Products .spotlight-item p, 
   body.locale_ru-ru #content #Featured_Products .spotlight-item p, 
   body.locale_pl-pl #content #Featured_Products .spotlight-item a, 
   body.locale_la-es #content #Featured_Products .spotlight-item a, 
   body.locale_la-pt #content #Featured_Products .spotlight-item a, 
   body.locale_de-de #content #Featured_Products .spotlight-item a, 
   body.locale_es-es #content #Featured_Products .spotlight-item a, 
   body.locale_fr-fr #content #Featured_Products .spotlight-item a, 
   body.locale_pt-pt #content #Featured_Products .spotlight-item a, 
   body.locale_se-sv #content #Featured_Products .spotlight-item a, 
   body.locale_ru-ru #content #Featured_Products .spotlight-item a {
   margin-right: 15px;
   margin-left: 15px;
   }

}


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

   /* Banner >> 1 顆按鈕 */
   body.locale_pl-pl #content #parallax_banner .markets-top-banner.richcontent .golink.btn.btn-primary, 
   body.locale_la-es #content #parallax_banner .markets-top-banner.richcontent .golink.btn.btn-primary, 
   body.locale_la-pt #content #parallax_banner .markets-top-banner.richcontent .golink.btn.btn-primary, 
   body.locale_de-de #content #parallax_banner .markets-top-banner.richcontent .golink.btn.btn-primary, 
   body.locale_es-es #content #parallax_banner .markets-top-banner.richcontent .golink.btn.btn-primary, 
   body.locale_fr-fr #content #parallax_banner .markets-top-banner.richcontent .golink.btn.btn-primary, 
   body.locale_pt-pt #content #parallax_banner .markets-top-banner.richcontent .golink.btn.btn-primary, 
   body.locale_se-sv #content #parallax_banner .markets-top-banner.richcontent .golink.btn.btn-primary, 
   body.locale_ru-ru #content #parallax_banner .markets-top-banner.richcontent .golink.btn.btn-primary {
   width: auto !important;
   }

   /* Banner >> 2 顆按鈕 */
   body.locale_pl-pl #content #parallax_banner.banner_Buttonx2 .markets-top-banner.richcontent .golink.btn.btn-primary, 
   body.locale_la-es #content #parallax_banner.banner_Buttonx2 .markets-top-banner.richcontent .golink.btn.btn-primary, 
   body.locale_la-pt #content #parallax_banner.banner_Buttonx2 .markets-top-banner.richcontent .golink.btn.btn-primary, 
   body.locale_de-de #content #parallax_banner.banner_Buttonx2 .markets-top-banner.richcontent .golink.btn.btn-primary, 
   body.locale_es-es #content #parallax_banner.banner_Buttonx2 .markets-top-banner.richcontent .golink.btn.btn-primary, 
   body.locale_fr-fr #content #parallax_banner.banner_Buttonx2 .markets-top-banner.richcontent .golink.btn.btn-primary, 
   body.locale_pt-pt #content #parallax_banner.banner_Buttonx2 .markets-top-banner.richcontent .golink.btn.btn-primary, 
   body.locale_se-sv #content #parallax_banner.banner_Buttonx2 .markets-top-banner.richcontent .golink.btn.btn-primary, 
   body.locale_ru-ru #content #parallax_banner.banner_Buttonx2 .markets-top-banner.richcontent .golink.btn.btn-primary, 
   
   body.locale_pl-pl #content #parallax_banner.Two_Button .markets-top-banner.richcontent .golink.btn.btn-primary, 
   body.locale_la-es #content #parallax_banner.Two_Button .markets-top-banner.richcontent .golink.btn.btn-primary, 
   body.locale_la-pt #content #parallax_banner.Two_Button .markets-top-banner.richcontent .golink.btn.btn-primary, 
   body.locale_de-de #content #parallax_banner.Two_Button .markets-top-banner.richcontent .golink.btn.btn-primary, 
   body.locale_es-es #content #parallax_banner.Two_Button .markets-top-banner.richcontent .golink.btn.btn-primary, 
   body.locale_fr-fr #content #parallax_banner.Two_Button .markets-top-banner.richcontent .golink.btn.btn-primary, 
   body.locale_pt-pt #content #parallax_banner.Two_Button .markets-top-banner.richcontent .golink.btn.btn-primary, 
   body.locale_se-sv #content #parallax_banner.Two_Button .markets-top-banner.richcontent .golink.btn.btn-primary, 
   body.locale_ru-ru #content #parallax_banner.Two_Button .markets-top-banner.richcontent .golink.btn.btn-primary {
   width: 75% !important;
   padding: 3px 15px 3px !important;
   }

}



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

   /* 兩個 Button 多國 */
   body.locale_pl-pl #content #parallax_banner.banner_Buttonx2 .RC_BG, 
   body.locale_la-es #content #parallax_banner.banner_Buttonx2 .RC_BG, 
   body.locale_la-pt #content #parallax_banner.banner_Buttonx2 .RC_BG, 
   body.locale_de-de #content #parallax_banner.banner_Buttonx2 .RC_BG, 
   body.locale_es-es #content #parallax_banner.banner_Buttonx2 .RC_BG, 
   body.locale_fr-fr #content #parallax_banner.banner_Buttonx2 .RC_BG, 
   body.locale_pt-pt #content #parallax_banner.banner_Buttonx2 .RC_BG, 
   body.locale_se-sv #content #parallax_banner.banner_Buttonx2 .RC_BG, 
   body.locale_ru-ru #content #parallax_banner.banner_Buttonx2 .RC_BG {
   height: 80vh !important;
   }



   /* 兩個 Button 多國 */
   .banner_Buttonx2 .markets-top-banner.richcontent a.btn.btn-primary.WithSpan:last-child {
   margin-bottom: 10px !important;
   }

   /* Button 多國文字太長 */
   body.locale_pl-pl #content a.btn.btn-primary, 
   body.locale_la-es #content a.btn.btn-primary, 
   body.locale_la-pt #content a.btn.btn-primary, 
   body.locale_de-de #content a.btn.btn-primary, 
   body.locale_es-es #content a.btn.btn-primary, 
   body.locale_fr-fr #content a.btn.btn-primary, 
   body.locale_pt-pt #content a.btn.btn-primary, 
   body.locale_se-sv #content a.btn.btn-primary, 
   body.locale_ru-ru #content a.btn.btn-primary, 
   body.locale_it-it #content a.btn.btn-primary, 
   body.locale_nl-nl #content a.btn.btn-primary {
   overflow: hidden;
   white-space: pre-wrap;
   }


   /* Button 多國文字太長 */
   body.locale_pl-pl #content a.btn.btn-primary span, 
   body.locale_la-es #content a.btn.btn-primary span, 
   body.locale_la-pt #content a.btn.btn-primary span, 
   body.locale_de-de #content a.btn.btn-primary span, 
   body.locale_es-es #content a.btn.btn-primary span, 
   body.locale_fr-fr #content a.btn.btn-primary span, 
   body.locale_pt-pt #content a.btn.btn-primary span, 
   body.locale_se-sv #content a.btn.btn-primary span, 
   body.locale_ru-ru #content a.btn.btn-primary span, 
   body.locale_it-it #content a.btn.btn-primary span, 
   body.locale_nl-nl #content a.btn.btn-primary span {
   display: inline-block;
   text-align: left;
   top: unset !important;
   }


   /* Button 多國文字太長 */
   body.locale_pl-pl #content a.btn.btn-primary::before, 
   body.locale_la-es #content a.btn.btn-primary::before, 
   body.locale_la-pt #content a.btn.btn-primary::before, 
   body.locale_de-de #content a.btn.btn-primary::before, 
   body.locale_es-es #content a.btn.btn-primary::before, 
   body.locale_fr-fr #content a.btn.btn-primary::before, 
   body.locale_pt-pt #content a.btn.btn-primary::before, 
   body.locale_se-sv #content a.btn.btn-primary::before, 
   body.locale_ru-ru #content a.btn.btn-primary::before, 
   body.locale_it-it #content a.btn.btn-primary::before, 
   body.locale_nl-nl #content a.btn.btn-primary::before, 
   body.locale_pl-pl #content #parallax_banner .markets-top-banner.richcontent .wording_block .button_Brochure::before, 
   body.locale_la-es #content #parallax_banner .markets-top-banner.richcontent .wording_block .button_Brochure::before, 
   body.locale_la-pt #content #parallax_banner .markets-top-banner.richcontent .wording_block .button_Brochure::before, 
   body.locale_de-de #content #parallax_banner .markets-top-banner.richcontent .wording_block .button_Brochure::before, 
   body.locale_es-es #content #parallax_banner .markets-top-banner.richcontent .wording_block .button_Brochure::before, 
   body.locale_fr-fr #content #parallax_banner .markets-top-banner.richcontent .wording_block .button_Brochure::before, 
   body.locale_pt-pt #content #parallax_banner .markets-top-banner.richcontent .wording_block .button_Brochure::before, 
   body.locale_se-sv #content #parallax_banner .markets-top-banner.richcontent .wording_block .button_Brochure::before, 
   body.locale_ru-ru #content #parallax_banner .markets-top-banner.richcontent .wording_block .button_Brochure::before, 
   body.locale_it-it #content #parallax_banner .markets-top-banner.richcontent .wording_block .button_Brochure::before, 
   body.locale_nl-nl #content #parallax_banner .markets-top-banner.richcontent .wording_block .button_Brochure::before, 
   body.locale_pl-pl #content #fu_Banner .markets-top-banner.richcontent .wording_block .button_Brochure::before, 
   body.locale_la-es #content #fu_Banner .markets-top-banner.richcontent .wording_block .button_Brochure::before, 
   body.locale_la-pt #content #fu_Banner .markets-top-banner.richcontent .wording_block .button_Brochure::before, 
   body.locale_de-de #content #fu_Banner .markets-top-banner.richcontent .wording_block .button_Brochure::before, 
   body.locale_es-es #content #fu_Banner .markets-top-banner.richcontent .wording_block .button_Brochure::before, 
   body.locale_fr-fr #content #fu_Banner .markets-top-banner.richcontent .wording_block .button_Brochure::before, 
   body.locale_pt-pt #content #fu_Banner .markets-top-banner.richcontent .wording_block .button_Brochure::before, 
   body.locale_se-sv #content #fu_Banner .markets-top-banner.richcontent .wording_block .button_Brochure::before, 
   body.locale_ru-ru #content #fu_Banner .markets-top-banner.richcontent .wording_block .button_Brochure::before, 
   body.locale_it-it #content #fu_Banner .markets-top-banner.richcontent .wording_block .button_Brochure::before, 
   body.locale_nl-nl #content #fu_Banner .markets-top-banner.richcontent .wording_block .button_Brochure::before {
   content: none !important;
   }

}



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

   /* RU 比其它國家更長 */
   body.locale_ru-ru #content #parallax_banner .markets-top-banner.richcontent .golink.btn.btn-primary, 
   body.locale_ru-ru #content a.btn.btn-primary {
   width: auto !important;
   }
   
}