/* =====================================================================================================
   Tab-Content 基本模組定義 (Web CMS 原來模組, 非 Html)
   ===================================================================================================== */

/* Tab >> 較高 Tab */
.High-Tab ul.tab-nav:not(.tab-nav-lg) li a {
   padding: unset !important;
   display: grid;
   text-align: center;
   align-items: center;
   margin: 0 auto;
   width: 100%;
}

/* Tab >> 寬度 */
ul.tab-nav:not(.tab-nav-lg) li a {
   width: 100%;
}

/* Tab 高度高一點 */
.High-Tab ul.tab-nav:not(.tab-nav-lg) li, .High-Tab ul.tab-nav:not(.tab-nav-lg) li a {
   height: 80px !important;
 }
 
 /* Tab 高度高一點 */
 .High-Tab ul.tab-nav:not(.tab-nav-lg) li a {
   /*padding: 20px 20px !important;*/
 }

/* 不顯示 Tab Image */
.No_tab_image .tab-container.tab-content .tab_image {
   display: none;
}

/* 因不顯示 Tab Image >> 文字區變寬 */
.No_tab_image .tab-container.tab-content .main-content {
   width: 100%;
   padding: 0 40px;
}

 /* Tab Content >> Button >> 置中 */
 .Button_Center .markets-solutions-applications .tab-content .btn-group.action_text {
   width: auto;
   text-align: center;
   display: inherit;
   margin: 0 auto;
 }

 /* Tab Content >> Button >> 置中 */
.Button_Center .markets-solutions-applications .tab-content a.btn.btn-primary {
   display: inline-block;
   margin: auto 2%;
   float: none;
 }

/*  Tab Section >> Image > 背景位置 */
.markets-solutions-applications .container .tab_image {
   background-position: center center;
   overflow: hidden;
}

/* 超過 5 個 Solution ( 共 8 內容多) > Tab Section >> container > 寬度*/
.Tab-Over5 .markets-solutions-applications .container {
   width: 85%;
}

/* 6 個 Solution (內容多) > Tab Section >> container > 寬度*/
.Tab-in6 .markets-solutions-applications .container, 
.Tab-in7 .markets-solutions-applications .container {
   width: 85%;
}

/* 剛好 4~5 個 Solution (內容多) > Tab Section >> container > 寬度*/
.Tab-in4 .markets-solutions-applications .container, 
.Tab-in5 .markets-solutions-applications .container {
   width: 85%;
}


/* 遮掩圖片數字 : before >> 外圍 */
section.TabDia .tab-container.tab-content > div > div, 
#Solution_Diagram .tab-container.tab-content > div > div {
   overflow: hidden;
   padding: 0px !important;
}

.Tab-Over5 .markets-solutions-applications .container .tab_image, 
.Tab-in7 .markets-solutions-applications .container .tab_image, 
.Tab-in6 .markets-solutions-applications .container .tab_image, 
.Tab-in5 .markets-solutions-applications .container .tab_image {
   overflow: hidden !important;
}

/* Tab_image >> 灰底色 & 產品圖定位 */
section.TabDia.Tab-Image-BG .tab-container.tab-content > div > div .tab_image, 
#Solution_Diagram.Tab-Image-BG .tab-container.tab-content > div > div .tab_image, 
section.TabDia .tab-container.tab-content > div > div .tab_image {
    background-repeat: no-repeat;
}


/* All 圖片上的數字 (五個之內) : Before >> 超過裁切 */
section.TabDia .tab-container.tab-content > div > div .tab_image::before, 
#Solution_Diagram .tab-container.tab-content > div > div .tab_image::before {
   /*clip-path: polygon(0 0, 100% 0, 100% 60.3%, 0 60.3%);*/
}

/* All 圖片上的數字(超過五個 x 8) : Before >> 超過裁切 */
section.TabDia.Tab-Over5 .tab-container.tab-content > div > div .tab_image::before, 
#Solution_Diagram.Tab-Over5 .tab-container.tab-content > div > div .tab_image::before {
   /*clip-path: polygon(0 0, 100% 0, 100% 62.5%, 0 62.5%);*/
}


