body.locale_tw-zh #content *, body.locale_cn-zh #content *, body.locale_jp-ja #content *, body.locale_kr-ko #content *{
	font-family: "Roboto", "Segoe UI", "Segoe UI Light", "NotoSansHant", "NotoSansCJKsc", "NotoSansJP", "NotoSansKR", "Myriad Set Pro", Microsoft JhengHei, "微軟正黑體", Heiti TC, Microsoft YaHei, "微軟雅黑體", simhei, PMingLiU, 新細明體, Meiryo, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, ＭＳ Ｐゴシック, Malgun Gothic, Dotum, Gulim, Trebuchet MS, Lucida Grande, Verdana, Arial, sans-serif;
	}




/* 字型使用順序-第一使用 Roboto */

*{font-family: "Roboto", "Segoe UI", "Segoe UI Light", "NotoSansHant", "NotoSansCJKsc", "NotoSansJP", "NotoSansKR", "Myriad Set Pro", Microsoft JhengHei, "微軟正黑體", Heiti TC, Microsoft YaHei, "微軟雅黑體", simhei, PMingLiU, 新細明體, Meiryo, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, ＭＳ Ｐゴシック, Malgun Gothic, Dotum, Gulim, Trebuchet MS, Lucida Grande, Verdana, Arial, sans-serif;
}





body {
    font-size:11pt;
    padding: 0px;
}





/* 專區特別定義--開始 */


div.markets-solutions-applications .modal-header h4{
    font-size: 1em;
	color: #134576;
    font-weight: 400;
    line-height: 1.5;
}


.secondary-navigation div.container table > tbody > tr > td a {
    font-weight: 400;
}


#markets-top-banner .text-block h3 {
    line-height: 1.15em;
}


div.markets-solutions-applications{

}


div.markets-solutions-applications h3 {
	   font-weight: 500;
}

div.markets-solutions-applications h4 {
	 font-size: 1.05em;
    line-height: 1.5em;
	color:#686f73;
}


HR_Subtitle, div.HR_Subtitle {
	   font-size: 32px;
border-bottom: 2px solid rgba(0, 215, 255, 0.8);
    color: #53585b;
    display: inline-block;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 37px;
    word-spacing: 0.01em;
    padding: 10px 15px;
	margin:20px 0 10px;
}


#content p.big_txt, p.big_txt, div.big_txt{
	   font-size:1.27em;
	   font-weight:300;
	   color:#4d5255;
	   /*color:#323536;*/
}


.markets-solutions-applications p{
	font-size:1.1em;
	margin: 10px auto 10px;
	color:#4d5255;
}




div.markets-solutions-applications .app-block {
	margin: 50px auto -30px;
	opacity:1;
	transition: all 0.3s ease-in-out 0s;
}

div.markets-solutions-applications .app-block:hover {
	opacity:0.7;
	transition: all 0.5s linear 0s;
}




div.markets-solutions-applications h3:hover {
	color:#33c4ee;
	transition: all 0.5s linear 0s;
}




.markets-solutions-benefits {
    background-color: #edf0f1;
    padding: 80px 0 30px 0;
}





.markets-solutions-benefits .benefit-item {
	margin:20px 0 60px 0;
	text-align:left;
	vertical-align:top;
	padding:20px 40px;
	
	/* 讓 benefit-item 居中 */
	display:inline-table;
	float:none;
}





div.banner{
	width: 100%; 
	margin: 20px 0 70px 0;
	
}


.HR_Subtitle ul {
    list-style-image: url("/ext_data/global_en/HR/images/red_point.png");
}


div.markets-solutions-recommend-products {
	padding-bottom:0px;
	padding-top:0px;
}


div.markets-solutions-recommend-products .product-item .Lession {
box-shadow:2px 4px 3px 2px rgba(0, 0, 0, 0.2);
}




div.markets-solutions-recommend-products .product-item .Lession img {
opacity: 1;
transition: all 0.3s ease-in-out 0s;
}


div.markets-solutions-recommend-products .product-item .Lession a:hover img {
opacity: 0.5;
transition: all 0.5s linear 0s;
}




.markets-solutions-recommend-products .product-item.eaps_icon{
    width: 20%;
}


.icon_circle{
    background-color: #fff;
    border: 1px solid rgba(150, 150, 150, 0.2);
    border-radius: 5px;
    box-shadow: -5px 4px 10px 5px rgba(0, 0, 0, 0.05);
    filter: contrast(100%);
    transition: all 0.3s ease-in-out 0s;
    }
	
	
	
.markets-solutions-applications .EAPs_icon.app-image{
     /*border: 2px solid #c8ddde;*/
	
    border: 8px solid rgba(255, 255, 255, 1);
    box-shadow: 1px 2px 10px 4px rgba(0, 0, 0, 0.07);
    filter: contrast(100%);
    transition: all 0.3s ease-in-out 0s;
    }
	
	
	div.product-item .page_stitle1{
		font-weight:600;
	}


.markets-solutions-applications .app-image.careers_pic
{
    width:230px;
	height:230px;
	border-radius:50px;
	border:0px solid #eaeaea;
}

.markets-solutions-applications iframe {
	/*border: 1px solid #b4b4b4 !important;*/
	}
	
	
	
.tab-content .ss-pull-left {
    padding-left: 30px;
}


ul.tab-nav:not(.tab-nav-lg) li a {
    padding: 0 50px;
}


.tab-container.tab-content {
    padding: 50px 0;
}


.markets-solutions-recommend-products iframe {
    margin: -50px 0 -40px;
}


#templateContainer {
    width: 80%;
}


#templateContainer.wrapper {
width:80%;
}



.page_stitle2.color_black.center > a, .page_stitle2.color_black.center > a span {
    color: #000;
	transition: all 0.3s ease-in-out 0s;;
}


.page_stitle2.color_black.center > a:hover, .page_stitle2.color_black.center > a:hover span {
    color:#33c4ee;
	transition: all 0.5s linear 0s;
}


/*  To center the products in the middle if less than four */
.markets-solutions-recommend-products .product-item {
    display: inline-table;
    float: none;
    margin-bottom: 50px;
    position: relative;
}



/* 專區特別定義--結束 */










app_icon, .app_icon a:link, .app_icon a:active, .app_icon a:visited {
    opacity:0.75;
    filter:alpha(opacity=75); /* 針對 IE8 以及更早的版本*/
    transition: all 0.3s ease-in-out 0s;/*底圖顏色漸變消失*/
}


.app_icon a:hover, .app_icon:hover {
    opacity:0.55;
    filter:alpha(opacity=55); /* 針對 IE8 以及更早的版本*/
    transition: all 0.5s linear 0s; /*底圖顏色漸變出現*/ 
}



app_icon2, .app_icon2 a:link, .app_icon2 a:active, .app_icon2 a:visited {
    opacity:1;
    filter:alpha(opacity=100); /* 針對 IE8 以及更早的版本*/
    transition: all 0.3s ease-in-out 0s;/*底圖顏色漸變消失*/

}


.app_icon2 a:hover, .app_icon2:hover {
    opacity:0.65;
    filter:alpha(opacity=65); /* 針對 IE8 以及更早的版本*/
    transition: all 0.5s linear 0s; /*底圖顏色漸變出現*/

}





/* Font Color Define_文字顏色定義  */

