/**LINE_LIFF自訂樣式*/
html.isInLIFF,
body.isInLIFF {
  background: unset;
}

.isInLIFF #ns_Header,
.isInLIFF #ns_Footer,
.isInLIFF .cssPagePanel {
  display: none;
}
.isInLIFF #id_ContentTop,
.isInLIFF #ns_Content,
.isInLIFF #id_ContentBottom { border: 0; }

.isInLIFF #ns_Menu {
  margin-top: 0px;
}

.isInLIFF #ns_Main {
  background: #fff;
  text-align: center;
  margin: 10px auto 30px;
  max-width: 1200px;
  padding-top: 0;
}

.isInLIFF #id_ContentBottom {
  border: 0;
}
/*LIFF_FAQ Begin*/

/**LIFF_FAQ隱藏部分*/
.isInLIFF .FAQMenu,
.isInLIFF .FAQGroup,
.isInLIFF .FAQFile,
.isInLIFF .FAQPostDesc,
.isInLIFF .FAQCtrlBtn,
.phpFAQ.isInLIFF #ns_Content5 > div:nth-child(11) {
  display: none;
}

/**LIFF_FAQ 內容 */
.isInLIFF .FAQHTML {
  display: block !important;
}

.isInLIFF .listFAQ {
  font-size: 1.2em;
  margin: 0 15px;
}

.isInLIFF .listFAQ div {
  background: unset;
}

.isInLIFF .dataFAQ {
  margin-bottom: 15px;
}

.isInLIFF .dataFAQ div {
  border: unset;
}

.phpFAQ.isInLIFF .meMsg_MsgTitle {
  font-weight: 900;
}

.phpFAQ.isInLIFF .meMsg_MsgBlk .meMsg_Content {
  padding: 10px 5px;
}
/*LIFF_FAQ End*/

/*LIFF_會員中心 Begin*/
/**會員登入*/
.phpLoginForm.isInLIFF .meCSS,
.phpLoginForm.isInLIFF .loginSBTN {
  display: none;
}

.isInLIFF .lineLoginBtn .btnLineLogin {
    color: #fff0;
    background: #fff;
    padding: 8px 30px;
    line-height: 100%;
    width: auto;
    font-size: 0px;
}

.isInLIFF .lineLoginBtn .btnLineLogin:before {
    content: '點擊使用LINE登入';
    white-space: nowrap;
    font-size: 20px;
    font-weight: bolder;
    display: inline-flex;
    width: fit-content;
    color: #00ba00;
    border-radius: 12px;
    align-items: center;
}
.isInLIFF .lineLoginBtn .btnLineLogin:after {
    content: '➤';
    line-height: 100%;
    white-space: nowrap;
    font-size: 20px;
    font-weight: bolder;
    display: inline-flex;
    width: fit-content;
    color: #00ba00;
    border-radius: 12px;
    align-items: center;
}
.isInLIFF .Title1 {  
    height: 100vw;
    width: 80vw;
    background: #00b800 url(/mainssl/wdb2/images/LineLogin.png) no-repeat;
    background-position: calc(40vw - 140px) calc(40vw - 140px);
    padding: 13px 10px 10px 18px;
    border-radius: 15px;
    position: relative;
}

.isInLIFF .Title1 .meMsg_MsgBlk .meMsg_MsgTitle  {
    font-size: 15px;
    padding: 8px 30px;
    color: #00ba00;
    border-radius: 12px;
    position: absolute;
    font-weight: bold;
    top: 50vw;
    left: 40vw;
    transform: translate(-31% , -116%);
    color: #0000;
}
.isInLIFF .Title1 .meMsg_MsgBlk .meMsg_MsgTitle:before,
.isInLIFF .Title1 .meMsg_MsgBlk .meMsg_MsgTitle:after { content: unset; }
.isInLIFF .title2 .meMsg_MsgBlk .meMsg_MsgTitle {
    display: none;
}
/**TaB*/
.isInLIFF:not(.phpMemberCenter) .memTab {
  display: none;
}
/*LIFF_會員中心 End*/

/**LIFF_商品說明 Begin */
.isInLIFF .PrdInfo .buyBtnBlk .PrdBtn {
  display: block;
  width: 100%;
  margin: 0;
}

.isInLIFF .PrdBtn + div {
  display: none;
}

/**LIFF_商品說明 End*/

/* 訊息中心 begin */
.isInLIFF .tbChkCode { min-width: 100%; }
.isInLIFF #tbChkCode > tbody > tr {
    display: flex;
    width: 100%;
    justify-content: space-between;
}

.isInLIFF .contactPageForm .weForm #tdChkCodeInp {
    flex: 1;
    padding-right: 15px;
}
.isInLIFF .contactPageForm [fieldtag="cmImg"] { display: none; }
.isInLIFF .contactPageForm .weForm span.btnUploadURL {
  width: 40%;
  float: right;
}

/* 訊息中心 end */

/* 購物清單 Begin */
.phpShopCart.isInLIFF .BtnTable .BtnInput .ShopInfoBtn {
  line-height: 100%;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 0;
}

.isInLIFF td.BtnInput.Last {
  display: none;
}

/* 購物清單 End*/

/*填寫訂單資訊Begin*/
.isInLIFF.phpShopOrder #ns_Main {
  padding: 0;
}

.isInLIFF.phpShopCart #ns_Main input[type="edit"],
.isInLIFF.phpShopOrder #ns_Main input[type="edit"],
.isInLIFF.phpShopFinish #ns_Main input[type="edit"] {
  width: 80%;
}

.isInLIFF .BtnTable .BtnInput .ShopInfoBtn {
  height: auto;
  display: flex;
  align-items: center;
}

/*填寫訂單資訊End*/

/* ATM結帳畫面Begin*/
.isInLIFF .tbATMBank th {
  height: max-content;
}
.phpShopFinish.isInLIFF #ShopInfoBtn\ btnGetStore  {
    position: fixed;
    bottom: 0;
    right: 0;
    width: 100%;
    padding: 10px;
}
.phpShopFinish.isInLIFF .BtnTable .BtnInput .ShopInfoBtn { opacity: 0.5; transition: .4s; }
.phpShopFinish.isInLIFF .BtnTable .BtnInput .ShopInfoBtn:hover,
.phpShopFinish.isInLIFF .BtnTable .BtnInput .ShopInfoBtn.fadeIn { opacity: 1; }
/* ATM結帳畫面End */
/**MyOrder Begin*/
.isInLIFF .ProgressTable {
    max-width: 90vw;
    margin: 0 auto 0 6vw;
}
.isInLIFF .ProgressTable td .status-date { position: absolute; }
.isInLIFF .ProgressTable td:nth-child(odd) .status-date {
}
.isInLIFF .ProgressTable td:nth-child(even) .status-date {
    transform: translateY(20px);
}
/**MyOrder End*/

/* ios日期input+icon */
body.iPhone input[type="date"],
body.iPhone input[type="time"] {
    background-image: url(https://athena.noon360.com/noon360/noon360/ClassInfo/calendar_today.svg);
    background-position: 95% center;
    background-repeat: no-repeat;
    background-size:15px;
    min-height: 2rem;
    min-width: 7rem;
    max-width: 12rem;
}


body.iPhone input[type="datetime-local"]{
    background-image: url(https://athena.noon360.com/noon360/noon360/ClassInfo/calendar_today.svg);
    background-position: 95% center;
    background-repeat: no-repeat;
    background-size:15px;
    min-height: 2rem;
    min-width: 7rem;
    max-width: 20rem;
}