/* Tab 圖片上的數字 : Before */
section.TabDia .tab-container.tab-content > div > div .tab_image::before, 
#Solution_Diagram .tab-container.tab-content > div > div .tab_image::before {
   /*content: '01';*/
   color: #fff;
   font-size: 7em;
   font-weight: 500;
   border-radius: 500px;
   font-family: 'Saira Semi Condensed', Roboto, sans-serif !important;
   background-color: #cc7014;
   background-color: #85c12f;
   background-color: #017ab1;
   z-index: 1;
   display: block;
   position: absolute;
   width: 300px;
   height: 300px;
   /*padding: 2.3% 5.5%;
   left: -2%;
   bottom: -9%;*/
   padding: 5.5% 23.5%;
   /*padding: 4.5% 19.5%;*/
   left: -9%;
   bottom: -13%;

   /*box-shadow: 2px 3px 2px rgba(0,0,0,.9);
   transform: rotate3d(0, 0, 1, 45deg);
   clip-path: polygon(21% 0, 79% 0, 100% 100%, 0% 100%);
   text-shadow: 0px 1px 0px #175064;
   border-bottom: 3px solid rgba(0,0,0,.1);
   border-top: 2px solid rgba(255,255,255,0.2);*/
}


/* Tab x 6 圖片上的數字 : Before */
section.TabDia.Tab-in6 .tab-container.tab-content > div > div .tab_image::before, 
#Solution_Diagram.Tab-in6 .tab-container.tab-content > div > div .tab_image::before {
   left: -15%;
   bottom: -13%;
}


/* Tab 圖片上的數字-1 : Before */
section.TabDia .tab-container.tab-content > div:nth-child(1) > div .tab_image::before, 
#Solution_Diagram .tab-container.tab-content > div:nth-child(1) > div .tab_image::before {
   content: '01';
}

/* Tab 圖片上的數字-2 : Before */
section.TabDia .tab-container.tab-content > div:nth-child(2) > div .tab_image::before, 
#Solution_Diagram .tab-container.tab-content > div:nth-child(2) > div .tab_image::before {
   content: '02';
}

/* Tab 圖片上的數字-3 : Before */
section.TabDia .tab-container.tab-content > div:nth-child(3) > div .tab_image::before, 
#Solution_Diagram .tab-container.tab-content > div:nth-child(3) > div .tab_image::before {
   content: '03';
}

/* Tab 圖片上的數字-4 : Before */
section.TabDia .tab-container.tab-content > div:nth-child(4) > div .tab_image::before, 
#Solution_Diagram .tab-container.tab-content > div:nth-child(4) > div .tab_image::before {
   content: '04';
}

/* Tab 圖片上的數字-5 : Before */
section.TabDia .tab-container.tab-content > div:nth-child(5) > div .tab_image::before, 
#Solution_Diagram .tab-container.tab-content > div:nth-child(5) > div .tab_image::before {
   content: '05';
}

/* Tab 圖片上的數字-6 : Before */
section.TabDia .tab-container.tab-content > div:nth-child(6) > div .tab_image::before, 
#Solution_Diagram .tab-container.tab-content > div:nth-child(6) > div .tab_image::before {
   content: '06';
}

/* Tab 圖片上的數字-7 : Before */
section.TabDia .tab-container.tab-content > div:nth-child(7) > div .tab_image::before, 
#Solution_Diagram .tab-container.tab-content > div:nth-child(7) > div .tab_image::before {
   content: '07';
}

/* Tab 圖片上的數字-8 : Before */
section.TabDia .tab-container.tab-content > div:nth-child(8) > div .tab_image::before, 
#Solution_Diagram .tab-container.tab-content > div:nth-child(8) > div .tab_image::before {
   content: '08';
}


