/* =====================================================================================================
   Webfont Import :
 ===================================================================================================== */

/*  for Google Web Font >> Campaign */

@import url('https://ruassets.aten.com/webpage/shared/CMS_Libraries/CSS/Font_Family_GWebFont.css');

/* =====================================================================================================
	  CSS Import
===================================================================================================== */


/*  for ATEN 新視覺色彩 */
@import url('https://ruassets.aten.com/webpage/shared/CMS_Libraries/CSS/ATEN_Blue_TopMenu_Footer.css');


/* for Html Effects */
@import url('https://ruassets.aten.com/webpage/shared/CMS_Libraries/CSS/SVG_Object.css');


/*  for Campaign */
/*@import url('https://ruassets.aten.com/webpage/shared/CMS_Libraries/CSS/Campaign_Hide_TopMenu_Bottom.css');*/
/*@import url('https://ruassets.aten.com/webpage/shared/CMS_Libraries/CSS/Campaign_Button_TopMenu.css');*/


/*  for All Element Style (Content) */
@import url('https://ruassets.aten.com/webpage/shared/CMS_Libraries/CSS/All_Element_Style.css');


/* for CMS Element (Secondary Navigation & Video) */
@import url('https://ruassets.aten.com/webpage/shared/CMS_Libraries/CSS/Secondary_Navigation_OptimizeV2.css');
@import url('https://ruassets.aten.com/webpage/shared/CMS_Libraries/CSS/LightBox_Video-v1_Adjust_Style.css');
@import url('https://ruassets.aten.com/webpage/shared/CMS_Libraries/CSS/LightBox_Image_Gallery.css');
/*@import url('https://ruassets.aten.com/webpage/shared/CMS_Libraries/CSS/LightBox_Video-v2_NoOutline_HideTitle_CloseButton.css');*/


/* for Rich Content */
@import url('https://ruassets.aten.com/webpage/shared/CMS_Libraries/CSS/RichContent_Parallax_Banner.css');
/*@import url('https://ruassets.aten.com/webpage/shared/CMS_Libraries/CSS/Banner_Video_Background.css');*/
@import url('https://ruassets.aten.com/webpage/shared/CMS_Libraries/CSS/RichContent_Button.css');
@import url('https://ruassets.aten.com/webpage/shared/CMS_Libraries/CSS/RichContent_Element.css');
@import url('https://ruassets.aten.com/webpage/shared/CMS_Libraries/CSS/Video_HoverEffects_for_RichContent.css');


/* for Original Content */
@import url('https://ruassets.aten.com/webpage/shared/CMS_Libraries/CSS/Benefits_Icon_Green_Color_Defination.css');
/*@import url('https://ruassets.aten.com/webpage/shared/CMS_Libraries/CSS/Benefits_Icon_Blue_Color_Defination.css');*/
@import url('https://ruassets.aten.com/webpage/shared/CMS_Libraries/CSS/Tab_Switch.css');
@import url('https://ruassets.aten.com/webpage/shared/CMS_Libraries/CSS/Comparison_Table.css');
@import url('https://ruassets.aten.com/webpage/shared/CMS_Libraries/CSS/Featured_Products_Optimization.css');



/* for Act-On Form */
@import url('https://ruassets.aten.com/webpage/shared/CMS_Libraries/CSS/Form_LightBox_Act-On.css');
@import url('https://ruassets.aten.com/webpage/shared/CMS_Libraries/CSS/Form_Page_Bottom_Act-On.css');
/*@import url('https://ruassets.aten.com/webpage/shared/CMS_Libraries/CSS/Form_for_Content_Block_Avalade.css');*/


/* for Shop Online Section */
@import url('https://ruassets.aten.com/webpage/shared/CMS_Libraries/CSS/Shop_Online_Section.css');

#primary-menu {
    display: block !important;
}

/* =====================================================================================================
	                隱藏 LightBox 模組因為填了 ID 所自行產生的右邊導航圓點
===================================================================================================== */

#cd-vertical-nav .golink[data-go*="#LightBox"], 
#cd-vertical-nav .golink[data-go*="#Skrollr_Ani_Import_Java"], 
#cd-vertical-nav .golink[data-go*="#parallax_banner"], 
#cd-vertical-nav .golink[data-go*="#Video_Button_duplicate_toBanner"], 
#cd-vertical-nav .golink[data-go*="#Sec_Get_Quote_Button_duplicate_toMenu"], 
#cd-vertical-nav .golink[data-go*="#Form_embedded"], 
#cd-vertical-nav .golink[data-go*="#RC_Banner-"], 
#cd-vertical-nav .golink[data-go*="#RC_Content-"] {
	display: none !important;
}

/* =====================================================================================================
                                       元件 >> 共用
===================================================================================================== */


/* 客製化 >> All Button(變圓角 for Campaign) > Banner & Rich Content */
.Application_Name.margin_title .Dia_Button, 
#parallax_banner .markets-top-banner.richcontent a.btn.btn-primary, 
.markets-top-banner.richcontent a.btn.btn-primary, #button_Quote, 
#SAct_Button, #SAct_Button2, #Register_Button, 
.secondary-navigation #Register_Button_LineT, 
.ao-form button.ao-form-submit, #block-b1512985974153 button, 
#online_shop .markets-solutions-applications a.btn.btn-primary, 
#online_shop .markets-solutions-applications a.btn.btn-primary:hover {
	border-radius: 6px !important; 
	/*border-radius: 30px !important;*/
}

/* 客製化 >> All Button(寬度 for Campaign) > Banner & Rich Content */
#parallax_banner .markets-top-banner.richcontent a.btn.btn-primary, 
.markets-top-banner.richcontent a.btn.btn-primary, #button_Quote, 
#SAct_Button, #SAct_Button2, #Register_Button, 
.secondary-navigation #Register_Button_LineT, 
.ao-form button.ao-form-submit, #block-b1512985974153 button, 
#online_shop .markets-solutions-applications a.btn.btn-primary, 
#online_shop .markets-solutions-applications a.btn.btn-primary:hover {
	/*width: 215px !important;*/
	width: auto;
}

/* 客製化 >> secondary-navigation > button > border */
.Dark_Sec_NavMenu .secondary-navigation a #SAct_Button:hover, 
.Dark_Sec_NavMenu .secondary-navigation a #SAct_Button2:hover, 
.Dark_Sec_NavMenu .secondary-navigation a #Register_Button:hover {
	border: 2px solid transparent;
	transition: all 0.5s linear 0s;
}



