@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css");
@import url('https://fonts.googleapis.com/css?family=Noto+Sans');
@import url('https://fonts.googleapis.com/css?family=Open+Sans');
@import url('https://fonts.googleapis.com/css?family=Roboto');
@font-face {
	font-family: 'Noto Sans TC';
	font-style: normal;
	font-weight: 100;
	src: url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Thin.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Thin.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Thin.otf) format('opentype');
}
@font-face {
	font-family: 'Noto Sans TC';
	font-style: normal;
	font-weight: 300;
	src: url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Light.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Light.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Light.otf) format('opentype');
}
@font-face {
	font-family: 'Noto Sans TC';
	font-style: normal;
	font-weight: 400;
	src: url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Regular.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Regular.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Regular.otf) format('opentype');
}
@font-face {
	font-family: 'Noto Sans TC';
	font-style: normal;
	font-weight: 500;
	src: url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Medium.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Medium.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Medium.otf) format('opentype');
}
@font-face {
	font-family: 'Noto Sans TC';
	font-style: normal;
	font-weight: 700;
	src: url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Bold.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Bold.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Bold.otf) format('opentype');
}
@font-face {
	font-family: 'Noto Sans TC';
	font-style: normal;
	font-weight: 900;
	src: url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Black.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Black.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Black.otf) format('opentype');
}


/*\\\\\\\\\\\\\\\\\\\\\\\\全網基本定義開始\\\\\\\\\\\\\\\\\\\\\\\\*/

html, body {font-family:"SF Pro Text","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif; margin:0; padding:0;  width:100%; -webkit-font-smoothing: antialiased;  font-size: 16px; line-height: 170%; color: #333; }
* { box-sizing: border-box; }
table { width:100%; }
img { vertical-align: middle; }
a { color:#666666; text-decoration:none; }
a:hover { color:#ee6622; text-decoration:none; }


/*\\\\\\\\\\\\\\\\\\\\\\\\全網基本定義結束\\\\\\\\\\\\\\\\\\\\\\\\*/

/*\\\\\\\\\\\\\\\\\\\\\\\\全網架構定義開始\\\\\\\\\\\\\\\\\\\\\\\\*/

/*--1桌面區塊--*/
#ns_Wrapper { width:100%; text-align: left; background:#ffffff; border:0px; padding:0px; }
.ns_WrapperR1, .ns_WrapperR3, #ns_Wrapper4, #ns_Wrapper6 { display:none; }

/*--1版權宣告區塊--*/
#ns_Copyright { width:100%; }


/*--2天區塊--*/
#ns_Header { width:100%; }
.ns_HeaderR1, .ns_HeaderR3, #ns_Header4, #ns_Header6 { display:none; }
#id_HeaderCol3 {
    box-shadow: 0 2px 4px rgba(0,0,0,0.08), 0 4px 12px rgba(0,0,0,0.08);
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.08), 0 4px 12px rgba(0,0,0,0.08);
    -moz-box-shadow: 0 2px 4px rgba(0,0,0,0.08), 0 4px 12px rgba(0,0,0,0.08);
    width: 100%;
    background: #fff;
    padding: 0;
    box-sizing: border-box;
    margin-bottom: 3px;
}

#id_HeaderCol3.awStickyTopEnable {
    background: rgba(255,255,255,0.8);
}

/*天第一列左欄*/
#id_HeaderLeft {
    width: 200px;
}
#id_HeaderRight {
    width: auto;
}
/*天第一列左右欄*/

#id_HeaderCol, #ns_Menu {
    margin: 0 auto;
    position: relative;
}

/*--2導覽區塊--*/
#id_Menu { width:100%;  }

/*導覽列左欄*/
#id_MenuLeft  { width:50%; }
/*導覽列右欄*/
#id_MenuRight { width:50%; }


.TopMenuUserName, .TopMenuHome, .TopMenuLoginLogout, .TopMenuJoinPanel, .TopMenuMemberCenter, .TopMenuSearch { white-space:nowrap; }
#id_CtrlBtn { display:none; }
#SearchBox { border:1px solid #888888;  color:#bbbbbb; }
#SearchBox:focus { color:#333333; }
#id_MemoLeft, #id_MemoRight { width:50%; vertical-align: top; }
#MemberMenu { text-align:left; }


/*--2內容區塊--*/
#ns_Main { max-width: 1440px; margin: 0 auto; }
.ns_MainR1, .ns_MainR3, #ns_Main4, #ns_Main6 { display:none; }
#id_Main { width:100%; }

#ns_Memo { max-width: 1440px; margin: 0 auto; }

/*--2地區塊--*/
#ns_Footer {
    width: 100%;
    background-color: #4A4A4A;
}
.ns_FooterR1, .ns_FooterR3, #ns_Footer4, #ns_Footer6 { display:none; }
#id_Footer { width:100%; }

/*地第一列左欄*/
#id_FooterLeft  { width:50%; }

/*地第一列右欄*/
#id_FooterRight { width:50%; }

#id_FooterCol{ width:100%; padding: 30px 0 25px; }


/*--3左欄區塊--*/
#id_ColLeft  { width: 200px; }

/*--3中欄區塊--*/
#id_Content  { width: 100%;  }

#ns_Content  { width:100%; }
#ns_Content .meMsgInfo { margin-bottom: 0; }
.ns_ContentR1, .ns_ContentR3, #ns_Content4, #ns_Content6 { display:none; }
#ns_Content5 { }
#id_ContentTop { width:100%;  }
#id_ContentBottom { width:100%;  }

#id_ContTop { width:100%; }
#id_ContTopLeft{ width:34%; }
#id_ContTopCenter { display:; }
#id_ContTopRight  { width:34%; }

#id_ContBottom { width:100%; }
#id_ContBottomLeft{ width:34%; }
#id_ContBottomCenter { display:; }
#id_ContBottomRight  { width:34%; }

#id_PhpTop { width:100%; }
#id_PhpTopLeft{ width:50%; }
#id_PhpTopRight  { width:50%; }

#id_PhpBottom { width:100%; }
#id_PhpBottomLeft{ width:50%; }
#id_PhpBottomRight  { width:50%; }

/*--3右欄區塊--*/
#id_ColRight { width: 200px; }

/*\\\\\\\\\\\\\\\\\\\\\\\\全網架構定義結束\\\\\\\\\\\\\\\\\\\\\\\\*/

/*\\\\\\\\\\\\\\\\\\\\\\\\全網元素開始\\\\\\\\\\\\\\\\\\\\\\\\*/

/* 頁碼元素*/
#PageCtrl { color: #666666; }
#PageCtrl a { color: #666666; }
#PageCtrl .ThisPage  a { font-weight: bold; color: #000000; }
#PageCtrl .OtherPage a { color: #666666; }

/* 管理後台內容區背景色 */
.PanelBgColor { background:#c0d0e0; }

/*前台編輯關閉*/
#MySpace .cssPagePanel {
    width: 100%;
    color: #ffffff;
    border: 1px solid #0200fe;
    background-color: #0200fe;
    border-top-left-radius: 0px;
    text-align: center;
    padding: 8px 0;
}
#MySpace .cssPagePanel nobr:nth-child(2),
#MySpace .cssPagePanel nobr:nth-child(3),
#MySpace .cssPagePanel nobr:nth-child(4),
#MySpace .cssPagePanel nobr:nth-child(5),
#MySpace .cssPagePanel nobr:nth-child(6),
#MySpace .cssPagePanel nobr:nth-child(7),
#MySpace .cssPagePanel nobr:nth-child(8) {
    display: none;
}
#MySpace .cssPagePanel input[type=button] {
    display: none;
}
#MySpace .cssPagePanel #cboxEditMode {
    margin-right: 5px;
}

/*編輯左側網頁元素隱藏*/
.iMsgBtnOpen,.iMsgPanelLeft {
    display: none!important;
}



/*\\\\\\\\\\\\\\\\\\\\\\\\全網元素結束\\\\\\\\\\\\\\\\\\\\\\\\*/

/*自訂css開始-------------------------------------------------------------------------*/

.PrdImg img, .PrdImgB img, .PrdListBlkD4 ul.PrdListBlk .PrdImgURL .PrdImg {
    vertical-align: middle;
    background: url(/w73/fit/MsgInfo/noimage_notext.png) no-repeat center center;
    background-size: cover;
}