/* Tab 圖片上的數字 (超過五個 x 8) : Before */
section.TabDia.Tab-Over5 .tab-container.tab-content > div > div .tab_image::before, 
#Solution_Diagram.Tab-Over5 .tab-container.tab-content > div > div .tab_image::before {
   padding: 4.5% 19.5%;
   padding: 5.5% 20%;
}

/* Tab 圖片上的數字 (超過五個 x 8) : Before */
section.TabDia.Tab-in5 .tab-container.tab-content > div > div .tab_image::before, 
#Solution_Diagram.Tab-in5 .tab-container.tab-content > div > div .tab_image::before {
   padding: 4.5% 19.5%;
   padding: 5.5% 20%;
}



/* Tab_image::before (No-Tab-Before-Content) >> display >> Hidden (隱藏數字) */
section.TabDia.No-Tab-Before-Content .tab-container.tab-content > div > div .tab_image::before, 
#Solution_Diagram.TabDia.No-Tab-Before-Content .tab-container.tab-content > div > div .tab_image::before {
    content: none !important;
}


/* Tab Section >> 上下高度 > markets-solutions-applications */
section.TabDia div.markets-solutions-applications,
#Solution_Diagram div.markets-solutions-applications, 
#Solution_Diagram-2 div.markets-solutions-applications {
   padding: 120px 0 110px;
}

/* Title >> 下方高度 > markets-solutions-applications */
section.TabDia .markets-solutions-applications h2, 
#Solution_Diagram .markets-solutions-applications h2, 
#Solution_Diagram-2 .markets-solutions-applications h2 {
   margin-bottom: 50px !important;
}

/* Tab Content >> 距離上方高度 */
.markets-solutions-applications .tab-container.tab-content {
   padding-top: 60px;
}