/* 客製化 >> H2 (H3) > 次大標題 (Title) > 粗體 (weight) */
#Connection_Diagram .markets-top-banner.richcontent h3.RC_LTitle, 
div.markets-solutions-applications h2, 
div.markets-solutions-recommend-products h2, 
div.home_spot_light h2 {
	font-weight: 400 !important;
	letter-spacing: -0.01em !important;
	text-align: center;
}


/* 客製化 >> Arrown Down > 區隔 Section */
#benefits::after, 
#RC_Content-3::after {
    content: "";
    background: url(//ruassets.aten.com/webpage/shared/CMS_Libraries/Images/Bsection_Arrow_Down_Green_NoLine.png) no-repeat center center;
    background-size: 55%;
    width: 100%;
    height: 92px;
    display: block;
    position: relative;
    z-index: 10;
    margin: 0 auto;
    text-align: center;
    margin-top: -95px;
    top: 48px;
    filter: drop-shadow(1px 1px 8px rgba(182,186,189,0.2));
}



/* =========================================================================
	                        RWD (元件共用)
========================================================================= */ 


/* 橫向智慧手機到竪立平板電腦解析度 >> 1024 以上 */
@Media (min-width: 1024px) { 
	/* 客製化 >> All Button(寬度 for Campaign) > Banner & Rich Content */
	#parallax_banner .markets-top-banner.richcontent a.btn.btn-primary, 
	.markets-top-banner.richcontent a.btn.btn-primary, #button_Quote, 
	#SAct_Button, #SAct_Button2, #Register_Button, 
	.secondary-navigation #Register_Button_LineT, 
	.ao-form button.ao-form-submit, #block-b1512985974153 button, 
	#online_shop .markets-solutions-applications a.btn.btn-primary, 
	#online_shop .markets-solutions-applications a.btn.btn-primary:hover {
	width: 215px !important;
	}

}


/* =====================================================================================================
	                            Dynamic Template >> 最外層
===================================================================================================== */

/* 最外層底色 */

.core-container {
	background-color: #f4f6f6
}






/* ========================================================================================================================
	                                       Filter Function ( in Main Banner) (Showroom 篩選)
======================================================================================================================== */ 

.select-indust {
    filter: drop-shadow(1px 6px 8px rgba(0, 0, 0, 0.2));
}

div.filter.fixed .select-indust {
    filter: drop-shadow(1px 6px 8px rgba(0, 0, 0, 0));
}

#content .filter .dropdown-menu {
	/*left: 20px !important;*/
	left: 0px !important;
}

#content .filter .dropdown-menu.country_filter {
    left: 10px !important;
}

#content .filter .dropdown-menu {
    font-size: 1em !important;
}

#content .filter .dropdown-menu {
    padding-top: 5px;
    padding-bottom: 5px;
}

.filter .dropdown .btn-default {
    font-size: 1.2em !important;
    font-weight: 400;
}

.dropdown #dropdownMenu_region_filter.btn-default {
    margin-left: 0;
}

.filter #show_all_btn.button {
	font-size: 1.25em;
	font-weight: 500;
	background-color: rgba(133, 193, 47, 0.99) !important;
	border: 2px solid rgba(133, 193, 47, 0.99) !important;
	padding: 5px 30px 8px;
	margin-left: 10px;
	box-shadow: 1px 6px 10px 0 rgba(0, 0, 0, .3) !important;
	transition: all 0.3s ease-in-out 0s;
}

.filter #show_all_btn.button:hover {
    background-color: rgba(159, 226, 40, 1.0) !important;
    border: 2px solid rgba(159, 226, 40, 1.0) !important;
    transition: all 0.5s linear 0s;
}

.filter .dropdown-menu > li > a {
	padding: 7px 20px 5px;
}

.filter .dropdown-menu > li > a:hover, 
.filter .dropdown-menu > li > a:focus {
    text-decoration: none;
    color: #0296d4;
    background-color: #ebf6fc;
}

.filter .btn-default:hover, 
.filter .btn-default:focus, 
.filter .btn-default.focus, 
.filter .btn-default:active, 
.filter .btn-default.active, 
.filter .open > .dropdown-toggle.btn-default {
    color: #333;
    background-color: #ebf6fc;
    border-color: #adadad;
}

.form .ao-form button.ao-form-submit {
	width: auto !important;
}

@media (max-width: 1023px) {
	.select-field, .select-indust {
		filter: none !important;
	}
}
   
/* ========================================================================================================================
	                                       parallax_banner
======================================================================================================================== */ 


.Full_Width_Rich_Content .text_block_top-center .wording_block, .Rich_Content .text_block_top-center .wording_block {
    margin-bottom: 30px;
}


/* Banner > Title (parallax_banner 標題) */
	.banner__caption h1, 
	#parallax_banner .Full_Width_Rich_Content h3, 
	#parallax_banner .Rich_Content h3 {
	/*font-weight: 200;*/
	font-weight: 300;
	}

	#parallax_banner .Full_Width_Rich_Content h3 span, #parallax_banner .Rich_Content h3 span {
		/*font-weight: 400 !important;*/
		font-weight: 500 !important;
	}

	/* 圖片區塊 >> 往下撐 */
	#parallax_banner .markets-top-banner.richcontent .text-block > .col-md-5 {
		margin-bottom: 50px;
	}

	/* parallax_banner 背景色 >> 文字區塊後面 */
	#parallax_banner .markets-top-banner.richcontent .text-block {
	/* 淺色背景(左深右淺) -3 */
	background: -moz-linear-gradient(-45deg,  rgba(7, 69, 118,0.6) 0%,rgba(8, 55, 94,0.8) 58%,rgba(7, 69, 118,0.6) 100%) !important;
	background: -webkit-linear-gradient(-45deg,  rgba(7, 69, 118,0.6) 0%,rgba(8, 55, 94,0.8) 58%,rgba(7, 69, 118,0.6) 100%) !important;
	background: linear-gradient(135deg, rgba(7, 69, 118,0.6) 0%,rgba(8, 55, 94,0.8) 58%, rgba(7, 69, 118,0.6) 100%) !important;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc0030a3', endColorstr='#000099e0',GradientType=1 );
	}



	#parallax_banner .Full_Width_Rich_Content h4, 
	#parallax_banner .Rich_Content h4 {
		/*font-weight: 400;*/
		/*font-weight: 300;*/
		font-weight: 200;
		opacity: 0.75 !important;
		padding-bottom: 50px;
		margin-right: unset !important;
	}



	/* Image > Scale (parallax_banner 圖片) */
	#parallax_banner .img-responsive {
	right: unset !important;
	filter: drop-shadow(2px -30px 20px rgba(1,29,50,0.5)) !important;
	}

	/* 向下箭頭用 */
	#parallax_banner h6.top_banner_main_visual_note {
	font-size: 1.5em !important;
	color: #fff;
	opacity: 0.85;
	position: relative;
	top: 182px;
	/*top: -170px;*/
	z-index: 99;
	} 


	#parallax_banner h6.top_banner_main_visual_note span {
	color: #fff;
	opacity: 0.5;
	font-weight: 300;
	}


