class=QBtnFix
winWidth>=769


class=topBlk
top3 class=contactBlk
繁中
簡中
top1 class=language
hide
hide
top2 class=memberBlk
.ClassMiniSite, .ClassNum { display:none; } .SiteNode_T, .SiteNode_0, .SiteNode_1, .SiteNode_2, .SiteNode_3, .SiteNode_4, .SiteNode_5, .SiteNode_6, .SiteNode_7, .SiteNode_8, .SiteNode_9 { line-height:100%; padding-top:5px; padding-bottom:5px; text-align:left; border-top:1px solid transparent; border-bottom:1px solid #cccccc; } .SiteNode_xT, .SiteNode_x0, .SiteNode_x1, .SiteNode_x2, .SiteNode_x3, .SiteNode_x4, .SiteNode_x5, .SiteNode_x6, .SiteNode_x7, .SiteNode_x8, .SiteNode_x9 { line-height:100%; padding-top:5px; padding-bottom:5px; text-align:left; border-top:1px solid transparent; border-bottom:1px solid #cccccc; } .SiteItem_0, .SiteItem_1, .SiteItem_2, .SiteItem_3, .SiteItem_4, .SiteItem_5, .SiteItem_6, .SiteItem_7, .SiteItem_8, .SiteItem_9 { } .SiteItem_x0, .SiteItem_x1, .SiteItem_x2, .SiteItem_x3, .SiteItem_x4, .SiteItem_x5, .SiteItem_x6, .SiteItem_x7, .SiteItem_x8, .SiteItem_x9 { font-weight:bold; } .SiteNode_0, .SiteNode_x0 { padding-left:10px; } .SiteNode_1, .SiteNode_x1 { padding-left:25px; } .SiteNode_2, .SiteNode_x2 { padding-left:40px; } .SiteNode_3, .SiteNode_x3 { padding-left:55px; } .SiteNode_4, .SiteNode_x4 { padding-left:70px; } .SiteNode_5, .SiteNode_x5 { padding-left:85px; } .SiteNode_6, .SiteNode_x6 { padding-left:100px; } .SiteNode_7, .SiteNode_x7 { padding-left:115px; } .SiteNode_8, .SiteNode_x8 { padding-left:130px; } .SiteNode_9, .SiteNode_x9 { padding-left:145px; } #dataSiteTree.ClickDown .SiteMenu_1 { display: none; } #dataSiteTree.ClickDown .SiteGroup_z .SiteMenu_1 { } #dataSiteTree.ClickDown .hasSubMenu .SiteNode_1 a:after { display:inline-block; content:''; background:url('/main/wdb2/images/arrowD4_25x25.png') no-repeat 0 0; background-size:100%; float:right; width:16px; height:16px; transition: 0.5s ease; } #dataSiteTree.ClickDown .hasSubMenu.SiteGroup_z .SiteNode_1 a:after { transform:rotate(180deg); -ms-transform:rotate(180deg); -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); -o-transform:rotate(180deg); } .SiteNode_0 { display:$SiteTreeDisp0$; } .SiteItem_x0, .SiteItem_x1, .SiteItem_x2, .SiteItem_x3, .SiteItem_x4, .SiteItem_x5, .SiteItem_x6, .SiteItem_x7, .SiteItem_x8, .SiteItem_x9 { font-family:$SiteTreeFontO$; color:$color$; font-style:$style$; font-weight:$weight$; } .SiteNode_x0, .SiteNode_x1, .SiteNode_x2, .SiteNode_x3, .SiteNode_x4, .SiteNode_x5, .SiteNode_x6, .SiteNode_x7, .SiteNode_x8, .SiteNode_x9 { background-image:$SiteTreeBgO$; background-position:$pos$; background-repeat:$repeat$; background-color:$color$; } .SiteItem_0, .SiteItem_1, .SiteItem_2, .SiteItem_3, .SiteItem_4, .SiteItem_5, .SiteItem_6, .SiteItem_7, .SiteItem_8, .SiteItem_9 { font-family:$SiteTreeFont$; color:$color$; font-style:$style$; font-weight:$weight$; } .SiteNode_0, .SiteNode_1, .SiteNode_2, .SiteNode_3, .SiteNode_4, .SiteNode_5, .SiteNode_6, .SiteNode_7, .SiteNode_8, .SiteNode_9 { background-image:$SiteTreeBg$; background-position:$pos$; background-repeat:$repeat$; background-color:$color$; } .SiteNode_0, .SiteNode_1, .SiteNode_2, .SiteNode_3, .SiteNode_4, .SiteNode_5, .SiteNode_6, .SiteNode_7, .SiteNode_8, .SiteNode_9, .SiteNode_x0, .SiteNode_x1, .SiteNode_x2, .SiteNode_x3, .SiteNode_x4, .SiteNode_x5, .SiteNode_x6, .SiteNode_x7, .SiteNode_x8, .SiteNode_x9 { padding-top:$SiteTreePadding$; padding-bottom:$SiteTreePadding$; } .SiteNode_B, .SiteNode_0, .SiteNode_1, .SiteNode_2, .SiteNode_3, .SiteNode_4, .SiteNode_5, .SiteNode_6, .SiteNode_7, .SiteNode_8, .SiteNode_9, .SiteNode_x0, .SiteNode_x1, .SiteNode_x2, .SiteNode_x3, .SiteNode_x4, .SiteNode_x5, .SiteNode_x6, .SiteNode_x7, .SiteNode_x8, .SiteNode_x9 { border-top:$SiteTreeLineT$; } .SiteNode_T, .SiteNode_0, .SiteNode_1, .SiteNode_2, .SiteNode_3, .SiteNode_4, .SiteNode_5, .SiteNode_6, .SiteNode_7, .SiteNode_8, .SiteNode_9, .SiteNode_x0, .SiteNode_x1, .SiteNode_x2, .SiteNode_x3, .SiteNode_x4, .SiteNode_x5, .SiteNode_x6, .SiteNode_x7, .SiteNode_x8, .SiteNode_x9 { border-bottom:$SiteTreeLineB$; } #dataSiteTree { border-left:$SiteTreeBorderL$; } #dataSiteTree { border-right:$SiteTreeBorderR$; } #dataSiteTree .SiteNode_0, #dataSiteTree .SiteNode_x0 { padding-left:$SiteTreePaddingL0$; } #dataSiteTree .SiteNode_1, #dataSiteTree .SiteNode_x1 { padding-left:$SiteTreePaddingL1$; } #dataSiteTree .SiteNode_2, #dataSiteTree .SiteNode_x2 { padding-left:$SiteTreePaddingL2$; }
hide
class=svpage-headline
/*問卷*/ .en .rightmenuFix { display: none; } .rightmenuFix a { position: fixed; right: 0; top: 50%; transform: translate(0px, -50%); background: #051359; width: 36px; cursor: pointer; color: #FFF; padding: 10px 5px 10px 10px; box-sizing: border-box; text-align: center; border-radius: 6px 0px 0 6px; z-index: 6; } /*問卷*/ #ns_Wrapper { background-color: #fff; } #ns_Menu { /*background-image: url(https://nebulax.noonspace.com/w73/fit/MsgInfo/member.png);*/ background-position: top center; background-repeat: no-repeat; position: relative; } #ns_Main { width: 100%; margin: 0px auto 0; } #id_ContentTop { max-width: 1125px; margin: 0 auto; text-align: left; } #ns_Content { max-width: 450px; margin: 0px auto; padding: 0 20px; } #ns_Footer { margin-top: 70px; } @media (max-width: 768px) { } /*Parallax begin*/ .jayTxtBackgroundImageParallaxCtrlClass .txtBlk span { font-weight: 600!important; } body .jayTxtBackgroundImageParallaxCtrlClass .txtBlk { left: 20% !important; top: 30%; } .jayTxtBackgroundImageParallaxCtrlClass .txtBlk span { font-size: 3rem; line-height: 84px; color: #0200FE; } body .jayTxtBackgroundImageParallaxCtrlClass .bgImage { height: 376px; background-repeat: no-repeat; } @media (max-width: 768px) { body .jayTxtBackgroundImageParallaxCtrlClass { /*height: 300px;*/ } body .jayTxtBackgroundImageParallaxCtrlClass .txtBlk { margin: 0 auto; padding: 15px 25px; left: 50% !important; width: 100% !important; top: 18% !important; transform: translate(-50%, 10px); position: absolute; } } /*Parallax end*/ /*---會員專區 大標 開始---*/ .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%; } .jayTxtBackgroundImageParallaxCtrlClass .txtBlk .meMsg_MsgTitle { margin: 0 auto; } .en .memLTitle .meMsg_MsgTitle { width: auto; text-align: right; } .en .jayTxtBackgroundImageParallaxCtrlClass .txtBlk .meMsg_MsgTitle { width: auto; } @media (max-width: 768px) { .wmember.jayTxtBackgroundImageParallaxCtrlClass .meMsg_MsgBlk { height: 200px !important; } .memLTitle .meMsg_MsgTitle { margin: 30px auto 0; } .en .memLTitle .meMsg_MsgTitle { text-align: center; } } /*---會員專區 大標 結束---*/ /*---svpage-headline 大標 開始---*/ .svpage-headline .divSitePath .SitePathA { width: 100%; } .svpage-headline .divSitePath .SitePathA span { font-style: normal; font-weight: 700; font-size: 30px; line-height: 41px; text-align: center; font-family: arial,"Microsoft JhengHei","微軟正黑體",sans-serif; color: #0200FE; width: 100%; display: block; } .svpage-headline .divSitePath .SitePathA span:after { content: ''; width: 50px; height: 5px; display: block; background: #EC5210; margin: 19px auto 50px; } .svpage-headline .divSitePath .SitePathA:after { display: none; } @media (max-width: 786px) { body .svpage-headline { margin-left: 0; } .svpage-headline .divSitePath .SitePathA span:after { margin: 19px auto 10px; } } /*---svpage-headline 大標 結束---*/ /*---svpage-headline 注意事項 開始---*/ .svpage-content .meMsg_Content { font-size: 18px; letter-spacing: 0.09px; color: #333; margin: 0px auto; margin-bottom: 0px; padding: 0 15px; margin-bottom: 30px; } /*---svpage-headline 注意事項 結束---*/ /*---會員表單設定 開始---*/ #meNotice{ display: none; } .meTitle { display: none; } .meIntro { display: none; } .meMemo { margin-bottom:10px; margin-top:10px; } .meLine { margin-bottom:20px; margin-top:10px; border:0;} .meCSS { font-size: 16px;} .gap { display:none; } .meErr { font-size: 14px; color: #db9c9c; margin-bottom: 10px; } .meMsg { font-size: 14px; color: #db9c9c; } .chkEmail{ display: none; } .detail nobr { color: #333; margin-right: 15px; } .detail .desc { color: #333; } /*表單設定*/ .meForm { max-width: 100%; margin: auto; } .meForm .captionTop { text-align: left; color: #333; font-size: 18px; display: block; height: auto; } .meForm .content { display: block; color: #333; } .meBtn a, .meForm a { color: #333; } .meBtn a:hover, .meForm a:hover { color: #0200FE; } /*按鈕設定 開始*/ input[type="submit"], input[type="button"], .meForm .formButton, .memCenterBtn a { 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; } .memCenterBtn a { margin: 0 auto 10px; } input[type="submit"]:hover, input[type="button"]:hover, .meForm .formButton:hover, .memCenterBtn a:hover { opacity: 0.8; } /*按鈕設定 結束*/ /*輸入欄位 開始*/ .meForm input[type="checkbox"], .meForm input[type="radio"] { margin-right: 5px; vertical-align: initial; transform: scale(1.5); } .meForm input[type="edit"], .meForm input[type="text"], .meForm input[type="password"], .meForm select { box-sizing: border-box; width: 100%; height: 34px; padding: 4px; margin-bottom: 10px; border: 1px solid #cbcbcb; border-radius: 6px; height: 50px; vertical-align: middle; background: #FFFFFF; font-size: 16px; } select { width: 32%; height: 50px; box-sizing: border-box; border-radius: 6px; padding: 10px 10px; border: 1px solid #e8e8e8; background: #fff; font-size: 16px; color: #8E8E8E; } .divCity select{ width: 28%; height: 50px; } .trMemBirth > td { display: block; width: 100%; } .trMemBirth select { width: 30.5%;} .divCity select { width: 30.5%;} .trProfTy select { width: 100%;} .trMemAddr div,.trMemTel div { padding-bottom: 10px; }.trMemAddr div:last-child,.trMemTel div:last-child { padding-bottom: 0px; } .trSubscribe nobr, .trSubscribe span[_xmltype="block"], .trSubscribeLang nobr, .trSubscribeLang span[_xmltype="block"], .tr[fieldtag="Subscribe1"] .detail span[_xmltype="block"], .txt_MemSex0, .txt_MemSex1 { margin-right: 20px; } /*輸入欄位 結束*/ /*驗證碼 開始*/ .meForm #tbChkCode td { width: auto; padding: 0 10px 0 0; } .meForm #tbChkCode input { width: 120px; } .meForm #imgChkCode { border: 0; -webkit-filter: contrast(1.7) grayscale(4); filter: contrast(1.7) grayscale(4); } /*驗證碼 結束*/ .mobile .meCSS * { } .mobile .meCSS { margin-bottom:20px; } .mobile .meCSS .meTitle { width:99%; } .mobile .meCSS .meForm .captionTop { display:block; text-align:left; padding:0px; padding-bottom:10px; height: auto; } .mobile .meCSS .meForm .content { display:block; padding-bottom:10px; text-align:left; height: auto; } .mobile .meCSS .meForm .detail { display:block; padding:0px; padding-bottom:10px; text-align:left; } .mobile .meCSS .meBtn { width:99%; padding-top:10px; } .mobile .meCSS .formButton { box-shadow: 0 4px 6px rgb(50 50 93 / 11%), 0 1px 3px rgb(0 0 0 / 8%); width: 100%; } /*---自定義按鈕 開始---*/ .btbtn .itemMsgList a { padding: 8px 20px; height: 100%; width: 100%; color: #4a4a4a; font-size: 18px; letter-spacing: 1px; line-height: 30px; margin-left: auto; text-align: center; display: block; } .cssForm1 .btbtn .itemMsgList a, .cssForm2 .btbtn .itemMsgList a { text-align: left; } @media (max-width: 786px) { .btbtn .itemMsgList { display: flex; width: 100%; height: auto; } } /*---自定義按鈕 結束---*/ /*預設按鈕隱藏設定 開始*/ #meJoinFormBtn, #meLoginFormBtn { display: none; } /*預設按鈕隱藏設定 結束*/ /*================================================================*/
@media all and (max-width:600px) { .tbLogin .nsLogin , .tbLogin .fbLogin { display:block; width:100%; } }
註冊會員
忘記密碼
class=btbtn
class=ChkEmailhide