/* Tab Content title >> 小標: After */
.tab-container.tab-content h3.title_text::after {
   content: "";
   display: inline-block;
   background: url(//assets.aten.com/webpage/shared/Product-Landing-Page/VP/New/Icon_Arrow_Learn_More-XSmall_Down.png) no-repeat center center;
   background-size: 105%;
   /*width: 30px;
   height: 30px;*/
   width: 25px;
   height: 15px;
   /* 藍色 filter: invert(0.4) sepia(1) saturate(4) hue-rotate(150.9deg) brightness(1); */
   filter: invert(0.4) sepia(1) saturate(20) hue-rotate(54deg) brightness(1.2) !important;
   margin-left: 6px;
   position: relative;
   /*top: 8px;*/
   top: 2px;
   transition: all 0.3s ease-in-out 0s;
}


/* Tab Content title >> 小標 */
.tab-container.tab-content h3 {
   font-size: 1.2em;
   font-size: 1.25em;
   font-weight: 500;
   line-height: 1.35em !important;
   letter-spacing: -0.01em;
   text-align: left;
   margin-top: -5px;
   margin-top: 0px;
}

/* Tab Content title >> 小標 */
.tab-container.tab-content h3:hover {
   color: unset !important;
}

/* Tab Content Description>> p */
.tab-container .tab-content p {
   font-size: 0.9em;
   font-weight: 400 !important;
   line-height: 1.6em !important;
   margin: 0 0 40px;
}


/* Tab Content Description>> 描述 */
.tab-container .tab-content p.description {
   font-size: 0.9em;
   font-weight: 400 !important;
   line-height: 1.6em !important;
   margin: 0 0 40px !important;
}



.tab-container .tab-content .product-item p, 
.tab-container .tab-content .main-content .product-item p {
   font-size: 0.7em !important;
}

/* Tab >> Action Button */
.markets-solutions-applications .tab-content  a.btn.btn-primary {
    font-weight: 600 !important;
    font-size: 1em !important;
    /*padding: 9px 20px 10px;*/
    padding: 9px 25px 10px;
    padding: 11px 30px 12px;
    letter-spacing: 0.02em;
}


/* Tab >> Active Tab */
ul.tab-nav:not(.tab-nav-lg) li.ui-tabs-active a {
	/*border-top: 3px solid #46a2d1;*/
	/*color: #4da5ca;*/
   /*color: #1e8dbb;*/
   /*color: #005e8a;*/
   /*color: #7eb015;*/
   color: rgb(104, 161, 34) !important;
   font-weight: 500;
	border-bottom: unset !important;
	border-right: unset !important;
   transition: all 0.2s;
   width: 100%;
 }
 
 
 /* Tab Blue Bar >> Active Tab */
 ul.tab-nav:not(.tab-nav-lg) li.ui-tabs-active a::before {
	height: 3px;
	content: "";
	/*background: rgba(70, 162, 209, 1.0);*/
   /*background: #017ab1;*/
   background: #7eb015;
	display: block;
	position: absolute;
	width: 100%;
	margin: 0 auto 10px;
	text-align: center;
	top: -2px;
	left: 0px;
 }

 ul.tab-nav li a i {
display: none;
}
 
 /* Tab >> First Tab */
 ul.tab-nav:not(.tab-nav-lg) li:first-child {
	margin-left: 0px;
 }
 
 /* Tab (一般剛好五個) >> All Tab >> 寬 & 高 */
 ul.tab-nav:not(.tab-nav-lg) li {
   width: 20%;
   height: 50px;

   display: flex;
   align-items: center;
   margin: 0 auto;
   background-color: #f5f7f8;
}

 /* Tab >> All Tab >> 高 */
 ul.tab-nav:not(.tab-nav-lg) li a {
    height: 49px;
    transition: all 0.2s;
}

 /* Tab >> All Tab >> a 文字樣式 */
 ul.tab-nav:not(.tab-nav-lg) li a {
   color: #888;
   line-height: 1.4em !important;
   letter-spacing: -0.01em;
   /*padding: 4px 50px;*/
   /*padding: 4px 20px;*/
   padding: 11px 20px;
   /*background-color: #f6f6f6;*/
   background-color: #f5f7f8;
}

 /* Tab >> All Tab >> a:hover 文字樣式 */
ul.tab-nav:not(.tab-nav-lg) li a:hover {
    color: rgb(58, 58, 58);
    position: relative;
    /*background-color: #f9fafa;*/
	/*background-color: #fcfcfc;*/
   background-color: #f9fafb;
}

 /* Tab (剛好三個) >> All Tab >> li 文字樣式 */
 .Tab-in3  ul.tab-nav:not(.tab-nav-lg) li {
   width: 33.33%;
   width: calc(100%/3);
}


 /* Tab (剛好四個) >> All Tab >> li 文字樣式 */
 .Tab-in4  ul.tab-nav:not(.tab-nav-lg) li {
   width: 25%;
   width: calc(100%/4);
}


 /* Tab (超過五個 & 六個) >> All Tab >> 高度 */
 .Tab-Over5 ul.tab-nav:not(.tab-nav-lg) li, 
 .Tab-Over5 ul.tab-nav:not(.tab-nav-lg) li a, 
 .Tab-in6 ul.tab-nav:not(.tab-nav-lg) li, 
 .Tab-in6 ul.tab-nav:not(.tab-nav-lg) li a {
   height: 80px !important;
}


 /* Tab (超過五個, 共 8 個) >> All Tab >> li 文字樣式 */
 .Tab-Over5 ul.tab-nav:not(.tab-nav-lg) li {
   width: 12.5%;
   width: calc(100%/8);
}

 /* Tab (超過五個) >> All Tab >> a 文字樣式 */
.Tab-Over5 ul.tab-nav:not(.tab-nav-lg) li a {
   padding: 13px 20px;
}


 /* Tab (六個) >> All Tab >> li 文字樣式 */
 .Tab-in6 ul.tab-nav:not(.tab-nav-lg) li {
   width: 16.66% !important;
   width: calc(100%/6) !important;
}

 /* Tab (六個) >> All Tab >> a 文字樣式 */
 .Tab-in6 ul.tab-nav:not(.tab-nav-lg) li a {
   padding: 13px 20px;
}

 /* Tab (七個) >> All Tab >> li 文字樣式 */
 .Tab-in7 ul.tab-nav:not(.tab-nav-lg) li {
   width: calc(100%/7) !important;
}


/* Tab >> Recommend Products >> 大區塊 */
.tab-content .markets-solutions-recommend-products {
   /*padding: 90px 10px 0;*/
   padding: 20px 20px 0;
   border-bottom: 2px solid #eaeaea;
}
 
/* Tab >> Recommend Products >> Each Item (每一個產品置左) */
.tab-content .markets-solutions-recommend-products .product-item {
   min-height: 200px;
   float: left;
   padding-right: 5%;
   margin-bottom: 20px;
}


/* Tab >> Recommend Products >> H3 */
.tab-content .markets-solutions-recommend-products .product-item h3 {
   margin-bottom: 5px;
}



/* Tab >> Recommend Products >> H3 a */
.tab-content .markets-solutions-recommend-products .product-item h3 a {
   font-size: 0.85em;
   font-weight: 500;
   line-height: 0.8em !important;
}

/* Tab >> Recommend Products >> P (品名描述) */
.tab-content .markets-solutions-recommend-products .product-item p {
   font-size: .8em;
   font-weight: 400 !important;
   letter-spacing: .02em;
   line-height: 1.5em !important;
   min-height: 70px;
   margin: 0 0 10px;
}


/* Tab >> Recommend Products >> Image (照片) */
.tab-content .markets-solutions-recommend-products .product-item .img-responsive {
   width: 65%;
   width: 70%;
   position: relative;
   top: -15px;
}

.tab-container.tab-content .markets-solutions-recommend-products .product-item a img.img-responsive, 
.markets-solutions-recommend-products .product-item a img {
    opacity: 1;
    filter: brightness(100%) contrast(100%) !important;
    transition: all .5s linear 0s;
}

.tab-container.tab-content .markets-solutions-recommend-products .product-item:hover a img.img-responsive, 
.markets-solutions-recommend-products .product-item:hover a img {
    opacity: .8;
    filter: brightness(150%) contrast(120%) !important;
    transition: all .5s linear 0s;
}

.tab-container.tab-content .markets-solutions-recommend-products .product-item:hover a + h3 {
    color: #077db2 !important;
}


/* Tab >> Recommend Products >> 有產品才有 Button 距離 */
.tab-content .markets-solutions-recommend-products + div.btn-group.action_text {
   margin-top: 40px;
   width: 100%;
}

/* 第二顆 Button >> 左空間 */
.tab-container.tab-content .main-content a.btn.btn-primary:nth-child(2) {
   margin-left: 1.5%;
}



/* 第二個小 Table >> 從 5 開始 */
section#Solution_Diagramx4_for_small_screen-2.TabDia .tab-container.tab-content > div:nth-child(1) > div .tab_image::before {
   content: '05' !important;
}