/* =========================================================================
	                        RWD (parallax_banner)
========================================================================= */ 


/* 大螢幕 */
@Media (min-width: 1905px) and (max-width: 2100px) { 
	
	#parallax_banner .img-responsive, 
	#parallax_banner .markets-top-banner.richcontent .text_block_top-left img.img-responsive, 
	#parallax_banner .markets-top-banner.richcontent .text_block_top-right img.img-responsive {
		transform: scale(0.9) !important;
		top: 450px !important;
		right: unset !important;
	}
}


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

	/* Banner > Title (parallax_banner 標題) */
	.banner__caption h1, 
	#parallax_banner .Full_Width_Rich_Content h3, 
	#parallax_banner .Rich_Content h3 {
	/*font-size: 73px !important;*/
	font-size: 63px !important;
	line-height: 1.2em;
	}

}


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

	#parallax_banner .RC_BG {
	background-position: center 30% !important;
	}

	#parallax_banner .markets-top-banner.richcontent .text-block.text_block_top-center {
	padding-top: 230px !important;
	}

	#parallax_banner .Full_Width_Rich_Content .text_block_top-center .wording_block, #parallax_banner .Rich_Content .text_block_top-center .wording_block {
		margin-bottom: 30px !important;
	}


	#parallax_banner .markets-top-banner.richcontent .text-block.text_block_top-center, #parallax_banner .markets-top-banner.richcontent .text-block.text_block_bottom-center {
		/*padding-bottom: 130px !important;*/
		padding-bottom: 120px !important;
	}

	/* Wording Block (parallax_banner) >> Position */
	#parallax_banner .text-block.text_block_top-left .wording_block {
	float: right;
	margin-left: 10%;
	}

	/* Image > Scale (parallax_banner 圖片) */
	#parallax_banner .img-responsive, 
	#parallax_banner .markets-top-banner.richcontent .text_block_top-left img.img-responsive, 
	#parallax_banner .markets-top-banner.richcontent .text_block_top-right img.img-responsive {
	/*transform: scale(1.0);*/
	transform: scale(0.85);
	top: 450px;
	right: unset;
	}

	/* Banner > Title (parallax_banner 標題) */
	.banner__caption h1, 
	#parallax_banner .Full_Width_Rich_Content h3, 
	#parallax_banner .Rich_Content h3, 	
	#parallax_banner .Full_Width_Rich_Content h3 span, 
	#parallax_banner .Rich_Content h3 span {
	/*font-size: 60px !important;*/
	font-size: 63px !important;
	line-height: 1.2em;
	}



	#parallax_banner .Full_Width_Rich_Content h3 span sup, 
	#parallax_banner .Rich_Content h3 span sup {
	font-size: 20px;
	top: -51px;
	margin-right: -20px;
	}

}



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


	#parallax_banner .markets-top-banner.richcontent .text-block {
	padding-top: 90px !important;
	padding-bottom: 80px !important;
	}

	/* Image > Scale (parallax_banner 圖片) */
	#parallax_banner .img-responsive, 
	#parallax_banner .markets-top-banner.richcontent .text_block_top-left img.img-responsive, 
	#parallax_banner .markets-top-banner.richcontent .text_block_top-right img.img-responsive {
	transform: scale(0.8) !important;
	}

	/* Banner > Title (parallax_banner 標題) */
	.banner__caption h1, 
	#parallax_banner .Full_Width_Rich_Content h3, 
	#parallax_banner .Rich_Content h3, 
	#parallax_banner .Full_Width_Rich_Content h3 span, 
	#parallax_banner .Rich_Content h3 span {
	/*font-size: 60px !important;*/
	font-size: 63px !important;
	line-height: 1.2em;
	}
}



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

	/* parallax_banner >> text_block (文字區塊後背景色) */
	#parallax_banner .markets-top-banner.richcontent .text-block {
	/* 淺色背景(左深右淺) -2 
	background: -moz-linear-gradient(-45deg,  rgba(7, 69, 118,0.5) 0%,rgba(8, 55, 94,0.6) 58%,rgba(7, 69, 118,0.3) 100%) !important;
	background: -webkit-linear-gradient(-45deg,  rgba(7, 69, 118,0.5) 0%,rgba(8, 55, 94,0.6) 58%,rgba(7, 69, 118,0.3) 100%) !important;
	background: linear-gradient(135deg, rgba(7, 69, 118,0.5) 0%,rgba(8, 55, 94,0.6) 58%, rgba(7, 69, 118,0.3) 100%) !important;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc0030a3', endColorstr='#000099e0',GradientType=1 ); */

	/* 淺色背景(左深右淺) -3 */
	background: -moz-linear-gradient(-45deg,  rgba(7, 69, 118,0.6) 0%,rgba(8, 55, 94,0.8) 58%,rgba(56, 71, 82, 0.6) 100%) !important;
	background: -webkit-linear-gradient(-45deg,  rgba(7, 69, 118,0.6) 0%,rgba(8, 55, 94,0.8) 58%,rgba(7, 69, 118,0.6) 100%) !important;
	background: linear-gradient(135deg, rgba(7, 69, 118,0.6) 0%,rgba(8, 55, 94,0.8) 58%, rgba(7, 69, 118,0.6) 100%) !important;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc0030a3', endColorstr='#000099e0',GradientType=1 );
	}

	/* Banner > Title (parallax_banner 標題) */
	.banner__caption h1, 
	#parallax_banner .Full_Width_Rich_Content h3, 
	#parallax_banner .Rich_Content h3, 	
	#parallax_banner .Full_Width_Rich_Content h3 span, 
	#parallax_banner .Rich_Content h3 span {
	/*font-size: 60px !important;*/
	/*font-size: 73px !important;*/
	font-size: 63px !important;
	line-height: 1.2em;
	}
}
/* 大螢幕 */
@Media (min-width: 1200px) and (max-width: 1904px) { 
	
	/* Wording Block (parallax_banner) >> Width */
	#parallax_banner .text-block.text_block_top-left .wording_block {
	width: 67% !important;
	}

}

