@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: #000; }
* { 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%; background-color: #4A4A4A; }


/*--2天區塊--*/
#ns_Header { width:100%; }
.ns_HeaderR1, .ns_HeaderR3, #ns_Header4, #ns_Header6 { display:none; }
#id_Header { width:100%; padding: 0 20px; box-sizing: border-box; }

/*天第二列左欄*/
#id_HeaderLeft  { width:50%; }
/*天第二列右欄*/
#id_HeaderRight { width:50%; }

/*天第一列三欄*/
#id_HeaderCol3 {
    background-image: url(/w73/fit/MsgInfo/HHTDheaderBg.png);
    background-position: center;
    bacground-color:;
}
/*天第一列三欄左欄*/
#id_HeaderLeft3{ width: 160px; padding: 13px 0; }
/*天第一列三欄中欄*/
#id_HeaderCenter3{ width: auto; padding: 10px 0; }
/*天第一列三欄右欄*/
#id_HeaderRight3{ width: 160px; padding: 10px 0; }


#id_HeaderCol{ width:100%; }

/*--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: 100%; display: block; }
#MemberMenu { text-align:left; }


/*--2內容區塊--*/
#ns_Main {  width:100%; }
.ns_MainR1, .ns_MainR3, #ns_Main4, #ns_Main6 { display:none; }
#id_Main { width:100%; }


/*--2地區塊--*/
#ns_Footer { width: 100%;}
.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%; }


/*--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; }

/*\\\\\\\\\\\\\\\\\\\\\\\\全網元素結束\\\\\\\\\\\\\\\\\\\\\\\\*/

/*自訂css開始-------------------------------------------------------------------------*/

/*Copyright 開始*/
.meCopyrightBlock {
    text-align: center;
    font-size: 13px;
    color: #eee;
    padding: 5px 0 3px;
}
/*Copyright 結束*/


/*Logo*/
.logo img { height: 52px; }

/*Header 大標*/
.headerTitle .meMsg_MsgTitle {
    font-weight: bold;
    font-size: 40px;
    line-height: 150%;
    text-align: center;
    color: #FFFFFF;
    display: block;
}


/*大標*/
.title .meMsg_MsgBlk .meMsg_MsgTitle {
    font-weight: bold;
    font-size: 40px;
    line-height: 150%;
    text-align: center;
    display: block;
}
.title .meMsg_MsgBlk .meMsg_MsgTitle:after {
    content: '';
    display: block;
    background-image: url(/w73/fit/MsgInfo/sablueLine.svg);
    background-position: center;
    max-width: 805px;
    height: 44px;
    margin: 0 auto;
}
/*大標白色*/
.titleW .meMsg_MsgBlk .meMsg_MsgTitle { color: #fff; }
.titleW .meMsg_MsgBlk .meMsg_Content { color: #fff; }
.titleW ul { color: #fff; }
/*大標藍色*/
.titleB .meMsg_MsgBlk .meMsg_MsgTitle { color: #0200FE; }
/*內文白色*/
.txtW { color: #fff; }

/*藍底標題*/
.txtBlue .meMsg_MsgBlk .meMsg_MsgTitle {
    background-image: url(/w73/fit/MsgInfo/blueTitleBg.png);
    background-size: cover;
    display: block;
    border-radius: 10px;
    font-weight: 400;
    font-size: 24px;
    line-height: 150%;
    text-align: center;
    letter-spacing: -0.04em;
    padding: 9px 0;
    color: #fff;
    margin: 0 0 30px;
}

/*條列項目*/
.points img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.points .meMsg_MsgListCaption {
    font-weight: 700;
    font-size: 20px;
    line-height: 150%;
    letter-spacing: -0.04em;
    margin: 25px 0 0;
}
.points ul {
    margin: 0;
    padding: 0 0 0 20px;
    line-height: 130%;
}


/*自訂css結束-------------------------------------------------------------------------*/



/*=================手機版  開始===================*/

@media (max-width: 768px) {

/*\\\\\\\\\\\\\\\\\\\\\\\\手機版全網基本定義開始\\\\\\\\\\\\\\\\\\\\\\\\*/

/*--2天區塊--*/

/*天第一列左欄*/
#id_HeaderLeft { display: block; width:100%; }
/*天第一列左右欄*/
#id_HeaderRight { display: block; width:100%; }


/*天第一列三欄左欄*/
#id_HeaderLeft3{ width: 160px; padding: 13px 0; }
/*天第一列三欄中欄*/
#id_HeaderCenter3{ width: auto; padding: 10px 0; }
/*天第一列三欄右欄*/
#id_HeaderRight3{ width: auto; padding: 10px 0; }


/*--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開始-------------------------------------------------------------------------*/

/*Logo*/
.logo center{
    line-height: 0px;
    text-align: left;
}
.logo img {
    height: 32px;
    margin: 0 auto 0 18px;
}

/*Header 大標*/
.headerTitle .meMsg_MsgTitle {
    font-size: 25px;
    margin: 0 15px 0 0;
}

/*大標*/
.title .meMsg_MsgBlk .meMsg_MsgTitle {
    font-size: 22px;
}


/*手機版自訂css結束-------------------------------------------------------------------------*/

}

/*=================手機版  結束===================*/