/* 第二個小 Table >> 從 5 開始 */
section#Solution_Diagramx4_for_small_screen-2.TabDia .tab-container.tab-content > div:nth-child(2) > div .tab_image::before {
   content: '06' !important;
}

/* 第二個小 Table >> 從 5 開始 */
section#Solution_Diagramx4_for_small_screen-2.TabDia .tab-container.tab-content > div:nth-child(3) > div .tab_image::before {
   content: '07' !important;
}

/* 第二個小 Table >> 從 5 開始 */
section#Solution_Diagramx4_for_small_screen-2.TabDia .tab-container.tab-content > div:nth-child(4) > div .tab_image::before {
   content: '08' !important;
}


/* =========================================================================
	                        RWD (Tab Rich Content)
========================================================================= */

@Media (min-width: 1200px) {

   /* Tab Content >> Button >> 置中 */
   .Button_Center .markets-solutions-applications .tab-content .btn-group.action_text {
      width: 22%;
    }

     /* Tab Content >> Button >> 置中 */
    .Button_Center .markets-solutions-applications .tab-content a.btn.btn-primary {
      font-size: 1.2em !important;
      display: block;
      width: 100%;
    }

   /* Tab >> All Tab >> a 文字樣式 */
   ul.tab-nav:not(.tab-nav-lg) li a {
   /*font-size: 1.22em;*/
   font-size: 1.2em;
   }

   
   /* 因不顯示 Tab Image >> 文字區變寬 */
   .No_tab_image.TabDia .tab-container.tab-content h3, .No_tab_image .tab-container.tab-content h3 {
   font-size: 1.5em !important;
   }

}