/*ESG 英文版隱藏*/
.en #ns_Header #dataSiteTree.Hori #SiteGroup_ZC2174[cn="ZC9332"],
.en #SiteGroup_ZC2174[cn="ZC9332"] {
    display:;
}

/*關於 hero menu begin*/
#ns_Header #dataSiteTree.Hori #SiteMenu_ZC14852 {
    padding-left: 10%;
    padding-top:50px;
    position: fixed;
    left: 0px;
    top: 69px;
    width: 100%;
    height: 240px;
    background-color: #f7f7f7;
    background-image: url(https://www.fit-foxconn.com/w73/fit/MsgInfo/heromenu_banner1.jpg);
    background-size: 300px;
    background-repeat: no-repeat;
    background-position-x: calc(100% - 30px);
    background-position-y: center;
}
#ns_Header #dataSiteTree.Hori #SiteMenu_ZC14852 .SiteGroup_2.hasSubMenu::after {
	left:375px;
}
#ns_Header #dataSiteTree.Hori #SiteMenu_ZC14852 .SiteMenu {
	left:400px;
	display:block;
	border:0px;
}
#ns_Header #dataSiteTree.Hori #SiteMenu_ZC14852 .SiteGroup:hover {
	background:transparent;
}
#ns_Header #dataSiteTree.Hori #SiteMenu_ZC14852 a:hover {
	background:transparent;
}


#ns_Header #SiteMenu_ZC14852:before {
    content: '關於 FIT';
    display: block;
    float: left;
    width: 150px;
    height: 100%;
    font-size: 30px;
    color: #0200fe;
    font-weight: 500;
    letter-spacing: 2px;
    padding: 10px 50px 32px 58px;
    line-height: 130%;
}

.en #ns_Header #SiteMenu_ZC14852:before {
    content: 'About FIT';
    display: block;
    float: left;
    width: 150px;
    height: 100%;
    font-size: 30px;
    color: #0200fe;
    font-weight: 500;
    letter-spacing: 2px;
    padding: 10px 50px 32px 58px;
    line-height: 130%;
}

#ns_Header #SiteMenu_ZC14852 #dataSiteTree.Hori * {
    box-sizing: border-box;
    font-size: 16px;
    line-height: 125%;
}
/*關於 hero menu end*/


/*品牌介紹 hero menu begin*/
#ns_Header #dataSiteTree.Hori #SiteMenu_ZC2331 {
    padding-left: 10%;
    padding-top:50px;
    position: fixed;
    left: 0px;
    top: 69px;
    width: 100%;
    height: 240px;
    background-color: #f7f7f7;
    background-image: url(https://www.fit-foxconn.com/w73/fit/MsgInfo/brandHero.gif);
    background-size: 300px;
    background-repeat: no-repeat;
    background-position-x: calc(100% - 30px);
    background-position-y: center;
}
#ns_Header #dataSiteTree.Hori #SiteMenu_ZC2331 .SiteGroup_2.hasSubMenu::after {
	left:375px;
}
#ns_Header #dataSiteTree.Hori #SiteMenu_ZC2331 .SiteMenu {
	left:400px;
	display:block;
	border:0px;
}
#ns_Header #dataSiteTree.Hori #SiteMenu_ZC2331 .SiteGroup:hover {
	background:transparent;
}
#ns_Header #dataSiteTree.Hori #SiteMenu_ZC2331 a:hover {
	background:transparent;
}


#ns_Header #SiteMenu_ZC2331:before {
    content: '品牌介紹';
    display: block;
    float: left;
    width: 150px;
    height: 100%;
    font-size: 30px;
    color: #0200fe;
    font-weight: 500;
    letter-spacing: 2px;
    padding: 10px 50px 32px 58px;
    line-height: 130%;
}

.en #ns_Header #SiteMenu_ZC2331:before {
    content: 'Brand';
    display: block;
    float: left;
    width: 150px;
    height: 100%;
    font-size: 30px;
    color: #0200fe;
    font-weight: 500;
    letter-spacing: 2px;
    padding: 10px 50px 32px 58px;
    line-height: 130%;
}

#ns_Header #SiteMenu_ZC2331 #dataSiteTree.Hori * {
    box-sizing: border-box;
    font-size: 16px;
    line-height: 125%;
}
/*關於 hero menu end*/


/*最新消息 hero menu begin*/
#ns_Header #dataSiteTree.Hori #SiteMenu_ZC9327 {
    padding-left: 10%;
    padding-top:50px;
    position: fixed;
    left: 0px;
    top: 69px;
    width: 100%;
    height: 240px;
    background-color: #f7f7f7;
    background-image: url(https://www.fit-foxconn.com/w73/fit/MsgInfo/heromenu_banner_news.jpg);
    background-size: 300px;
    background-repeat: no-repeat;
    background-position-x: calc(100% - 30px);
    background-position-y: center;
}
#ns_Header #dataSiteTree.Hori #SiteMenu_ZC9327 .SiteGroup_2.hasSubMenu::after {
	left:375px;
}
#ns_Header #dataSiteTree.Hori #SiteMenu_ZC9327 .SiteMenu {
	left:400px;
	display:block;
	border:0px;
}
#ns_Header #dataSiteTree.Hori #SiteMenu_ZC9327 .SiteGroup:hover {
	background:transparent;
}
#ns_Header #dataSiteTree.Hori #SiteMenu_ZC9327 a:hover {
	background:transparent;
}


#ns_Header #SiteMenu_ZC9327:before {
    content: '最新消息';
    display: block;
    float: left;
    width: 150px;
    height: 100%;
    font-size: 30px;
    color: #0200fe;
    font-weight: 500;
    letter-spacing: 2px;
    padding: 10px 50px 32px 58px;
    line-height: 130%;
}

.en #ns_Header #SiteMenu_ZC9327:before {
    content: 'News';
    display: block;
    float: left;
    width: 150px;
    height: 100%;
    font-size: 30px;
    color: #0200fe;
    font-weight: 500;
    letter-spacing: 2px;
    padding: 10px 50px 32px 58px;
    line-height: 130%;
}

#ns_Header #SiteMenu_ZC9327 #dataSiteTree.Hori * {
    box-sizing: border-box;
    font-size: 16px;
    line-height: 125%;
}
/*最新消息 hero menu end*/


/*產品 hero menu begin*/
#ns_Header #dataSiteTree.Hori #SiteMenu_ZC2382 {
    padding-left: 10%;
    padding-top:50px;
    position: fixed;
    left: 0px;
    top: 69px;
    width: 100%;
    height: 240px;
    background-color: #f7f7f7;
    background-image: url(https://www.fit-foxconn.com/w73/fit/MsgInfo/heromenu_banner2.jpg);
    background-size: 300px;
    background-repeat: no-repeat;
    background-position-x: calc(100% - 30px);
    background-position-y: center;
}
#ns_Header #dataSiteTree.Hori #SiteMenu_ZC2382 .SiteGroup_2.hasSubMenu::after {
	left:375px;
}
#ns_Header #dataSiteTree.Hori #SiteMenu_ZC2382 .SiteMenu {
	left:400px;
	display:block;
	border:0px;
}
#ns_Header #dataSiteTree.Hori #SiteMenu_ZC2382 .SiteGroup:hover {
	background:transparent;
}
#ns_Header #dataSiteTree.Hori #SiteMenu_ZC2382 a:hover {
	background:transparent;
}
#ns_Header #SiteMenu_ZC2382:before {
    content: '產品';
    display: block;
    float: left;
    width: 150px;
    height: 100%;
    font-size: 30px;
    color: #0200fe;
    font-weight: 500;
    letter-spacing: 2px;
    padding: 10px 50px 32px 58px;
    line-height: 130%;
}
.en #ns_Header #SiteMenu_ZC2382:before {
    content: 'Products';
    display: block;
    float: left;
    width: 150px;
    height: 100%;
    font-size: 30px;
    color: #0200fe;
    font-weight: 500;
    letter-spacing: 2px;
    padding: 10px 50px 32px 58px;
    line-height: 130%;
}
#ns_Header #SiteMenu_ZC2382 .ClassName {
    font-size: 16px;
}
#ns_Header #SiteMenu_ZC2382 #dataSiteTree.Hori * {
    box-sizing: border-box;
    font-size: 16px;
    line-height: 125%;
}
/*產品 hero menu end*/



