@charset "utf-8";
/* CSS Document */
@import url(//fonts.googleapis.com/earlyaccess/notosanstc.css);
*{ margin:0; padding:0; font-family:'Noto Sans TC', sans-serif; font-size:16px; color:#333; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
a{ text-decoration:none; }

.header{ background:#fff; position:fixed; left:0; right:0; top:0; margin:auto; z-index:101; }
.header .w_bar{ background:#fff; position:relative; z-index:2; }
.header .p_bar{ height:90px; position:relative; z-index:1; display:flex;
background: #43cdee; 
background: -moz-linear-gradient(left,  #43cdee 0%, #a803d7 100%); 
background: -webkit-linear-gradient(left,  #43cdee 0%,#a803d7 100%); 
background: linear-gradient(to right,  #43cdee 0%,#a803d7 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#43cdee', endColorstr='#a803d7',GradientType=1 ); }
.header .p_bar .split{ flex:1; display:flex; justify-content:flex-end; }
.header .p_bar .split:last-child{ justify-content:flex-start; }
.header .p_bar .grids{ line-height:90px; display:block; color:#fff; font-size:1rem; padding:0 20px; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; }
.header .p_bar .split:first-child .grids:last-child{ padding-right:90px; }
.header .p_bar .split:last-child .grids:first-child{ padding-left:90px; }
.header .logo{ width:126px; height:126px; display:block; position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; z-index:10; }
.header .logo h1{ font-size:0; }
.header .logo img{ width:100%; }

.header .w_bar .mar{ max-width:1400px; margin:auto; padding:0 15px; height:60px; display:flex; justify-content:flex-end; align-items:center; position:relative; }
.header .w_bar .mar .icons{ display:block; width:38px; height:38px; background-size:38px; background-position:center; background-repeat:no-repeat; margin-left:10px; }
.header .w_bar .mar .membtn{ padding-right:20px; }
.header .w_bar .mar .membtn .btn{ display:block; border:2px solid #1c8ccc; color:#1c8ccc; padding:0 10px; line-height:32px; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; }
.header .w_bar .mar .membtn1{ padding-right:20px; }
.header .w_bar .mar .membtn1 .btn{ display:block; border:2px solid #1c8ccc; color:#1c8ccc; padding:0 10px; line-height:32px; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; }
.header .w_bar .mar .shopbtn{ position:absolute; right:20px; top:82px; display:block; width:46px; height:46px; background-color:rgba(255,255,255,0.4); border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; background-image:url(../images/layout/icon_shopping.svg); background-repeat:no-repeat; background-position:center; background-size:30px; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; }
.header .w_bar .mar .shopbtn .nums{ width:20px; height:20px; background:#ee0000; text-align:center; line-height:20px; font-size:12px; color:#fff; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; position:absolute; bottom:-5px; right:-5px; }

.header .mob_menubtn{ display:none; }
.header .mob_shopbtn{ display:none; }

.header .lmar{ max-width: 1400px; margin: auto; padding: 0 15px; position:relative; z-index: 10; }
.header .login_box{ position:absolute; top:12px; right:234px; }
.header .login_box .btns{ display: block; background-color: #a112d9; border: 2px solid #a112d9; color: #fff; padding: 0 10px; line-height: 32px; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; }

.footer{ background:#eee; padding:45px 0 80px 0; }
.footer .mar{ max-width:1400px; margin:auto; padding:0 15px; position:relative; }
.footer .mar .f1{ display:flex; flex-wrap:wrap; flex:1; }
.footer .mar .f2{ font-size:0.875rem; line-height: 1.6; font-weight:300; }
.footer .mar .f2 .link{ padding-left:24px; background-image:url(../images/layout/icon_mail.svg); background-position:left center; background-repeat:no-repeat; background-size:16px; font-size:0.875rem; }
.footer .mar .f2 a{ font-size:0.875rem; }
.footer .mar .f1 .grids{ margin:0 40px 20px 0; color:#333; text-decoration:none; font-size:1rem; }
.footer .mar .qrcode{ width:90px; height:90px; position:absolute; top:0; right:15px; font-size:0; }
.footer .mar .qrcode img{ width:100%; }
.footer .mar .qrcode .txt{ padding:3px 0 0 0; text-align:center; color: #21b500; font-size:0.75rem; font-weight:bold; }

.top_btn{ position:fixed; display:block; bottom:20px; right:20px; width:36px; height:36px; background-size:14px; background-image:url(../images/layout/btn_top.svg); background-repeat:no-repeat; background-position:center; background-color:#a112d9; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; }

/*登入*/
.lightbox_login{ background:rgba(0,0,0,0.7); position:fixed; top:0; left:0; bottom:0; right:0; margin:auto; z-index:200; }
.lightbox_login .marbox{ position:absolute; top:0; left:0; bottom:0; right:0; margin:auto; display:flex; justify-content:center; align-items:center; }
.lightbox_login .w_bg{ width:90%; max-width:440px; height:90%; max-height:450px; background:#fff; padding:20px; }
.lightbox_login .closebox{ text-align:right; }
.lightbox_login .closebox .btn{ display: inline-block; width: 22px; height: 22px; position: relative; cursor: pointer; }
.lightbox_login .closebox .btn:before{ content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; display: block; width: 100%; height: 2px; background: #bfbfbf; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); }
.lightbox_login .closebox .btn:after{ content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; display: block; width: 100%; height: 2px; background: #bfbfbf; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); }
.lightbox_login .l_title{ position:relative; text-align:center; margin-bottom:20px; }
.lightbox_login .l_title:after{ content:""; display:block; width: 100%; height: 1px; position: absolute; top: 50%; margin-top: -1px; background: #ccc; z-index: 1; }
.lightbox_login .l_title .htxt{ font-size:1.125rem; font-weight:bold; position: relative; z-index: 2; background: #fff; padding: 0 15px; display: inline-block; }
.lightbox_login .l_box{ margin-bottom:20px; }
.lightbox_login .l_box .l_list{ margin:0 0 10px 0; }
.lightbox_login .l_box .l_list .h2{ font-size:1rem; color:#333; margin-bottom:5px; }
.lightbox_login .l_box .l_list .inputbox{ display:flex; align-items:center; margin-left:-10px; }
.lightbox_login .l_box .l_list .inputbox img{ width:100%; }
.lightbox_login .l_box .l_list .inputbox .wh01{ flex:1; font-size:0; padding-left:10px; }
.lightbox_login .l_box .l_list .inputbox .wh02{ width:110px; font-size:0; padding-left:10px; }
.lightbox_login .l_box .l_list .inputbox .wh03{ width:48px; font-size:0; padding-left:10px; }
.lightbox_login .l_box .l_list .inputbox .input{ width:100%; line-height:36px; border:1px solid #ccc; background:#fff; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; text-indent: 15px; }
.lightbox_login .l_box .l_list .inputbox .rebtn{ display:block; width:38px; height:28px; text-align: center; line-height:28px; }
.lightbox_login .l_box .l_list .inputbox .rebtn .fa{ color: #1c8ccc; font-size:1.75rem; }
.lightbox_login .l_box .l_list.padtop{ padding:10px 0 0 0; }
.lightbox_login .l_box .l_list.padtop .sendbtn{ width:100%; line-height:42px; height:42px; cursor:pointer; border:none; background:#a112d9; font-size:1.125rem; font-weight:bold; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; color:#fff; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; }

.lightbox_login .l_box .fbbtns{ display:flex; width:100%; align-items: center; justify-content:center; background:#1c8ccc; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; padding:15px 0; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; }
.lightbox_login .l_box .fbbtns .txt{ color:#fff; font-weight:bold; font-size:1rem; padding-left:10px; }
.lightbox_login .l_box .fbbtns .icon{ width:30px; height:30px; background-image:url(../images/layout/icon_fb_s.svg); background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; background-repeat:no-repeat; background-position:center; }

.lightbox_login .l_box .l_list.flex{ display:flex; }
.lightbox_login .l_box .l_list.flex .alink{ flex:1; display:block; text-decoration:underline; font-size:0.875rem; border-right:1px solid #ccc; text-align:center; }
.lightbox_login .l_box .l_list.flex .alink:last-child{ border:none; }

.lightbox_login .borders{ padding:10px 0 0 0; }

.lightbox_login .mobflex{ display:flex; flex-direction: column; }
.lightbox_login .mobflex .mob_b{ flex:1; overflow:auto; }

/*內頁光箱*/
.lightbox_login.pages .w_bg{ max-width:600px; max-height:600px; overflow: auto; }
.lightbox_login .limainTitle{ font-size:20px; font-weight: bold; margin:0 0 30px 0; border-bottom: 1px solid #ccc; padding:0 0 20px 0; text-align: center; }
.lightbox_login .tableflex{ display:flex; margin-left:-10px; flex-wrap:wrap; align-content: flex-start; }
.lightbox_login .tableflex .flexgrids{ width:50%; padding-left:10px; margin-bottom:10px; display:flex; }
.lightbox_login .tableflex .flexgrids.longs{ width:100%; }
.lightbox_login .tableflex .flexgrids .f_title{ padding: 10px 5px; min-width: 100px; background-color: #eee; color: #333; justify-content: center; align-items: center; display:flex; font-weight: bold; }
.lightbox_login .tableflex .flexgrids .f_cont{ flex:1; padding: 0 10px; align-items: center; display:flex; }
.lightbox_login .tableflex .flexgrids .f_cont .gridbox{ margin-left:-10px; display:flex; flex: 1; align-items: center; }
.lightbox_login .tableflex .flexgrids .f_cont .grid-01{ font-size: 0; padding-left: 10px; flex: 1; }
.lightbox_login .tableflex .flexgrids .f_cont .grid-02{ width: 110px; font-size: 0; padding-left: 10px; }
.lightbox_login .tableflex .flexgrids .f_cont .grid-03{ width: 48px; font-size: 0; padding-left: 10px; }
.lightbox_login .tableflex .flexgrids .f_cont .grid-04{ width: 60px; font-size: 0; padding-left: 10px; }
.lightbox_login .tableflex .flexgrids .f_cont img{ width:100%; }
.lightbox_login .tableflex .flexgrids .textareas{ width:100%; font-size:1rem; color:#333; padding:10px; border:1px solid #ccc; resize:none; }
.lightbox_login .tableflex .flexgrids .input{ width: 100%; line-height: 36px; height:36px; border: 1px solid #ccc; background: #fff; text-indent: 15px; }
.lightbox_login .tableflex .flexgrids .rebtn{ display: block; width: 38px; height: 28px; text-align: center; line-height: 28px; }
.lightbox_login .tableflex .flexgrids .rebtn .fa{ color: #1c8ccc; font-size: 28px; }
.lightbox_login .tableflex .flexgrids .f_txt{ font-size:1rem; color:#333; }
.lightbox_login .tableflex .flexgrids .re_txt{ font-size:0.875rem; color: #1c8ccc; display: inline-block; }
.lightbox_login .tableflex .flexgrids .opblock{ width:100%; }
.lightbox_login .tableflex .flexgrids .oplist{ margin:0 0 5px 0; display:flex; align-items:center; }
.lightbox_login .tableflex .flexgrids .oplist:last-child{ margin:0; }
.lightbox_login .tableflex .flexgrids .oplist .flexs{ flex:1; padding:0 0 0 10px; }
.lightbox_login .tableflex .flexgrids .copybtn{ display:block; line-height:36px; height:36px; padding:0 5px; background: #a112d9; color: #fff; font-size:0.875rem; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; text-align:center; }

.lightbox_login .rt_txt{ margin-bottom:15px; padding:0 0 0 10px; width:100%; }
.lightbox_login .rt_txt .lines{ line-height:1.6; padding:20px; border:1px dashed #ccc; font-size:0.875rem; color: #1c8ccc; }

.lightbox_login .txtbox{ text-align:center; padding:40px 0 0 0; font-size:0.875rem; color:#1c8ccc; line-height:1.6; }
.lightbox_login .txtbox.red{ color: #dc4747; }
.lightbox_login .txtbox.top{ padding: 0 0 40px 0; }

.lightbox_login .precautions{ font-size:0.875rem; line-height:1.6; padding: 10px; margin: 0 0 20px 0; border: 2px #ccc dashed; }
.lightbox_login .precautions ul{ margin:0 0 0 25px; }
.lightbox_login .precautions ul.dec{ list-style:decimal; }
.lightbox_login .precautions ul li{ margin:0 0 3px 0; font-size:0.875rem; }

.lightbox_login .otext{ font-size:0.875rem; line-height:1.6; }
.lightbox_login .otext .red{ color: #dc4747; font-size:0.875rem; }
.lightbox_login .otext .rt{ background: #f6daff; padding: 0px 3px; display: inline-block; font-size:0.875rem; line-height: 20px; }
.lightbox_login .otext .olist{ margin:0 0 10px 0; display:flex; background: #eee; padding: 3px 5px; }
.lightbox_login .otext .olist .o_01{ font-size:0.875rem; line-height:1.6; }
.lightbox_login .otext .olist .o_02{ font-size:0.875rem; line-height:1.6; }

.lightbox_login .dateText{ display:flex; margin-bottom:15px; }
.lightbox_login .dateText .grids{ flex:1; font-size:0.75rem; }
.lightbox_login .dateText .grids.date{ border-left:1px solid #ccc; text-align:right; flex:inherit; padding:0 0 0 15px; }
.lightbox_login .nameText{ background: #1c8ccc; color:#fff; padding: 10px; display: flex; align-items: center; margin-bottom: 10px; }
.lightbox_login .nameText .n1{ font-size: 1.125rem; color: #fff; font-weight: bold; margin: 0 0 0 10px; }

.lightbox_login .totalboxs{ border-top: 1px solid #ccc; padding: 15px 0 0 0; margin: 10px 0 0 0; }
.lightbox_login .totalboxs .h3{ font-size:0.875rem; margin-bottom:5px; width:100%; }
.lightbox_login .totalboxs .txt{ display:flex; width:100%; }
.lightbox_login .totalboxs .txt .gbox{ display:flex; align-items: center; margin: 0 10px 0 0; }
.lightbox_login .totalboxs .txt .gbox .digitals{ font-size:1rem; color:#1c8ccc; }
.lightbox_login .totalboxs .txt .gbox .unit{ display:flex; flex-direction: column; padding: 0 0 0 3px; }
.lightbox_login .totalboxs .txt .gbox .unit .t1{ font-size:0.75rem; }
.lightbox_login .totalboxs .txt .gbox .unit .t2{ font-size:0.75rem; }

.lightbox_login .infos{ display:flex; margin: 0 0 30px 0; }
.lightbox_login .infos .imgbox{ width:100px; }
.lightbox_login .infos .imgbox .imgs{ width:100%; padding-bottom:100%; background-color:#eee; background-image:url(../images/page/icon_member.svg); background-size:40px; background-position:center; background-repeat:no-repeat; position:relative; }
.lightbox_login .infos .imgbox .imgs img{ position:absolute; top:0; left:0; bottom:0; right:0; margin:auto; max-width:100%; max-height:100%; }
.lightbox_login .infos .textbox{ padding:0 0 0 10px; flex:1; }
.lightbox_login .infos .textbox .one_list{ display:flex; justify-content:space-between; width:100%; }
.lightbox_login .infos .textbox .one_list .personal{ display:flex; align-items: center; }
.lightbox_login .infos .textbox .one_list .personal .icon{ width:16px; height:16px; background-image:url(../images/page/icon_member.svg); background-position:center; background-repeat:no-repeat; background-size:12px; }
.lightbox_login .infos .textbox .one_list .personal .name_s{ font-size:1rem; line-height: 100%; font-weight:bold; color:#333; padding:0 0 0 5px; }
.lightbox_login .infos .textbox .one_list .personal .lv_s{ font-size:0.75rem; color:#aaa; padding:0 0 0 5px; }
.lightbox_login .infos .textbox .one_list .dates{ font-size:0.75rem; }
.lightbox_login .infos .textbox .two_list{ font-size:1rem; line-height:1.6; margin-top:15px; }
.lightbox_login .infos .textbox .three_list{ display:flex; flex-wrap:wrap;  margin-top:15px; }
.lightbox_login .infos .textbox .three_list .imgs{ width:174px; height:174px; border:1px solid #ccc; margin:0 5px 5px 0; display: flex; align-items: center; justify-content: center; }
.lightbox_login .infos .textbox .three_list .imgs img{ max-width:100%; max-height:100%; }

.lightbox_login .o_btn{ padding:30px 0 0 0; text-align:center; }
.lightbox_login .o_btn .btn{ display: inline-block; line-height:40px; height:40px; padding: 0 20px; background: #a112d9; color: #fff; font-size: 1rem; cursor: pointer; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border: none; margin:0 10px; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; }
.lightbox_login .o_btn .sendbtn{ display: inline-block; line-height:40px; height:40px; padding: 0 20px; background: #a112d9; color: #fff; font-size: 1rem; cursor: pointer; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border: none; margin:0 10px; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; }

/*================================●●●●●●●●●●●●Hover●●●●●●●●●●●●================================*/
@media screen and (min-width:1024px){
.header .p_bar .grids:hover{ color: #fcee21; }
.header .w_bar .mar .membtn .btn:hover{ background-color:#1c8ccc; color:#fff; }
.header .w_bar .mar .shopbtn:hover{ background-color: rgba(255,255,255,0.6); }

.header .login_box .btns:hover{ opacity:0.7; }

.top_btn:hover{ background-color:#d66dff; }

/*登入*/
.lightbox_login .l_box .l_list.padtop .sendbtn:hover{ opacity:0.7; }
.lightbox_login .l_box .fbbtns:hover{ opacity:0.7; }

/*內頁光箱*/
.lightbox_login .o_btn .btn:hover{ opacity:0.7; }

}



/*================================●●●●●●●●●●●●平板●●●●●●●●●●●●================================*/
@media screen and (min-width:768px) and (max-width:1023px){
.header{ height:70px;
background: #43cdee; 
background: -moz-linear-gradient(left,  #43cdee 0%, #a803d7 100%); 
background: -webkit-linear-gradient(left,  #43cdee 0%,#a803d7 100%); 
background: linear-gradient(to right,  #43cdee 0%,#a803d7 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#43cdee', endColorstr='#a803d7',GradientType=1 );
}
.header .bars{ display:none; position: absolute; top:70px; left: 0; right: 0; margin: auto; box-shadow: 0 0 10px rgba(0,0,0,0.3); }
.header .p_bar{ background:#eee; display:block; height:auto; }
.header .p_bar .split{ display:block; }
.header .p_bar .grids{ padding: 15px 20px; line-height:normal; color: #333; text-align:center; border-top: 1px solid #ccc; }
.header .p_bar .split:first-child .grids:last-child{ padding-right:20px; }
.header .p_bar .split:last-child .grids:first-child{ padding-left:20px; }

.header .w_bar .mar .shopbtn{ display:none; }
.header .w_bar .mar .membtn{ padding:0; }
.header .w_bar .mar .membtn1{ padding:0; }
.header .w_bar .mar .icons{ position:absolute; left:10px; top:0; bottom:0; margin:auto; }
.header .w_bar .mar .icons:last-child{ left:55px; }

.header .logo{ top: 10px; bottom: auto; width: 100px; height: 100px; }

.header .mob_menubtn{ display:block; position:absolute; right:15px; top:0; bottom:0; margin:auto; width:30px; height:20px; }
.header .mob_menubtn span{ position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; display:block; width:100%; height:2px; background:#fff; border-radius:50px; -webkit-border-radius:50px; -moz-border-radius:50px; }
.header .mob_menubtn:before{ content:""; display:block; position:absolute; top:0; left:0; right:0; margin:auto; display:block; width:100%; height:2px; background:#fff; border-radius:50px; -webkit-border-radius:50px; -moz-border-radius:50px; }
.header .mob_menubtn:after{ content:""; display:block; position:absolute; bottom:0; left:0; right:0; margin:auto; display:block; width:100%; height:2px; background:#fff; border-radius:50px; -webkit-border-radius:50px; -moz-border-radius:50px; }
.header .mob_shopbtn{ display:block; position:absolute; top:0; bottom:0; left:15px; margin:auto; width:36px; height:36px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; background-color:rgba(255,255,255,0.4); background-image:url(../images/layout/icon_shopping.svg); background-size: 22px; background-position: center; background-repeat: no-repeat; }
.header .mob_shopbtn .nums{ width:20px; height:20px; background:#ee0000; text-align:center; line-height:20px; font-size:12px; color:#fff; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; position:absolute; bottom:-5px; right:-5px; transform: scale(0.8); -webkit-transform: scale(0.8); -moz-transform: scale(0.8); }

.header .login_box{ top:20px; right: 65px; }
.header .login_box .btns{ background: #fff; color: #a112d9; line-height: 26px; padding: 0 7px; font-size: 0.813rem; }

.footer{ padding:45px 0; }
.footer .mar{ display:block; }
.footer .mar .f1{ display:block; text-align:center; margin-bottom:15px; }
.footer .mar .f1 .grids{ display:inline-block; margin:5px 15px; width: 26%; }
.footer .mar .f2{ padding:15px 0 0 0; text-align:center; }
.footer .mar .qrcode{ position:static; margin:auto; height:auto; }
}


/*================================●●●●●●●●●●●●手機●●●●●●●●●●●●================================*/
@media screen and (max-width:767px){
.header{ height:60px;
background: #43cdee; 
background: -moz-linear-gradient(left,  #43cdee 0%, #a803d7 100%); 
background: -webkit-linear-gradient(left,  #43cdee 0%,#a803d7 100%); 
background: linear-gradient(to right,  #43cdee 0%,#a803d7 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#43cdee', endColorstr='#a803d7',GradientType=1 );
}
.header .bars{ display:none; position: absolute; top:60px; left: 0; right: 0; margin: auto; box-shadow: 0 0 10px rgba(0,0,0,0.3); }
.header .p_bar{ background:#eee; display:block; height:auto; }
.header .p_bar .split{ display:block; }
.header .p_bar .grids{ padding: 15px 20px; line-height:normal; color: #333; text-align:center; border-top: 1px solid #ccc; }
.header .p_bar .split:first-child .grids:last-child{ padding-right:20px; }
.header .p_bar .split:last-child .grids:first-child{ padding-left:20px; }

.header .w_bar .mar{ height:50px; }
.header .w_bar .mar .shopbtn{ display:none; }
.header .w_bar .mar .membtn{ padding:0; }
.header .w_bar .mar .membtn1{ padding:0; }
.header .w_bar .mar .membtn .btn{ padding:3px 8px; line-height:normal; font-size:0.875rem; }
.header .w_bar .mar .membtn1 .btn{ padding:3px 8px; line-height:normal; font-size:0.875rem; }

.header .w_bar .mar .icons{ width:30px; height:30px; background-size:30px; position: absolute; left:15px; top:0; bottom:0; margin:auto; }
.header .w_bar .mar .icons:last-child{ left:50px; }

.header .logo{ top: 10px; bottom: auto; width:80px; height:80px; }

.header .mob_menubtn{ display:block; position:absolute; right:15px; top:0; bottom:0; margin:auto; width:25px; height:16px; }
.header .mob_menubtn span{ position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; display:block; width:100%; height:2px; background:#fff; border-radius:50px; -webkit-border-radius:50px; -moz-border-radius:50px; }
.header .mob_menubtn:before{ content:""; display:block; position:absolute; top:0; left:0; right:0; margin:auto; display:block; width:100%; height:2px; background:#fff; border-radius:50px; -webkit-border-radius:50px; -moz-border-radius:50px; }
.header .mob_menubtn:after{ content:""; display:block; position:absolute; bottom:0; left:0; right:0; margin:auto; display:block; width:100%; height:2px; background:#fff; border-radius:50px; -webkit-border-radius:50px; -moz-border-radius:50px; }
.header .mob_shopbtn{ display:block; position:absolute; top:0; bottom:0; right:auto; left:15px; margin:auto; width:36px; height:36px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; background-color:rgba(255,255,255,0.4); background-image:url(../images/layout/icon_shopping.svg); background-size: 22px; background-position: center; background-repeat: no-repeat; }
.header .mob_shopbtn .nums{ width:20px; height:20px; background:#ee0000; text-align:center; line-height:20px; font-size:12px; color:#fff; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; position:absolute; bottom:-5px; right:-5px; transform: scale(0.8); -webkit-transform: scale(0.8); -moz-transform: scale(0.8); }

.header .login_box{ top:17px; right:58px; }
.header .login_box .btns{ background: #fff; color: #a112d9; line-height: 22px; padding: 0 5px; font-size: 0.813rem; }

.footer{ padding:30px 0; }
.footer .mar{ display:block; }
.footer .mar .f1{ width:100%; display:block; font-size:0; margin:0 0 15px 0; }
.footer .mar .f1 .grids{ display:inline-block; padding:5px; text-align:center; margin:1%; width:48%; background: #fff; font-size:0.875rem; }
.footer .mar .f2{ padding:15px 0 0 0; text-align:center; font-size:0.75rem; }
.footer .mar .f2 a{ font-size:0.75rem; }

.footer .mar .qrcode{ position:static; margin:auto; height:auto; }

.top_btn{ bottom: 15px; right: 15px; width: 30px; height: 30px; }

/*登入*/
.lightbox_login .closebox{ width:100%; }
.lightbox_login .l_title{ margin-bottom:15px; }
.lightbox_login .l_title .htxt{ font-size:1rem; }
.lightbox_login .l_box .l_list .h2{ font-size:0.875rem; }
.lightbox_login .l_box .l_list .inputbox .input{ line-height:32px; font-size:0.875rem; text-indent: 10px; }
.lightbox_login .l_box .l_list .inputbox .wh02{ width:100px; }
.lightbox_login .l_box .l_list .inputbox .wh03{ width:44px; padding:0; }
.lightbox_login .l_box .l_list .inputbox .rebtn{ width:34px; height:34px; line-height: 36px; }
.lightbox_login .l_box .l_list .inputbox .rebtn .fa{ font-size:1rem; }

.lightbox_login .l_box .l_list.padtop .sendbtn{ font-size:1rem; line-height:36px; height:36px; }
.lightbox_login .l_box .l_list.flex .alink{ font-size:0.75rem; }


.lightbox_login .l_box .fbbtns{ padding:10px 0; }
.lightbox_login .l_box .fbbtns .icon{ width:26px; height:26px; }
.lightbox_login .l_box .fbbtns .txt{ font-size:0.875rem; }

/*內頁光箱*/
.lightbox_login.pages .w_bg{ flex-direction: column; display:flex; }
.lightbox_login .limainTitle{ font-size:18px; margin: 0 0 20px 0; padding: 0 0 15px 0; width:100%; }
.lightbox_login .tableflex{ flex: 1; overflow: auto; }
.lightbox_login .tableflex .flexgrids{ width:100%; display:block; }
.lightbox_login .tableflex .flexgrids .f_title{ padding: 6px 10px; justify-content: left; font-size: 0.938rem; }
.lightbox_login .tableflex .flexgrids .f_cont{ padding:8px 0; font-size:0.875rem; }
.lightbox_login .tableflex .flexgrids .f_cont .grid-02{ width: 100px; }
.lightbox_login .tableflex .flexgrids .f_cont .grid-03{ width:30px; }
.lightbox_login .tableflex .flexgrids .rebtn{ width:20px; height:20px; }
.lightbox_login .tableflex .flexgrids .rebtn .fa{ font-size:20px; }
.lightbox_login .tableflex .flexgrids .textareas{ font-size:0.875rem; }
.lightbox_login .tableflex .flexgrids .input{ font-size:0.875rem; }
.lightbox_login .tableflex .flexgrids .f_txt{ font-size:0.875rem; }

.lightbox_login .dateText .grids{ padding: 0 10px 0 0; }
.lightbox_login .dateText .grids.date{ padding:0 0 0 10px; }


.lightbox_login .precautions{ max-height:100px; overflow:auto; font-size:0.813rem; }
.lightbox_login .precautions ul li{ font-size:0.813rem; }

.lightbox_login .txtbox{ padding: 20px 0 0 0; font-size:0.813rem; text-align: left; }
.lightbox_login .txtbox.top{ padding:0 0 20px 0; }

.lightbox_login .infos .imgbox{ width:60px;  }
.lightbox_login .infos .textbox .one_list{ display:block; }
.lightbox_login .infos .textbox .one_list .dates{ padding:5px 0 0 0; }
.lightbox_login .infos .textbox .two_list{ margin-top: 10px; height: 40px; overflow: hidden; line-height: 1.4; font-size:0.875rem; }

.lightbox_login .o_btn{ padding:20px 0 0 0; }
.lightbox_login .o_btn .btn{ line-height: 32px; height: 32px; padding: 0 15px; }

.lightbox_login .totalboxs .txt{ -webkit-transform: scale(0.78); -moz-transform: scale(0.78); transform: scale(0.78); transform-origin: 0; -webkit-transform-origin: 0; -moz-transform-origin: 0; }


}