@Media (min-width: 1300px) {

   /* 6 個 Solution (內容多) > tab-content > Padding */
   section.Tab-in6 .markets-solutions-applications .tab-container.tab-content, 
   #Solution_Diagram.Tab-in6 .markets-solutions-applications .tab-container.tab-content {
   padding: 60px 30px 100px 50px;
   }

}


@Media (min-width: 1500px) {

   .Tab-in3 .markets-solutions-applications .container {
   width: 70%;
   }

   .Tab-in3 ul.tab-nav:not(.tab-nav-lg) li a {
   font-size: 1.3em;
   }

   /* Tab >> 高度客製 */
   .Tab-in3.High-Tab ul.tab-nav:not(.tab-nav-lg) li a {
   font-size: 1.3em;
   }

}

@Media (max-width: 1600px) {

   .Tab-in4 .markets-solutions-applications .container, 
   .Tab-in5 .markets-solutions-applications .container {
   width: 85%;
   width: 90%;
   }

   .tab-content #NewTable li, 
   .TabDia .tab-container .tab-content p, 
   .TabDia .tab-container .tab-content .main-content p {
   font-size: 0.8em !important;
   font-size: 0.83em !important;
   }


}

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

   .Tab-Over5 ul.tab-nav:not(.tab-nav-lg) li a {
      font-size: 0.95em !important;
      }

}


/* 中螢幕 */
@Media (min-width: 1170px) and (max-width: 1510px) {

   .Tab-Over5 .markets-solutions-applications .container, 
   .Tab-in7 .markets-solutions-applications .container, 
   .Tab-in6 .markets-solutions-applications .container {
   width: 90%;
   }

   .Tab-Over5 ul.tab-nav:not(.tab-nav-lg) li a {
   font-size: 0.9em;
   font-weight: 500;
   padding: 20px 20px;
   }

   .Tab-in6 ul.tab-nav:not(.tab-nav-lg) li a {
   font-size: 0.9em;
   font-weight: 500;
   padding: 20px 20px;
   }

}


/* 中螢幕 */
@Media (min-width: 750px) and (max-width: 1199px) {

   ul.tab-nav:not(.tab-nav-lg) li a {
      padding: 11px 20px !important;
  }

}


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

   .tab-content .markets-solutions-recommend-products .product-item {
      min-height: 180px;
      padding-right: 1%;
      width: 25%;
  }

}


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

   /* 超過 5 個 Solution (內容多) > Tab Section >> Image > 高度*/
   .Tab-Over5 .markets-solutions-applications .container .tab_image, 
   .Tab-in6 .markets-solutions-applications .container .tab_image, 
   .Tab-in7 .markets-solutions-applications .container .tab_image  {
   height: 85vh !important;
   width: 30%;
   margin-right: 1.5%;
   }

   /* 剛好 4~5 個 Solution (內容多) > Tab Section >> Image > 高度*/
   .Tab-in5 .markets-solutions-applications .container .tab_image, 
   .Tab-in4 .markets-solutions-applications .container .tab_image {
   height: 90vh !important;
   width: 30%;
   margin-right: 1%;
   }

}