/*投資人專區 hero menu begin*/
#ns_Header #dataSiteTree.Hori #SiteMenu_ZC2632 {
    height:310px;
    padding-left: 10%;
    padding-top: 30px;
    position: fixed;
    left: 0px;
    top: 69px;
    width: 100%;
    background-color: #f7f7f7;
    background-image: url(https://www.fit-foxconn.com/w73/fit/MsgInfo/heromenu_investors.jpg);
    background-repeat: no-repeat;
    background-position-x: calc(100% - 30px);
    background-position-y: center;
}

@media (max-width: 960px) {
#ns_Header #dataSiteTree.Hori #SiteMenu_ZC2632 {
background-image: url();
}
}


#ns_Header #dataSiteTree.Hori #SiteMenu_ZC2632 .SiteGroup_2.hasSubMenu::after {
	left:375px;
}
.en #ns_Header #dataSiteTree.Hori #SiteMenu_ZC2632 .SiteGroup_2.hasSubMenu::after {
    left: 425px;
}
#ns_Header #dataSiteTree.Hori #SiteMenu_ZC2632 .SiteMenu {
	left:400px;
	display:block;
	border:0px;
}
.en #ns_Header #dataSiteTree.Hori #SiteMenu_ZC2632 .SiteMenu { left: 440px; }

#ns_Header #dataSiteTree.Hori #SiteMenu_ZC2632 .SiteMenu_2 {
    border: 0px solid #cccccc;
    background: transparent;
}

#ns_Header #dataSiteTree.Hori #SiteMenu_ZC2632 .SiteGroup:hover {
	background:transparent;
}
#ns_Header #dataSiteTree.Hori #SiteMenu_ZC2632 a:hover {
	background:transparent;
}
#ns_Header #SiteMenu_ZC2632:before {
    content: '投資人專區';
    display: block;
    float: left;
    width: 200px;
    height: 100%;
    font-size: 30px;
    color: #0200fe;
    font-weight: 500;
    letter-spacing: 2px;
    padding: 10px 50px 32px 58px;
    line-height: 130%;
}
.en #ns_Header #SiteMenu_ZC2632:before {
    content: 'Investors';
    display: block;
    float: left;
    width: 150px;
    height: 100%;
    font-size: 30px;
    color: #0200fe;
    font-weight: 500;
    letter-spacing: 2px;
    padding: 10px 50px 32px 58px;
    line-height: 130%;
}

#ns_Header #SiteMenu_ZC2632 #dataSiteTree.Hori * {
    box-sizing: border-box;
    font-size: 16px;
    line-height: 125%;
}
/*投資人專區 hero menu end*/


/*永續經營 hero menu begin*/
#ns_Header #dataSiteTree.Hori #SiteMenu_ZC9332 {
    height:300px;
    padding-left: 10%;
    padding-top:50px;
    position: fixed;
    left: 0px;
    top: 69px;
    width: 100%;
    height: 280px;
    background-color: #f7f7f7;
    background-image: url(https://www.fit-foxconn.com/w73/fit/MsgInfo/heromenu_banner3.jpg);
    background-size: 300px;
    background-repeat: no-repeat;
    background-position-x: calc(100% - 30px);
    background-position-y: center;
}
#ns_Header #dataSiteTree.Hori #SiteMenu_ZC9332 .SiteGroup_2.hasSubMenu::after {
	left:375px;
}
.en #ns_Header #dataSiteTree.Hori #SiteMenu_ZC9332 .SiteGroup_2.hasSubMenu::after {
    left: 473px;
}
#ns_Header #dataSiteTree.Hori #SiteMenu_ZC9332 .SiteMenu {
    left: 400px;
    display: block;
    border: 0px;
    background: transparent;
}
.en #ns_Header #dataSiteTree.Hori #SiteMenu_ZC9332 .SiteMenu {
    left: 497px;
}
#ns_Header #dataSiteTree.Hori #SiteMenu_ZC9332 .SiteGroup:hover {
	background:transparent;
}
#ns_Header #dataSiteTree.Hori #SiteMenu_ZC9332 a:hover {
	background:transparent;
}
#ns_Header #SiteMenu_ZC9332:before {
    content: '永續經營';
    display: block;
    float: left;
    width: 200px;
    height: 100%;
    font-size: 30px;
    color: #0200fe;
    font-weight: 500;
    letter-spacing: 2px;
    padding: 10px 50px 32px 58px;
    line-height: 130%;
}
.en #ns_Header #SiteMenu_ZC9332:before {
    content: 'ESG';
    display: block;
    float: left;
    width: 200px;
    height: 100%;
    font-size: 30px;
    color: #0200fe;
    font-weight: 500;
    letter-spacing: 2px;
    padding: 10px 50px 32px 58px;
    line-height: 130%;
}

/*永續經營 hero menu end*/


/*服務提供 hero menu begin*/
#ns_Header #dataSiteTree.Hori #SiteMenu_ZC2399 {
    height:300px;
    padding-left: 10%;
    padding-top:50px;
    position: fixed;
    left: 0px;
    top: 69px;
    width: 100%;
    height: 280px;
    background-color: #f7f7f7;
    background-image: url(https://www.fit-foxconn.com/w73/fit/MsgInfo/heromenu_banner4.jpg);
    background-size: 300px;
    background-repeat: no-repeat;
    background-position-x: calc(100% - 30px);
    background-position-y: center;
}

@media (max-width: 960px) {
#ns_Header #dataSiteTree.Hori #SiteMenu_ZC2399 {
background-image: url();
}
}


#ns_Header #dataSiteTree.Hori #SiteMenu_ZC2399 .SiteGroup_2.hasSubMenu::after {
	left:375px;
}
#ns_Header #dataSiteTree.Hori #SiteMenu_ZC2399 .SiteMenu {
	left:400px;
	display:block;
	border:0px;
}
#ns_Header #dataSiteTree.Hori #SiteMenu_ZC2399 .SiteGroup:hover {
	background:transparent;
}
#ns_Header #dataSiteTree.Hori #SiteMenu_ZC2399 a:hover {
	background:transparent;
}
#ns_Header #SiteMenu_ZC2399:before {
    content: '服務提供';
    display: block;
    float: left;
    width: 200px;
    height: 100%;
    font-size: 30px;
    color: #0200fe;
    font-weight: 500;
    letter-spacing: 2px;
    padding: 10px 50px 32px 58px;
    line-height: 130%;
}
.en #ns_Header #SiteMenu_ZC2399:before {
    content: 'Service';
    display: block;
    float: left;
    width: 200px;
    height: 100%;
    font-size: 30px;
    color: #0200fe;
    font-weight: 500;
    letter-spacing: 2px;
    padding: 10px 50px 32px 58px;
    line-height: 130%;
}

/*服務提供 hero menu end*/


/** iWin */

/** iWin end*/

.mouse img.ImgAlignCenter {
    width: 30px;
}
.demo img{width:100%; max-width: 1200px; }
.footer_img img{
    width:100%;
}
.logo img {
    width: 88px;
    padding-top: 10px;
    padding: 10px 0;
}

#id_HeaderCol3 {
    position: relative;
}

.topBlk {
    margin-top: 25px;
}

/*語言*/
.language {
    display: flex;
    align-items: center;
    margin-right: 20px;
}
.language .meMsg_MsgMainTd{
	cursor:pointer;
}
.language .meMsg_MsgBlk .meMsg_MsgTitle {
    margin-left: 5px;
    color: #000;
    font-size: 14px;
    margin-bottom: 0;
    border: 0;
    padding: 0;
}
.language .meMsg_MsgList {
    display: none;
    opacity: 0;
    transition: 0.2s;
    position: absolute;
    z-index: 999;
    right: 10px;
    background-color: white;
    width: 110px;
    margin-top: 5px;
    border: 1px solid #efefef;
    border-bottom: 0px;
    box-shadow: 0 2px 4px rgb(0 0 0 / 8%), 0 4px 12px rgb(0 0 0 / 8%);
    -webkit-box-shadow: 0 2px 4px rgb(0 0 0 / 8%), 0 4px 12px rgb(0 0 0 / 8%);
    -moz-box-shadow: 0 2px 4px rgba(0,0,0,0.08), 0 4px 12px rgba(0,0,0,0.08);
}
.language .meMsg_MsgList .meMsg_MsgTitle{
    	display: block;
    	margin: 0px auto;
    	padding: 5px 0;
    	border-bottom: 1px solid #efefef;
}
.language a{
	color:black;
	display: table;
   	margin: 0 auto;
    	background-color: white;
}

