@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');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+TC&display=swap')
@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: 'Noto Sans TC', 'Roboto', 'Open Sans', sans-serif, 'Noto Serif TC',serif; margin:0; padding:0;  width:100%; -webkit-font-smoothing: antialiased;  font-size: 16px; line-height: 170%; color: #333; letter-spacing: 1px; }
* { 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_Header { width:100%; padding: 0 20px; box-sizing: border-box; }

/*天第一列左欄*/
#id_HeaderLeft  { width:50%; }
/*天第一列左右欄*/
#id_HeaderRight { width:50%; }


#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:50%; }
#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%;
    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%;
    margin: 30px 0 20px;
    text-align: center;
}


/*--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開始-------------------------------------------------------------------------*/

/*大Banner 開始*/
.banner {
    height: 100vh;
    position: relative;
}
.banner .meMsg_MsgBlk {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 70%;
    margin: 0 auto;
}
.banner .meMsg_MsgTitle {
    display: block;
    color: #ADABAB;
    font-size: 26px;
    letter-spacing: 26px;
    margin-right: -26px;
    font-weight: bold;
    text-align: center;
}
.banner .meMsg_MsgBlk img {
    max-width: 180px;
    width: 100%;
    filter: drop-shadow(0px 6px 4px rgba(0,0,0,0.35));
}
/*大Banner 結束*/


/*關於我們 開始*/
.Txt .meMsg_MsgMain {
    min-height: 100vh;
    position: relative;
}
.Txt .meMsg_MsgBlk {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #464545;
    width: 100%;
    padding: 0 20px;
}
.Txt .meMsg_MsgBlk div[align="left"] {
    text-align: center;
}
.Txt .meMsg_MsgBlk div[align="center"] {
    display: flex;
    max-width: 620px;
    flex-direction: column-reverse;
    margin: 0 auto;
}
.Txt .meMsg_MsgBlk .meMsg_MsgTitle {
    display: block;
    font-size: 30px;
    letter-spacing: 4px;
    margin-right: -4px;
    text-align: justify;
    line-height: 170%;
}
/*關於我們 結束*/


.Col2 {
    height: 100vh;
}
.Col2 .listMsgList {
    display: flex;
}
.Col2 .itemMsgList {
    width: 50%;
    height: 100vh;
    position: relative;
}
.Col2 .itemMsgList img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.Col2 .meMsg_ItemTitle {
    padding: 41% 20px 0;
    display: inline-block;
    text-align: center;
    font-size: 26px;
    width: 100%;
    line-height: 180%;
    font-weight: 400;
}
.Col2 .meMsg_ItemContent {
    text-align: center;
    font-weight: 400;
    padding: 0 20px;
}


.TxtL .meMsg_ItemTitle, .TxtL .meMsg_ItemContent {
    color: #fff;
}



.TxtR .meMsg_ItemContent {
    margin-bottom: 30px;
}



.bannerS {
    max-width: 1200px;
    margin: 0 auto 100px;
    height: 85vh;
    position: relative;
}
.bannerS .meMsg_MsgBlk {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    padding: 0 20px;
}
.bannerS .meMsg_MsgTitle {
    display: block;
    color: #EBEBEB;
    font-size: 24px;
    line-height: 170%;
    text-align: center;
}


.meus_ptD4PrdListCol1No1v1 .meMsg_MsgBlk .meMsg_MsgTitle {
    display: block;
    text-align: center;
    margin: 150px 0 80px;
    font-size: 26px;
    font-weight: 300;
}
@media(max-width: 768px){
.meus_ptD4PrdListCol1No1v1 .meMsg_MsgBlk .meMsg_MsgTitle {
    margin: 80px 0 80px;
}
}

/*咖啡色裝飾 開始 隱藏中*/
/*
.banner .meMsg_MsgTitle:before {
    content: '';
    display: block;
    width: 72px;
    height: 9px;
    background-color: #DECA9F;
    margin: 30px auto 38px;
}
.TxtL .meMsg_ItemTitle:after {
    content: '';
    display: block;
    width: 72px;
    height: 9px;
    background-color: #DECA9F;
    margin: 30px auto;
}
.TxtR .meMsg_ItemContent:after {
    content: '';
    display: block;
    width: 72px;
    height: 9px;
    background-color: #DECA9F;
    margin: 30px auto;
}
*/
/*咖啡色裝飾 結束 隱藏中*/

#ns_Footer #dataSiteTree.Hori * {
    font-size: 18px;
    color: #eee;
    text-align: center;
}
#ns_Footer #dataSiteTree.Hori .SiteGroup_1 {
    display: inline-block;
    margin: 5px 15px 13px;
    text-align: center;
    float: none;
}

.meCopyrightBlock {
    color: #fff;
    font-size: 13px;
}
.meCopyrightBlock .meMsg_ItemTitle a {
    color: #eee;
    font-size: 13px;
}

/*自訂css結束-------------------------------------------------------------------------*/



/*=================手機版  開始===================*/

@media (max-width: 768px) {

/*\\\\\\\\\\\\\\\\\\\\\\\\手機版全網基本定義開始\\\\\\\\\\\\\\\\\\\\\\\\*/

/*--2天區塊--*/

/*天第一列左欄*/
#id_HeaderLeft { display: block; width:100%; }
/*天第一列左右欄*/
#id_HeaderRight { display: block; width:100%; }


/*--2導覽區塊--*/
#id_Menu { width:100%; margin-bottom:0px; }

/*導覽列左欄*/
#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開始-------------------------------------------------------------------------*/


.banner .meMsg_MsgTitle {
    color: #FFFFFF;
    letter-spacing: 13px;
    margin-right: -26px;
    font-weight: 300;
}


.bannerS {
    margin: 0 auto 0px;
}


.Txt .meMsg_MsgBlk .meMsg_MsgTitle {
    text-align: center;
}


.Col2 {
    height: auto;
}
.Col2 .itemMsgList {
    height: unset;
}
.Col2 .meMsg_ItemTitle {
    padding: 50px 20px 0;
}
.Col2 .meMsg_ItemContent {
    padding: 20px 20px 80px;
}


.TxtL .listMsgList, .TxtR .listMsgList {
    flex-wrap: wrap;
}
.TxtL .itemMsgList, .TxtR .itemMsgList {
    width: 100%;
}
.TxtR .listMsgList {
    flex-direction: column-reverse;
}
.TxtR .meMsg_ItemContent {
    padding: 20px;
}

/*手機版自訂css結束-------------------------------------------------------------------------*/

}

/*=================手機版  結束===================*/


#ns_Footer #dataSiteTree.Hori * {
    font-size: 18px;
    color: #eee;
    text-align: center;
}

/*酒駕警訊*/
.driveNotice {
    position: fixed;
    bottom: 0;
    left: 0;
    padding: 10px;
    text-align: center;
    width: 100%;
    box-sizing: border-box;
    background: #333;
    font-size: 40px;
    font-weight: bold;
    letter-spacing: 20px;
    z-index: 9;
}
#ns_Footer .driveNotice .meMsg_MsgBlk .meMsg_MsgTitle {
    font-size: 40px;
    text-align: center;
    padding: 0;
}
.driveNotice .meMsg_MsgBlk img {
    background: #fff;
    border-radius: 50%;
}

@media (max-width: 767px) {
.driveNotice { letter-spacing: 5px; }

#ns_Footer .driveNotice .meMsg_MsgBlk .meMsg_MsgTitle { font-size: 18px; }

}