/* 橫向智慧手機到竪立平板電腦解析度 >> 1270 以下 */
@Media (max-width: 1270px) { 
	
	#parallax_banner .img-responsive, 
	#parallax_banner .markets-top-banner.richcontent .text_block_top-left img.img-responsive, 
	#parallax_banner .markets-top-banner.richcontent .text_block_top-right img.img-responsive {
		transform: scale(0.9) !important;
		right: unset !important;
		top: 300px !important;
	}
	
}  

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

	/* Image > Scale (parallax_banner 圖片) */
	#parallax_banner .img-responsive, 
	#parallax_banner .markets-top-banner.richcontent .text_block_top-left img.img-responsive, 
	#parallax_banner .markets-top-banner.richcontent .text_block_top-right img.img-responsive {
	transform: scale(0.9) !important;
	right: unset !important;
	top: 320px !important;
	}

}

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

    .form {
    margin-top: 90px !important;
    margin-bottom: 90px !important;
    }

    .form iframe {
    height: 1070px !important;
    }

}

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

	/* parallax_banner 背景色 >> 文字區塊後面 */
	#parallax_banner .markets-top-banner.richcontent .text-block {
	/* 深色背景 -2 */
	background: -moz-linear-gradient(-45deg,  rgba(8, 55, 94,0.8) 0%,rgba(8, 55, 94,0.9) 78%,rgba(8, 55, 94,0.8) 100%) !important;
	background: -webkit-linear-gradient(-45deg,  rgba(8, 55, 94,0.8) 0%,rgba(8, 55, 94,0.9) 78%,rgba(8, 55, 94,0.8) 100%) !important;
	background: linear-gradient(135deg, rgba(8, 55, 94,0.8) 0%,rgba(8, 55, 94,0.9) 78%, rgba(8, 55, 94, 0.8) 100%) !important;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc0030a3', endColorstr='#000099e0',GradientType=1 );
	}
	
	#parallax_banner .img-responsive, 
	#parallax_banner .markets-top-banner.richcontent .text_block_top-left img.img-responsive, 
	#parallax_banner .markets-top-banner.richcontent .text_block_top-right img.img-responsive {
		top: unset !important;
		filter: drop-shadow(2px -30px 20px rgba(1,29,50,0.1)) !important;
	}


	#parallax_banner .markets-top-banner.richcontent .text-block {
		padding-bottom: 10px !important;
	}
	
}
	


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

	#parallax_banner .markets-top-banner.richcontent .text-block.text_block_top-center {
	padding-top: 170px !important;
	}

	#parallax_banner .markets-top-banner.richcontent .text-block.text_block_top-center, #parallax_banner .markets-top-banner.richcontent .text-block.text_block_bottom-center {
	padding-bottom: 50px !important;
	}

	#parallax_banner .Full_Width_Rich_Content .text_block_top-center .wording_block, #parallax_banner .Rich_Content .text_block_top-center .wording_block {
	margin-bottom: 30px !important;
	}

	.banner__caption h1, #parallax_banner .Full_Width_Rich_Content h3, #parallax_banner .Rich_Content h3, #parallax_banner .Full_Width_Rich_Content h3 span, #parallax_banner .Rich_Content h3 span {
	font-size: 55px !important;
	line-height: 1.2em;
	}

	.view_all {
		/*padding-top: 30px !important;*/
		padding-top: 60px !important;
	}

	.pop_title, .all_title {
	margin-top: 80px !important;
	margin-bottom: 10px !important;
	}


}


/* 橫向智慧手機到竪立平板電腦解析度 >> 500px ~ 875px */
@Media (min-width: 500px) and (max-width: 875px)  { 

	.select-indust {
		width: 50% !important;
	}

}



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

	#parallax_banner .Full_Width_Rich_Content h3 span, #parallax_banner .Rich_Content h3 span {
		white-space: nowrap;
	}

}




/* ========================================================================================================================
	                                       Overview (RichContent) > Features Highlights
======================================================================================================================== */
   
/*---------------------------- Overview-1 (by Rich Content)  -------------------------*/

	#overview {
	background-color: #fff;
	}

	#overview .markets-top-banner.richcontent .text-block {
		padding: 140px 0 0px;
	}


	/* overview > Title > h3 (Richcontent) */	
	#overview .markets-top-banner.richcontent h3 {
	font-weight: 400;
	word-spacing: -0.05em;
	padding-bottom: 10px;
	}


	/* overview > Description > h4 (Richcontent) */
	#overview .markets-top-banner.richcontent h4 {
	margin: 20px 0 35px;
	opacity: 0.8 !important;
	font-size: 1.15em;
	font-weight: 400;
	color: #535b5e;
	}

/*---------------------------- Overview-2 ( by Html)  -------------------------------*/

	/* Overview > h3 */
	#Overview .markets-solutions-applications h3 {
	/*font-size: 1.4em;*/
	font-size: 1.3em;
	font-weight: 500;
	line-height: 25px;
	word-spacing: .0em;
	color: #2a2b2c;
	margin-bottom: 12px;
	}
		



	/* Overview > Title > h2 */	
	#Overview .markets-solutions-applications h2 {
	font-weight: 300;
	word-spacing: -0.05em;
	/*padding-bottom: 10px;*/
	}



	/* Overview > h4 */
	#Overview .markets-solutions-applications h4 {
	margin: 20px 0 35px;
	opacity: 0.8;
	font-size: 1.15em;
	font-weight: 400;
	color: #535b5e;
	}