/* 聯絡我們區塊 */
.contactBlk { margin-right: 20px; }
.contactBlk img {
    width: 23px;
    margin-bottom: 5px;
}

/* 會員區塊 */
.memberBlk {
    margin-right: 7px;
}
.memberBlk .meMsg_MsgMainTd{
	cursor:pointer;
}
.memberBlk .meMsg_MsgBlk .meMsg_MsgTitle {
    display: inline-block;
    margin-left: 10px;
    color: #000;
    font-size: 14px;
    margin-bottom: 0;
    border: 0;
    padding: 0;
}
.memberBlk img {
    width: 27px;
}
.memberBlk a { color: #fff; display: inline-block; padding: 10px 0; }
.memberBlk a:hover {   color: #d66831; }
.memberBlk .meMsg_MsgBlk .meMsg_ImgTD, .memberBlk .meMsg_MsgBlk .meMsg_TxtTD { vertical-align: middle; }
.memberBlk .meMsg_MsgList {
    display: none;
    z-index: 9999;
    top: 68px;
    position: absolute;
    right: 0px;
    box-sizing: content-box;
    background: #221f26;
    width: 100px;
    text-align: center;
}
.en .memberBlk .meMsg_MsgList { width: 125px; }
.memberBlk .meMsg_MsgListBlk, .memberBlk tbody, .memberBlk tr, .memberBlk span{
	display:block;
}
.memberBlk .meMsg_MsgContentBlk img {
    width: auto;
    height: 20px;
} 
.memberBlk .meMsg_MsgTitle {
    margin: 0 auto;
    font-size: 14px;
    line-height: 28px;
    font-weight: bold;
    border-bottom: 1px solid #969696;
    width: 100%;
}
.memberBlk .meMsg_MsgTitle:last-child { border: 0; }

/*登出登入 按鈕*/
.memberLogIn { margin-right: 30px; }
.memberLogIn .txt_TopMenuLogout, .memberLogIn .txt_TopMenuLogin {
    font-weight: 500;
    font-size: 14px;
    line-height: 30px;
    text-align: center;
    color: #313131;
    white-space: nowrap;
}

/*導覽列設定 開始*/
.awStickyTop {
    height: 70px;
    background: rgba(255, 255, 255, 0.8);
}

#ns_Header .meSiteTree { padding-top: 23px; }
#ns_Header #dataSiteTree.Hori .ClassImg img { display: none; }
#ns_Header .meSiteTree .SiteGroup_x .SiteNode_1 .ClassName,
#ns_Header .meSiteTree .SiteItem_x .ClassName {
    color: #ff7c00;
    font-weight: bold;
}
#ns_Header #dataSiteTree.Hori .SiteGroup_1 {
    padding: 0;
    margin: 0px 2%;
    display: inline-block;
    float: none;
}
#ns_Header #dataSiteTree.Hori .SiteGroup_1 .SiteMenu_1 {
    z-index: 2;
    top: 39px;
    border: 0;
    box-shadow: 0 2px 4px rgb(0 0 0 / 8%), 0 4px 12px rgb(0 0 0 / 8%);
    -webkit-box-shadow: 0 2px 4px rgb(0 0 0 / 8%), 0 4px 12px rgb(0 0 0 / 8%);
    -moz-box-shadow: 0 2px 4px rgba(0,0,0,0.08), 0 4px 12px rgba(0,0,0,0.08);
}
#ns_Header #dataSiteTree.Hori .SiteGroup_1.hasSubMenu:after {
    content: "";
    position: absolute;
    top: 5px;
    left: 100%;
    width: 20px;
    height: 20px;
    opacity: 1;
    background: url(https://nebulax.noonspace.com/w73/fit/MsgInfo/ArrowIcon.png) no-repeat;
    background-size: contain;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    transition: all .2s linear;
}
#ns_Header #dataSiteTree.Hori .SiteGroup_1.hasSubMenu:hover:after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
}
#ns_Header #dataSiteTree .SiteNode_1, #ns_Header #dataSiteTree .SiteNode_x1{
    padding-left: 0;
}


/*導覽列 PrdTree 開始*/
#ns_Header .headerPrdTree {
    max-width: 1200px;
    margin: 0 auto;
    display: none; 
}
#ns_Header .dataPrdTree .TreeGroup_1 {
    height: 370px;
    background: #fff;
    position: relative;
}
#ns_Header .dataPrdTree .TreeGroup_1 > .TreeMenu_1 {
    position: absolute;
    left: 0;
    min-width: 217px;
    width: 100%;
    padding: 20px 30px 30px 0;
}
#ns_Header .dataPrdTree .TreeGroup_2 .TreeMenu_1 {
    position: absolute;
    top: 0;
    left: 122px;
    min-width: 217px;
    border-left: 1px solid #D3D3D3;
    padding: 20px 30px 30px;
    height: 370px;
}
#ns_Header .dataPrdTree .TreeGroup_3 .TreeMenu_2 {
    position: absolute;
    left: 142%;
    top: 0px;
    min-width: 217px;
    border-left: 1px solid #D3D3D3;
    padding: 20px 30px 30px;
    height: 370px;
}
#ns_Header .dataPrdTree .TreeGroup_4 .TreeMenu_3 {
    position: absolute;
    left: 160%;
    top: 0;
    min-width: 243px;
    border-left: 1px solid #D3D3D3;
    padding: 20px 30px 30px;
    height: 370px;
}
#ns_Header .dataPrdTree .TreeNode_1, #ns_Header .dataPrdTree .TreeNode_2, #ns_Header .dataPrdTree .TreeNode_3, #ns_Header .dataPrdTree .TreeNode_4, #ns_Header .dataPrdTree .TreeNode_5, #ns_Header .dataPrdTree .TreeNode_6, #ns_Header .dataPrdTree .TreeNode_7, #ns_Header .dataPrdTree .TreeNode_8, .dataPrdTree .TreeNode_9 {
    padding-left: 0;
}
#ns_Header .dataPrdTree .TreeNode_1 a, #ns_Header .dataPrdTree .TreeNode_2 a, #ns_Header .dataPrdTree .TreeNode_3 a, #ns_Header .dataPrdTree .TreeNode_4 a, #ns_Header .dataPrdTree .TreeNode_5 a, #ns_Header .dataPrdTree .TreeNode_6 a, #ns_Header .dataPrdTree .TreeNode_7 a, #ns_Header .dataPrdTree .TreeNode_8 a, .dataPrdTree .TreeNode_9 a {
    padding-left: 0;
    background: unset;
    display: inline-block;
    width: 85%;
}
#ns_Header .dataPrdTree .ClassName {
    display: block;
}
#ns_Header .ClassName.n2, #ns_Header .ClassNum, #ns_Header .mePrdTree .TreeMenu_0 .ClassDesc { display: none; }