@Media (min-width: 950px) and (max-width: 1350px)  {

   section#Solution_Diagramx4_for_small_screen-2.TabDia .tab-container.tab-content > div > div .tab_image, 
   .Tab-Over5 .markets-solutions-applications .container .tab_image, 
   .Tab-in7 .markets-solutions-applications .container .tab_image, 
   .Tab-in6 .markets-solutions-applications .container .tab_image, 
   .Tab-in5 .markets-solutions-applications .container .tab_image, 
   .Tab-in4 .markets-solutions-applications .container .tab_image, 
   .TabDia .markets-solutions-applications .container .tab_image {
   height: 40vh !important;
   width: 100%;
   margin-bottom: 5%;
   }

   .Tab-Over5 .tab-content .ss-pull-left, 
   .Tab-in5 .tab-content .ss-pull-left, 
   .Tab-in4 .tab-content .ss-pull-left, 
   .TabDia .tab-content .ss-pull-left {
   padding-left: 20px !important;
   width: 100%;
   }

   section.TabDia.Tab-Over5 .tab-container.tab-content > div > div .tab_image::before {
      content: none !important;
   }

}




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

   section#Solution_Diagramx4_for_small_screen-2.TabDia .tab-container.tab-content > div:nth-child(4) > div .tab_image::before, 
   section#Solution_Diagramx4_for_small_screen-2.TabDia .tab-container.tab-content > div:nth-child(3) > div .tab_image::before, 
   section#Solution_Diagramx4_for_small_screen-2.TabDia .tab-container.tab-content > div:nth-child(2) > div .tab_image::before, 
   section#Solution_Diagramx4_for_small_screen-2.TabDia .tab-container.tab-content > div:nth-child(1) > div .tab_image::before, 
   section#Solution_Diagramx4_for_small_screen-2.TabDia .tab-container.tab-content > div > div .tab_image::before, 
   section.TabDia .tab-container.tab-content > div > div .tab_image::before, 
   #Solution_Diagram .tab-container.tab-content > div > div .tab_image::before {
   content: none !important;
   }

}



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

   /* Tab >> 右邊內容 */
   .tab-content .main-content {
   width: 98% !important;
   max-width: 100%;
   margin-top: 50px;

   }


   /* Tab >> Recommend Products >> Each Item (每一個產品置左) */
   .tab-content .markets-solutions-recommend-products .product-item {
   min-height: 200px;
   padding-right: 5%;
   float: left !important;
   }

   /* Tab >> Recommend Products >> Image (照片) */
   .tab-content .markets-solutions-recommend-products .product-item .img-responsive {
   width: 70% !important;
   }

}


/* 中螢幕 */
@Media (min-width: 950px) and (max-width: 969px) {

   .Tab-Over5 .markets-solutions-applications .container .tab_image, 
   .Tab-in7 .markets-solutions-applications .container .tab_image, 
   .Tab-in6 .markets-solutions-applications .container .tab_image, 
   .Tab-in5 .markets-solutions-applications .container .tab_image {
   height: 30vh !important;
   width: 100%;
   margin-bottom: 5% !important;
   }

   .Tab-Over5 .markets-solutions-applications .container .tab_image + div, 
   .Tab-in7 .markets-solutions-applications .container .tab_image + div, 
   .Tab-in6 .markets-solutions-applications .container .tab_image + div,
   .Tab-in5 .markets-solutions-applications .container .tab_image + div {
   width: 100%;
   padding-left: 2% !important;
   }

}



/* 中螢幕 */
@Media (min-width: 750px) and (max-width: 900px) {

   ul.tab-nav:not(.tab-nav-lg) li a {
   font-size: 0.9em !important;
   font-weight: 500;
   padding: 20px 20px;
   }

}



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

   section#Solution_Diagramx4_for_small_screen-2.TabDia .tab-container.tab-content > div > div .tab_image, 
   .Tab-Over5 .markets-solutions-applications .container .tab_image, 
   .Tab-in7 .markets-solutions-applications .container .tab_image, 
   .Tab-in6 .markets-solutions-applications .container .tab_image, 
   .Tab-in5 .markets-solutions-applications .container .tab_image, 
   .TabDia .markets-solutions-applications .container .tab_image, 
   .markets-solutions-applications .container .tab_image {
   height: 30vh !important;
   }

}



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

   /* Tab >> Recommend Products >> Each Item (每一個產品置左) */
   .tab-content .markets-solutions-recommend-products .product-item {
   width: 100% !important;
   }

}