@charset "utf-8";
/* CSS Document */
.nav{ background:#cebdab; padding:20px 0; margin-top:110px; }
.nav .mar{ max-width: 1280px; margin: auto; padding: 0 30px; color:#fff; font-size:16px; }
.nav .mar a{ color:#fff; font-size:16px; }

.marbox{ max-width: 1280px; margin: auto; padding:45px 30px; }
.marbox.pad01{ padding-top:95px; padding-bottom:120px; }

.pageTitle{ font-size:25px; font-weight:900; position:relative; }
.pageTitle.center{ text-align:center; }
.pageTitle.martop{ margin-top:40px; }
.pageTitle .mores{ display: block; width: 80px; font-size: 14px; color: #fff; height: 24px; line-height: 24px; background: #ef6565; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; text-align: center; position:absolute; top:0; bottom:0; right:0; margin:auto; transition: .5s all; -webkit-transition: .5s all; -moz-transition: .5s all; }

/********************************首頁********************************/
.banner{ height:675px; width:100%; margin-top:110px; position:relative; }
.banner .imgs{ height:675px; width:100%; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; background-position:center; }
.banner .mar{ position:absolute; top:0; bottom:0; left:0; right:0; max-width:1280px; margin:auto; padding:0 30px; display:flex; align-items:center; z-index:1; }
.banner .itxt{ color:#fff; }
.banner .itxt .h1{ color:#fff; font-size:60px; font-weight:900; margin:25px 0 10px 0; line-height:100%; }
.banner .itxt .h2{ color:#fff; font-size:30px; line-height:100%; }
.banner .itxt .mores{ background:#ef6565; display:inline-block; vertical-align:middle; line-height:54px; padding:0 15px; font-size:30px; color:#fff; margin-top:25px; transition: .5s all; -webkit-transition: .5s all; -moz-transition: .5s all; }

.banner .point{ width:100%; position:absolute; z-index:2; left:0; right:0; margin:auto; bottom: 15px; text-align:center; }
.banner .point span{ display:inline-block; vertical-align:middle; margin:0 5px; width:36px; height:5px; background:rgba(255,255,255,0.5); border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px; cursor:pointer; }
.banner .point span.hold{ background:rgba(255,255,255,1); }

.banner *::selection{ background-color:#cebdab; }

/* Banner Slick */
.banner_slick_box { height:675px; width:100%; margin-top:110px; position:relative; }
.banner_slick_box .banner { margin-top: auto; }
.banner_slick_box .point { width:100%; position:absolute; z-index:2; left:0; right:0; margin:auto; bottom: 15px; text-align:center; }
.banner_slick_box .point span { display:inline-block; vertical-align:middle; margin:0 5px; width:36px; height:5px; background:rgba(255,255,255,0.5); border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px; cursor:pointer; }
.banner_slick_box .point span.hold { background:rgba(255,255,255,1); }


/*最新消息*/
.newsbox{ margin-top:10px; }
.newslist{ padding:20px 0; border-bottom:1px solid #ccc; width:100%; display:flex; align-items:center; padding-left:115px; position:relative; transition: .5s all; -webkit-transition: .5s all; -moz-transition: .5s all; }
.newslist:first-child{ border-top:1px solid #ccc; }
.newslist .dates{ width:106px; font-size:14px; text-align:center; color:#333; position:absolute; left:0; }
.newslist .texts{ width:100%; }
.newslist .texts .a_title{ margin-bottom:5px; display:flex; width:100%; }
.newslist .texts .a_title .s1{ background-color:#cdbcaa; padding:0 5px; line-height:23px; height:23px; color:#fff; font-size:14px; margin: 3px 0 0 0; }
.newslist .texts .a_title .s2{ font-size:18px; flex:1; color:#333; font-weight:700; padding:0 0 0 10px; }
.newslist .texts .a_txt{ width:100%; color:#999; font-size:14px; overflow : hidden; text-overflow : ellipsis; white-space : nowrap; }
.newslist .texts .a_txt p{ overflow : hidden; text-overflow : ellipsis; white-space : nowrap;}
.newslist.reds .texts .a_title .s2{ color:#ef6565; }
.newslist.reds .texts .a_title .s1{ background-color:#ef6565; }
.newslist.yellow .texts .a_title .s1{ background-color:#e5aa1b; }

/*集貨介紹*/
.probox{ background:#cebdaa; padding:80px 0 5px 0; }
.probox .mar{ max-width:1280px; margin:auto; padding:0 30px; }
.probox .mar .tables{ padding:80px 0 40px 0; display:flex; align-items:center; }
.probox .mar .tables .tdimg{ width:50%; }
.probox .mar .tables .tdimg img{ width:100%; }
.probox .mar .tables .tdtext{ width:50%; padding:0 0 0 36px; }
.probox .mar .tables .tdtext .h1{ font-size:25px; color:#333; margin:0 0 20px 0; font-weight:700; }
.probox .mar .tables .tdtext .ps{ font-size:16px; color:#333; line-height:1.6; }
.probox .btnsbox{ max-width:1280px; margin:auto; }
.probox .btnsbox .ranges{ margin-left:-6px; font-size:0; }
.probox .btnsbox .btns{ display:inline-block; vertical-align:middle; width:16.66667%; padding:0 0 0 6px; }
.probox .btnsbox .btns .gs{ width:100%; display:block; line-height:42px; background:#fff; opacity: 0.5; text-align:center; transition: .5s all; -webkit-transition: .5s all; -moz-transition: .5s all;  }
.probox .btnsbox .btns.hold .gs{ opacity:1; }

/*會員心得*/
.membox{ margin-left:-6px; display:flex; flex-wrap:wrap; padding:15px 0 0 0; }
.membox .grids{ width:25%; padding:0 0 10px 6px; display:flex; }
.membox .grids .gs{ display:flex; align-content:space-between; flex-wrap:wrap; width:100%; min-height:400px; border:1px solid #eee; border-top:5px solid #ef6565; padding:20px; transition: .5s all; -webkit-transition: .5s all; -moz-transition: .5s all; }
.membox .grids .gs .tops{ width:100%; }
.membox .grids .gs .memdata{ display:table; width:100%; }
.membox .grids .gs .memdata .memimgs{ display:table-cell; vertical-align:middle; width:56px; height:56px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; background-color:#cebdaa; font-size:36px; color:#fff; font-weight:700; text-align:center; }
.membox .grids .gs .memdata .mtext{ display:table-cell; vertical-align:middle; padding:0 0 0 8px; }
.membox .grids .gs .memdata .mtext .h1{ font-size:18px; color:#ef6565; font-weight:bold; line-height:100%; margin-bottom:4px; }
.membox .grids .gs .memdata .mtext .ps{ font-size:14px; color:#aaa; letter-spacing:1px; line-height:100%; }
.membox .grids .gs .memdata .memsort{ display:table-cell; vertical-align:top; width:80px; }
.membox .grids .gs .memdata .memsort .sort{ font-size:13px; color:#999; text-align:right; }
.membox .grids .gs .memdata .memsort .sort.blue{ color:#0096d8; }
.membox .grids .gs .memdata .memsort .sort.green{ color:#22bc51; }
.membox .grids .gs .memdata .memsort .sort.red{ color:#ef6565; }
.membox .grids .gs .memdata .memsort .sort.orange{ color:#ef8d65; }
.membox .grids .gs .txts{ padding:15px 0 0 0; font-size:14px; color:#333; line-height:1.8; }
.membox .grids .gs .txts_re{ padding:10px 15px; font-size:14px; color:#333; line-height:1.8; background:#eee; margin-top:10px; width:100%; transition: .5s all; -webkit-transition: .5s all; -moz-transition: .5s all;  }
.membox .grids .gs .starbox{ width:100%; font-size:14px; }
.membox .grids .gs .starbox .fa-star{ color:#FC0; }
.membox .grids .gs .starbox .fa-star-o{ font-size:14px; color:#aaa; }

.gaineds{ display:flex; align-items: center; padding:10px 0; }
.gaineds .fraction{ font-size:20px; font-weight:bold; color:#ef6565; }
.gaineds .fractbox{ padding:0 0 0 10px; display:flex; }
.gaineds .fractbox .txt{ font-size:14px; padding:0 0 0 10px; }
.gaineds .fractbox .starbox{ font-size:14px; }
.gaineds .fractbox .starbox .fa-star{ color:#FC0; }
.gaineds .fractbox .starbox .fa-star-half-o{ color:#FC0; }
.gaineds .fractbox .starbox .fa-star-o{ font-size:14px; color:#aaa; }

.gainedsbox{ margin:20px 0; display:flex; align-items: center; padding:20px; border:1px solid #ccc; width:100%; }
.gainedsbox .g1{ width:200px; text-align:center; border-right:1px solid #eee; }
.gainedsbox .g2{ width:100%; display:flex; flex-wrap:wrap; }

.gainedsbox .g1 .ns{ font-size:36px; line-height:100%; color: #ef6565; font-weight:bold; margin:0 0 5px 0; }
.gainedsbox .g1 .starbox{ font-size:14px; }
.gainedsbox .g1 .starbox .fa-star{ color:#FC0; }
.gainedsbox .g1 .starbox .fa-star-half-o{ color:#FC0; }
.gainedsbox .g1 .starbox .fa-star-o{ font-size:14px; color:#aaa; }
.gainedsbox .g1 .ntext{ font-size:14px; }

.gainedsbox .g2 .girds{ margin:5px; }
.gainedsbox .g2 .label{ display:block; width:100%; line-height:36px; padding:0 25px; font-size:16px; color:#fff; background:#cdbcaa; }
.gainedsbox .g2 .label .fa{ color: #fff; }
.gainedsbox .g2 .label.hold{ color:#fff; background:#ef6565; }
.gainedsbox .g2 .label.hold .fa{ color: #fc0; }

.gainedsbox .g2box{ flex:1; padding:0 0 0 20px; }
.gainedsbox .g3{ display:flex; }
.gainedsbox .g3 .girds{ margin:5px; }
.gainedsbox .g3 .label{ display:block; width:100%; line-height:46px; padding:0 25px; font-size:16px; color:#777; border:1px solid #ccc; }
.gainedsbox .g3 .label .fa{ color: #fff; }
.gainedsbox .g3 .label.hold{ color:#fff; background:#ef6565; border-color:#ef6565; }
.gainedsbox .g3 .label.hold .fa{ color: #fc0; }

.editblock *{ font-weight:revert; font-size:inherit; color: revert; }
.editblock a{ color: #ef6565; text-decoration: underline; }
.editblock ul,.editblock ol{ margin:0 0 0 25px; }
.editblock img{ max-width:100%; }

/*AD*/
.adblock{ width:100%; height:400px; background-image:url(../images/page/banner_ad.jpg); background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; }
.adblock .mar{ max-width: 1280px; margin: auto; height:100%; padding:0 30px; display:flex; align-items:center; }
.adblock .mar .text{}
.adblock .mar .h1{ font-size:50px; color:#fff; line-height:1.2; margin-bottom:20px; font-weight:700; }
.adblock .mar .h2{ font-size:25px; color:#fff; line-height:100%; margin-bottom:30px; font-weight:700; }
.adblock .mar .mores{ display:inline-block; vertical-align:middle; line-height:50px; padding:0 12px; background:#ef6565; color:#fff; font-size:25px; font-weight:700; transition: .5s all; -webkit-transition: .5s all; -moz-transition: .5s all; }

/*購物地圖*/
.shopbox{ display:flex; margin-top:20px; }
.shopbox .leftgrids{ width:66%; display:flex; }
.shopbox .rightgrids{ width:34%; padding:0 0 0 50px; display:flex; }
.shopbox .shimgs{ width:60%; }
.shopbox .shtext{ width:40%; display:flex; flex-wrap:wrap; align-content: flex-start; }
.shopbox .shtext .slist{ width:100%; height:25%; background:#eee; display:flex; flex-wrap:wrap; align-items:center; align-content:center; position:relative; padding:0 20px; cursor:pointer; }
.shopbox .shtext .slist:after{ content:""; display:block; width:100%; position:absolute; left:0; right:0; bottom:0; margin:auto; height:1px; background:#fff; }
.shopbox .shtext .slist:last-child:after{ display:none; }
.shopbox .shtext .slist .h1{ font-size:18px; color:#333; width:100%; }
.shopbox .shtext .slist .ps{ font-size:16px; color:#777; width:100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.shopbox .shtext .slist .ss{ display:block; width:100%; }
.shopbox .shtext .slist.hold{ background:#333; }
.shopbox .shtext .slist.hold .h1{ color:#fff; }
.shopbox .shtext .slist.hold .ps{ color:#fff; }
.shopbox .shtext .slist.hold:before{ content:""; position:absolute; top:0; left:-11px; width:11px; height:100%; background-image:url(../images/page/arrow.png); background-size:100% 100%; background-repeat:no-repeat; background-position: left center; }

.shopbox .shimgs .imgs{ display:block; width:100%; padding-bottom:100%; background-position:center; background-repeat:no-repeat; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; position:relative; overflow:hidden; }
.shopbox .shimgs .imgs .pric{ position:absolute; top:10px; left:-50px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); color: #fff; font-size: 34px; font-weight: 700; text-align: center; background: #e63333; width:180px; }
.shopbox .shimgs .imgs .mores{ font-size:16px; color:#fff; font-weight:bold; position:absolute; bottom:5px; right:5px; background:#333; padding:0 5px; line-height:30px; }

.recommendbox{ border-top:5px solid #ef6565; width:100%; background: #fff; box-shadow: 0 0 15px rgba(0,0,0,0.1); padding:0 20px; position:relative; }
.recommendbox .titles{ text-align:center; font-size:18px; font-weight:700; color:#ef6565; padding:15px 0 20px 0; }
.recommendbox .ranges{ position:relative; width:100%; }
.recommendbox .btn-left{ position:absolute; top:50%; margin-top:-11px; left:20px; width:14px; height:22px; background-image:url(../images/page/btn-left.png); background-size:100%; background-repeat:no-repeat; background-position:center; cursor:pointer; z-index:10; }
.recommendbox .btn-right{ position:absolute; top:50%; margin-top:-11px; right:20px; width:14px; height:22px; background-image:url(../images/page/btn-right.png); background-size:100%; background-repeat:no-repeat; background-position:center; cursor:pointer; z-index:10; }
.recommendbox .radius_y{ padding:0 24px; margin-bottom:15px; }
.recommendbox .ptitles{ padding:0 0 10px 0; text-align:center; }
.recommendbox .price{ text-align:center; }
.recommendbox .price span{ font-weight:bold; }
.recommendbox .btnmore{ line-height:50px; border:1px solid #ccc; text-align:center; color:#333; font-size:16px; display:block; transition: .5s all; -webkit-transition: .5s all; -moz-transition: .5s all; }
.recommendbox .ibox{ width:100%; margin:auto; padding:20px; position:relative; }
.recommendbox .imgs{ width:100%; padding-bottom:100%; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; overflow:hidden; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; position:relative; z-index:10; }
.recommendbox .dynamic{ position:absolute; top:10px; bottom:10px; left:10px; right:10px; margin:auto; border:1px solid #cebdaa; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; }

.mapgrids{ margin-left:-15px; padding:20px 0 0 0; display:flex; flex-wrap:wrap; }
.mapgrids .grids{ width:16.6667%; display:flex; padding-left:15px; padding-bottom:15px; }
.mapgrids .grids .gs{ display:block; border:1px solid #cebdaa; width:100%; padding:12px; transition: .5s all; -webkit-transition: .5s all; -moz-transition: .5s all; }
.mapgrids .grids .gs .imgs{ width:100%; padding-bottom:30%; overflow:hidden; position:relative; }
.mapgrids .grids .gs .imgs img{ max-width:100%; position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; }
.mapgrids .grids .gs .texts{ text-align:center; font-size:14px; color:#444; padding:5px 0 0 0; }

.opblock{ padding:50px 0 0 0; }
.opblock.sm{ padding:0 0 35px 0; }
.op_box{ width:100%; font-size:0; }
.op_box .ops{ width:12.5%; display:inline-block; vertical-align:middle; line-height:40px; height:40px; font-size:18px; color:#aaa; text-align:center; font-weight:bold; background:#eee; border:1px solid #ccc; border-left:none; }
.op_box .ops:first-child{ border-left:1px solid #ccc; }
.op_box .ops.hold{ background:#cebdab; color:#fff; }
.op_m{ padding:10px 0 0 0; }
.op_m .mps{ display:inline-block; vertical-align:middle; padding:0 0 10px 0; margin:0 10px 0 0; color:#aaa; }
.op_m .mps.hold{ color:#333; text-decoration: underline; }

.mem_op{ padding:0 0 35px 0; margin:0 0 35px 0; }
.mem_op .memop{ width:100%; font-size:0; }
.mem_op .memop .ops{ display:inline-block; vertical-align:middle; line-height:40px; height:40px; font-size:18px; color:#aaa; text-align:center; font-weight:bold; background:#eee; border:1px solid #ccc; border-left:none; padding:0 20px; transition: .5s all; -webkit-transition: .5s all; -moz-transition: .5s all; }
.mem_op .memop .ops:first-child{ border-left:1px solid #ccc; }
.mem_op .memop .ops.hold{ background:#cebdab; color:#fff; }

.sortmems{ display:flex; border-bottom:1px solid #ccc; margin-bottom:30px; }
.sortmems .grids{ display:block; padding:0 20px; font-size:18px; font-weight:bold; padding-bottom:20px; position:relative; }
.sortmems .grids.hold:after{ content:""; display:block; position:absolute; bottom:0; left:0; right:0; margin:auto; height:5px; background:#cebdab; }


/*代購專區*/
.daigouBlock{ padding:40px 0 0 0; }
.daigouBlock.bottom{ padding:0 0 60px 0; }
.daigouBlock .industryList{ display:flex; flex-wrap:wrap; margin-left:-15px; }
.daigouBlock .industryList .grids{ width:25%; padding:0 0 15px 15px; display: flex; }
.daigouBlock .industryList .grids .gs{ width:100%; display:flex; flex-direction:column; border: 1px solid #cebdaa; }
.daigouBlock .industryList .grids .gs .imgs{ font-size:0; overflow:hidden; aspect-ratio: 1.5 / 1; position:relative; }
.daigouBlock .industryList .grids .gs .imgs img{ position:absolute; left:50%; top:50%; transform: translate(-50%,-50%); max-width:100%; max-height: 100%; }
.daigouBlock .industryList .grids .gs .title{ padding: 20px 10px; background: #cebdab; color: #fff; flex: 1; display: flex; align-items: center; justify-content: center; font-size:18px; }
.daigouBlock .in_noData{ text-align:center; height:160px; line-height:160px; font-size:1.125rem; color:#999; }

.daigouFilter{ position:relative; border-bottom: 1px solid #ccc; margin-bottom: 30px; }
.daigouFilter .selectdiv{ display:inline-block; margin-right:10px; }
.daigouFilter .selectdiv .gs{ position:relative; padding:10px 30px 10px 10px; cursor:pointer; }
.daigouFilter .selectdiv .gs:after{ content:""; position:absolute; top:0; bottom:0; right:10px; margin:auto; display:block; width:14px; height:14px; background-position:center; background-repeat:no-repeat; background-image:url(../images/page/sort_arrow.png); background-size:cover; transition: .5s all; transform-origin:center; }
.daigouFilter .selectdiv .txts{ font-size:1rem; background:none; border:none; }

.daigouFilter .selectdiv .du{ position:absolute; top:44px; left:0; right:0; margin:auto; background:#fff; padding:20px; z-index: 10; box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); display:none; }
.daigouFilter .selectdiv .du .flexBox{ display:flex; flex-wrap:wrap; align-content: flex-start; grid-gap:10px; }
.daigouFilter .selectdiv .du .duGrids{ padding: 10px 20px; border:1px solid #ccc; font-size:0.875rem; background-color:#fff; width: calc(16.6667% - 10px); display: flex; justify-content: center; align-items: center; }
.daigouFilter .selectdiv .du .duGrids.hold{ background-color:#ef6565; color:#fff; border-color:#ef6565; }
.daigouFilter .selectdiv .du .duGrids:hover{ color:#cebdab; }
.daigouFilter .selectdiv .du .cloaseBtn{ display:none; }
.daigouFilter .selectdiv .du .mTitle{ display:none; }

.daigouFilter .selectdiv.open .gs:after{ transform:rotate(-180deg); }
.daigouFilter .selectdiv.open .du{ display:block; }

.daigouBlock .twocolumns{ display:flex; position:relative; }
.daigouBlock .twocolumns .leftBox{ width:40%; }
.daigouBlock .twocolumns .leftBox .stickys{ position: -webkit-sticky; position: sticky; top:120px; }
.daigouBlock .twocolumns .leftBox .imgs{ width:100%; aspect-ratio: 1.5 / 1; position:relative; font-size:0; overflow:hidden; border: 1px solid #cebdaa; }
.daigouBlock .twocolumns .leftBox .imgs img{ position:absolute; left:50%; top:50%; transform: translate(-50%,-50%); max-width:100%; max-height: 100%; }
.daigouBlock .twocolumns .rightBox{ width:60%; padding-left:40px; }
.daigouBlock .twocolumns .rightBox .title{ font-size:1.25rem; font-weight: 700; margin-bottom:60px; }
.daigouBlock .twocolumns .rightBox .sortDiv{ display:flex; border-bottom:1px solid #ccc; margin-bottom:30px; }
.daigouBlock .twocolumns .rightBox .sortDiv .sortGs{ font-size:1rem; color:#ccc; padding:0 10px 15px 10px; margin-right:30px; position:relative; }
.daigouBlock .twocolumns .rightBox .sortDiv .sortGs.hold{ color:#777; font-weight:700; }
.daigouBlock .twocolumns .rightBox .sortDiv .sortGs.hold:after{ content:""; display:block; height:5px; background:#cebdab; width:100%; position:absolute; bottom:0; left:0; }
.daigouBlock .twocolumns .rightBox .contTxt{ line-height:1.6; }
.daigouBlock .twocolumns .rightBox .contTxt *{ font-weight: revert; font-size: inherit; color: revert; }



/********************************內頁********************************/
/*登入*/
.loginbox{ display: block; padding:20px 0 0 0; position:relative; font-size:0; }
.loginbox:before{ content:""; display:block; position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:1px; background:#ccc; }
.loginbox .logrids{ display:inline-block; vertical-align:top; width:50%; padding-right:35px; }
.loginbox .logrids:last-child{ padding:0 0 0 35px; }
.loginbox .logrids .zonefrom{ margin:0; }
.loginbox .logrids .button_block{ width:100%; }

.forText{ font-size: 14px; line-height: 25px; padding:30px 0 0 0; text-align:center; }
.forText.nopad{ padding:0; }
.forText a{ display: inline-block; vertical-align:middle; line-height: 25px; padding: 0 3px; color: #777; font-size: 14px; font-weight: bold; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
.forText a:hover{ text-decoration: underline; }

/*最新消息*/
.newdeTitle{ font-size:20px; font-weight:700; padding:0 100px 20px 0; border-bottom: 1px solid #ccc; position:relative; }
.newdeTitle .dates{ position:absolute; right:0; top:0; font-size:14px; }
.newdeCont{ padding:20px 0 0 0; font-size:16px; line-height:1.6; }
.newdeCont *{ font-weight:revert; font-size:inherit; color: revert; }
.newdeCont a{ color: #ef6565; text-decoration: underline; }
.newdeCont ul,.newdeCont ol{ margin:0 0 0 25px; }

/*說明*/
.stepTitle{ font-size:20px; margin:0 0 10px 0; }
.stepTitle span{ display:inline-block; vertical-align:middle; font-size:20px; }
.stepTitle:before{ content:""; display: inline-block; vertical-align:middle; width: 0; height: 0; border-style: solid; border-width:15px 0 0 15px; border-color: transparent transparent transparent #cebdab; margin-right:8px; }
.stepText{ font-size:16px; color:#333; line-height:1.6; }
.stepText.marbom{ margin-bottom:20px; }
.stepText ul{ margin:0 0 25px  25px; }
.stepText ul.dec{ list-style:decimal; }
.stepText ul .bold{ font-weight:bold; color:#777; }
.stepText ul li{ margin:0 0 10px 0; line-height:1.8; }
.stepText .reds{ color: #ef6565; font-weight:700; }
.stepText .links{ color: #ef6565; text-decoration:underline; }

.stepText .stimgbox{ padding:0 0 40px 0; margin:0 0 40px 0; border-bottom:1px solid #ccc; }
.stepText .st_title{ font-size:18px; color:#333; font-weight:700; margin:0 0 10px 0; }
.stepText .stimgs{ max-width:100%; }

.stepTable{ width:100%; display:table; border-collapse:collapse; margin:15px 0; }
.stepTable .trs{ display:table-row; }
.stepTable .ths{ display:table-cell; vertical-align:middle; padding:15px; background-color:#eee; border:1px solid #ccc; }
.stepTable .ths.nowrap{ white-space:nowrap; }
.stepTable .tds{ display:table-cell; vertical-align:middle; padding:15px; border:1px solid #ccc; }

.steplists{ display:flex; align-items:center; border-bottom:1px solid #ccc; padding:20px 0; position:relative; }
.steplists:last-child{ border:none; }
.steplists .st01{ width:130px; }
.steplists .st02{ flex:1; padding:0 0 0 15px; line-height:1.6; }
.steplists .arrows{ font-size: 0; position: absolute; right:40px; bottom: -20px; z-index: 1; background: #fff; }
.steplists .arrows .fa{ font-size: 40px; color: #cebdab; }

.step_mtitle{ font-size:16px; font-weight:bold; color:#777; }

.st_gs{ display:flex; flex-wrap:wrap; }
.st_s{ display:flex; flex-wrap:wrap; width:80px; margin:0 20px 0 0; }
.st_s:last-child{ margin:0; }
.st_txt{ font-size:16px; color:#333; width:100%; text-align:center; }
.st_img{ width:100%; padding-bottom:100%; position:relative; overflow:hidden; }
.st_img img{ max-width:100%; max-height:100%; position:absolute; top:0; left:0; bottom:0; right:0; margin:auto; }
.st_text{ padding:20px 0 0 0; }

.st_toll{ display:flex; width:100%; padding:40px 0 0 0; }
.st_toll .tos{ width:33.3334%; padding:0 20px; }

.st_toll .tos .imgs{ width:60%; padding-bottom:60%; margin:auto; position:relative; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; background: #cebdab; display:flex; justify-content:center; }
.st_toll .tos .raus{ width:50%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); }
.st_toll .tos .imgs img{ width:100%;  }
.st_toll .tos .h1{ font-size:18px; font-weight:700; width:100%; text-align:center; padding:10px 0 0 0; color:#fff; }
.st_toll .tos .text{ padding:10px 0 0 0; text-align:center; }

.tral_list{ padding:15px 0 0 0; display:flex; flex-wrap:wrap; align-items: center; }
.tral_list .redtxt{ color:#ed3a3a; }
.tral_list input{ margin:5px; width:60px; line-height:28px; height:28px; color:#333; font-size:16px; }
.tral_list button{ border: none; background: #cebdab; color: #fff; font-size: 16px; line-height: 28px; height: 28px; padding: 0 10px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; cursor: pointer; }
.tral_list .tblock{ display:block; width:100%; font-size:14px; color:#aaa; }
.tral_list.bors{ padding:25px; margin: 25px 0 0 0; background-image: url(../images/page/member_bg.jpg); }

.tral_list .counts{ display: inline; height: 36px; line-height: 36px; width: 100px; text-align: center; font-size: 20px; font-weight: 700; color: #777; border-bottom: 1px solid #ccc; }

/*會員*/
.memdatatxt{ padding:10px 0; }
.memdatablock{ border:1px solid #cebdab; padding:20px; display:flex; width:100%; }
.memdatablock .msgrids{ width:50%; display:flex; flex-wrap:wrap; }
.memdatablock .msgrids .mimgs{ width:128px; }
.memdatablock .msgrids .mimgs .img_01{ width:100%; padding-bottom:100%; border:1px solid #cebdab; background:#fff; position:relative; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; }
.memdatablock .msgrids .mimgs .img_02{ position:absolute; top:4px; bottom:4px; left:4px; right:4px; margin:auto; background:#cebdab; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; display:flex; justify-content:center; align-items:center; font-size:60px; color:#fff; font-weight:900; }
.memdatablock .msgrids .mtext{ flex:1; padding:0 0 0 25px; }
.memdatablock .msgrids .mtext .h1{ font-size:14px; color:#aaa; margin-bottom:10px; }
.memdatablock .msgrids .mtext .names{ font-size:30px; color:#333; font-weight:700; line-height:100%; margin-bottom:10px; }
.memdatablock .msgrids .mtext .names span{ font-size:16px; color:#ef6565; }
.memdatablock .msgrids .mtext .ps{ margin-bottom:10px; }
.memdatablock .msgrids .mtext .ps .bold{ font-weight:bold; }
.memdatablock .msgrids .mtext .ps .red{ color:#ef6565; }
.memdatablock .msgrids .mtext .ps .size{ font-size:12px; }
.memdatablock .grids{ width:25%; padding:0 35px; border-left:1px solid #cebdab; }
.memdatablock .grids .h1{ font-size:14px; color:#aaa; padding:0 0 10px 0; }
.memdatablock .grids .list{ padding:0 0 0 15px; position:relative; display:block; margin:0 0 5px 0; }
.memdatablock .grids .list:last-child{ margin:0; }
.memdatablock .grids .list:before{ content:""; position:absolute; left:2px; top:10px; display:block; border-style:solid; border-color:transparent transparent transparent #cebdab; border-width:3px 0 3px 6px; }

.addbg{ background:#eee; padding:45px; }
.addbg .titles{ font-size:18px; font-weight:bold; color:#333; margin:0 0 15px 0; }
.addbg .titles.yellow{ background: #f5d335; padding:5px 10px; }
.addbg .titles .red{ color:#ed3a3a; font-weight:bold; font-size:18px; margin-right:5px; }
.addbg .tabs{ display:table; width:100%; }
.addbg .tabs .trs{ display:table-row; }
.addbg .tabs .tds-a{ width:100px; display:table-cell; vertical-align:top; padding:3px 15px 10px 0; font-size:14px; }
.addbg .tabs .tds-b{ display:table-cell; vertical-align:top; font-size:16px; padding:0 0 10px 0; }
.addbg .tabs .red{ color:#ed3a3a; font-size:14px; }
.addbg .rabs{ border-top:1px solid #aaa; padding:20px 0 0 0; margin-top:10px; }
.addbg .rabs .ts{ padding:0 0 5px 0; }
.addbg .rabs .grids{ display:inline-block; vertical-align:middle; background:#c9b8a7; line-height:30px; padding:0 10px; }

.addbg .tabs.old .tds-a{ color:#999; }
.addbg .tabs.old .tds-b{ color:#999; }

.z_txts{ font-size:16px; line-height:1.6; color:#ed3a3a; padding:10px 0 0 0; }
.y_txts{ font-size:16px; line-height:1.6; padding:10px 0 0 0; }
.y_txts span{ font-size:16px; line-height:1.6; padding:10px 0 0 0; }
.y_txts .black{ font-weight:bold; color:#777; }
.y_txts .red{ font-weight:bold; color:#ed3a3a; }
.y_txts .color_green{ color:#00b575; }

.zonefromOneBox{ border: 1px solid #ccc; padding:20px; padding-top:0; margin-top:30px; }
.zonefromOneBox .mar{ margin:auto; max-width:610px; width:100%; }
.zonefrom{ margin:25px 0 0 0; padding:25px 0 0 0; border-top:1px solid #ccc; }
.zonefrom.pads{ padding:0; border:none; }
.zonefrom .frange{ margin-left:-20px; display:flex; flex-wrap:wrap; }
.zonefrom .fromTitle{ font-size:14px; margin-bottom:5px; color:#999; padding-left:20px; width:100%;  }
.zonefrom .grids{ width:50%; padding-left:20px; padding-bottom:15px; }
.zonefrom .grids.longs{ width:100%; }
.zonefrom .grids .gs{ border:1px solid #777; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; display:flex; min-height:40px; align-items:center; padding:0 5px; }
.zonefrom .grids .gs .gtitle{ width:176px; padding:0 0 0 10px; }
.zonefrom .grids .gs .gtitle.wt_01{ width:245px; }
.zonefrom .grids .gs .gtitle.wt_02{ width:190px; }
.zonefrom .grids .gs .gtitle span{ color:#ed3a3a; }
.zonefrom .grids .gs .gcont{ flex:1; display:flex; align-items:center; }
.zonefrom .grids .gs .gcont.wraps{ flex-wrap:wrap; padding:10px 0; }
.zonefrom .grids .gs .gcont .w_list{ display:flex; width:100%; }
.zonefrom .grids .gs .gcont .w_list .w_tts{ font-size:16px; margin-bottom:5px; }
.zonefrom .grids .gs .gcont .w_list .w_tts span{ font-weight: bold; color: #ed3a3a; }
.zonefrom .grids .gs .gcont .itxt{ font-size:16px; color:#000; word-wrap:break-word; }
.zonefrom .grids .gs .gcont .itxt .links{ color: #467dbb; }
.zonefrom .grids .gs .gcont .itxt .cancels{ font-size:16px; color: #467dbb; display:inline-block; line-height:28px; padding:0 10px; border:1px solid #467dbb; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; }
.zonefrom .grids .gs .gcont .input{ border:1px solid #f5f5f5; background:#f5f5f5; line-height:29px; height:30px; padding:0 10px; width:100%; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; }
.zonefrom .grids .gs .gcont .textarea{ border:1px solid #f5f5f5; background:#f5f5f5; padding:5px 10px; width:100%; height:120px; resize:none; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; margin:5px 0 0 0; }
.zonefrom .grids .gs .gcont .labgrids{ padding:0 15px 0 0; display:flex; align-items:center; }
.zonefrom .grids .gs .gcont .labgrids:last-child{ padding:0; }
.zonefrom .grids .gs .gcont .labgrids.wh01{ width:144px; }
.zonefrom .grids .gs .gcont .labgrids.wh02{ width:106px; }
.zonefrom .grids .gs .gcont .labgrids.wh03{ width: 70px; overflow: hidden; margin-right: -5px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
.zonefrom .grids .gs .gcont .labgrids.wh03 img{ width:100%; }
.zonefrom .grids .gs .gcont .labgrids.wh04{ width:30%; }
.zonefrom .grids .gs .gcont .labgrids.wh05{ width:5%; padding:0; justify-content:center; }
.zonefrom .grids .gs .gcont .labgrids.wh06{ width:30%; padding:0; }
.zonefrom .grids .gs .gcont .labgrids.ls{ flex:1; }
.zonefrom .grids .gs .gcont .labgrids.jscont{ justify-content:space-between; flex-wrap:nowrap; }
.zonefrom .grids .gs .gcont .ltexts{ display:block; width:100%; margin:0 0 5px 0; }
.zonefrom .grids .gs .gcont .tdflex{ display:flex; align-items: center; }
.zonefrom .grids .gs .gcont .tds{ padding:0 5px 0 0; white-space:nowrap; }
.zonefrom .grids .gs .gcont .tds.pad-left{ padding-left:10px !important; }
.zonefrom .grids .gs .gcont .tds:last-child{ flex:1; padding:0; }
.zonefrom .grids .gs .gcont .down{ display:inline-block; line-height:30px; font-size:16px; color:#467dbb; border:1px solid #467dbb; padding:0 10px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; white-space:nowrap; }
.zonefrom .grids .gs .gcont .inputTab{ width:100%; display:flex; }
.zonefrom .grids .gs .gcont .inputTab .itd{ position:relative; padding:0 10px 0 0; }
.zonefrom .grids .gs .gcont .inputTab .itd.wh1{ width:120px; }
.zonefrom .grids .gs .gcont .inputTab .itd.wh2{ width:50%; }
.zonefrom .grids .gs .gcont .inputTab .itd:last-child{ flex:1; padding:0; }
.zonefrom .grids .gs .gcont .redinput .input{ background:#ffe8e8; border:1px solid #ed3a3a; }
.zonefrom .grids .gs .gcont .abtns{ background:#ef6565; color:#fff; display:block; width:100%; border:none; line-height:30px; height:30px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; text-align:center; cursor:pointer; transition: .5s all; -webkit-transition: .5s all; -moz-transition: .5s all; }
.zonefrom .grids .gs .gcont .abtns #counter{ color:#fff; font-weight:bold;}
.zonefrom .grids .gs .gcont .gray_btns{ background:#ccc; color:#333; display:block; width:100%; border:none; line-height:30px; height:30px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; text-align:center; }
.zonefrom .grids .gs .gcont .starbox{ width:100%; font-size:14px; }
.zonefrom .grids .gs .gcont .starbox .fa{ cursor:pointer; }
.zonefrom .grids .gs .gcont .starbox .fa-star{ color:#FC0; }
.zonefrom .grids .gs .gcont .starbox .fa-star-o{ font-size:14px; color:#aaa; }
.zonefrom .grids .redtxt{ color:#ed3a3a; font-size:14px; padding:2px 0 0 0; }

.zonefrom .grids.choice .gs{ display:block; }
.zonefrom .grids.choice .gs .gtitle{ width:auto; padding:5px 0 0 10px; }
.zonefrom .grids.choice .gs .gtitle.flex{ display:flex; }
.zonefrom .grids.choice .gs .gcont{ padding:0 0 5px 10px; }

.zonefrom .textareaDiv{ width:100%; }
.zonefrom .textareaDiv *{ font-size:inherit; color:inherit; font-weight:inherit; }
.zonefrom .textareaDiv img{ max-width:100%; }

.button_block{ padding:40px 0; text-align:center; }
.button_block .btns-a{ display:inline-block; vertical-align:middle; line-height:52px; height:52px; background:#cebdab; text-align:center; color:#fff; font-size:20px; font-weight:bold; width:310px; border:none; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; cursor:pointer; margin:0 5px; transition: .5s all; -webkit-transition: .5s all; -moz-transition: .5s all; }
.button_block .btns-a.btns-b{ background:#ccc; }

.zoneTitle{ border-top:1px solid #ccc; padding:20px 0 0 0; margin:30px 0 0 0; font-size: 20px; font-weight: 700; }

.filebox{ position:relative; line-height:30px; height:30px; width:200px; }
.filebox.marright{ margin-right:10px; }
.filebox .file{ position:absolute; z-index:2; width:100%; top:0; left:0; height:30px; line-height:30px; opacity:0; }
.filebox .fileinput{ position:absolute; z-index:1; width:calc(100% - 60px); line-height:30px; height:30px; top:0; left:0; bottom:0; margin:auto; background:#eee; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; }
.filebox .filebtn{ display:block; position:absolute; right:0; top:0; z-index:1; width:54px; line-height:30px; height:30px; padding:0 10px; font-size:16px; color:#000; border:1px solid #000; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; }
.fileText{ width:100%; font-size:16px; padding:5px 0; }
.fileText span{ color:#467dbb; font-size:16px; }

.optext{ font-size:16px; color:#000 !important; line-height:26px; display:inline-block; vertical-align:middle; }
.c_box{ width:16px; height:16px; border:1px solid #777; display:inline-block; vertical-align:middle; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; position:relative; }
input[type="checkbox"] { display: none; }
input[type="checkbox"]:checked + .c_box{ background:#fff; }
input[type="checkbox"]:checked + .c_box:before{ content:""; display:block; position:absolute; width:8px; height:3px; background:#ed3a3a; transform:rotate(45deg); -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); top:6px; }
input[type="checkbox"]:checked + .c_box:after{ content:""; display:block; position:absolute; width:12px; height:3px; background:#ed3a3a; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); top:5px; left:3px; }
.r_box{ width:16px; height:16px; border:1px solid #777; display:inline-block; vertical-align:middle; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; position:relative; }
input[type="radio"] { display: none; }
input[type="radio"]:checked + .r_box{ background:#fff; }
input[type="radio"]:checked + .r_box:before{ content:""; display:block; position:absolute; width:8px; height:3px; background:#ed3a3a; transform:rotate(45deg); -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); top:6px; }
input[type="radio"]:checked + .r_box:after{ content:""; display:block; position:absolute; width:12px; height:3px; background:#ed3a3a; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); top:5px; left:3px; }

input[type="checkbox"]:disabled + .c_box{ background:#eee; border:1px solid #ccc; } 
input[type="checkbox"]:disabled ~ .optext{ color:#bbb; }
input[type="radio"]:disabled + .r_box{ background:#eee; border:1px solid #ccc; } 
input[type="radio"]:disabled ~ .optext{ color:#bbb; }

input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;}/* Chrome, Safari, Edge, Opera */
input[type=number] {-moz-appearance:textfield;}/* Firefox */

label.agree{ display:inline-flex; align-items: baseline; }
label.agree .c_box{ margin-right:5px; }
label.agree .optext{ flex:1; }

.funbur{ margin:0 0 20px 0; }
.funbur.martop{ margin-top:20px; }
.funbur .btns{ display:inline-block; padding:0 15px; line-height:30px; font-size:16px; border:1px solid #467dbb; color: #467dbb; }
.funbur .btns .fa{ color: #467dbb; }

.fa-check{ color:#00b575; }
.fa-times{ color:#ed3a3a; }

.tables{ display:table; width:100%; border-collapse:collapse; }
.tables .trs{ display:table-row; }
.tables .ths{ display:table-cell; vertical-align:middle; font-size:16px; color:#000; text-align:center; font-weight:700; padding:10px 5px; border: 1px solid #ccc; background:#eee; white-space:nowrap; }
.tables .ths.wt-40{ width:40%; }
.tables .tds{ display:table-cell; vertical-align:middle; font-size:16px; color:#000; text-align:center; padding:5px; background:#fff; border:1px solid #ccc; }
.tables .btn_blue{ display:inline-block; padding:0 10px; line-height:30px; font-size:16px; border:1px solid #467dbb; color:#467dbb; white-space: nowrap; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; }
.tables .btn_blue .fa{ color:#467dbb; }
.tables .btn_red{ display:inline-block; padding:0 10px; line-height:30px; font-size:16px; border:1px solid #ed3a3a; color:#ed3a3a; white-space: nowrap; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; }
.tables .btn_red .fa{ color:#ed3a3a; }

.tables .tds .color_red{ color:#ed3a3a; }
.tables .tds .color_green, .tables .trs .tds a.color_green{ color:#00b575 !important; }

.tables .tds .input{ border:1px solid #f5f5f5; background:#f5f5f5; line-height:30px; height:30px; padding:0 10px; width:100%; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; }
.tables .tds .textarea{ border:1px solid #f5f5f5; background:#f5f5f5; padding:5px 10px; width:100%; height:120px; resize:none; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; margin:5px 0 0 0; }
.tables .tds .links{ color:#467dbb; text-decoration:underline; }

.tables .trs.qs .tds{ background:#fff9e0; }

.tables .tds .qs_icon{ position:relative; width:20px; height:20px; display:inline-block; }
.tables .tds .qs_icon .tk{ position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; font-size:17px; }
.tables .tds .qs_icon .tk .fa{ color:#ed3a3a; }
.tables .tds .qs_icon .text{ display:none; position:absolute; width:200px; top:26px; left:50%; margin-left:-100px; background: #ffecec; border: 1px solid #ff9797; padding: 10px; font-size: 14px; color: #ed3a3a; }
.tables .tds .qs_icon:hover .text{ display:block; z-index:1; }

.itemsDetailBox{ display:flex; margin-top:7px; align-items: baseline; }
.itemsDetailBox:first-child{ margin-top:0; }
.itemsDetailBox .gridT1{ padding:0 10px 0 0; width:130px; text-align:right; color:#777; }
.itemsDetailBox .gridT2{ flex:1; }
.itemsDetailBox .gridT2 .red{ color:#ef6565; font-size:13px; text-align:left; font-weight:400; }

.mobdis{ display:none; }

.comTxt{ font-size:16px; line-height:1.6; }
.comTxt a{ color:#467dbb; }
.comTxt .red{ background-color:#ef6565; color:#fff; display:inline-block; font-size:18px; padding:0 3px; }

.mems_sort{ display:flex; margin-bottom:15px; margin-left:-15px; }
.mems_sort.martop{ margin-top:20px; }
.mems_sort .sorts{ padding-left:15px; }
.mems_sort .sorts .ss{ line-height:36px; background:#eee; display:block; padding:0 20px; background:#eee; font-size:16px; font-weight:bold; }
.mems_sort .sorts .ss.hold{ background:#777; color:#fff; }

.precautions_txt{ display:flex;  margin-bottom:10px; align-items: center; background:#ffefef; padding:10px; justify-content: center; }
.precautions_txt .txt{ color:#ef6565; font-size:16px; padding:0 10px; font-weight: 500; }
.precautions_txt .icons{ width:17px; height:15px; background-image:url(../images/page/icon_notice.png); background-position: center; background-repeat:no-repeat; background-size:100%; }

/*頁碼*/
.pagesnum{ padding:40px 0 100px 0; text-align:center; }
.pagesnum .abtn-left{ display:inline-block; vertical-align:middle; height:36px; width:36px; line-height:36px; border:1px solid #333; position:relative; }
.pagesnum .abtn-left:before{ content:""; display:block; width:10px; height:10px; border-top:2px solid #333; border-right:2px solid #333; position:absolute; top:14px; left:0; right:0; margin:auto; transform:rotate(-45deg); }
.pagesnum .abtn-right{ display:inline-block; vertical-align:middle; height:36px; width:36px; line-height:36px; border:1px solid #333; position:relative; }
.pagesnum .abtn-right:before{ content:""; display:block; width:10px; height:10px; border-bottom:2px solid #333; border-right:2px solid #333; position:absolute; top:8px; left:0; right:0; margin:auto; transform:rotate(45deg); }
.pagesnum .opa{ opacity: 0.3; cursor: no-drop; }
.pagesnum .sel{ display:inline-block; vertical-align:middle; list-style:36px; height:36px; border:1px solid #333; padding:0 10px; font-size:16px; color:#333; appearance:none; -moz-appearance:none; -webkit-appearance:none; -ms-appearance:none; }

/*步驟*/
.stepblock{ width:100%; padding:45px 0; background-image:url(../images/page/member_bg.jpg); }
.stepblock .mar{ max-width:1280px; margin:auto; padding:0 30px; }
.stepblock .mar .stitle{ display:flex; align-items:flex-end; margin-bottom:40px; }
.stepblock .mar .stitle .h1{ flex:1; }
.stepblock .mar .stitle .h1 .span_1{ font-size:25px; color:#333; font-weight:bold; line-height:100%; margin-right:15px; }
.stepblock .mar .stitle .h1 .span_2{ font-size:16px; color:#333; line-height:100%; }
.stepblock .mar .stitle .mores{ display:block; width:80px; font-size:14px; color:#fff; height:24px; line-height:24px; background:#ef6565; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; text-align:center; transition: .5s all; -webkit-transition: .5s all; -moz-transition: .5s all; }
.stepblock .mar .step_box{ display:flex; justify-content:space-around; align-items:center; }
.stepblock .mar .step_a{ padding:0 15px; }
.stepblock .mar .step_a img{ max-width:100%; }
.stepblock .mar .step_b{ padding:0 15px; }
.stepblock .mar .step_b img{ max-width:100%; }

.stepfun01{ display:block; animation:movimg01 3s steps(14) infinite forwards; -webkit-animation:movimg01 5s steps(14) infinite forwards; -moz-animation:movimg01 3s steps(14) infinite forwards; background-image:url(../images/page/step_1_animation.png); background-size:1500px; width:100px; height:147px; }
.stepfun02{ display:block; animation:movimg01 3s steps(14) infinite forwards; -webkit-animation:movimg01 5s 0.5s steps(14) infinite forwards; -moz-animation:movimg01 3s steps(14) infinite forwards; background-image:url(../images/page/step_2_animation.png); background-size:1500px; width:100px; height:147px; }
.stepfun03{ display:block; animation:movimg01 3s steps(14) infinite forwards; -webkit-animation:movimg01 5s 1s steps(14) infinite forwards; -moz-animation:movimg01 3s steps(14) infinite forwards; background-image:url(../images/page/step_3_animation.png); background-size:1500px; width:100px; height:147px; }
.stepfun04{ display:block; animation:movimg01 3s steps(14) infinite forwards; -webkit-animation:movimg01 5s 1.5s steps(14) infinite forwards; -moz-animation:movimg01 3s steps(14) infinite forwards; background-image:url(../images/page/step_4_animation.png); background-size:1500px; width:100px; height:147px; }
.stepfun05{ display:block; animation:movimg01 3s steps(14) infinite forwards; -webkit-animation:movimg01 5s 2s steps(14) infinite forwards; -moz-animation:movimg01 3s steps(14) infinite forwards; background-image:url(../images/page/step_5_animation.png); background-size:1500px; width:100px; height:147px; }
@keyframes movimg01{
  0%   { background-position:0 0; }
  20%   { background-position:-1400px 0; }
  100%   { background-position:-1400px 0; }
}
@-webkit-keyframes movimg01{
  0%   { background-position:0 0; }
  20%   { background-position:-1400px 0; }
  100%   { background-position:-1400px 0; }
}
@-moz-keyframes movimg01{
  0%   { background-position:0 0; }
  20%   { background-position:-1400px 0; }
  100%   { background-position:-1400px 0; }
}

/*同意條款*/
.agreebox{ height:150px; overflow:auto; width:100%; background:#fafafa; padding:15px; font-size:14px; margin:5px 0; line-height:1.6; }
.agreebox.ht{ height:500px; }
.agreebox ul{ margin:0 0 0 40px; }
.agreebox ul.dec{ list-style:decimal; }
.agreebox ul li{ font-size:14px; }
.agreebox h2{ font-size:1.25rem; margin-bottom:10px; }
.agreebox .indentDiv{ display:flex; }
.agreebox .indentDiv .num{ padding:0 3px 0 0; }
.agreebox .indentDiv .txt{ flex:1; }
.agreebox .indentDiv .red{ color:#ed3a3a; }
.agree_s{ padding:10px 0 0 0; }

/*faq*/
.faqbox{ padding:20px 0 40px 0; }
.faqbox .titles{ font-size:20px; font-weight:700; margin:0 0 20px 0; }
.faqbox .lists{ border-bottom:1px solid #ccc; padding:20px 0; transition: .5s all; -webkit-transition: .5s all; -moz-transition: .5s all; }
.faqbox .lists:first-child{ border-top:1px solid #ccc; }
.faqbox .lists .h_a{ display:flex; align-items:center; position:relative; padding-right: 50px; cursor:pointer; }
.faqbox .lists .h_a .icons{ width: 48px; height: 48px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; background: #cebdab; line-height: 48px; text-align: center; font-size: 24px; font-weight: 900; color: #fff; margin: 0 0 0 10px; }
.faqbox .lists .h_a .itxt{ flex:1; padding:0 0 0 15px; font-size:18px; }
.faqbox .lists .h_a:after{ content:""; display: block; width: 16px; height: 16px; position: absolute; right: 14px; top: 10px; border-right: 2px solid #777; border-bottom: 2px solid #777; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); }
.faqbox .lists .h_b{ padding:20px 15px 0 15px; font-size:15px; line-height:1.8; display:none; }
.faqbox .lists .h_b *{ font-weight: revert; }
.faqbox .lists .h_b a{ color:#ef6565; text-decoration:underline; }
.faqbox .lists .h_b span{ font-weight:700; font-size:15px; }
.faqbox .lists .h_b .red{ color:#ef6565; }
.faqbox .lists .h_b img{ margin:5px; max-width:100%; }
.faqbox .lists .h_b ul{ margin:0 0 0 25px; }
.faqbox .lists .h_b ul li{ font-size:15px; }

.faqTxt{ margin:20px 0; text-align:center; }
.faqTxt .line{ display:inline-block; margin:10px auto; background:#0C0; color:#fff; font-size:20px; font-weight:700; line-height:48px; padding:0 25px; border-radius:50px; -webkit-border-radius:50px; -moz-border-radius:50px; }

.faqsearch{ display:block; padding:20px 15px; margin:15px 0; background-image: url(../images/page/member_bg.jpg); }
.faqsearch .tabs{ background:#fff; border-radius:50px; width:100%; display:flex; overflow:hidden; border: 1px solid #eee; }
.faqsearch .tabs .td-a{ flex:1; }
.faqsearch .tabs .td-a input{ background:#fff; border:none; width:100%; height:40px; line-height:40px; padding:0 20px; }
.faqsearch .tabs .td-b{ width:50px; height:40px; background:#cebdab; display:flex; justify-content:center; align-items:center; }
.faqsearch .tabs .td-b .fa{ font-size:24px; color:#fff; cursor:pointer; }
.faqsearch .tabs .td-b .fa-times{ display:none; }
.faqsearch .tabs .td-b.close{ background:#ef6565; }
.faqsearch .tabs .td-b.close .fa-times{ display:block; }
.faqsearch .tabs .td-b.close .fa-search{ display:none; }

/*頁碼*/
.pagebox{ padding:30px 0 0 0; font-size:0; text-align:center; }
.pagebox .link{ display:inline-block; vertical-align:middle; min-width:26px; line-height:26px; text-align:center; font-size:16px; color:#000; margin:0 3px; }
.pagebox .hold{ background:#cebdab; color:#fff; }
.pagebox .nones{ color:#999; }

/*光箱*/
.lightbox{ display:none; position:fixed; top:0; left:0; bottom:0; right:0; margin:auto; z-index:111; justify-content:center; align-items:center; }
.lightbox .mask{ position:absolute; background:rgba(0,0,0,0.8); top:0; left:0; bottom:0; right:0; margin:auto; z-index:10; }
.lightbox .wblock{ background:#fff; width:720px; position:absolute; z-index:15; padding:25px; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; max-height:80vh; overflow: auto; }

.lightbox .zonefrom{ padding:0; margin:0; border:none; }
.lightbox .zonefrom .grids .gs .gtitle{ width:120px; }

.lightbox .moveTitle{ font-size:16px; color:#000; margin:0 0 20px 0; }
.lightbox .moveTitle_2{ font-size:0; margin:0 0 20px 0; }
.lightbox .moveTitle_2 .ms{ display:inline-block; vertical-align:middle; width:50%; font-size:14px; color:#000; margin-bottom:10px; padding:0 10px 0 0; }
.lightbox .moveTitle_2 .ms:nth-child(-n+2){ margin-bottom:0; }
.lightbox .movelist{ border:1px solid #000; padding:5px 15px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; display:flex; margin:0 0 10px 0; cursor:pointer; }
.lightbox .movelist:last-child{ margin:0; }
.lightbox .movelist .hicon{ line-height: 30px; height: 30px; padding: 0 10px; color: #fff; font-size: 16px; background: #6b501d; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; white-space: nowrap; }
.lightbox .movelist .hicon.nos{ background:#ccc; color:#000; }
.lightbox .movelist .htxt{ font-size:16px; color:#000; padding:3px 0 0 10px; }

.lightbox .m_ranges_a{ margin-left:-15px; }
.lightbox .m_ranges_a:after{ content:""; display:block; clear:both; }
.lightbox .m_ranges_a .grids{ padding:0 0 15px 15px; width:20%; float:left; }
.lightbox .m_ranges_a .grids .gs{ width:100%; padding-bottom:100%; float:left; background-position:center; background-repeat:no-repeat; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; cursor:pointer; }

.lightbox .uploads{ min-height:200px; background:#eee; }

.lightbox .button_block .btns-a{ width:100px; }


/*光箱頁*/
.lightboxpage{ padding:25px; background:#f8f8f8; }
.lightboxpage .hTitle{ display:flex; justify-content:center; margin: 0 0 20px 0; }
.lightboxpage .hTitle .h1{ font-size:24px; font-weight:900; color:#333; line-height:33px; }
.lightboxpage .hTitle .h2{ font-size:22px; color:#333; line-height:33px; }

.lightboxpage .htable{ display:table; width:100%; border-collapse:collapse; border:1px solid #ccc; }
.lightboxpage .htable .htr{ display:table-row; }
.lightboxpage .htable .whs{ width: 115px; }
.lightboxpage .htable .hth{ display:table-cell; vertical-align:middle; background:#cebdab; color:#333; padding:15px; border-right: 1px solid #fff; font-size:16px; }
.lightboxpage .htable .hth:last-child{ border:none; }
.lightboxpage .htable .htd{ display:table-cell; vertical-align:middle; background:#fff; color:#333; padding:15px; border:1px solid #ccc; font-size:16px; }

.lightboxpage .htable a{ color:#ef6565; }
.lightboxpage .htxt{ padding:15px 0 0 0; color:#555; font-size:14px; }

/*================================●●●●●●●●●●●●Hover●●●●●●●●●●●●================================*/
@media screen and (min-width:1024px){
/********************************首頁********************************/
.banner .itxt .mores:hover{ background:#fff; color:#ef6565; }
.pageTitle .mores:hover{ opacity:0.8; }
/*最新消息*/
.newslist:hover{ background: #fff7ee; }
/*集貨介紹*/
.probox .btnsbox .btns .gs:hover{ opacity: 1; }
/*會員心得*/
.adblock .mar .mores:hover{ background:#fff; color:#ef6565; }
.membox .grids .gs:hover{ background: #fff7ee; }
.membox .grids .gs:hover .txts_re{ background:#fff; }
/*購物地圖*/
.recommendbox .btnmore:hover{ border-color:#ef6565; background:#ef6565; color:#fff; }
.mapgrids .grids .gs:hover{ opacity: 0.5; }
.mem_op .memop .ops:hover{ opacity: 0.8; }

/********************************內頁********************************/
/*會員*/
.zonefrom .grids .gs .gcont .abtns:hover{ opacity:0.8; }
.button_block .btns-a:hover{ opacity:0.8; }
/*步驟*/
.stepblock .mar .stitle .mores:hover{ opacity:0.8; }
/*faq*/
.faqbox .lists:hover{ background: #fff7ee; }

}

/*================================●●●●●●●●●●●●電腦●●●●●●●●●●●●================================*/
@media screen and (max-width:1400px){
/********************************內頁********************************/
/*會員心得*/
.membox .grids{ width:33.333334%; }

}

/*================================●●●●●●●●●●●●電腦●●●●●●●●●●●●================================*/
@media screen and (max-width:1100px){
/********************************首頁********************************/
/*購物地圖*/
.recommendbox .btnmore{ line-height: 34px; }


/********************************內頁********************************/
.zonefrom .grids .gs{ padding:5px; }
.zonefrom .grids .gs .gcont{ display:block; }
.zonefrom .grids .gs .gcont.flexs{ display:flex; }
.zonefrom .grids .gs .gcont .labgrids.martop{ margin-top:5px; }

}

/*================================●●●●●●●●●●●●平板●●●●●●●●●●●●================================*/
@media screen and (min-width:768px) and (max-width:1023px){
/********************************首頁********************************/
.marbox.pad01{ padding-top:60px; padding-bottom:60px; }

/*集貨介紹*/
.probox .btnsbox{ padding:0 15px; }
.probox .btnsbox .btns{ width:33.33334%; padding:0 0 6px 6px; }

/*會員心得*/
.membox .grids{ width:50%; }

/*購物地圖*/
.shopbox{ display:block; }
.shopbox .leftgrids{ width:100%; }
.shopbox .rightgrids{ width:100%; padding:40px 0 0 0; }
.recommendbox{ padding-bottom:20px; }
.recommendbox .ibox{ width:60%; }
.recommendbox .btnmore{ line-height: 34px; }
.mapgrids .grids{ width:20%; }

/*代購專區*/
.daigouBlock .industryList .grids{ width:33.33334%; }
.daigouFilter .selectdiv .du .duGrids{ width: calc(25% - 10px); }

/********************************內頁********************************/
/*說明*/
.st_toll .tos .imgs{ width:80%; padding-bottom:80%; }

/*會員*/
.zonefrom .grids{ width:100%; }
.zonefrom .grids .gs{ padding:10px 10px; display:block; }
.zonefrom .grids .gs .gtitle{ padding:0 0 5px 0; width:auto; }
.zonefrom .grids .gs .gcont{ display:block; }
.zonefrom .grids .gs .gcont.flexs{ display:flex; }
.zonefrom .grids .gs .gcont .labgrids.martop{ margin-top:5px; }

.tables{ display:block; }
.tables .trs{ display:block; margin-bottom:20px; border:1px solid #ccc; border-top: 4px solid #cebdab; }
.tables .trs.disnone{ display:none; }
.tables .trs:last-child{ margin-bottom:0; }
.tables .tds{ display:block; border:none; border-bottom:1px solid #ccc; text-align:left; font-size:14px; padding:10px 15px; }
.tables .tds:before{ content:attr(data-title); display:block; font-size:14px; color:#000; font-weight:700; margin-bottom:3px; }
.tables .tds:last-child{ border:none; }

.memdatablock{ flex-wrap: wrap; }
.memdatablock .msgrids{ width:100%; border-bottom: 1px solid #cebdab; padding:0 0 15px 0; margin-bottom:20px; }
.memdatablock .grids{ width:50%; border:none; padding:0 25px 0 0; }

/*步驟*/
.stepblock .mar .stitle .h1 .span_1{ display:block; margin:0 0 10px 0; }
.stepblock .mar .stitle .h1 .span_2{ display:block; }
.stepblock .mar .step_a{ display:none; }

/*光箱*/
.lightbox .wblock{ max-height:80vh; overflow: auto; }
}

/*================================●●●●●●●●●●●●手機●●●●●●●●●●●●================================*/
@media screen and (max-width:767px){
.marbox.pad01{ padding-top:30px; padding-bottom:30px; }

.pageTitle{ font-size:22px; }
.pageTitle .mores{ line-height: 22px; height: 22px; font-size: 12px; }

/********************************首頁********************************/
.banner{ margin-top: 0; padding: 70px 0 0 0; height: 100vh; }
.banner .mar{ padding:0; }
.banner .imgs{ height:100%; }
.banner .itxt{ text-align:center; width:100%; }
.banner .itxt .h2{ font-size:20px; }
.banner .itxt .h1{ font-size:36px; margin-top: 20px; }
.banner .itxt .mores{ line-height: 36px; font-size: 20px; }

.banner_slick_box { margin-top: 0; padding: 70px 0 0 0; height: 100vh; }
.banner_slick_box .banner { padding: 0; height: calc(100vh - 70px); }

/*最新消息*/
.newslist{ padding:20px 0; display:block; }
.newslist .dates{ position:static; width:auto; text-align:right; padding: 0 0 5px 45px; }
.newslist .texts .a_title{ display:block; position:relative; }
.newslist .texts .a_title .s1{ display:inline-block; position:absolute; top: -30px; left: 0; }
.newslist .texts .a_title .s2{ padding:0; }

/*說明*/
.stepTable .ths{ padding:10px; width:80px; }
.stepTable .tds{ padding:10px; }
.steplists{ display:block; padding:0 0 35px 0; margin-bottom:35px; }
.steplists:last-child{ margin:0; }
.steplists .st01{ margin:auto; text-align:center; }
.steplists .st02{ padding:15px 0 0 0; }
.steplists .arrows{ right:20px; }
.tral_list.bors{ padding:20px 10px; }

/*集貨*/
.probox{ padding:40px 0; }
.probox .mar{ padding:0 15px; }
.probox .mar .tables{ display:block; padding: 25px 0 20px 0; }
.probox .mar .tables .tdimg{ width:100%; }
.probox .mar .tables .tdtext{ width:100%; padding:0; padding:10px 0 0 0; }
.probox .mar .tables .tdtext .h1{ font-size:20px; margin: 0 0 10px 0; }
.probox .btnsbox{ padding: 0 15px; }
.probox .btnsbox .btns{ padding:0 0 6px 6px; width:50%; }
.probox .btnsbox .btns .gs{ font-size:14px; }

/*會員心得*/
.membox .grids{ width:100%; }
.membox .grids .gs{ height:auto; min-height: auto; }

.gainedsbox{ display:block; }
.gainedsbox .g1{ width:100%; border:none; }
.gainedsbox .g2{ padding:10px 0 0 0; margin-left:-5px; width:auto; }

.gainedsbox .g2 .girds{ margin:0; padding:0 0 5px 5px; width:50%; display:flex; }
.gainedsbox .g2 .girds .label{ padding:5px 15px; line-height:normal; min-height:34px; }

.gainedsbox .g3{ margin-left:-5px; padding:15px 0 0 0; }
.gainedsbox .g3 .girds{ margin:0; padding-left:5px; width:33.3333334%; }
.gainedsbox .g3 .label{ text-align:center; padding:10px 0; line-height:26px; height:100%; }

.gainedsbox .g2box{ padding:0; }


/*AD*/
.adblock{ height:100vh; }
.adblock .mar{ padding:0 15px; }
.adblock .mar .text{ text-align: center; }
.adblock .mar .h1{ font-size:36px; line-height: 1.6;}
.adblock .mar .h2{ font-size:20px; }
.adblock .mar .mores{ line-height:50px; font-size:20px; width: 70%;}

/*購物地圖*/
.shopbox{ display:block; }
.shopbox .leftgrids{ width:100%; display:block;  }
.shopbox .rightgrids{ width:100%; padding:25px 0 0 0; }

.shopbox .shimgs{ width:100%; }
.shopbox .shtext{ width: auto; margin-left:-5px;}
.shopbox .shimgs .imgs .pric{ font-size:20px; width: 155px; }
.shopbox .shtext .slist{ width:50%; height:auto; padding:0; padding-left:5px; padding-top:5px; background:none; align-items:stretch; align-content:stretch;  }
.shopbox .shtext .slist .ss{ display:flex; flex-wrap: wrap; padding:10px; background:#eee; width:100%; }
.shopbox .shtext .slist .h1{ font-size:14px; }
.shopbox .shtext .slist .ps{ font-size:12px; }
.shopbox .shtext .slist.hold:before{ display:none; }

.shopbox .shtext .slist.hold{ background:none; }
.shopbox .shtext .slist.hold .ss{ background-color:#333; }

.recommendbox{ padding-bottom:20px; }
.mapgrids .grids{ width:50%; }
.mapgrids .grids .gs .texts{ font-size: 12px; }

.mem_op{ margin:20px 0; }
.mem_op .memop .ops{ line-height:36px; height:36px; font-size:16px; }

.sortmems{ padding-top:15px; }
.sortmems .grids{ flex:1; text-align:center; padding:0 15px 20px 15px; font-size: 16px; }

/*代購專區*/
.daigouBlock.bottom{ padding-bottom:0; }
.daigouBlock .industryList .grids{ width:100%; }
.daigouFilter .selectdiv .du{ position: fixed; bottom: 0; top: 0; z-index: 1000; }
.daigouFilter .selectdiv .du.open{ display:block; }
.daigouFilter .selectdiv .du .flexBox{ grid-gap: 10px; height: calc(100dvh - 170px); overflow: auto; }
.daigouFilter .selectdiv .du .duGrids{ width:calc( 50% - 5px ); }
.daigouFilter .selectdiv .du .cloaseBtn{ display: block; width: 100%; margin: 20px 0 0 0; text-align: center; padding: 10px 5px; background: #eee; }
.daigouFilter .selectdiv .du .mTitle{ display:block; border-bottom: 1px solid #ccc; padding: 0 0 20px 0; margin: 0 0 20px 0; text-align:center; font-size: 18px; color: #777; font-weight: bold; }

.daigouBlock .twocolumns{ flex-direction: column; }
.daigouBlock .twocolumns .leftBox{ width:100%; }
.daigouBlock .twocolumns .leftBox .stickys{ position:static; }
.daigouBlock .twocolumns .rightBox{ padding:20px 0 0 0; width:100%; }
.daigouBlock .twocolumns .rightBox .sortDiv{ justify-content: space-between; }
.daigouBlock .twocolumns .rightBox .sortDiv .sortGs{ margin:0; }
.daigouBlock .twocolumns .rightBox .title{ margin-bottom: 40px; }

/********************************內頁********************************/
.nav{ padding:10px 0; margin-top:70px; }
.nav .mar{ padding:0 10px; font-size:14px; }
.nav .mar a{ font-size:14px; }
.marbox{ padding:15px; }

/*登入*/
.loginbox{ display:block; }
.loginbox:before{ display:none; }
.loginbox .logrids{ width:auto; display:block; padding:0; border:none; border-bottom: 1px solid #ccc; }
.loginbox .logrids:last-child{ padding: 40px 0 0 0; }
.loginbox .logrids .button_block{ padding:10px 0 40px 0; }

.forText{ padding:0 0 20px 0; }

/*最新消息*/
.newdeTitle{ position:static; padding:0 0 20px 0; }
.newdeTitle .dates{ padding:5px 0 0 0; position:static; }

/*說明*/
.stepText{ margin: 0 0 50px 0; }

.st_toll{ flex-wrap:wrap; padding:0; }
.st_toll .tos{ width:50%; padding: 0 10px; margin:0 0 25px 0; }
.st_toll .tos .imgs{ width:100%; padding-bottom:100%; }
.st_toll .tos .h1{ font-size:14px; }

/*會員*/
.z_txts{ font-size:14px; }
.y_txts{ font-size:14px; }
.y_txts span{ font-size:14px; }
.zonefrom{ padding:20px 0 0 0; margin:20px 0 0 0; }
.zonefrom .grids{ width:100%; }
.zonefrom .grids .gs{ padding:10px 10px; display:block; }
.zonefrom .grids .gs .gtitle{ padding:0 0 5px 0; width:auto; font-size:14px; }
.zonefrom .grids .gs .gcont{ display:block; }
.zonefrom .grids .gs .gcont.flexs{ display:flex; }
.zonefrom .grids .gs .gcont .itxt{ font-size:14px; }
.zonefrom .grids .gs .gcont .input{ font-size:14px; }
.zonefrom .grids .gs .gcont .textarea{ font-size:14px; }
.zonefrom .grids .gs .gcont .tds{ font-size:14px; }
.zonefrom .grids .gs .gcont .down{ font-size:14px; }
.zonefrom .grids .gs .gcont .labgrids{ flex-wrap: wrap; }
.zonefrom .grids .gs .gcont .labgrids.wh03{ width:50px; }
.zonefrom .grids .gs .gcont .labgrids.martop{ margin-top:5px; }
.zonefrom .grids .gs .gcont .tdflex{ display:block; width:100%; margin:0 0 10px 20px; }
.zonefrom .grids .gs .gcont .tds.pad-left{ padding-left:0 !important; }
.zonefrom .grids .gs .gcont .tdflex .tds{ margin-bottom:5px; }
.zonefrom .grids .gs .gcont .tdflex .tds:last-child{ margin: 3px 0 0 0; }
.zonefrom .grids .redtxt{ font-size:12px; }
.zonefrom .grids .gs .gcont .inputTab{ flex-wrap: wrap; }
.zonefrom .grids .gs .gcont .inputTab .itd{ margin-bottom:5px; }
.zonefrom .grids .gs .gcont .inputTab .itd.wh1{ width:50%; }
.zonefrom .grids .gs .gcont .inputTab .itd.wh2{ width:100%; flex:auto; padding-right:0 }
.zonefrom .grids .gs .gcont .inputTab .itd:last-child{ flex:auto; width:100%; margin-bottom:0; }
.zonefrom .grids .gs .gcont .w_list{ flex-wrap: wrap; }

.zoneTitle{ font-size:18px; }

.button_block .btns-a{ width:100%; margin:0; }
.button_block .btns-b{ width:100%; margin-top:15px; }

.tables{ display:block; }
.tables .trs{ display:block; margin-bottom:20px; border:1px solid #ccc; border-top: 4px solid #cebdab; }
.tables .trs.disnone{ display:none; }
.tables .trs:last-child{ margin-bottom:0; }
.tables .tds{ display:block; border:none; border-bottom:1px solid #ccc; text-align:left; font-size:14px; padding:10px 15px; }
.tables .tds:before{ content:attr(data-title); display:block; font-size:14px; color:#000; font-weight:700; margin-bottom:3px; }
.tables .tds:last-child{ border:none; }

.itemsDetailBox .gridT1{ font-size:13px; width: 110px; padding: 0 5px 0 0; }

.mobdis{ display:block; padding:0 0 10px 0; }

.optext{ font-size:14px; }

.memdatablock{ flex-wrap: wrap; }
.memdatablock .msgrids{ display:block; width:100%; border-bottom: 1px solid #cebdab; padding:0 0 15px 0; margin-bottom:20px; }
.memdatablock .msgrids .mimgs{ margin:auto; }
.memdatablock .msgrids .mtext{ padding:15px 0 0 0; }
.memdatablock .grids{ width:100%; border:none; padding:0 0 25px 0; }
.memdatablock .grids:last-child{ padding:0; }

.addbg{ padding:25px; }

.mems_sort{ margin-left:-10px; }
.mems_sort .sorts{ padding-left:10px; }
.mems_sort .sorts .ss{ padding:0 15px; font-size: 14px; }

.precautions_txt .txt{ flex:1; text-align:center; }

/*步驟*/
.stepblock .mar .stitle{ display:block; }
.stepblock .mar .stitle .h1{ margin:0 0 10px 0; }
.stepblock .mar .stitle .h1 .span_1{ display:block; margin:0 0 10px 0; font-size:20px; }
.stepblock .mar .stitle .h1 .span_2{ display:block; font-size:14px; line-height:1.6; }
.stepblock .mar .step_box{ flex-wrap: wrap; }
.stepblock .mar .step_a{ display:none; }
.stepblock .mar .step_b{ text-align:center; padding: 0 0 35px 0; width:50%; }
.stepblock .mar .step_b:last-child{ padding:0; }
.stepblock .mar .step_a{ display:block; margin: 0 0 25px 0; }
.stepfun01,.stepfun02,.stepfun03,.stepfun04,.stepfun05{ margin:auto; }

/*faq*/
.faqTxt{ font-size:13px; }
.faqbox .lists .h_a{ padding-right: 30px; }
.faqbox .lists .h_a .icons{ width: 35px; height: 35px; line-height: 35px; font-size: 18px; margin: 0; }
.faqbox .lists .h_a .itxt{ font-size: 14px; padding: 0 0 0 7px;}
.faqbox .lists .h_a::after{ width: 10px; height: 10px; right: 10px; top: 45%; transform: rotate(45deg) translateY(-50%); -webkit-transform: rotate(45deg) translateY(-50%); -moz-transform: rotate(45deg) translateY(-50%);}
.faqbox .lists .h_b{ padding:20px 5px 0 5px;}
.faqTxt .line{ font-size:16px; }

/*頁碼*/
.pagebox{ padding:25px 0; }
.pagebox .link{ font-size:14px; min-width:20px; line-height:20px; }

/*光箱*/
.lightbox .wblock{ width:90%; max-height: 90vh; overflow: auto; }
.lightbox .moveTitle_2 .ms{ display:block; width:auto; padding:0 0 5px 0; }
.lightbox .movelist .hicon{ font-size:14px; }
.lightbox .movelist .htxt{ font-size:14px; padding-top:5px; }
.lightbox .m_ranges_a .grids{ width:33.3334%; }

.lightbox .button_block{ padding:20px 0 0 0; }
.lightbox .button_block .btns-a{ width:100px; line-height:36px; height:36px; font-size:16px; }
.lightbox .button_block .btns-b{ margin-top:0; }

}