#ns_Header #dataSiteTree.Hori .dataPrdTree .ClassName {
    display: block;
    font-weight: 500;
    font-size: 1.1rem;
    line-height: 30px;
    color: #282828;
}
#ns_Header #dataSiteTree.Hori .dataPrdTree .ClassName.n2 { display: none; }
#ns_Header #dataSiteTree.Hori .dataPrdTree .TreeNode_1 .ClassName {
    border-left: 7px solid transparent;
    padding-left: 10px;
}
#ns_Header #dataSiteTree.Hori .dataPrdTree .TreeNode_1:hover, #ns_Header #dataSiteTree.Hori .dataPrdTree .TreeNode_2:hover, 
#ns_Header #dataSiteTree.Hori .dataPrdTree .TreeNode_3:hover, #ns_Header #dataSiteTree.Hori .dataPrdTree .TreeNode_4:hover, 
#ns_Header #dataSiteTree.Hori .dataPrdTree .TreeNode_5:hover, #ns_Header #dataSiteTree.Hori .dataPrdTree .TreeNode_6:hover,
#ns_Header #dataSiteTree.Hori .dataPrdTree .TreeMenu_0 .TreeNode_t {
    background: transparent;
}
#ns_Header #dataSiteTree.Hori .dataPrdTree .TreeNode_1:hover .ClassName, #ns_Header #dataSiteTree.Hori .dataPrdTree .TreeNode_2:hover .ClassName, 
#ns_Header #dataSiteTree.Hori .dataPrdTree .TreeNode_3:hover .ClassName, #ns_Header #dataSiteTree.Hori .dataPrdTree .TreeNode_4:hover .ClassName, 
#ns_Header #dataSiteTree.Hori .dataPrdTree .TreeNode_5:hover .ClassName, #ns_Header #dataSiteTree.Hori .dataPrdTree .TreeNode_6:hover .ClassName,
#ns_Header #dataSiteTree.Hori .dataPrdTree .TreeMenu_0 .TreeNode_t .ClassName, #ns_Header #dataSiteTree.Hori .dataPrdTree .TreeMenu_0 .TreeItem_p .ClassName {
    color: #0096F9;
}
#ns_Header #dataSiteTree.Hori .dataPrdTree .TreeNode_1:hover .ClassName,
#ns_Header #dataSiteTree.Hori .dataPrdTree .TreeNode_1 .TreeItem_p .ClassName {
    border-left: 7px solid #0096F9;
    padding-left: 10px;
}
#ns_Header #dataSiteTree.Hori .dataPrdTree .TreeGroup.hasSubMenu > .TreeNode_2:after,
/*#ns_Header #dataSiteTree.Hori .dataPrdTree .TreeGroup.hasSubMenu > .TreeNode_2 .TreeItem_p .ClassName:after,*/
#ns_Header #dataSiteTree.Hori .dataPrdTree .TreeGroup.hasSubMenu > .TreeNode_3:after
/*,#ns_Header #dataSiteTree.Hori .dataPrdTree .TreeGroup.hasSubMenu > .TreeNode_3 .TreeItem_p .ClassName:after*/ {
    content: url(https://nebulax.noonspace.com/w73/fit/MsgInfo/prdTreeIconArw.png);
    padding-left: 10px;
    display: inline-block;
    width: 6px;
}
/*導覽列 PrdTree 結束*/
/*ns_Header  導覽列設定 結束*/


/*Footer 資訊設定 開始*/
#ns_Footer .meDivList .listDivList { display: flex; max-width: 1200px; margin: 0 auto; }
#ns_Footer .meDivList .itemDivList {
    font-weight: 700;
    font-size: 18px;
    line-height: 25px;
    width: 25%;
    color: #FFFFFF;
    margin: 0 20px;
}

/*Footer 資訊 開始*/
.footerTxt .meMsg_MsgBlk .meMsg_MsgTitle {
    font-weight: bold;
    font-size: 18px;
    color: #FFFFFF;
    margin-bottom: 15px;
    display: block;
}
.footerTxt .itemMsgList a {
    text-align: left;
    font-size: 13px;
    color: #fff;
    font-weight: normal;
}
.footerTxt .meMsg_MsgMoreBlk .meMsg_MsgTitle {
    background: #2351FF;
    border-radius: 6px;
    font-size: 12px;
    color: #fff;
    line-height: 100%;
    padding: 8px 10px;
    display: block;
    margin: 15px auto 0 0;
    width: 100px;
}
/*Footer 資訊 結束*/

/*Footer 導覽列 開始*/
.footerTxt .SiteNode_0 { display: none; }
.footerTxt #dataSiteTree .SiteNode_1, .footerTxt #dataSiteTree .SiteNode_x1 { padding: 2px 0; }
.footerTxt .ClassName {
    text-align: left;
    font-size: 13px;
    color: #fff;
    font-weight: normal;
}
/*Footer 導覽列 結束*/

/*Copyright 開始*/
.meCopyrightBlock {
    text-align: right;
    font-size: 13px;
}
/*Copyright 結束*/

/*Footer 資訊設定 結束*/


/*主視覺 Banner 開始*/
.banner img { width: 100%; }
/*主視覺 Banner 結束*/

/*主標題 開始*/
.title {
    margin: 30px auto 60px;
    max-width: 1040px;
    padding: 0 20px;
}
.title .meMsg_MsgBlk .meMsg_MsgTitle {
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: 41px;
    text-align: center;
    color: #0200FE;
    display: block;
}
.title .meMsg_MsgBlk .meMsg_MsgTitle:after {
    content: '';
    width: 50px;
    height: 5px;
    display: block;
    background: #EC5210;
    margin: 19px auto 50px;
}
.title .meMsg_MsgBlk .meMsg_Content {
    font-weight: 400;
    line-height: 130%;
    text-align: justify;
    color: #000000;
}
.en .title .meMsg_MsgBlk .meMsg_Content {
    text-align: left;
}
.title img { width: 100%; }
/*主標題 結束*/

/*條列項目 開始*/
.esgList .meMsg_MsgList .listMsgList {
    display: flex;
    justify-content: space-around;
}
.esgList .meMsg_MsgList .itemMsgList {
    display: flex;
    align-items: center;
    flex-direction: column;
    margin: 0 10px 20px;
}
.esgList .meMsg_MsgList .meMsg_ItemTitle {
    font-size: 18px;
    line-height: 25px;
    text-align: center;
    color: #000000;
    font-weight: bold;
    margin: 5px 0 13px;
}
.esgList .meMsg_MsgList .meMsg_ItemContent {
    line-height: 150%;
    text-align: justify;
    color: #000000;
}
.en .esgList .meMsg_MsgList .meMsg_ItemContent {
    text-align: left;
}
/*條列項目 結束*/

/*跳動特效 開始*/
.hoverBounce:hover {
  animation: bounce;
  animation-duration: 1s;
  animation-iteration-count: infinite;
}
/*跳動特效 結束*/

/**提供服務與子頁CSS*/

/**tlNav*/
.tlNav {
    position: absolute;
    top: -64px;
    right: 0;
    margin-bottom: 0;
    margin-top: 0;
    background-color: #0200FE;
    padding: 0 0px;
    width: 55%;
}
.tlNav #dataSiteTree.HoriClk .SiteGroup_1 {
    position: relative;
    float: left;
    margin: 0;
    line-height: 100%;
    width: 25%;
}
.tlNav.investorsSub #dataSiteTree.HoriClk .SiteGroup_1 {
    width: 20%;
}
.tlNav #dataSiteTree.HoriClk .SiteGroup_1.hasSubMenu:after { display: none; }
.tlNav #dataSiteTree .SiteNode_1, #dataSiteTree .SiteNode_x1 {
    padding: 0;
    border: 0;
}
.tlNav #dataSiteTree.HoriClk a.SiteItem {
    display: inline-block;
    width: 100%;
    text-align: center;
    color: #fff;
    transition: .4s;
}
.tlNav #dataSiteTree.HoriClk a.SiteItem_x,
.tlNav #dataSiteTree.HoriClk a.SiteItem:hover {
    background-color: #0332ae;
}
.tlNav #dataSiteTree.HoriClk a.SiteItem .ClassName {
    line-height: 120%;
    padding: 23px 0;
    display: inline-block;
}
.tlNav #dataSiteTree.HoriClk a.SiteItem .ClassName.n2 {
    display: none;
}
@media (max-width: 768px) {
.tlNav {
    position: static;
}
.tlNav.investorsSub {
    width: 100vw;
    overflow: hidden;
}
.tlNav.investorsSub #dataSiteTree.HoriClk a.SiteItem .ClassName {
    padding: 23px 20px;
}

body .tlNav.investorsSub #dataSiteTree.HoriClk .SiteMenu_0 .slick-prev { left: 0px; }
body .tlNav.investorsSub #dataSiteTree.HoriClk .SiteMenu_0 .slick-next { right: 0px; }

}

/*---路徑 開始---*/
.tlpath {
    margin: 20px 0 50px;
}
.tlpath .divSitePath {
    text-align: right;
    margin-right: 10px;
}
.tlpath .divSitePath .SitePathD {
    font-family: cursive;
    color: #333333;
    font-size: 12px;
    font-style: normal;
    font-weight: bold;
    padding: 0 5px;
}
@media (max-width: 768px) {
.tlpath {
    margin: 20px 0 10px;
}
}
/*---路徑 結束---*/