/* =========================================================================
	                        RWD (Overview)
========================================================================= */ 

   
/* 橫向智慧手機到竪立平板電腦解析度 >> 1024 以上 */
@Media (min-width: 1024px) { 
	#overview .markets-top-banner.richcontent .text-block {
	padding: 140px 0 0px !important;
	}

		
	/* Overview > Icon 圖檔 > 大小 */
	#Overview .markets-solutions-applications .img-responsive {
	width: 45%;
	height: 45%;
	padding: 5px;
	}


	/* overview > Title > h3 (Richcontent) */	
	#overview .markets-top-banner.richcontent h3 {
	/*font-size: 3.25em;*/
	font-size: 45px;
	line-height: 1.5em;
	margin-top: 20px;
	}

	/* Overview > h3 */
	#Overview .markets-solutions-applications h3 {
		text-align: center;
	}


	/** 所有 ICON 區塊_Hover **/
	#Overview .markets-solutions-applications .app-block-container .app-products:hover {
	transform: scale(1.07);
	background: #fff;
	z-index: 100;
	transition: all 0.2s linear 0s;
	}

	/* Overview > Title > h2 */	
	#Overview .markets-solutions-applications h2 {
	font-size: 3.5em;
	padding-top: 40px;
	}
}
   

/* 寬電腦解析度 >> 2034 以上 */
@Media (min-width: 2000px) { 

	#overview .markets-top-banner.richcontent .text-block {
		padding: 150px 0 0px !important;
	}	

}

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

	#Overview .markets-solutions-applications {
		padding: 90px 0 120px;
	}

}


/* 寬電腦解析度 >> 1023 以下 */
@Media (max-width: 1023px) { 
	#Overview .markets-solutions-applications .img-responsive {
		width: 50%;
		height: 50%;
		}
}
   
/* 橫向智慧手機到竪立平板電腦解析度 >> 959 以下 */
@Media (max-width: 959px) { 
 
	   #Overview .markets-solutions-applications .img-responsive {
	   width: 30% !important;
	   height: 30% !important;
	   box-shadow: 1px 1px 10px rgba(6, 26, 32, 0.2);
	   padding: 1.5%;
	   margin-bottom: 30px;
	   }
	  
}
   
/* 比手機大-比平板小-解析度 */
@Media (min-width: 481px) and (max-width: 600px) { 
	   
	   #Overview .markets-solutions-applications .app-block-container .app-products:hover {
	   box-shadow: unset !important;
	   -webkit-box-shadow: unset !important;
	   -moz-box-shadow: unset !important;
	   }
	   
}
   
/* iPhone 6 & 6 plus > 4.7吋--手機及其他更小解析度 */
@Media (min-width: 373px) and (max-width: 414px) { 
	   
	   #Overview .markets-solutions-applications .img-responsive {
	   width: 60% !important;
	   height: 60% !important;
	   }
	   
	   #Overview .markets-solutions-applications .app-block-container .app-products:hover {
	   box-shadow: unset !important;
	   -webkit-box-shadow: unset !important;
	   -moz-box-shadow: unset !important;
	   }	   
}
   
   
   
   
   
/* 橫向智慧手機及其他更小解析度 */
@Media (max-width: 480px) { 
	   	   
	   #Overview .markets-solutions-applications .img-responsive {
	   width: 60% !important;
	   height: 60% !important;
	   }
	   
	  #Overview .markets-solutions-applications .app-block-container .app-products:hover {
	   box-shadow: unset !important;
	   -webkit-box-shadow: unset !important;
	   -moz-box-shadow: unset !important;
	   }
   
}
   
   
   
@media (max-width: 460px){

		#Overview .markets-solutions-applications .app-block-container .app-products:hover {
	   box-shadow: unset !important;
	   -webkit-box-shadow: unset !important;
	   -moz-box-shadow: unset !important;
	   }
}


/* ========================================================================================================================
	                                       Benefits > Features Highlights
======================================================================================================================== */

/****************** Benefits-1 (by Related Product Modual) ***********************/

   	/* Benefits (Related Product Modual) > 上下高度 */
	#benefits .markets-solutions-applications {
	padding-top: 20px !important;
	}

   	/* Benefits (Related Product Modual) > h3 */
	#benefits .markets-solutions-applications h3 {
	font-size: 1.3em;
	font-weight: 500;
	line-height: 25px;
	word-spacing: .0em;
	color: #2a2b2c;
	margin: 0px auto 5px !important;
	height: unset !important;
	max-height: unset !important;
	}

	/* Benefits (Related Product Modual) > p 內文 */
	#benefits .markets-solutions-applications .app-block-container p {
	color: #4d5255;
	font-size: 1.1em;
	font-weight: 400 !important;
	text-align: center;
	height: unset !important;
	min-height: unset !important;
	margin: 2px auto 10px !important;
	}




/************************ Benefits-2 (by Html) ******************************/

	/* Benefits (for html) > Title > h2 */	
	#benefits .markets-solutions-applications h2 {
	font-weight: 300;
	word-spacing: -0.05em;
	padding-bottom: 10px;
	}

	/* Benefits (for Html) > h4 */
	#benefits .markets-solutions-applications h4 {
	margin: 20px 0 35px;
	opacity: 0.8;
	font-size: 1.15em;
	font-weight: 400;
	color: #535b5e;
	}
	

/************************ Benefits Icon for All ******************************/

	/* Icon Outline >> Noshadow for app-products */
	#benefits .markets-solutions-applications .app-block-container .app-products, 
	#Requirements .markets-solutions-applications .app-block-container .app-products {
	padding: 0 20px 30px;
	background: #fff;
	border-radius: unset !important;
	box-shadow: unset !important;
	-webkit-box-shadow: unset !important;
	-moz-box-shadow: unset !important;
	}

	/* Icon Outline >> Hover */
	#benefits .markets-solutions-applications .app-block-container .app-products:hover, 
	#Requirements .markets-solutions-applications .app-block-container .app-products:hover {
	transform: unset !important;
	transition: all 0.2s linear 0s;
	}


	/* PNG Image > Size */
	#benefits .markets-solutions-applications .img-responsive, 
	#Requirements .markets-solutions-applications .img-responsive {
	width: 100% !important;
	height: 100% !important;
	margin: unset !important;
	}

	/* PNG Image > Hover */	
	#benefits .markets-solutions-applications .img-responsive:hover, 
	#Requirements .markets-solutions-applications .img-responsive:hover {
	transform: unset !important;
	transition: all 0.2s ease-in-out 0s;
	}


	/* Green Circle Icon for PNG > Size & Border */
	.app-products > div {
	border: 2px solid #87bf3c;
	border-radius: 300px;
	width: 140px;
	height: 140px;
	padding: 10px;
	margin: 0 auto 25px;
	transition: all 0.2s ease-in-out 0s;
	}


	.app-products > div:hover {
	transform: scale(1.07);
	transition: all 0.3s ease-in-out 0s;
	}