.color_white {color:#fff;}
.color_white a:link {color:#fff; text-decoration: none; transition: all 0.3s ease-in-out 0s;/*底圖顏色漸變消失*/}
.color_white a:active {color:#fff; text-decoration: none; transition: all 0.3s ease-in-out 0s;/*底圖顏色漸變消失*/} 
.color_white a:visited {color:#fff; text-decoration: none; transition: all 0.3s ease-in-out 0s;/*底圖顏色漸變消失*/} 
.color_white a:hover {color: #00fcff; text-decoration: none; transition: all 0.5s linear 0s; /*底圖顏色漸變出現*/}


/* 若連結底線要變為虛線,可換 dotted; or dashed; */
.color_white1 {color:#fff;}
.color_white1 a:link {color:#fff; text-decoration: none; border-bottom: 0px solid #9c9c9c; transition: all 0.3s ease-in-out 0s;/*底圖顏色漸變消失*/}
.color_white1 a:active {color:#fff; text-decoration: none; border-bottom: 0px solid #9c9c9c; transition: all 0.3s ease-in-out 0s;/*底圖顏色漸變消失*/} 
.color_white1 a:visited {color:#fff; text-decoration: none; border-bottom: 0px solid #9c9c9c; transition: all 0.3s ease-in-out 0s;/*底圖顏色漸變消失*/} 
.color_white1 a:hover {color: #00fcff; text-decoration: none; border-bottom: 0px solid #00fcff; transition: all 0.5s linear 0s; /*底圖顏色漸變出現*/}


.color_white_LightBoxPage {color:#fff;}
.color_white_LightBoxPage a:link {color:#fff; opacity:0.6; text-decoration: none; transition: all 0.3s ease-in-out 0s;/*底圖顏色漸變消失*/}
.color_white_LightBoxPage a:active {color:#fff; opacity:0.6; text-decoration: none; transition: all 0.3s ease-in-out 0s;/*底圖顏色漸變消失*/} 
.color_white_LightBoxPage a:visited {color:#fff; opacity:0.6; text-decoration: none; transition: all 0.3s ease-in-out 0s;/*底圖顏色漸變消失*/} 
.color_white_LightBoxPage a:hover {color: #fff; opacity:1.0; text-decoration: none; transition: all 0.5s linear 0s; /*底圖顏色漸變出現*/}



.color_white_orange {color:#fff;}
.color_white_orange a:link {color:#fff; opacity:1.0; text-decoration: none; transition: all 0.3s ease-in-out 0s;/*底圖顏色漸變消失*/}
.color_white_orange a:active {color:#fff; opacity:1.0; text-decoration: none; transition: all 0.3s ease-in-out 0s;/*底圖顏色漸變消失*/} 
.color_white_orange a:visited {color:#fff; opacity:1.0; text-decoration: none; transition: all 0.3s ease-in-out 0s;/*底圖顏色漸變消失*/} 
.color_white_orange a:hover {color: #ffba00; opacity:1.0; text-decoration: none; transition: all 0.5s linear 0s; /*底圖顏色漸變出現*/}


.color_white_blue {color:#fff;}
.color_white_blue a:link {color:#fff; opacity:1.0; text-decoration: none; transition: all 0.3s ease-in-out 0s;/*底圖顏色漸變消失*/}
.color_white_blue a:active {color:#fff; opacity:1.0; text-decoration: none; transition: all 0.3s ease-in-out 0s;/*底圖顏色漸變消失*/} 
.color_white_blue a:visited {color:#fff; opacity:1.0; text-decoration: none; transition: all 0.3s ease-in-out 0s;/*底圖顏色漸變消失*/} 
.color_white_blue a:hover {color: #fff; opacity:0.6; text-decoration: none; transition: all 0.5s linear 0s; /*底圖顏色漸變出現*/}


.color_black{color:#000;}
.color_black a:link {color:#000; text-decoration: none; transition: all 0.3s ease-in-out 0s;/*底圖顏色漸變消失*/}
.color_black a:active {color:#000; text-decoration: none; transition: all 0.3s ease-in-out 0s;/*底圖顏色漸變消失*/} 
.color_black a:visited {color:#000; text-decoration: none; transition: all 0.3s ease-in-out 0s;/*底圖顏色漸變消失*/} 
.color_black a:hover {color: #363b3f; text-decoration: none; transition: all 0.5s linear 0s; /*底圖顏色漸變出現*/}


.color_grayl{ color:#6d767b }
.color_grayl a:link {color:#6d767b; text-decoration: none; transition: all 0.3s ease-in-out 0s;/*底圖顏色漸變消失*/}
.color_grayl a:active {color:#6d767b; text-decoration: none; transition: all 0.3s ease-in-out 0s;/*底圖顏色漸變消失*/} 
.color_grayl a:visited {color:#6d767b; text-decoration: none; transition: all 0.3s ease-in-out 0s;/*底圖顏色漸變消失*/} 
.color_grayl a:hover {color: #33c4ee; text-decoration: none; transition: all 0.5s linear 0s; /*底圖顏色漸變出現*/}


/* more lighter */
.color_grayl_2{ color:#c6c6c6 }
.color_grayl_2 a:link {color:#c6c6c6; text-decoration: none; transition: all 0.3s ease-in-out 0s;/*底圖顏色漸變消失*/}
.color_grayl_2 a:active {color:#c6c6c6; text-decoration: none; transition: all 0.3s ease-in-out 0s;/*底圖顏色漸變消失*/} 
.color_grayl_2 a:visited {color:#c6c6c6; text-decoration: none; transition: all 0.3s ease-in-out 0s;/*底圖顏色漸變消失*/} 
.color_grayl_2 a:hover {color: #d3d4d5; text-decoration: none; transition: all 0.5s linear 0s; /*底圖顏色漸變出現*/}


/* more dark */
.color_grayl_3{ color:#46494b }
.color_grayl_3 a:link {color:#46494b; text-decoration: none; transition: all 0.3s ease-in-out 0s;/*底圖顏色漸變消失*/}
.color_grayl_3 a:active {color:#46494b; text-decoration: none; transition: all 0.3s ease-in-out 0s;/*底圖顏色漸變消失*/} 
.color_grayl_3 a:visited {color:#46494b; text-decoration: none; transition: all 0.3s ease-in-out 0s;/*底圖顏色漸變消失*/} 
.color_grayl_3 a:hover {color: #d3d4d5; text-decoration: none; transition: all 0.5s linear 0s; /*底圖顏色漸變出現*/}


/* more blue & lighter */
.color_grayl_3{ color:#7d898c }
.color_grayl_3 a:link {color:#7d898c; text-decoration: none; transition: all 0.3s ease-in-out 0s;/*底圖顏色漸變消失*/}
.color_grayl_3 a:active {color:#7d898c; text-decoration: none; transition: all 0.3s ease-in-out 0s;/*底圖顏色漸變消失*/} 
.color_grayl_3 a:visited {color:#7d898c; text-decoration: none; transition: all 0.3s ease-in-out 0s;/*底圖顏色漸變消失*/} 
.color_grayl_3 a:hover {color: #d3d4d5; text-decoration: none; transition: all 0.5s linear 0s; /*底圖顏色漸變出現*/}


.color_orange{ color:#ffb400 }
.color_orange a:link {color:#ffb400; text-decoration: none; transition: all 0.3s ease-in-out 0s;/*底圖顏色漸變消失*/}
.color_orange a:active {color:#ffb400; text-decoration: none; transition: all 0.3s ease-in-out 0s;/*底圖顏色漸變消失*/} 
.color_orange a:visited {color:#ffb400; text-decoration: none; transition: all 0.3s ease-in-out 0s;/*底圖顏色漸變消失*/} 
.color_orange a:hover {color: #ff9600; text-decoration: none; transition: all 0.5s linear 0s; /*底圖顏色漸變出現*/}


.color_orange_1{ color:#ff9000 }
.color_orange_1 a:link {color:#ff9000; text-decoration: none; transition: all 0.3s ease-in-out 0s;/*底圖顏色漸變消失*/}
.color_orange_1 a:active {color:#ff9000; text-decoration: none; transition: all 0.3s ease-in-out 0s;/*底圖顏色漸變消失*/} 
.color_orange_1 a:visited {color:#ff9000; text-decoration: none; transition: all 0.3s ease-in-out 0s;/*底圖顏色漸變消失*/} 
.color_orange_1 a:hover {color: #ff9600; text-decoration: none; transition: all 0.5s linear 0s; /*底圖顏色漸變出現*/}



.color_orange_2{ color:#ff7800 }
.color_orange_2 a:link {color:#ff7800; text-decoration: none; transition: all 0.3s ease-in-out 0s;/*底圖顏色漸變消失*/}
.color_orange_2 a:active {color:#ff7800; text-decoration: none; transition: all 0.3s ease-in-out 0s;/*底圖顏色漸變消失*/} 
.color_orange_2 a:visited {color:#ff7800; text-decoration: none; transition: all 0.3s ease-in-out 0s;/*底圖顏色漸變消失*/} 
.color_orange_2 a:hover {color: #ff9600; text-decoration: none; transition: all 0.5s linear 0s; /*底圖顏色漸變出現*/}



.color_orange_dark{ color:#b32a01 }
.color_orange_dark a:link {color:#b32a01; text-decoration: none; transition: all 0.3s ease-in-out 0s;/*底圖顏色漸變消失*/}
.color_orange_dark a:active {color:#b32a01; text-decoration: none; transition: all 0.3s ease-in-out 0s;/*底圖顏色漸變消失*/} 
.color_orange_dark a:visited {color:#b32a01; text-decoration: none; transition: all 0.3s ease-in-out 0s;/*底圖顏色漸變消失*/} 
.color_orange_dark a:hover {color: #ff9600; text-decoration: none; transition: all 0.5s linear 0s; /*底圖顏色漸變出現*/}


.color_blue{ color:#33c4ee }
.color_blue a:link {color:#33c4ee; text-decoration: none; transition: all 0.3s ease-in-out 0s;/*底圖顏色漸變消失*/}
.color_blue a:active {color:#33c4ee; text-decoration: none; transition: all 0.3s ease-in-out 0s;/*底圖顏色漸變消失*/} 
.color_blue a:visited {color:#33c4ee; text-decoration: none; transition: all 0.3s ease-in-out 0s;/*底圖顏色漸變消失*/} 
.color_blue a:hover {color: #10fcf9; text-decoration: none; transition: all 0.5s linear 0s; /*底圖顏色漸變出現*/}


.color_bluedark{ color:#0082a7 }
.color_bluedark a:link {color:#0082a7; text-decoration: none; transition: all 0.3s ease-in-out 0s;/*底圖顏色漸變消失*/}
.color_bluedark a:active {color:#0082a7; text-decoration: none; transition: all 0.3s ease-in-out 0s;/*底圖顏色漸變消失*/} 
.color_bluedark a:visited {color:#0082a7; text-decoration: none; transition: all 0.3s ease-in-out 0s;/*底圖顏色漸變消失*/} 
.color_bluedark a:hover {color: #10fcf9; text-decoration: none; transition: all 0.5s linear 0s; /*底圖顏色漸變出現*/}


.color_greenv{ color:#baff00 }
.color_greenv a:link {color:#baff00; text-decoration: none; transition: all 0.3s ease-in-out 0s;/*底圖顏色漸變消失*/}
.color_greenv a:active {color:#baff00; text-decoration: none; transition: all 0.3s ease-in-out 0s;/*底圖顏色漸變消失*/} 
.color_greenv a:visited {color:#baff00; text-decoration: none; transition: all 0.3s ease-in-out 0s;/*底圖顏色漸變消失*/} 
.color_greenv a:hover {color: #eaff00; text-decoration: none; transition: all 0.5s linear 0s; /*底圖顏色漸變出現*/}


.color_greeng{ color:#00c0c6 }
.color_greeng a:link {color:#00c0c6; text-decoration: none; transition: all 0.3s ease-in-out 0s;/*底圖顏色漸變消失*/}
.color_greeng a:active {color:#00c0c6; text-decoration: none; transition: all 0.3s ease-in-out 0s;/*底圖顏色漸變消失*/} 
.color_greeng a:visited {color:#00c0c6; text-decoration: none; transition: all 0.3s ease-in-out 0s;/*底圖顏色漸變消失*/} 
.color_greeng a:hover {color: #00f7ff; text-decoration: none; transition: all 0.5s linear 0s; /*底圖顏色漸變出現*/}



.color_greeng1{ color:#00a7ac }
.color_greeng1 a:link {color:#00a7ac; text-decoration: none; transition: all 0.3s ease-in-out 0s;/*底圖顏色漸變消失*/}
.color_greeng1 a:active {color:#00a7ac; text-decoration: none; transition: all 0.3s ease-in-out 0s;/*底圖顏色漸變消失*/} 
.color_greeng1 a:visited {color:#00a7ac; text-decoration: none; transition: all 0.3s ease-in-out 0s;/*底圖顏色漸變消失*/} 
.color_greeng1 a:hover {color: #00f7ff; text-decoration: none; transition: all 0.5s linear 0s; /*底圖顏色漸變出現*/}


.color_greeng2{ color:#007e99 }
.color_greeng2 a:link {color:#007e99; text-decoration: none; transition: all 0.3s ease-in-out 0s;/*底圖顏色漸變消失*/}
.color_greeng2 a:active {color:#007e99; text-decoration: none; transition: all 0.3s ease-in-out 0s;/*底圖顏色漸變消失*/} 
.color_greeng2 a:visited {color:#007e99; text-decoration: none; transition: all 0.3s ease-in-out 0s;/*底圖顏色漸變消失*/} 
.color_greeng2 a:hover {color: #00f7ff; text-decoration: none; transition: all 0.5s linear 0s; /*底圖顏色漸變出現*/}


.color_greeng3{ color:#00f0ff }
.color_greeng3 a:link {color:#00f0ff; text-decoration: none; transition: all 0.3s ease-in-out 0s;/*底圖顏色漸變消失*/}
.color_greeng3 a:active {color:#00f0ff; text-decoration: none; transition: all 0.3s ease-in-out 0s;/*底圖顏色漸變消失*/} 
.color_greeng3 a:visited {color:#00f0ff; text-decoration: none; transition: all 0.3s ease-in-out 0s;/*底圖顏色漸變消失*/} 
.color_greeng3 a:hover {color: #00f7ff; text-decoration: none; transition: all 0.5s linear 0s; /*底圖顏色漸變出現*/}



.color_redChalk{ color:#ff668e }
.color_redChalk a:link {color:#ff668e; text-decoration: none; transition: all 0.3s ease-in-out 0s;/*底圖顏色漸變消失*/}
.color_redChalk a:active {color:#ff668e; text-decoration: none; transition: all 0.3s ease-in-out 0s;/*底圖顏色漸變消失*/} 
.color_redChalk a:visited {color:#ff668e; text-decoration: none; transition: all 0.3s ease-in-out 0s;/*底圖顏色漸變消失*/} 
.color_redChalk a:hover {color: #ff8dab; text-decoration: none; transition: all 0.5s linear 0s; /*底圖顏色漸變出現*/}




/* Font Color Define_end  */





/* button color */

.Button_white, a.Button_white:link, a.Button_white:active, a.Button_white:visited {
    color:#fff;	
    background-color:rgba(255, 255, 255, 0.07);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#11ffffff,endColorstr=#11ffffff,enabled=true,gradientType='1')\9;
    border: 1px solid rgba(255, 255, 255, 0.2);
    text-decoration: none;
    transition: all 0.3s ease-in-out 0s;/*底圖顏色漸變消失*/
}

.Button_white:hover, a.Button_white:hover {
    color:#fff;
    border: 1px solid rgba(255, 255, 255, 1);
    background-color:rgba(255, 255, 255, 0.3) ;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#33ffffff,endColorstr=#33ffffff,enabled=true,gradientType='1')\9;
    text-decoration:none;
    transition: all 0.5s linear 0s; /*底圖顏色漸變出現*/
}




.Button_black, .Button_black:link, .Button_black:active, .Button_black:visited{
    color:#fff;	
    background-color:rgba(0, 0, 0, 0.85);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff000000,endColorstr=#ff000000,enabled=true,gradientType='1')\9;
    border: 1px solid rgba(0, 0, 0, 0.85);
    text-decoration: none;
    transition: all 0.3s ease-in-out 0s;/*底圖顏色漸變消失*/
}


.Button_black:hover, a.Button_black:hover {
    color:#fff;
	/*
    border: 1px solid rgba(0, 0, 0, 0.3);
	*/
    background-color:rgba(0, 0, 0, 0.6) ;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000,enabled=true,gradientType='1')\9;
    text-decoration:none;
    transition: all 0.5s linear 0s; /*底圖顏色漸變出現*/
}




.Button_black2, .Button_black2:link, .Button_black2:active, .Button_black2:visited{
    color:#fff;	
	
	border: 1px solid rgba(255, 255, 255, 0.1);
	
    background-color:rgba(0, 0, 0, 0.4);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#45000000,endColorstr=#45000000,enabled=true,gradientType='1')\9;
	/*
    border: 1px solid rgba(0, 0, 0, 0.2);
	*/
    text-decoration: none;
    transition: all 0.3s ease-in-out 0s;/*底圖顏色漸變消失*/
}


.Button_black2:hover, a.Button_black2:hover {
    color:#fff;
	
    border: 1px solid rgba(255, 255, 255, 0.9);
	
	
    background-color:rgba(0, 0, 0, 0.9) ;
	
	/*
	background-color:rgba(255, 255, 255, 0.3) ;
	*/
	
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#88000000,endColorstr=#88000000,enabled=true,gradientType='1')\9;
    text-decoration:none;
    transition: all 0.5s linear 0s; /*底圖顏色漸變出現*/
}






.Button_blueGreen, a.Button_blueGreen:link, a.Button_blueGreen:active, a.Button_blueGreen:visited{


    color:#fff;
    font-weight:300;
    border: 1px solid rgba(0, 188, 200, 0.90);
    background-color:rgba(0, 188, 200, 0.90) ;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#8800bcc8,endColorstr=#8800bcc8,enabled=true,gradientType='1')\9;
    text-decoration:none;
    transition: all 0.3s ease-in-out 0s;/*底圖顏色漸變消失*/


}


.Button_blueGreen:hover, a.Button_blueGreen:hover {

    color:#fff;
    font-weight:300;	
    border: 1px solid rgba(0, 240, 255, 0.90);
    background-color:rgba(0, 240, 255, 0.9);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff00f0ff,endColorstr=#ff00f0ff,enabled=true,gradientType='1')\9;
    text-decoration: none;
    transition: all 0.5s linear 0s; /*底圖顏色漸變出現*/

}





.Button_blueGreen2, a.Button_blueGreen2:link, a.Button_blueGreen2:active, a.Button_blueGreen2:visited{


    color:#fff;
    font-weight:300;
    border: 1px solid rgba(0, 240, 255, 0.90);
    background-color:rgba(0, 240, 255, 0.9);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff00f0ff,endColorstr=#ff00f0ff,enabled=true,gradientType='1')\9;
    text-decoration:none;
    transition: all 0.3s ease-in-out 0s;/*底圖顏色漸變消失*/

}


.Button_blueGreen2:hover, a.Button_blueGreen2:hover {

    color:#fff;
    font-weight:300;	
    border: 1px solid rgba(0, 188, 200, 0.90);
    background-color:rgba(0, 188, 200, 0.90) ;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#8800bcc8,endColorstr=#8800bcc8,enabled=true,gradientType='1')\9;
    text-decoration: none;
    transition: all 0.5s linear 0s; /*底圖顏色漸變出現*/

}



.Button_orange, .Button_orange:link, .Button_orange:active, .Button_orange:visited{
    color:#fff;	
    background-color:rgba(255, 90, 0, 1.0);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99ff5a00,endColorstr=#99ff5a00,enabled=true,gradientType='1')\9;
    border: 1px solid rgba(255, 90, 0, 0.8);
    text-decoration: none;
    transition: all 0.3s ease-in-out 0s;/*底圖顏色漸變消失*/
}


.Button_orange:hover, a.Button_orange:hover {
    color:#fff;
	/*
    border: 1px solid rgba(0, 0, 0, 0.3);
	*/
    background-color:rgba(255, 132, 0, 1.0) ;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99ff8400,endColorstr=#99ff8400,enabled=true,gradientType='1')\9;
    text-decoration:none;
    transition: all 0.5s linear 0s; /*底圖顏色漸變出現*/
}





/* button style */
.Button_line {
    /*漸層
    -moz-box-shadow:inset 0px 0px 0px 1px #ffffff;
    -webkit-box-shadow:inset 0px 0px 0px 1px #ffffff;
    box-shadow:inset 0px 0px 0px 1px #ffffff;
    
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #ffffff) );
    background:-moz-linear-gradient( center top, #ffffff 5%, #ffffff 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff');
    background-color:#ffffff;
    */

    /*
    background-color:rgba(255, 255, 255, 0.07) ;
    border: 1px solid rgba(255, 255, 255, 0.3);
    border: 1px solid #fff\9;
    */

    font-size:13pt;
    font-weight: 300;

    -moz-border-radius:1px;
    -webkit-border-radius:1px;
    border-radius:1px;
    display:inline-block;

    padding:7px 30px 10px 30px;
    *padding:12px 20px 5px 20px; /* "*" 是針對 IE 7 的位置調整 */
    text-decoration:none;
    margin-bottom: 20px;
    /*
text-shadow:-1px -1px 0px  #fff;
    */
}


/* button style */
.Button_lineC {

    font-size:13pt;
    font-weight: 300;

    -moz-border-radius:1px;
    -webkit-border-radius:1px;
    border-radius:1px;
    display:block;
	
	text-align:center;

    padding:7px 30px 10px 30px;
    *padding:12px 20px 5px 20px; /* "*" 是針對 IE 7 的位置調整 */
    text-decoration:none;
    margin-bottom: 20px;
    /*
text-shadow:-1px -1px 0px  #fff;
    */
}


.Button_lineW {
	
	
	font-size:14pt;
	font-weight:300;
	
	-moz-box-shadow:inset 0px 0px 0px 1px rgba(255, 255, 255, 0.35);
    -webkit-box-shadow:inset 0px 0px 0px 1px rgba(255, 255, 255, 0.35);
    box-shadow:inset 0px 0px 0px 1px rgba(255, 255, 255, 0.35);

    -moz-border-radius:1px;
    -webkit-border-radius:1px;
    border-radius:1px;
    display:inline-block;

    padding:15px 37px 17px 37px;
    *padding:15px 32px 17px 32px; /* "*" 是針對 IE 7 的位置調整 */
    text-decoration:none;
    margin-bottom: 20px;
	transition: all 0.3s ease-in-out 0s;/*底圖顏色漸變消失*/
    /*
text-shadow:-1px -1px 0px  #fff;
    */
}




/* button style */
.Button_lineR {

    font-size:13pt;
    font-weight: 300;

    -moz-border-radius:50px;
    -webkit-border-radius:50px;
    border-radius:50px;
    display:inline-block;

    padding:7px 30px 10px 30px;
    *padding:12px 20px 5px 20px; /* "*" 是針對 IE 7 的位置調整 */
    text-decoration:none;
    margin-bottom: 20px;
    /*
    text-shadow:-1px -1px 0px  #fff;
    */
}



@media screen and (-webkit-min-device-pixel-ratio:0)
{
    .Button_line,.Button_lineR {padding:10px 30px 10px 30px;}/*chrome微調位置*/
}




.Button_lineR2 {

    font-size:13pt;
    font-weight: 300;

    -moz-border-radius:50px;
    -webkit-border-radius:50px;
    border-radius:50px;
    display:inline-block;

    padding:9px 24px 8px 24px;
    *padding:9px 24px 9px 24px; /* "*" 是針對 IE 7 的位置調整 */
    text-decoration:none;
    margin-bottom: 20px;
    /*
    text-shadow:-1px -1px 0px  #fff;
    */
}



@media screen and (-webkit-min-device-pixel-ratio:0)
{
    .Button_lineR2 {padding:10px 30px 10px 30px;}/*chrome微調位置*/
}



a.Button_line:hover, a.Button_lineR:hover, a.Button_lineR2:hover, a.Button_lineW:hover, a.Button_lineC:hover {
    /*漸層
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f4f5f5), color-stop(1, #ffffff) );
    background:-moz-linear-gradient( center top, #f4f5f5 5%, #ffffff 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff');
    background-color:#f4f5f5;
    */

    /*
    color:#fff;
    border: 1px solid rgba(255, 255, 255, 1);
    border: 1px solid #fff\9;
    /*
    
    /*
    background-color:rgba(255, 255, 255, 0.3) ;
    background-color:#fff\9;
    */
}

.Button_line:active,.Button_lineR:active,.Button_lineR2:active, .Button_lineC:active {
    position:relative;
    top:1px;
    /* ie 漸層
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f5f5', endColorstr='#ffffff');
    */
}










.page_title_big span, .page_title_big {
    font-family: "Roboto", "Source Sans Pro", "NotoSansHant", "NotoSansCJKsc", "NotoSansJP", "NotoSansKR", Segoe UI;
    font-size:140px;
    font-weight:100;
    line-height:160px;
    letter-spacing:-0.05em;
    /* word-spacing:0.01em; */
}
/* chrome 微調 */
@media screen and (-webkit-min-device-pixel-ratio:0)
{
    .page_title_big span, .page_title_big {font-family: "Roboto", "Source Sans Pro", "NotoSansHant", "NotoSansCJKsc", "NotoSansJP", "NotoSansKR", "Segoe UI Light", Arial; font-weight:100; }
}




.page_title_big2 span, .page_title_big2 {
    font-family: "Roboto", "Source Sans Pro", "NotoSansHant", "NotoSansCJKsc", "NotoSansJP", "NotoSansKR", Segoe UI;
    font-size:110px;
    font-weight:100;
    line-height:160px;
    letter-spacing:-0.05em;
    /* word-spacing:0.01em; */
}
/* chrome 微調 */
@media screen and (-webkit-min-device-pixel-ratio:0)
{
    .page_title_big2 span, .page_title_big2 {font-family: "Roboto", "Source Sans Pro", "NotoSansHant", "NotoSansCJKsc", "NotoSansJP", "NotoSansKR", "Segoe UI Light", Arial; font-weight:100; }
}




.page_title_bigs span, .page_title_bigs {
    font-family: "Source Sans Pro", "Roboto", "NotoSansHant", "NotoSansCJKsc", "NotoSansJP", "NotoSansKR", Segoe UI ;
    font-size:67px;
    font-weight:200;
    line-height:78px;
    letter-spacing:-0.01em;
    /* word-spacing:0.01em; */
}
/* chrome 微調 */
@media screen and (-webkit-min-device-pixel-ratio:0)
{
    .page_title_bigs span, .page_title_bigs {font-family: "Roboto", "Source Sans Pro", "NotoSansHant", "NotoSansCJKsc", "NotoSansJP", "NotoSansKR", "Segoe UI Light", Arial; font-weight:100; }
}



.page_title_bigs2 span, .page_title_bigs2 {
    font-family: "Source Sans Pro", "Roboto", "NotoSansHant", "NotoSansCJKsc", "NotoSansJP", "NotoSansKR", Segoe UI ;
    font-size:67px;
    font-weight:100;
    line-height:78px;
    letter-spacing:-0.01em;
    /* word-spacing:0.01em; */
}
/* chrome 微調 */
@media screen and (-webkit-min-device-pixel-ratio:0)
{
    .page_title_bigs2 span, .page_title_bigs2 {font-family: "Roboto", "Source Sans Pro", "NotoSansHant", "NotoSansCJKsc", "NotoSansJP", "NotoSansKR", "Segoe UI Light", Arial; font-weight:100; }
}



.page_title_bigs3 span, .page_title_bigs3 {
    font-family: "Roboto", "Source Sans Pro", "NotoSansHant", "NotoSansCJKsc", "NotoSansJP", "NotoSansKR", Segoe UI;
    font-size:85px;
    font-weight:100;
    line-height:95px;
    letter-spacing:-0.01em;
    /* word-spacing:0.01em; */
}
/* chrome 微調 */
@media screen and (-webkit-min-device-pixel-ratio:0)
{
    .page_title_bigs3 span, .page_title_bigs3 {font-family: "Roboto", "Source Sans Pro", "NotoSansHant", "NotoSansCJKsc", "NotoSansJP", "NotoSansKR", "Segoe UI Light", Arial; font-weight:100; }
}



.page_title_bigs4 span, .page_title_bigs4 {
    font-family: "Source Sans Pro", "Roboto", "NotoSansHant", "NotoSansCJKsc", "NotoSansJP", "NotoSansKR", Segoe UI ;
    font-size:90px;
    font-weight:100;
    line-height:100px;
    letter-spacing:-0.01em;
    /* word-spacing:0.01em; */
}
/* chrome 微調 */
@media screen and (-webkit-min-device-pixel-ratio:0)
{
    .page_title_bigs3 span, .page_title_bigs3 {font-family: "Roboto", "Source Sans Pro", "NotoSansHant", "NotoSansCJKsc", "NotoSansJP", "NotoSansKR", "Segoe UI Light", Arial; font-weight:100; }
}




.number_big span, .number_big {
    font-family: "Roboto", "Source Sans Pro", "NotoSansHant", "NotoSansCJKsc", "NotoSansJP", "NotoSansKR", Segoe UI;
    font-size:90px;
    font-weight:100;
    line-height:120px;
    letter-spacing:-0.05em;
    /* word-spacing:0.01em; */
}
/* chrome 微調 */
@media screen and (-webkit-min-device-pixel-ratio:0)
{
    .number_big span, .number_big {font-family: "Roboto", "Source Sans Pro", "NotoSansHant", "NotoSansCJKsc", "NotoSansJP", "NotoSansKR", "Segoe UI Light", Arial; font-weight:100; }
}






.page_title span, .page_title {
    font-family: "Source Sans Pro", "Roboto", "NotoSansHant", "NotoSansCJKsc", "NotoSansJP", "NotoSansKR", Segoe UI ;
    font-size:60px;
    font-weight:200;
    line-height:68px;
    letter-spacing:-0.01em;
    word-spacing:0.01em;
}
/* chrome 微調 */
@media screen and (-webkit-min-device-pixel-ratio:0)
{
    .page_title, .page_title span {font-family: "Roboto", "Source Sans Pro", "NotoSansHant", "NotoSansCJKsc", "NotoSansJP", "NotoSansKR", "Segoe UI Light", Arial; font-weight:200; }
}





.page_titles span, .page_titles {
    font-family: "Source Sans Pro", "Roboto", "NotoSansHant", "NotoSansCJKsc", "NotoSansJP", "NotoSansKR", Segoe UI ;
    font-size:46px;
    font-weight:200;
    line-height:68px;
    letter-spacing:-0.01em;
    word-spacing:0.01em;
}


.page_titles1 span, .page_titles1 {
    font-family: "Source Sans Pro", "Roboto", "NotoSansHant", "NotoSansCJKsc", "NotoSansJP", "NotoSansKR", Segoe UI ;
    font-size:43px;
    font-weight:200;
    line-height:55px;
    letter-spacing:-0.01em;
    word-spacing:0.01em;
}


.page_titles2 span, .page_titles2 {
    font-family: "Source Sans Pro", "Roboto", "NotoSansHant", "NotoSansCJKsc", "NotoSansJP", "NotoSansKR", Segoe UI ;
    font-size:53px;
    font-weight:200;
    line-height:68px;
    letter-spacing:-0.01em;
    word-spacing:0.01em;
}


.page_titles3 span, .page_titles3 {
    font-family: "Source Sans Pro", "Roboto", "NotoSansHant", "NotoSansCJKsc", "NotoSansJP", "NotoSansKR", Segoe UI ;
    font-size:35px;
    font-weight:200;
    line-height:47px;
    letter-spacing:-0.01em;
    word-spacing:0.01em;
}




.page_titles4 span, .page_titles4 {
    font-family: "Source Sans Pro", "Roboto", "NotoSansHant", "NotoSansCJKsc", "NotoSansJP", "NotoSansKR", Segoe UI ;
    font-size:37px;
    font-weight:200;
    line-height:47px;
    letter-spacing:-0.01em;
    word-spacing:0.01em;
}







.page_stitle {
    font-size:24px;
    font-weight:300;
    line-height:35px;
    word-spacing:0.01em;
}



.page_stitle1 {
    font-size:20px;
    font-weight:300;
    line-height:35px;
    word-spacing:0.01em;
}



.page_stitle2 {
    font-size:30px;
    font-weight:300;
    line-height:45px;
    word-spacing:0.01em;
    letter-spacing:0em;
}



.page_stitle3 {
    font-size:28px;
    font-weight:300;
    line-height:37px;
    word-spacing:0.01em;
    letter-spacing:0em;
}


.page_txt {
    font-size:19px;
    font-weight:300;
    line-height:29px;
}


.page_txtbold1 {
    font-size:17px;
    font-weight:400;
    line-height:25px;
}

.page_txtbold2 {
    font-size:16px;
    font-weight:400;
    line-height:25px;
}

.page_txt1 {
    font-size:17px;
    font-weight:300;
    line-height:25px;
}


.page_txt2 {
    font-size:16px;
    font-weight:300;
    line-height:27px;
}


.page_txt_s {
    font-size:14px;
    font-weight:300;
    line-height:22px;
}


.page_txt_s2 {
    font-size:12px;
    font-weight:300;
    line-height:22px;
}


.color_block{
    padding:35px 45px 36px 45px;
    background-color:rgba(0, 0, 0, 0.65) ;
}


.color_blockRound{
	border-radius:20px;
    padding:20px 20px 21px 20px;
    background-color:rgba(0, 0, 0, 0.65) ;
	width:65%;
	display:inline-block;

}


.arrow-up {
    width: 10%;
    height: 0;    
    padding-left:10%;
    padding-bottom: 10%;
    overflow: hidden;

}

.arrow-up:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    margin-left:-500px;
    border-left: 500px solid transparent;
    border-right: 500px solid transparent;
    border-bottom: 500px solid #4679BD;
}


.arrow-down {
	width: 0; 
	height: 0; 
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-top: 20px solid #000;
}



.wordline {
    /*
    -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
    box-shadow:inset 0px 1px 0px 0px #ffffff;
    */

    background-color:rgba(255, 255, 255, 0.55);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#55ffffff,endColorstr=#55ffffff,enabled=true,gradientType='1')\9;

    -webkit-border-top-left-radius:20px;
    -moz-border-radius-topleft:20px; 
    border-top-left-radius:20px;
    -webkit-border-top-right-radius:20px;
    -moz-border-radius-topright:20px;
    border-top-right-radius:20px;
    -webkit-border-bottom-right-radius:20px;
    -moz-border-radius-bottomright:20px;
    border-bottom-right-radius:20px;
    -webkit-border-bottom-left-radius:20px;
    -moz-border-radius-bottomleft:20px;
    border-bottom-left-radius:20px;
    text-indent:0;
    border:2px solid rgba(94, 104, 109, 0.17);
    border:2px solid #c5d3d9\9;
    display:inline-block;
    height:180px;
    width:180px;

    color:#666666;
    font-style:normal;
    line-height:100px;
    text-decoration:none;
    text-align:center;
    text-shadow:1px 1px 0px #ffffff;

}


/*end content*/









/* Table Content */



.markets-solutions-applications .table > thead > tr > th, 
.markets-solutions-applications .table > tbody > tr > th, 
.markets-solutions-applications .table > tfoot > tr > th, 
.markets-solutions-applications .table > thead > tr > td, 
.markets-solutions-applications .table > tbody > tr > td, 
.markets-solutions-applications .table > tfoot > tr > td {
	padding:20px 15px 20px 15px;
	line-height:26px;
	vertical-align:middle;
	}
	
	
.markets-solutions-applications .white_theme th.spec_titlef{
    padding-left: 25px;
	line-height:24px;
	font-weight:300;
}

.markets-solutions-applications .white_theme td.spec_titleb{
    padding-left: 25px;
	line-height:24px;
}

.markets-solutions-applications th.spec_linetitle{
	font-weight:300;
}
	


/* <Spec 內容含table所有 td> */
.white_theme td, .white_theme th{
    font-size:15px;
    color:#333;
    /* color:#3a3a3a; */
    font-weight:300;
    line-height:24px;
    vertical-align:middle;
    text-align:center;
    padding:20px 15px 20px 15px;
}


/* <Spec 上方大分類標題> */
.white_theme thead tr th{
    font-size:21px;
    font-weight:lighter;
    text-align:center;
	vertical-align:middle;
    color:#000;
    text-shadow:0px 1px 0px #fff;
    /*
    border-bottom: thin solid #9c9c9c;
    */
}

/* <Spec 左方小標題--靠左> */
.white_theme th.spec_titlef{
    text-align:left;
    padding-left: 30px;
	vertical-align:middle;

}

@media screen and (-webkit-min-device-pixel-ratio:0)
{
    .white_theme thead tr th {font-family: "Roboto", "NotoSansHant", "NotoSansCJKsc", "NotoSansJP", "NotoSansKR", "Segoe UI Light", Arial; font-weight: 100;}/*chrome微調位置*/
}


/* <Spec 左方小標題> */
.white_theme td.spec_titleb{
    font-weight:500;
    color:#000;
    text-align:left;
    padding-left:30px;

}


/* <全部 border 定義> */
.none_border, .none_border thead tr th ,.none_border td {
    border:none;
    border-bottom: thin solid #e4e6e7;
    border-collapse: collapse;
}

.none_border{
    border-top: thin solid #e4e6e7;
    border-left: thin solid #e4e6e7;
    border-right: thin solid #e4e6e7;
}

/* <Spec 上方大分類標題> */
.none_border thead tr th{
    /*
    background-color:#fff; 
    background: -moz-linear-gradient(center top , #fff 0%, #fff 30%, #fff 100%) repeat scroll 0 0 #fff; 
    border-bottom: thin solid #a0a3a4;
    */
    background-color:#f7f9f9; 
    background: -moz-linear-gradient(center top , #f7f9f9 0%, #f7f9f9 30%, #f2f4f4 100%) repeat scroll 0 0 #f7f9f9; 
    border-bottom: thin solid #a0a3a4;

    /* box-shadow: 0 2px 3px 0 rgba(20%, 30%, 40%, 0.2); */
    box-shadow: 1px 0px 1px 0px rgba(100%, 100%, 100%, 1); 
}

/* <Spec 左方小標題> */
.none_border td.spec_titleb{
    border-right:thin solid #e4e6e7;
    /* border-right:thin solid #a0a3a4; */
}

/* <Spec 內容_分隔> */
.none_border td.spec_line ,.none_border th.spec_line{
    border-right:thin solid #e4e6e7;
}

/* <Spec 上方大分類_分隔-深色> */
.none_border th.spec_linetitle{
    /* border-right:thin solid #e4e6e7; */
    border-right:thin solid #d0d2d3;
}

/* <Spec 上方大分類_分隔-淺色> */
.none_border th.spec_linetitle2{
    /* border-right:thin solid #e4e6e7; */
}



@media screen and (-webkit-min-device-pixel-ratio:0)
{
    .white_theme td .white_theme tr th {font-family: "Roboto", "NotoSansHant", "NotoSansCJKsc", "NotoSansJP", "NotoSansKR", "Segoe UI Light", Arial; }/*chrome微調位置*/
}

/* end Table Content */


/*Animation
.Animation{
    display:none;
}
*/



/*end Animation*/





/*最底 ICON 區域設定*/

/* 原來有 About Us 使用
.icon_block {
    padding:80px 0 10px 0 ;
}
*/


/* 移掉下方 About Us 之後使用 */
.icon_block {
    padding:100px 0 85px 0 ;
}


.icon_block .icon_content {
    margin-bottom:15px;
    text-shadow: 0 1px 0 #ffffff;
}


.icon_block .icon_content .icontitle {
    margin-bottom:15px;
}

.icon_block .icon_content a {
    color: black; /*#363b3f;*/
    font-size: 11.5pt;
    font-weight: normal;
    text-decoration: none;
    display: block;
    opacity:0.75;
    filter:alpha(opacity=75); /* 針對 IE8 以及更早的版本*/ 
    transition: all 0.3s ease-in-out 0s;/*底圖顏色漸變消失*/
}

.icon_block .icon_content a:link,
.icon_block .icon_content a:active,
.icon_block .icon_content a:visited {
    display:black; /*#363b3f;*/
    text-decoration: none;
    opacity:0.75;
    filter:alpha(opacity=75); /* 針對 IE8 以及更早的版本*/ 
    transition: all 0.3s ease-in-out 0s;/*底圖顏色漸變消失*/
}


.icon_block .icon_content a:hover {
    color:black;
    text-decoration: none;
    opacity:1;
    filter:alpha(opacity=100); /* 針對 IE8 以及更早的版本 */
    transition: all 0.5s linear 0s; /*底圖顏色漸變出現*/
}


.icon_social a {
    opacity:0.75;
    filter:alpha(opacity=75); /* 針對 IE8 以及更早的版本*/ 
    transition: all 0.3s ease-in-out 0s;/*底圖顏色漸變消失*/
}

.icon_social a:link,
.icon_social a:active,
.icon_social a:visited {
    display:black; /*#363b3f;*/
    opacity:0.75;
    filter:alpha(opacity=75); /* 針對 IE8 以及更早的版本*/ 
    transition: all 0.3s ease-in-out 0s;/*底圖顏色漸變消失*/
}


.icon_social a:hover {
    color:black;
    opacity:1;
    filter:alpha(opacity=100); /* 針對 IE8 以及更早的版本 */
    transition: all 0.5s linear 0s; /*底圖顏色漸變出現*/
}


/* 如果要 icon 滑過後變成半透明 
div.icon_block div.icon_content a img.iconimg_hover {
        opacity:0.5;
    filter:alpha(opacity=50); /* 針對 IE8 以及更早的版本
}
*/	

.icon_block .icon_content .page_txt_s{
    opacity:0.75;
    filter:alpha(opacity=75); /* 針對 IE8 以及更早的版本 */
}


.icon_block .icon_txt {
    padding-left: 10px;
}

/*foot*/



.bottom_bgline {
    border-bottom: 1px solid #bdc4c6;
    margin: 0 auto;
    width: 100%;
    margin-top:60px;
    margin-bottom: 10px;

}


div#bottom_bg {
    background-color: #e5e8ea;
    /* background-image: url("../images/bottom_links_bg_top.png"); */
    background-position: center top;
    background-repeat: repeat-x;
    clear: both;
    height: 100%;
    margin: 0 auto;
    width: 100%;
}


/* 數值不能調整,不然會撐開 */
div#bottom_block {
    background-position: center bottom;
    background-repeat: repeat-x;
    padding:57px 15px;
}




.bottom_links_title {
    color: #363b3f;
    font-size: 11.5pt;
    font-weight: normal;
    margin:0 0 15px;
}



.icon_block .bottom_links_title a:link {
    color: #3f3f3f;
    text-decoration:none;
    transition: all 0.3s ease-in-out 0s;/*底圖顏色漸變消失*/
}

.icon_block .bottom_links_title a:visited {
    color: #3f3f3f;
    text-decoration:none;
    transition: all 0.3s ease-in-out 0s;/*底圖顏色漸變消失*/
}

.icon_block .bottom_links_title a:active {
    color: #3f3f3f;
    text-decoration:none;
    transition: all 0.3s ease-in-out 0s;/*底圖顏色漸變消失*/
}

.icon_block .bottom_links_title a:hover {
    color: #6d767b;
    text-decoration:none;
    transition: all 0.5s linear 0s; /*底圖顏色漸變出現*/
}



.navbar a.bottom_links_title {
    color: #363b3f;
    font-size: 11.5pt;
    font-weight: normal;
    margin:0 0 20px;
    display: block;
    transition: all 0.3s ease-in-out 0s;/*底圖顏色漸變消失*/
}

.navbar a.bottom_links_title:hover {
    color: #363b3f;
    transition: all 0.5s linear 0s; /*底圖顏色漸變出現*/
}

.bottom_links_txt ul {
    font-size:10pt;
    list-style-type: none;
    margin: 0;
    padding: 0 30px 30px 0;
    float:left;
}

.bottom_links_txt li {
    margin: 0;
    padding:0 0 5px 0;
    text-align: left;
}

.icon_arrow{
    padding-left:10px; 
    position:relative;
}

.bottom_links_txt {
    clear: left;
    color: #b6c0c4;
    font-size: 8pt;
    font-weight: 300;
    line-height: 18px;
    text-shadow: 0 1px 0 #ffffff;
}

.bottom_links_txt a {
    color: #797f85;
    text-decoration: none;
    transition: all 0.3s ease-in-out 0s;/*底圖顏色漸變消失*/
}


.bottom_links_txt a:hover {
    color: #000;
    text-decoration: none;
    transition: all 0.5s linear 0s; /*底圖顏色漸變出現*/
}

div#copyright {
    background-color: #fff;
    color: #647077;
    font-size: 8.5pt;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    letter-spacing: 0;
    line-height: 18px;
    padding: 20px 0px 20px 0px;
    text-align: center;
}

div#copyright a {
    color: #647077;
    text-decoration: underline;
}

#bottom_block .navbar{
    margin  : 0px;
}

.nav-Community li{
    float: left;
    margin-left: 5px;
}


#social .social_icon_all{
    position:relative;
    padding-right:0px;
    margin-left:-5px;
}

/*end foot*/

/* css expend*/
div.fixedTop{
    position: fixed;
    top:0px;
    z-index: 500;
    background: transparent;
    background-color: #fff 0.9;
}
/*end css expend*/




/* 超級大螢幕 */
@Media (min-width: 1921px) and (max-width: 2560px) { 
.markets-solutions-benefits .benefit-item {
    padding: 20px 130px;
}

div.markets-solutions-benefits img {
    margin-left: 10px;
}


}




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


div.markets-solutions-benefits .benefit-item {
    padding: 20px 20px;
}

div.markets-solutions-benefits img {
    margin-left: -10px;
}

}





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


	#secondary-nav.secondary-navigation {
    display: none;
}



    .icon_block .icon_txt {
        text-align:center;
        width: 100%;
        padding-left:25px;
        padding-Right:25px;
    }


    .icon_block .icon_img {
        text-align:center;
        width: 100%;
        margin-bottom:20px;

    }



    .page_title_bigs span, .page_title_bigs {
        font-size:60px;
        margin-bottom:10px;
    }
	
	
	
	.page_title_bigs2 span, .page_title_bigs2 {
	  font-size:56px;
	  line-height:70px;
			
	}
	
	
.markets-solutions-applications .app-image {
    height: 250px;
    width: 250px;
}


div.markets-solutions-applications .app-block {
    margin: 50px auto 0;
}


div.markets-solutions-benefits .benefit-item {
    padding: 0px 10px;
}



}




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

	#secondary-nav.secondary-navigation {
    display: none;
}


.markets-solutions-recommend-products .product-item.eaps_icon {
    width: 30%;
}

.markets-solutions-applications .app-block.Join {
    max-width: 300px;
}


    .icon_block .icon_txt {
        text-align:center;
        width: 100%;
        padding-left:25px;
        padding-Right:25px;
    }


    .icon_block .icon_img {
        text-align:center;
        width: 100%;
        margin-bottom:20px;

    }
	
	
	
	.page_title_bigs2 span, .page_title_bigs2 {
    font-size:60px;
    line-height:68px;
}



    .page_title_bigs span, .page_title_bigs {
        font-size:60px;
        margin-bottom:15px;
    }
	
	
	.markets-solutions-applications .app-block-container {
    width: 100%;
}



}


/* 橫向智慧手機到竪立平板電腦解析度 */
@Media (max-width: 767px) {
	
	#secondary-nav.secondary-navigation {
    display: none;
}
	
	
	.markets-solutions-recommend-products .product-item.eaps_icon {
    width: 50%;
}


.icon_circle{
	width: 100%;
    }
	
	.color_block{
    padding:25px 35px 25px 35px;
}


    .page_title span, .page_title {
        /*
		font-size:52px;
        line-height:58px;
		*/
		font-size: 43px;
        line-height: 58px;
    }
	
	
	.page_title_bigs2 span, .page_title_bigs2 {
    font-size:52px;
    line-height:62px;
}



    .page_title_bigs span, .page_title_bigs {
        font-size:42px;
        line-height:58px;
        margin-bottom:15px;
    }


    .page_titles3 span, .page_titles3 {
        font-size:25px;
        line-height:45px;
    }



    div#bottom_block {
        padding: 45px 50px 60px 50px;
    }


    .navbar a.bottom_links_title {
        margin-top: 17px;
    }
	
	
	.bottom_links_txt ul{
        float: none;
    }



    .icon_block .icon_subblock {
        /*padding-left:48px;*/
    }


    .icon_block .icon_content {
        padding-bottom: 36px;
    }

    .icon_block .bottom_links_title {
        margin:0 0 7px;
    }



    .icon_block .icon_content .icontitle {
        margin-bottom: 5px;
    }


    .icon_block .icon_txt {
        float: left;
        padding-top: 12px;
        padding-left: 10px;
        width: 65%
    }


    .icon_block .icon_img {
        float: left;
        width: 30%;
        padding-left:50px;
    }


    .icon_block .bottom_bgline {
        margin-top: 20px;
    }
}






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

	#secondary-nav.secondary-navigation {
    display: none;
}




	.markets-solutions-recommend-products .product-item.eaps_icon {
    width: 100%;
}

.icon_circle{
	width: 100%;
    }
	
	
	.page_title_bigs2 span, .page_title_bigs2 {
    font-size:48px;
    line-height:58px;
}


    .page_title span, .page_title {
        font-size:48px;
        line-height:55px;
    }


    .page_title_bigs span, .page_title_bigs {
        font-size:42px;
        line-height:62px;
        margin-bottom:30px;
    }


    .page_titles3 span, .page_titles3 {
        font-size:25px;
        line-height:42px;
    }


    .wordscale{
        -webkit-transform:scale(0.88);	
        -moz-transform:scale(0.88);
        transform:scale(0.88);
    }
	
	
	.markets-solutions-applications .white_theme th.spec_titlef, .markets-solutions-applications th.spec_linetitle, .white_theme thead tr th {
    font-size: 16px;
    font-weight: 400;
}
	



}









/* 橫向智慧手機及其他更小解析度 */
@Media (max-width: 480px) {
	
	#secondary-nav.secondary-navigation {
    display: none;
}
	
	
	div.benefit-item .img-responsive {
    display: inline;
    margin-bottom: 20px;
}
	
	
	.markets-solutions-recommend-products .product-item.eaps_icon {
    width: 100%;
}
	
	
   .icon_circle{
	width: 100%;
    }

    .color_block{
        padding:25px 35px 25px 35px;
        border:none;
    }
	
	
	.page_title_bigs2 span, .page_title_bigs2 {
    font-size:48px;
    line-height:58px;
}


    .page_title span, .page_title {
		font-size: 43px;
        line-height: 55px;
    }


    .page_title_bigs span, .page_title_bigs {
        font-size:42px;
        line-height:62px;
        margin-bottom:30px;
    }


    .page_titles3 span, .page_titles3 {
        font-size:25px;
        line-height:42px;
    }


    .wordscale{
        -webkit-transform:scale(0.88);	
        -moz-transform:scale(0.88);
        transform:scale(0.88);
    }


    .icon_block {
        padding-bottom: 50px ;
    }



    .icon_block .icon_subblock {
        width: auto;
        text-align: center;
        padding-left:35px;
    }


    .icon_block .icon_content {
        width:85%;
        padding-bottom: 36px;
    }



    .icon_block .icon_txt {
        text-align:center;
        float: none;
        padding-left: 5px;
        width: 100%
    }


    .icon_block .icon_img {
        text-align:center;
        float: none;
        width: 100%;
        padding-bottom: 20px;
        padding-left: 0px;
    }


    .icon_block .bottom_bgline {
        margin-top: 20px;
    }

    .tablePhone_col_3{
        transform: scale(0.65);
        -webkit-transform:scale(0.65);	
        -moz-transform:scale(0.65);
        left: -55px;
        position: relative;
        top: -103px;
        height: 740px;
    }

    .tablePhone_col_2{
        left: -27px;
        position: relative;
        transform: scale(0.86);
        -webkit-transform:scale(0.86);	
        -moz-transform:scale(0.86);
        height: 930px;
    }


    .navbar span.brandname {
        font-size: 17.5pt;
    }
	
	
	div.content-wrap{
    padding:0px;
}
	
	.markets-solutions-benefits .benefit-item {
	margin:20px 0 60px 0;
	padding:0;
	
}


.markets-solutions-applications .white_theme th.spec_titlef, .markets-solutions-applications th.spec_linetitle, .white_theme thead tr th {
    font-size: 16px;
    font-weight: 400;
}


}