/*服務提供 標題 開始*/
.svpage-headline {
    max-width: 950px;
    margin: 0 auto;
    padding: 0 10px;
}
.svpage-headline  .divSitePath .SitePathA,
.svpage-headline  .divSitePath .SitePathA:hover {
    color: #0047ff;
    font-size: 24px;
    font-weight: bolder;
    padding-bottom: 30px;
    display: flex;
    font-family: arial,"Microsoft JhengHei","微軟正黑體",sans-serif;
    text-align: left;
    pointer-events: none;
    position: relative;
    align-items: center;
}
.svpage-headline  .divSitePath .SitePathA:after {
    background: #0047ff;
    display: block;
    width: 100%;
    max-width: -webkit-fill-available;
    height: 1.5px;
    content: '';
    margin: 15px;
}

.svpage-headline .divSitePath .SitePathA {
    width: 70%;
    color: #0047ff;
    font-size: 36px;
    font-weight: bolder;
    display: flex;
    font-family: arial,"Microsoft JhengHei","微軟正黑體",sans-serif;
    text-align: center;
    pointer-events: none;
    position: relative;
    align-items: center;
    white-space: nowrap;
}

/*服務提供 標題 結束*/

/**產品標題*/
.pd_title .meMsg_MsgTitle {   
    color: #fff;
    display: block;
	 margin-bottom: 80px;
    font-family: sans-serif;
    font-size: 36px;
    font-style: italic;
    font-weight: 700;
    letter-spacing: 0em;
    text-align: left;
}



/*最新消息 BlogTree 開始*/
.newsTree {
    margin: 30px 0 0;
    /*border-bottom: 1px solid #d6d6d6;*/
}
.newsTree .TreeNode_1, .newsTree .TreeNode_2, .newsTree .TreeNode_3, .newsTree .TreeNode_4, .newsTree .TreeNode_5, .newsTree .TreeNode_6, .newsTree .TreeNode_7, .newsTree .TreeNode_8, .newsTree .TreeNode_9 { padding: 0; }
.newsTree .dataBlogTree.Hori .TreeMenu_0 .TreeNode_t, .newsTree .dataBlogTree.Hori .TreeMenu_0 .TreeNode_1:hover  {
    background: transparent;
    padding: 0;
}
.newsTree .dataBlogTree.Hori .TreeNode_1 a {
    background: unset;
    padding: 0;
    display: block;
    position: relative;
}
/*.newsTree .dataBlogTree.Hori .TreeMenu_0 .TreeGroup_3:first-child .TreeNode_1 a:before {
    content: '';
    display: inline-block;
    max-width: 300px;
    width: 100%;
    height: 2px;
    background-color: #000;
    position: absolute;
    left: -135px;
    top: 30px;
}
.newsTree .dataBlogTree.Hori .TreeMenu_0 .TreeGroup_3:first-child .TreeNode_t a:before {
    content: '';
    display: inline-block;
    max-width: 300px;
    width: 100%;
    height: 2px;
    background-color: #0200FE;
    position: absolute;
    left: -135px;
    top: 30px;
}
.newsTree .dataBlogTree.Hori .TreeMenu_0 .TreeGroup_3:last-child .TreeNode_1 a:before {
    content: '';
    display: inline-block;
    max-width: 300px;
    width: 100%;
    height: 2px;
    background-color: #000;
    position: absolute;
    right: -135px;
    top: 30px;
}
.newsTree .dataBlogTree.Hori .TreeMenu_0 .TreeGroup_3:last-child .TreeNode_t a:before {
    content: '';
    display: inline-block;
    max-width: 300px;
    width: 100%;
    height: 2px;
    background-color: #0200FE;
    position: absolute;
    right: -135px;
    top: 30px;
}*/
.newsTree .dataBlogTree.Hori .TreeMenu_0 .ClassName {
    font-weight: bold;
    font-size: 20px;
    line-height: 200%;
    text-align: center;
    box-sizing: border-box;
    display: inline-block;
    color: #333;
    border-bottom: 3px solid transparent;
    padding: 0 0px 0px;
    margin: 0 30px;
    letter-spacing: 2px;
}
.newsTree .dataBlogTree.Hori .TreeMenu_0 .ClassName:hover { color: #0200FE; }
.newsTree .dataBlogTree.Hori .TreeMenu_0 .ClassName.n2 { display: none; }
.newsTree .dataBlogTree.Hori .TreeMenu_0 .TreeNode_t .ClassName {
    color: #0200FE;
    border-bottom: 3px solid #0200FE;
}
.newsTree .dataBlogTree.Hori .ClassNum { display: none; }

/*最新消息 BlogTree 結束*/


/*右側選單 開始*/
.rightmenu.isnotShow {
	 display: none;
}
.rightmenu .meMsg_MsgList {
    position: fixed;
    right: 0;
    z-index: 999;
    height: 100%;
    display: flex;
    align-items: center;
    transform: translateX(0);
    transition: transform 0.8s ease-out;
    background: #051359;
}
.rightmenu .meMsg_MsgList.isnotShow {
    transform: translateX(100%);
}
.rightmenu .meMsg_MsgList .meMsg_MsgListCaption{
    position: absolute;
    right: 100%;
    background: #051359;
    cursor: pointer;
    color: #FFF;
    padding: 10px 5px 10px 10px;
    box-sizing: border-box;
    text-align: center;
    border-radius: 6px 0px 0 6px;
}
.en .rightmenu .meMsg_MsgList .meMsg_MsgListCaption {
    width: 33px;
    word-break: break-word;
}
.rightmenu .meMsg_MsgList .itemMsgListJs {
    padding: 15px;
    box-sizing: border-box;
    opacity: 1;
    transition: opacity 0.8s ease-in;
}
.rightmenu .meMsg_MsgList.isnotShow > .listMsgListJS {
    opacity: 0;
}
.rightmenu .meMsg_MsgList .itemMsgListJs { margin-bottom: 15px; color: #FFF; }
.rightmenu .meMsg_MsgList .itemMsgListJs .meMsg_ItemURL {
    cursor: pointer;
    color: #FFF;
}
@media (max-width: 560px) {
.rightmenu .meMsg_MsgList {
    width: 85vw;
}
}

/*按鈕*/
.rightmenu .MsgListBlk_3 {
    text-align: center; display: none;
}
.rightmenu .MsgListBlk_3 .meMsg_ItemTitle {
    font-size: 14px;
    padding: 5px 15px;
    box-sizing: border-box;
    background: unset;
    border: 2px solid #fff;
    font-weight: bold;
    color: #fff;
    margin: 15px 0;
}
.rightmenu .MsgListBlk_3 .meMsg_ItemTitle:hover {
    background: #fff;
    color: #051359;
}
/*右側選單 結束*/

.memLTitle .meMsg_MsgTitle, .jayTxtBackgroundImageParallaxCtrlClass .txtBlk .meMsg_MsgTitle {
    /* text-shadow: 0px 0px 35px #011e4d, 0px 0px 35px #011e4d, 0px 0px 35px #011e4d; */
    font-size: 50px;
    letter-spacing: 0;
    font-weight: bold;
    color: #fff;
    position: relative;
    margin: 90px 30% 0 auto;
    display: block;
    width: 240px;
    line-height: 130%;
}


/*---表單設置 開始---*/
.weForm { max-width: 100%; margin: auto; }
.weForm .tr {
    width: 49.5%;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 15px;
}
body .weForm .captionTop {
  text-align: left;
  color: #333;
  font-size: 18px;
  display: block;
  height: auto;
  width: 100%;
}
body .weForm .detail { display: block; width: 100%; color: #333; }

/*輸入欄位 開始*/
body .weForm input[type="checkbox"], body .weForm input[type="radio"] {
    vertical-align: initial;
    width: auto;
    transform: scale(1.5);
    margin-right: 10px;
}
.weForm input[type="edit"], .weForm input[type="text"], .weForm input[type="password"],
.weForm input[type="number"], .weForm input[type="date"], .weForm #tbChkCode input,
.weForm select {
    box-sizing: border-box;
    width: 100%;
    padding: 5px 10px;
    margin-bottom: 10px;
    border: 1px solid #cbcbcb;
    border-radius: 6px;
    height: 50px;
    vertical-align: middle;
    background: #FFFFFF;
    font-size: 16px;
}
.weForm textarea {
    box-sizing: border-box;
    width: 100%;
    padding: 10px;
    margin-bottom: 10px;
    border: 1px solid #cbcbcb;
    border-radius: 6px;
    height: 150px;
    vertical-align: middle;
    background: #FFFFFF;
    font-size: 16px;
    resize: none;
    font-family: "SF Pro Text","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
}
/*輸入欄位 結束*/

/*按鈕設定 開始*/
body .weForm input[type="submit"], body .weForm input[type="button"] {
  transition: opacity.3s ease-in-out;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  white-space: nowrap;
  user-select: none;
  margin: 0 auto 10px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  box-sizing: border-box;
  padding: 6px 20px;
  min-width: 150px;
  font-size: 22px;
  background-color: #2351FF;
  font-weight: 500;
  letter-spacing: 1px;
  line-height: 30px;
  color: #fff;
  border-radius: 6px;
  border: 0;
  cursor: pointer;
  outline: none;
  opacity: 1;
  height: auto;
}
body .weForm input[type="submit"]:hover, body .weForm input[type="button"]:hover {
  opacity: 0.8;
}
/*按鈕設定 結束*/

/*驗證碼 開始*/
.weForm #tbChkCode td {
    width: auto;
}
body .weForm #tdChkCodeInp {
    border: 0;
}
body .weForm #tbChkCode input {
    width: 120px;
    border: 1px solid #cbcbcb; border-radius: 6px;
}
.weForm #imgChkCode {
    border: 0;
    -webkit-filter: contrast(1.7) grayscale(4);
    filter: contrast(1.7) grayscale(4);
}
/*驗證碼 結束*/