/* =========================================================================
	                        RWD (Benefits)
========================================================================= */ 


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

	/* Benefits X Item 3 > Width */
	#benefits.itemX3 .container > div {
	width: 85% !important;
	margin: 0 auto;
	float: none;
	}

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

	/* Benefits X Item 3 > Width */
	#benefits.itemX3 .container > div {
	width: 90%;
	margin: 0 auto;
	float: none;
	}

}


/* ========================================================================================================================
	                               Application (with Diagram Button) x 4
======================================================================================================================== */


	#Application_Diagram .col-xs-4 {
	padding-left: 0px;
	padding-right: 0px;
	}


	#Application_Intro {
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%);
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); 
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); 
	}

	#Application_Intro .markets-top-banner.richcontent .text-block {
	/*padding: 70px 0 0px;*/
	/*padding: 100px 0 0px;*/
	padding: 100px 0 50px;
	}


	#Application_Diagram div.markets-solutions-applications {
	padding: 0;
	background-color: #fff !important;
	}

	#Application_Diagram {
	/*background: url('//ruassets.aten.com/webpage/shared/Product-Landing-Page/CCVSR/BG_for_Applications-4.jpg') no-repeat 50% 23%;*/
	background-color: rgba(41,57,84,0.85);
	background-size: cover;
	/*padding: 80px 0 130px;*/
	}


	#Application_Intro_New .text-block {
	padding: 50px 0 20px;
	}

	.Application_aBlock .Application_Name, 
	.Application_aBlock .Application_Name .Xlg_Atitle {
	font-family: 'Saira Semi Condensed',Roboto,sans-serif !important;
	word-spacing: -0.05em;
	font-size: 25pt;
	line-height: 1.2em;
	font-weight: 300; 
	letter-spacing: -0.02em;
	text-shadow: 0px 0px 15px rgba(0, 0, 0, 0.9);
	}


	.Application_aBlock .Application_Name .Xlg_Atitle {
	font-size: 25pt;
	line-height: 1.2em;
	font-weight: 500;
	display: block;

	/*padding-bottom: 30px;*/
	padding-bottom: 15px;
	}


	.Application_Name.color_white.margin_title {
	/*margin-top: 18px !important;*/
	display: inline-block;
	/*background-color: rgba(0,0,0,0.3);*/

	width: 100%;
	/*padding: 60px;*/
	padding: 160px 20px;
	transition: all 0.3s ease-in-out 0s;
	}


	.Application_Dec {
		font-size: 16px;
		font-weight: 400;
		line-height: 20px;
		display: inline-block;
		opacity: 0.7;
	}


	#Application_Diagram .markets-solutions-applications p {
	color: rgba(255,255,255,.7);
	font-size: 14px;
	font-weight: 400;
	margin: 0 !important;
	}


	.Application_Tsection {
	/*background-color: rgba(4, 42, 73, 0.4);*/
	background-color: rgba(4, 42, 73, 0.6);
	width: 100%;
	/*height: 100%;*/
	overflow: hidden;
	transition: all 0.3s ease-in-out 0s;
	}



	.Application_Tsection:hover {
	background-color: rgba(0, 0, 0, 0.0);
	}


	.Application_Tsection:hover .Application_Name.color_white.margin_title {
	/*background-color: rgba(0,0,0,0.85);*/
	/*background-color: rgba(0,33,99,0.8);*/
	background-color: rgba(8, 55, 94,0.9);
	transform: scale(1.17);
	}


	/* Diagram Button >> Before */
	.Application_Name.margin_title .Dia_Button::before {
	content: "\f055";
	color: rgba(255,255,255, 0.8);
	font-family: "Font Awesome 5 Free";
	font-size: 1em;
	font-weight: 900;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	position: relative;
	padding-left: 10px;
	left: -10px;
	transition: all 0.4s ease-in-out 0s;
	}

	/* Diagram Button >> Block:Hover >>  Diagram Button >> Before */
	.Application_Tsection:hover .Application_Name.margin_title .Dia_Button::before {
	color: rgba(255,255,255,1.0);
	transition: all 0.4s ease-in-out 0s;
	}



	/* Diagram Button */
	.Application_Name.margin_title .Dia_Button {
	font-size: 16pt;
	font-weight: 400;
	color: rgba(255,255,255,0.9);
	border: 2px solid rgba(255,255,255,0.8);
	border-radius: 6px;
	padding: 3px 20px;
	display: inline-block;
	background-color: rgba(7, 69, 118,0.7);
	transition: all 0.4s ease-in-out 0s;
	}


	/* Diagram Button >> Block:Hover */
	.Application_Tsection:hover .Application_Name.margin_title .Dia_Button {
	/*border: 2px solid rgba(255,255,255,0.9);*/
	border: 2px solid transparent;
	color: rgba(255,255,255,1.0);
	/*background-color: rgba(0,33,99,0.5);*/
	/*background-color: rgba(8, 55, 94,0.5);*/
	/*background-color: rgb(159, 226, 40);*/
	background-color: rgba(115, 201, 23, 0.85);
	text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.05);
	transition: all 0.4s ease-in-out 0s;
	}


	/* Diagram Button >> Block:Hover >> Button:Hover */
	.Application_Tsection:hover .Application_Name.margin_title .Dia_Button:hover {
	border: 2px solid transparent;
	color: rgba(255,255,255,1.0);
	background-color: rgb(159, 226, 40);
	text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.05);
	transition: all 0.4s ease-in-out 0s;
	}

	.column5_Block {
	/*border-top: 1px solid #000;*/
	/*margin-bottom: 40px;*/
	overflow: hidden;
	padding-left: 0;
	padding-right: 0;
	}

	#Application_Diagram_3 {
	margin: 0 auto;
	}



	.Application_aBlock{
	/*border-bottom:1px solid #000;*/
	/*border: 6px solid rgba(145,183,254,0.2);*/
	border-width: 1px 3px 0px 0px;
	border-style: solid;
	border-color: #acb9c0;
	border-right-color: #fff !important;
	cursor: default;
	}

	.column5_Block:last-child .Application_aBlock {
	border-width: 1px 0px 0px 0px;
	}

	.Application_aBlock > div {
	background-color: rgba(0, 0, 0, 0.5);
	background-repeat: no-repeat;
	/*background-size: cover;*/
	/*background-size: auto 100%;*/
	/*background-size: 100% auto;*/
	/*background-size: 110% auto;*/
	background-size: 150% auto;
	background-position: center center;
	/*padding: 380px 0px 0px;*/
	border-radius: 0px;
	/*border-color: #ffffff;*/
	border-color: #000;
	border-style: solid;
	/*border-width: 0px 2px 2px 0px;*/

	transition: all 0.3s ease-in-out 0s;
	}

	.Application_aBlock:hover > div {
	/*background-size: auto 117%;*/
	background-size: 120% auto;
	}

	
