|
/*問卷*/
.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; }
/*預設按鈕隱藏設定 結束*/
/*================================================================*/
| |