/*---表單設置 結束---*/


/**---weformlist 開始---*/
.en .txt_MsgEmpty {
    color: #ffffff00;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column-reverse;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.en center.txt_MsgEmpty.txt_:after {
    color: initial;
    content: 'NO DATA';
}
/**---weformlist 開始---*/

/*---Cookie訊息 開始---*/
.cookie {
    background-color: rgba(245,245,245,0.9);
    position: fixed !important;
    padding: 10px 20px;
    box-sizing: border-box;
    z-index: 999999;
    width: 100% !important;
}
.cookie .meMsg_MsgMainTd {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.cookie .meMsg_MsgBlk {
    font-size: 14px;
    margin: 14px 0;
    float: left;
    text-align: left;
    padding-left: 0;
}
.cookie .meMsg_MsgBlk .meMsg_MsgTitle { font-weight: bold }
.cookie .meMsg_MsgList { margin: 0 0 0 auto; }
.cookie .meMsg_MsgList .meMsg_ItemTitle {
    background: #2351FF;
    border-radius: 6px;
    font-size: 14px;
    color: #fff;
    line-height: 100%;
    padding: 8px 10px;
    display: inline-block;
    width: 100px;
    text-align: center;
    font-weight: bold;
}
@media screen and (max-width: 768px) {
.cookie .meMsg_MsgMainTd {
    flex-wrap: wrap;
}
.cookie .meMsg_MsgList { margin: 0 auto 10px; }

}
/*---Cookie訊息 結束---*/


/*---換頁頁籤 開始---*/
body .blogCtrl.mePageCtrl {
    margin: 0 0 50px;
}
.blogCtrl #PageCtrl .OtherPage, .blogCtrl #PageCtrl .ThisPage, .blogCtrl #PageCtrl .CtrlBtn,.blogCtrl #PageCtrl a {
    cursor: pointer;
    font-weight: normal;
    color: #999;
    background-color: #fff;
    border: 1px solid #ddd;
    padding: 1px 0;
    width: 32px;
    height: 32px;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    box-shadow: 0px 1px 1px 0px #0000000f;
    border-radius: 0px;
    margin-right: 3px;
}
.blogCtrl #PageCtrl .ThisPage {
    cursor: initial;
    background-color: #0085FF;
    border: 1px solid #0085FF;
    color: #fff;
}
.blogCtrl #PageCtrl .PageNum .ThisPage a { color: #fff; }
.blogCtrl #PageCtrl .tdPageCtrlL,
.blogCtrl #PageCtrl .tdRecCount,
.blogCtrl #PageCtrl .tdPageNumCaption,
.blogCtrl #PageCtrl .tdGap,
.blogCtrl #PageCtrl .txt_CountNumR,
.blogCtrl #PageCtrl .txt_CountNumL,
.blogCtrl #PageCtrl .RecCount, .divPageCtrl .tdRecCount,
.blogCtrl #PageCtrl .spPageCtrl,
.blogCtrl #PageCtrl .txt_PageNum {
    display: none;
}
.blogCtrl #PageCtrl .txt_BtnNext,
.blogCtrl #PageCtrl .txt_BtnLast,
.blogCtrl #PageCtrl .txt_BtnFirst,
.blogCtrl #PageCtrl .txt_BtnEnd {
    margin-left: 3px;
    margin-right: 3px;
    cursor: pointer;
    font-weight: normal;
    color: #999;
    background-color: #fff;
    width: 32px;
    height: 32px;
    display: inline-block;
    vertical-align: middle;
    border: 0px solid #E8E8E8;
    padding: 1px;
    box-shadow: 0px 1px 1px 0px #0000000f;
    text-align: center;
    border-radius: 0;
    font-weight: bolder;
    font-family: cursive;
    font-size: 16px;
}
.blogCtrl #PageCtrl .ThisPage:hover,
.blogCtrl #PageCtrl .OtherPage:hover,
.blogCtrl #PageCtrl .txt_BtnNext:hover,
.blogCtrl #PageCtrl .txt_BtnLast:hover,
.blogCtrl #PageCtrl .txt_BtnFirst:hover,
.blogCtrl #PageCtrl .txt_BtnEnd:hover  {
    background-color: #0085FF;
    border: 1px solid #0085FF;
    color: #fff;
}
.blogCtrl #PageCtrl .ThisPage:hover a,
.blogCtrl #PageCtrl .OtherPage:hover a,
.blogCtrl #PageCtrl .txt_BtnNext:hover a,
.blogCtrl #PageCtrl .txt_BtnLast:hover a,
.blogCtrl #PageCtrl .txt_BtnFirst:hover a,
.blogCtrl #PageCtrl .txt_BtnEnd:hover a {
    color: #fff;
}


@media (max-width: 768px) {
.blogCtrl.mePageCtrl .PageCtrl > tr {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.blogCtrl.mePageCtrl .tdPageCtrlPgNumList, .WePageCtrl .tdPageBtn {
    width: 100%;
    display: block;
    margin-bottom: 5px;
}
}

/*---換頁頁籤 結束---*/


/*----- 滿意度調查按鈕 開始 -----*/
.QBtnFix img {
    max-width: 80px;
    position: fixed;
    bottom: 20px;
    right: 10px;
    z-index: 10;
    opacity: 1;
    transition: opacity 1.5s;
    -webkit-animation: QBtnFix 2s infinite;
}
.QBtnFix img:hover { opacity: 0.7; }
.en .QBtnFix img { display: none; }

@-webkit-keyframes QBtnFix {
  0%{
    transform: translate(0px, 0px);
  }
  50%{
    transform: translate(0px, -10px);
  }
  100%{
    transform: translate(0px, 0px);
  }
}
/*----- 滿意度調查按鈕 結束 -----*/

/*自訂css結束-------------------------------------------------------------------------*/


/*=================手機版  開始===================*/

@media (max-width: 768px) {

/*\\\\\\\\\\\\\\\\\\\\\\\\手機版全網基本定義開始\\\\\\\\\\\\\\\\\\\\\\\\*/

/*--2天區塊--*/

/*天第一列左欄*/
#id_HeaderLeft { display: block; width:100%; }
/*天第一列左右欄*/
#id_HeaderRight { display: block; width:100%; }

.HeaderLeft3, .HeaderCenter3, .HeaderRight3 {
    width: 33.3%;
}
#id_MemoLeft, #id_MemoRight {
    width: 100%;
    display: block;
}

/*--2導覽區塊--*/
#id_Menu { width:100%; margin-bottom:4px; }

/*導覽列左欄*/
#id_MenuLeft { display: block; width:100%; }
/*導覽列右欄*/
#id_MenuRight { display: block; width:100%; }

/*--2地區塊--*/
/*地第一列左欄*/
#id_FooterLeft { display: block; width:100%; }

/*地第一列左右欄*/
#id_FooterRight { display: block; width:100%; }



/*--3左欄區塊--*/
#id_ColLeft { display: block; width:100%; }

/*--3中欄區塊--*/
#id_Content { display: block; width:100%; }

/*--3右欄區塊--*/
#id_ColRight { display: block; width:100%; }


/*\\\\\\\\\\\\\\\\\\\\\\\\手機版全網基本定義結束\\\\\\\\\\\\\\\\\\\\\\\\*/


/*手機版自訂css開始-------------------------------------------------------------------------*/
body #dataSiteTree.ClickDown .hasSubMenu .SiteNode_1 a:after {
    background: url(https://nebulax.noonspace.com/w73/fit/MsgInfo/arrowD42_25x25.png) no-repeat 0 0;
    background-size: 100%;
    transform: translate(0px, -20px);
    width: 23px;
    height: 23px;
}
body #dataSiteTree.ClickDown .hasSubMenu.SiteGroup_z .SiteNode_1 a:after {
    transform: rotate(180deg) translate(0px, 20px);
    -ms-transform: rotate(180deg) translate(0px, 20px);
    -moz-transform: rotate(180deg) translate(0px, 20px);
    -webkit-transform: rotate(180deg) translate(0px, 20px);
    -o-transform: rotate(180deg) translate(0px, 20px);
}