/* =========================================================================
	        RWD (Application with Diagram Button x 4)
========================================================================= */ 


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

	.Application_aBlock .Application_Name .Xlg_Atitle {
		font-size: 37pt;
	}

	.Application_Dec {
		font-size: 17px;
		line-height: 24px;
		/*padding: 0 20% !important;*/
		padding: 0 25% !important;
	}

}


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

	.Application_aBlock .Application_Name .Xlg_Atitle {
	font-size: 36pt;
	}
	
	.Application_Dec {
		font-size: 17px;
		line-height: 24px;
		padding: 0 15%;
	}

	/* Application >> 底圖 */
	.Application_aBlock > div {
	background-size: 160% auto !important;
	}

	/* Application >> 底圖 > Hover */
	.Application_aBlock:hover > div {
	background-size: 150% auto !important;
	}
	

}


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

	
	.Application_aBlock .Application_Name .Xlg_Atitle {
	/*font-size: 40pt;*/
	font-size: 33pt;
	}
	

}


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

	.Application_Dec {
		font-size: 15px;
		padding: 0 10% !important;
	}

	.Application_aBlock .Application_Name .Xlg_Atitle {
	font-size: 30pt !important;
	}

	/* Application >> 底圖 */
	.Application_aBlock > div {
	background-size: 190% auto !important;
	}

	/* Application >> 底圖 > Hover */
	.Application_aBlock:hover > div {
	background-size: 180% auto !important;
	}

}


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

	.Application_Name.margin_title {
	/*margin-top: 40px !important;*/
	display: inline-block;
	}


	.Application_Name.margin_title-2 {
	/*margin-top: 25px !important;*/
	display: inline-block;
	}
}


/* 橫向智慧手機到竪立平板電腦解析度 >> 1400 以下 */
@Media (max-width: 1400px) {
	/* Application >> 底圖 */
	.Application_aBlock > div {
	background-size: 180% auto !important;
	}
	
	/* Application >> 底圖 > Hover */
	.Application_aBlock:hover > div {
	background-size: 175% auto !important;
	}

	.Application_aBlock .Application_Name .Xlg_Atitle {
		font-size: 30pt;
	}

}


/* 橫向智慧手機到竪立平板電腦解析度 >> 990 以下 */
@Media (max-width: 990px) {
	
	.Application_aBlock {
	border-width: 0px 0px 5px 0px !important;
	border-bottom-color: #fff !important;
	}

	.Application_aBlock .Application_Name .Xlg_Atitle {
	font-size: 34pt !important;
	}

}

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

	#Application_Diagram .All_Applications {
		padding-left: 0;
	}
	
	a.Application_link + div.Application_Border, a.Application_link + div.Application_NoBorder {
	background-size: cover !important;
	transition: all 0.2s ease-in-out 0s;
	}

	a.Application_link:hover + div.Application_Border, 
	a.Application_link:hover + div.Application_NoBorder {
	background-size: cover !important;
	transform: scale(1.0) !important;
	}
	
}


/* 平板電腦、橫向手機和一般桌機解析度 */
@Media (min-width: 768px) and (max-width: 979px) {

	.Application_Name.color_white.margin_title {
	margin-top: unset;
	display: inline-block;
	width: 100%;
	padding: 160px 20px;
	}

	.Application_Tsection {
	min-height: unset;
	}

}



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

	.Application_Name.color_white.margin_title {
	margin-top: unset;
	display: inline-block;
	width: 100%;
	padding: 160px 20px;
	}

	.Application_aBlock .Application_Name .Xlg_Atitle {
		font-size: 29pt !important;
	}

	.Application_Tsection {
	min-height: unset;
	}

	.Application_aBlock > div {
		background-size: 180% auto !important;
		background-position: center center;
	}
		
}

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

	.Application_Name.color_white.margin_title {
	margin-top: unset;
	display: inline-block;
	width: 100%;
	padding: 160px 20px;
	}

	.Application_Tsection {
	min-height: unset;
	}
		
}


/* ========================================================================================================================
	                                          Connection (Diagram)
======================================================================================================================== */

/* Connection (Diagram) >> Title::After > 箭頭 (Arrow) */
#Connection_Diagram .markets-top-banner.richcontent h3.RC_LTitle::after {
    font-family: "Font Awesome 5 Free";
	/*content: "\f078" !important;*/
	content: "\f0d7" !important;
    color: #86c131;
    font-size: 0.85em;
    font-weight: 600;
    font-style: normal;
    font-variant: normal;
    margin: 0;
    position: relative;
	/*display: inline-block;*/
	display: block;
    line-height: 1.3em;
    /*top: 1px;
	left: 15px;*/
	top: -10px;
    clip-path: polygon(0 36.5%, 100% 36.5%, 100% 100%, 0% 100%);
}


/* ========================================================================================================================
	                                          All  Rich Content
======================================================================================================================== */

	.Full_Width_Rich_Content .text_block_top-center .wording_block, 
	.Rich_Content .text_block_top-center .wording_block {
	margin-bottom: 30px;
	}


  .Rich_Banner .markets-top-banner.richcontent h3.RC_LTitle, 
  .Rich_Des .markets-top-banner.richcontent h3.RC_LTitle {
  font-weight: 300 !important;
  }



  #RC_Banner .markets-top-banner.richcontent h3.RC_LTitle {
  font-size: 3.5em;
  font-weight: 300;
  line-height: 58px;
  letter-spacing: -0.01em;
  }


	/* Rich Content >> h4 文字說明 */
   .markets-top-banner.richcontent h4.color_black {
	font-weight: 400 !important;
	opacity: 0.55 !important;
  }