/*導覽列設定 開始*/
body #ns_Header #dataSiteTree {
    padding: 20px;
}

body #ns_Header #dataSiteTree .SiteNode_0, body #ns_Header #dataSiteTree .SiteNode_x0 {
    padding-left: 0px;
}

body #ns_Header #dataSiteTree .SiteNode_2, body #ns_Header #dataSiteTree .SiteNode_x2 {
    padding-left: 20px;
}

body #ns_Header #dataSiteTree .SiteNode_3, body #ns_Header #dataSiteTree .SiteNode_x3 {
    padding-left: 38px;
}

body #ns_Header a.SiteItem_0, body #ns_Header a.SiteItem_1{
    color: #ffffff;
    font-size: 20px;
    display: block;
    padding: 10px 0;
    font-weight: 900;
}
body #ns_Header a.SiteItem_2{
    font-size: 18px;
     display: block;
     padding: 0px 0;
}
body #ns_Header a.SiteItem_2:before{
    content: '• ';
    color: #fff;
    display: inline-block;
    position: relative;
    left: -17px;
    top: 14px;
}
body #ns_Header a.SiteItem_3{
    font-size: 18px;
    display: block;
    padding: 8px 0;
}



#ns_Header .meSiteTree.awBtnMenu {
    padding: 10px 10px;
    display: none;
    width: 100%;
    background: #fff;
}
#ns_Header #dataSiteTree.Hori .SiteGroup_1 {
    padding: 0;
    margin: 0px;
    float: none;
    display: block;
    width: 90%;
}
#ns_Header #dataSiteTree.Hori .SiteGroup_1 .SiteMenu_1 {
    display: none;
    position: static;
    width: 100%;
}
/*導覽列設定 結束*/

/*登出登入 按鈕 開始*/
.memberLogIn { margin-right: 10px; }
/*登出登入 按鈕 結束*/

/*語言 開始*/
.language {
    margin-right: 5px;
}
.language .meMsg_MsgList {
    right: 0;
}
/*語言 結束*/

/*聯絡 開始*/
.contactBlk {
    margin-right: 10px;
}
/*聯絡 結束*/

/*Footer 資訊設定 開始*/
#ns_Footer .meDivList .listDivList { flex-wrap: wrap; justify-content: space-between; }
#ns_Footer .meDivList .itemDivList { width: 38%; margin-bottom: 20px; }
#ns_Footer .meDivList .itemDivList.MsgListBlk_4 { width: 100%; }

/*Footer 資訊 開始*/
.footerTxt .meMsg_MsgBlk .meMsg_MsgTitle { margin-bottom: 10px; }
/*Footer 資訊 結束*/

/*Copyright 開始*/
.meCopyrightBlock { text-align: center; }
/*Copyright 結束*/

/*Footer 資訊設定 結束*/


/*條列項目 開始*/


.esgList .meMsg_MsgList .meMsg_ItemTitle {
    margin: 5px 0 10px;
}
/*條列項目 結束*/


/*---導覽列 開始---*/
#ns_Header #SiteMenu_ZC14852 .ClassName {
    font-size: 18px;
}
.menu-container * { width: 100%;  }
.menu-container script { display: none; }
.menu-container .inc_msg_SiteTree {
    height: 82vh;
    overflow-y: scroll;
    margin-top: 20px;
}

/*關於 hero menu begin*/

#ns_Header #dataSiteTree.Hori #SiteMenu_ZC14852 {
    padding-left: 0;
    position: static;
    width: 100%;
    background-image: unset;
}
#ns_Header #SiteMenu_ZC14852:before, .en #ns_Header #SiteMenu_ZC14852:before {
    display: none;
}

/*關於 hero menu end*/

/*產品 hero menu begin*/
#ns_Header #dataSiteTree.Hori #SiteMenu_ZC2382 {
    padding-left: 0;
    position: static;
    width: 100%;
    background-image: unset;
}
#ns_Header #SiteMenu_ZC2382:before, .en #ns_Header #SiteMenu_ZC2382:before {
    display: none;
}

/*產品 hero menu end*/

/*投資人專區 hero menu begin*/
#ns_Header #dataSiteTree.Hori #SiteMenu_ZC2632 {
    padding-left: 0;
    position: static;
    width: 100%;
    background-image: unset;
}
#ns_Header #SiteMenu_ZC2632:before, .en #ns_Header #SiteMenu_ZC2632:before {
    display: none;
}
#ns_Header #dataSiteTree.Hori #SiteMenu_ZC2632 .SiteGroup_2.hasSubMenu::after {
    left: 84px;
}
#ns_Header #dataSiteTree.Hori #SiteMenu_ZC2632 .SiteMenu {
    left: 110px;
    top: -28px;
    position: relative;
    padding: 0 0 0 14px;
}
/*投資人專區 hero menu end*/


/*永續經營 hero menu begin*/
#ns_Header #dataSiteTree.Hori #SiteMenu_ZC9332 {
    padding-left: 0;
    position: static;
    width: 100%;
    background-image: unset;
}
#ns_Header #SiteMenu_ZC9332:before, .en #ns_Header #SiteMenu_ZC9332:before {
    display: none;
}

/*永續經營 hero menu end*/


/*服務提供 hero menu begin*/
#ns_Header #dataSiteTree.Hori #SiteMenu_ZC2399 {
    padding-left: 0;
    position: static;
    width: 100%;
    background-image: unset;
}
#ns_Header #SiteMenu_ZC2399:before, .en #ns_Header #SiteMenu_ZC2399:before {
    display: none;
}

/*服務提供 hero menu end*/


/*最新消息 hero menu begin*/
#ns_Header #dataSiteTree.Hori #SiteMenu_ZC9327 {
    padding-left: 0;
    position: static;
    width: 100%;
    background-image: unset;
}
#ns_Header #SiteMenu_ZC9327:before, .en #ns_Header #SiteMenu_ZC9327:before {
    display: none;
}

/*最新消息 hero menu end*/


/*---導覽列 結束---*/



/*最新消息 BlogTree 開始*/
.newsTree .dataBlogTree.Hori .TreeMenu_0 .ClassName { font-size: 20px; padding: 0 10px; }
.newsTree .TreeNode_1 a {
    font-size: 18px;
}

.newsTree .dataBlogTree.Hori .TreeMenu_0 .TreeGroup_3:first-child .TreeNode_1 a:before,
.newsTree .dataBlogTree.Hori .TreeMenu_0 .TreeGroup_3:first-child .TreeNode_t a:before,
.newsTree .dataBlogTree.Hori .TreeMenu_0 .TreeGroup_3:last-child .TreeNode_1 a:before,
.newsTree .dataBlogTree.Hori .TreeMenu_0 .TreeGroup_3:last-child .TreeNode_t a:before { display: none; }
/*最新消息 BlogTree 結束*/


/*---表單設置 開始---*/
.weForm .tr {
    width: 100%;
}

/*輸入欄位 開始*/
body .weForm select {
    width: 100%;
    height: 50px;
}
/*輸入欄位 結束*/

/*驗證碼 開始*/
body .weForm #tdChkCodeInp, body .weForm #tdChkCodeImg {
    display: inline-block;
    vertical-align: middle;
}
/*驗證碼 結束*/

/*---表單設置 結束---*/


/*手機版自訂css結束-------------------------------------------------------------------------*/

}

/*=================手機版  結束===================*/