/* RC_Banner >> Shop Banner */
    #RC_Banner.Shop_Banner .Full_Width_Rich_Content .text_block_top-center .wording_block, 
    #RC_Banner.Shop_Banner .Rich_Content .text_block_top-center .wording_block {
            margin-bottom: 0px;
     }
   
   
/* ========================================================================
	        RWD (All  Rich Content)
========================================================================= */ 

/* 大螢幕 >> 1800 以上 */
@Media (min-width: 1800px) { 
	#RC_Content-3 .markets-top-banner.richcontent .text-block {
	padding-bottom: 230px !important;
	}

}
   
   
 /* 橫向智慧手機到竪立平板電腦解析度 >> 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 {
	font-size: 50px !important;
	letter-spacing: -0.005em !important;
	}

	/* 客製化 >> Rich Content > 左右圖文 > 上下高度 */
	.Rich_Des .markets-top-banner.richcontent .text-block {
	/*padding: 180px 0 !important;*/
	padding: 200px 0 !important;
	}


	#RC_Content-3 .markets-top-banner.richcontent .text-block {
	padding-bottom: 200px;
	}
}  
      

/* ========================================================================================================================
	                                                       RWD (Others) 
======================================================================================================================== */
   
/* 橫向智慧手機到竪立平板電腦解析度 >> 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.WithSpan:last-child {
	padding: 4px 22px 6px !important;
	}

}

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

	#Form_embedded div.markets-solutions-applications {
	padding: 120px 0 130px;
	}

}

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

	/* 客製化 >> Arrown Down > 區隔 Section */
	#benefits::after, 
	#RC_Content-3::after {
	background-size: 80% !important;
	}

}

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

	/* 客製化 >> H2 (H3) > 次大標題 (Title) > 粗體 (weight) */
	#Connection_Diagram .markets-top-banner.richcontent h3.RC_LTitle, 
	div.markets-solutions-applications h2, 
	div.markets-solutions-recommend-products h2, 
	div.home_spot_light h2 {
	font-size: 40px !important;
	}

 }


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

	/* 客製化 >> Arrown Down > 區隔 Section */
	#benefits::after, 
	#RC_Content-3::after {
	background-size: 80% !important;
	}

 }

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


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

	/* 客製化 >> Arrown Down > 區隔 Section */
	#benefits::after, 
	#RC_Content-3::after {
	content: none !important;
	}
	
}

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

	.cd-section.application_Des h6.top_banner_main_visual_note span {
	left: 0px !important;
	top: 0px !important;
	font-size: 1.08em !important;
	width: 96%;
	}

	.cd-section.application_Des h6.top_banner_main_visual_note::before {
	right: 0px !important;
	top: -18px !important;
	}

}

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

    #header.dark {
    z-index: 100 !important;
    }

    /* Lightbox >> 模塊 */
    #showroom_info_modal.modal.in .modal-dialog {
    width: 95% !important;
    margin-top: 20% !important;
    margin-top: 25% !important;
    }

    /* Lightbox > Close Button */
    #showroom_info_modal .modal-content button.close {
    font-size: 25px !important;
    top: -56px !important;
    left: unset !important;
    right: 0px !important;
    }

    /* Colse Button >> 手機版時 (在 .modal-content) >> 因為要譨 .modal-content 能 Scoll >> 所以設 overflow:hidden >> 會消失 */
    #showroom_info_modal .modal-content button:has(i.fa-times-circle).close, 
    .image_gallery_lightbox .modal-content button:has(i.fa-times-circle).close {
    font-size: 18px !important;
    top: 2px !important;
    left: unset !important;
    right: 0px !important;
    font-weight: 200;

    position: fixed;
    right: -11px !important;
    background-color: rgba(255, 255, 255, 0.8);
	color: #000 !important;
    }

    /* Colse Button >> 手機版時 (在 .modal-content) >> 因為要譨 .modal-content 能 Scoll >> 所以設 overflow:hidden >> 會消失 */
    #showroom_info_modal .modal-content button:has(i.fa-times-circle).close  .fa-times-circle:before, 
    .image_gallery_lightbox .modal-content button:has(i.fa-times-circle).close .fa-times-circle:before {
    content: "\f057";
    content: "×";
    }

    /* Lightbox > Content Block > 變成垂直塊狀顯示 */
    #showroom_info_modal .modal-content.row {
    display: block;
    padding: 1% 1% !important;
    position: relative;
    
    overflow-x: hidden;
    overflow-y: scroll;
    height: 75vh;

    border-color: #fff !important;
    border-width: 1px 0px 3px 0px;
    border-style: solid;
    }

    #showroom_info_modal .modal-content .showroom_info {
    max-height: unset !important;
    height: auto !important;
    min-height: unset;
    }

    /* Lightbox > Html > Left Image */
    #showroom_info_modal div.html .left_Section img {
    width: 95% !important;
    }

    /* Lightbox > Right Image */
    #showroom_info_modal .flexslider .slider-wrap img {
    width: 98%;
    width: 100%;
    display: block;
    }

    /* 隱藏灰線 */
    #showroom_info_modal .modal-content .flexslider > .slider-wrap {
    border-left: 1px solid transparent !important;
    }


    #showroom_info_modal .slide.flex-active-slide {
    min-height: 270px !important;
    }

}


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

    #header.dark {
    z-index: 100 !important;
    }

    #showroom_info_modal.modal.in .modal-dialog {
    margin-top: 40% !important;
    }

    #showroom_info_modal .flexslider > .slider-wrap {
    height: auto !important;
    display: block !important;
    width: 98%;
    }

    #content:has(#showroom_info_modal) .pop .item div span.country {
    font-size: 1.4em !important;
    }

    #content:has(#showroom_info_modal) .pop .item div span {
    padding: 0 0px !important;
    }

    #content:has(#showroom_info_modal) .pop .item div::before {
    display: none !important;
    }

    #showroom_info_modal .act_btn {
    min-height: 50px;
    }

}