/* --------- social info --------- */#social-info{display: none; opacity: 0; visibility: hidden;}/* --------- table --------- */ .pd-rtable, .member-voucher .pd-rtable{display: flex; flex-wrap: wrap; padding: 0;} .detail .pd-rtable{padding: 20px 20px 0;} .detail .pd-rtable .title{display: none;} .pd-rtable-cell.th.name, .pd-rtable-cell.td.name, .member-voucher .pd-rtable-cell th.name .member-voucher .pd-rtable-cell td.name{width: 120px;} .member-voucher .pd-rtable p{position: relative; display: block; width: 100%; color: #333; font-size: 17px; text-align: left; font-weight: bold; line-height: 1; padding: 0 30px;} .member-voucher .pd-rtable p > span{font-size: 17px; font-weight: bold; color: #00858c;} .pd-rtable-cell.th.num, .pd-rtable-cell.td.num{width: 150px;} .pd-rtable-cell.th:not(.name,.num), .pd-rtable-cell.td:not(.name,.num), .member-voucher .pd-rtable-cell.th:not(.name,.num), .member-voucher .pd-rtable-cell.td:not(.name,.num){box-sizing: border-box; width: calc( (100% - 270px) / 5 ); overflow: hidden; list-style: none;} .member-voucher .pd-rtable-cell.th:not(.name,.num), .member-voucher .pd-rtable-cell.td:not(.name,.num){width: calc( 100%/ 5 );} .member-voucher .voucherUsed .pd-rtable-cell.th:not(.name,.num), .member-voucher .voucherUsed .pd-rtable-cell.td:not(.name,.num){width: calc( 100%/ 3 );} .member-voucher .voucherUsed li{justify-content: center;} .register .pd-rtable-cell.th:not(.name,.num), .register .pd-rtable-cell.td:not(.name,.num){width: calc( 100%/ 7 );} /* Table column sizing */ .pd-rtable--2cols > .pd-rtable-cell{width: 50%;} .pd-rtable--3cols > .pd-rtable-cell{width: 33.33%;} .pd-rtable--4cols > .pd-rtable-cell{width: 25%;} .pd-rtable--5cols > .pd-rtable-cell{width: 20%;} .pd-rtable--6cols > .pd-rtable-cell{width: 16.6%;} /* Cell style */ .pd-rtable ul, .member-voucher .pd-rtable ul{width: 100%; /* padding: 10px 0; */ margin: 0;} .pd-rtable-cell{font-size: 17px; font-weight: 400; line-height: 2; padding: 10px; text-align: center;} .pd-rtable-cell.th, .pd-rtable-cell.td a{} .pd-rtable-cell.td a{cursor: pointer;} .pd-rtable-cell.td a:hover{color: #771E1E;} .pd-rtable-cell.th{padding: 5px 10px;} .pd-rtable-cell.td, .member-voucher .pd-rtable-cell.td{padding: 5px 10px;} /* .member-voucher .pd-rtable-cell.td{} */ .pd-rtable-cell.td p{display: inline-block; margin-bottom: 0;} .pd-rtable-cell.td button, .member-voucher .voucher-total li button{display: block; background-color: #999; color: #fff; border: 0; transition: all .3s ease;} .pd-rtable-cell.td button.cancel, .pd-rtable-cell.td button.return{margin: auto;} .pd-rtable-cell.td button:hover{} .pd-rtable-cell.td button.return:hover{background-color: #333; color: #ddd;} .pd-rtable-cell.td.num a, .pd-rtable-cell.td.track a{position: relative;} .pd-rtable-cell.name span, .pd-rtable-cell.td span{display: none;} .pd-rtable-cell.td i{position: relative; display: inline-block; border-radius: 50%;} .detail .pd-rtable ul li.tr:first-child{} .detail .pd-rtable ul.info li.tr{background-color: transparent;} .detail .pd-rtable ul li.tr:not(:first-child), .cart-detail .pd-rtable ul li.tr:not(.mainTitle){position: relative;} .detail .pd-rtable-cell.name{width: 20%;} .detail .pd-rtable-cell:not(.name){width: calc( 80% / 5 );} .detail .pd-rtable-cell.td{padding: 10px;} .detail .pd-rtable-cell.td.name{text-align: left; line-height: 1.5;} .member-voucher .pd-rtable ul{max-height: 280px; border: solid 1px #aaa; margin-bottom: 50px; overflow: auto;} .member-voucher .pd-rtable ul::-webkit-scrollbar{background-color: #f2f2f2; width: 7px;} .member-voucher .pd-rtable ul::-webkit-scrollbar-thumb{background-color: #ddd;} .member-voucher .pd-rtable ul.voucherHead{color: #fff; padding: 0; background-color: #00858c; border: none; border-top-left-radius: 20px; border-top-right-radius: 20px; margin-bottom: 20px;} .detail .pd-rtable ul{margin: 0;} .pd-rtable ul li.tr, .member-voucher .pd-rtable ul li.tr{display: flex; align-items: center; width: 100%;} .member-voucher .pd-rtable ul li.tr{border-bottom: solid 1px #aaa;} .pd-rtable ul li.tr:first-child, .member-voucher .pd-rtable ul li.tr:first-child{background-color: #f2f2f2; border-radius: 0;} .member-voucher .pd-rtable ul li.tr:first-child{background-color: unset;} .member-voucher .pd-rtable ul li.tr:first-child th{} .member-voucher .pd-rtable ul li.tr:last-child{border-bottom: unset;} .member-voucher .pd-rtable ul li.tr .pd-rtable-cell{font-size: 15px;} .detail .pd-rtable ul li.tr .list, .cart-detail .pd-rtable ul li.tr .list{display: contents;} /* --------- mix ---------*//* product-mix */.product-details .accordion .card{border: 0.1rem solid rgb(235, 235, 235);}.product-details .accordion .card-title a.collapsed:before{content: '\f2c2';}.product-details .accordion .card-title a:before{content: '\f28e';}.product-details .accordion{margin-bottom: 0;}.product-details .accordion .card.card-sm .card-title a{padding: 20px 10px;}.product-details .accordion .card.card-sm .card-body{padding: 0 20px;}.product-details .accordion ul{position: relative;}.product-details .accordion ul,.product-details .accordion ul li:not(:last-child){margin-bottom: 20px;}.product-details .accordion ul li,.product-details .accordion ul li .mixInfo .mixDetail{display: flex;}.product-details .accordion ul li .mixImg{display: block; width: 150px; margin-right: 20px;}.product-details .accordion ul li .mixInfo{display: block; width: 100%;}.product-details .accordion ul li .mixInfo .mixTitle{line-height: 1.5; padding-bottom: 20px;}.product-details .accordion ul li .mixInfo .mixDetail select{margin-right: 5px; width: 100%;}.pd-rtable ul li.tr.mixProducts{position: relative; display: block; padding: 15px 15px 15px 60px; background-color: #f2f2f2;}.cart-detail.register.payment .pd-rtable ul li.tr.mixProducts{padding-left: 50px;}.pd-rtable ul li.tr.mixProducts .mixContent{display: flex; align-items: center;}.pd-rtable ul li.tr.mixProducts .mixContent .pd-rtable-cell.td.name.colspan{text-align: center; width: 61%;}.cart-detail.register.payment .pd-rtable ul li.tr.mixProducts .mixContent .pd-rtable-cell.td.name.colspan{width: 60%;}.pd-rtable ul li.tr.mixProducts .mixContent .pd-rtable-cell.td{}.pd-rtable ul li.tr.mixProducts .mixContent .pd-rtable-cell:not(.name,.remove){width: calc( (100% - 120px) / 5 );}.pd-rtable ul li.tr.mixProducts .mixContent .pd-rtable-cell:not(.name,.remove).colspan{width: 31%;}.pd-rtable ul li.tr.mixProducts .mixContent .pd-rtable-cell:not(.name,.remove).colspan select{width: 100%;}.mixContent img{/* width: 80px; */ margin: auto; margin-right: 0;}.mixContent .form-control[disabled]{background-color: transparent; border: 0;}.mixContent .form-control[disabled]+.input-spinner .input-group-prepend,.mixContent .form-control[disabled]+.input-spinner .input-group-append{display: none;}.detail .pd-rtable ul li.tr.mixProducts,.cart-detail .pd-rtable ul li.tr.mixProducts{/* background-color: #f9f9f9; */ /* padding: 15px; */}.mixTitle::before{content: '－'; padding-right: 5px;}/* REG */.cart-detail .pd-rtable .register-list h4{color: #fff; font-size: 15px; background-color: #555; padding: 10px; margin-bottom: 0; border-radius: 4px;}/* .cart-detail .pd-rtable ul li.tr.mainTitle{border: solid 1px #ccc; background-color: #ccc; padding: 0px 0; border-radius: 4px;} */.cart-detail .pd-rtable ul li.tr .pd-rtable-cell.checkbox,.cart-detail .pd-rtable ul li.tr.mixCart .pd-rtable-cell.checkbox{position: relative; display: flex; width: 100%; /* max-width: 30px; */ max-width: 50px; padding: 0; align-items: center; justify-content: center;}.cart-detail .pd-rtable ul li.tr .pd-rtable-cell.th input[type=checkbox],.cart-detail .pd-rtable ul li.tr .pd-rtable-cell.td input[type=checkbox],.cart-detail .pd-rtable ul li.tr.checkbox label input[type=checkbox]{width: 16px; height: 16px; line-height: 2;}.cart-detail .pd-rtable ul li.tr .pd-rtable-cell.th input[type=checkbox]{position: relative; top: 0px; border-radius: 0!important; margin-left: 5px;}.cart-detail .pd-rtable ul li.tr .pd-rtable-cell.th input[type=checkbox] + input:checked{background-color: #b52727;}.cart-detail .pd-rtable ul li.tr.checkbox{display: none;} /* .checkbox input{position: relative; left: 2px; top: 2px; display: inline-block; height: 15px; width: 15px;} .checkbox svg{position: absolute; left: 40%; top: 0px; display: inline-block; height: 15px; width: 15px;} */ .pd-rtable-cell.th .checkbox svg{left: unset; right: 21%; top: 5px;}/* --------- voucher / coupon --------- */.cart-info .cart-total{display: flex; flex-wrap: wrap; align-items: flex-start; padding: 10px 0 30px; border-top: solid 1px #f2f2f2;}.cart-info .cart-total .ct-discount{width: 40%;}.cart-info .cart-total .sd-total{width: calc( 100% - 40% );}.cart-info .cart-total .ct-discount li h4{font-size: 15px; border: solid 1px #ccc; padding: 8px 0; text-align: center; background: #ccc; color: #555; border-radius: 4px;}.cart-info .cart-total .coupon form button.enter,.cart-info .cart-total .ct-discount .voucher-info button.enter{width: 40px; color: #fff; border: solid 1px #777; border-radius: 4px; background-color: #777; outline: none; transition: all .35s ease;}.cart-info .cart-total .coupon form button.enter:hover,.cart-info .cart-total .ct-discount .voucher-info button.enter:hover{background-color: #222; border-color: #222;} /* coupon */ .cart-info .cart-total .coupon-info{display: block; height: 50px; text-align: right; margin-top: 20px;} .cart-info .cart-total .coupon-info.new{text-align: unset; margin-top: 0;} .cart-info .cart-total .coupon-info span{min-width: 100px; text-align: right;} .cart-info .cart-total .coupon-info:not(.new) .coupon-btn{font-size: 15px; color: #777; display: inline-block; float: right; border-bottom: dashed 1px #777; clear: both;} .cart-info .cart-total .coupon-btn:hover{cursor: pointer;} .cart-info .cart-total .coupon-info .coupon{position: relative; float: right; display: none; clear: both;} .cart-info .cart-total .coupon-info.new .coupon{position: relative; display: block; float: none; clear: none;} .cart-info .cart-total .coupon form{display: flex; flex-wrap: wrap; border: dashed 1px #999; font-size: 15px; padding: 0 10px;} .cart-info .cart-total .coupon.coupon.new form{border: none;} .cart-info .cart-total .coupon.coupon.new form input{width: calc( 100% - 50px ); min-width: 120px; border: solid 1px; border-color: transparent transparent #777 transparent; padding: 0 5px; outline: none;} .cart-info .cart-total .coupon.coupon.new form button{display: inline-block; width: 50px;} .cart-info .cart-total .coupon form label{margin: 0 0 0;} /* voucher */ .cart-info .cart-total .ct-discount .voucher-info span:first-child{min-width: 100px; text-align: right;} .cart-info .cart-total .voucher-info input{width: 195px; border-bottom: solid 1px; border-color: transparent transparent #777 transparent;} .cart-info .cart-total .voucher-info .voucher form{display: flex; flex-wrap: wrap; font-size: 15px; padding: 0 10px;} .cart-info .cart-total .voucher-info .voucher form button{display: inline-block; width: 50px;} .cart-info .cart-total .voucher-info .voucher form input{width: calc( 100% - 50px ); min-width: 120px; border: solid 1px; border-color: transparent transparent #777 transparent; padding: 0 5px; outline: none;} .cart-info .cart-total .voucher-info .voucher form .group{display: flex; width: 100%;} .cart-info .cart-total .voucher-info .voucher form .input-spinner .input-group-prepend, .cart-info .cart-total .voucher-info .voucher form .input-spinner .input-group-append{top: 0!important;} .cart-info .cart-total .voucher-info .voucher form .input-spinner .btn.btn-spinner{padding: 7px 0;} .cart-info .cart-total .voucher-info .voucher form .balance{display: block; width: 100%; font-size: 14px; color: #777; min-width: 100px; text-align: right; padding: 5px 10px 5px 5px;}.member-voucher > span,.member-voucher p{display: flex; width: 100%; max-width: 100%; align-items: center; justify-content: center; color: #222; font-size: 15px; font-weight: 400; margin-bottom: 5px;}.member-voucher > span{color: #aaa; padding-bottom: 20px;}.member-voucher p > svg{width: 20px; margin-right: 5px; fill: #aaa;}.member-voucher .voucher-total,.member-voucher .voucher-total li.v-send,.member-voucher .voucher-total li .v-top,.member-voucher .voucher-total li .v-bank ul li:first-child{display: flex; justify-content: space-evenly; align-items: center; padding: 0 0; margin-bottom: 0;}.member-voucher .voucher-total a,.member-voucher .voucher-total li.total p{display:inline-block;}.member-voucher .voucher-total a i,.return .voucher-checkbox a i{font-size: 21px;}.member-voucher .voucher-total li.total p{width: 80px; text-align: right; font-weight: bold; font-size: 17px; padding-left: 10px; margin-bottom: 0;}.member-voucher .voucher-total li.total span{font-size: 15px; font-weight: 500;}.member-voucher .voucher-total li,.member-voucher .voucher-total li .v-top,.member-voucher .voucher-total li .v-bank li.v-send,.member-voucher .voucher-total li .v-bank ul li:first-child{border-top: 0; padding: 0;}.member-voucher .voucher-total li .v-top,.member-voucher .voucher-total li .v-bank li.v-send,.member-voucher .voucher-total li .v-bank ul li:first-child{justify-content: flex-start;}.member-voucher .voucher-total li .v-top a,.return .voucher-checkbox a{position: relative;}.member-voucher .voucher-total li .v-top a .tooltiptext,.return .voucher-checkbox a .tooltiptext{visibility: hidden; width: 100px; background-color: #333; color: #fff; font-size: 14px; line-height: 1.5; text-align: center; border-radius: 6px; padding: 5px 0; position: absolute; z-index: 1; bottom: 100%; left: 50%; padding: 10px; margin-left: -60px; opacity: 0; transition: opacity 0.3s;}.member-voucher .voucher-total li .v-top a .tooltiptext::after,.return .voucher-checkbox a .tooltiptext::after{content: ""; position: absolute; top: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: #333 transparent transparent transparent;}.member-voucher .voucher-total li .v-top a:hover .tooltiptext,.return .voucher-checkbox a:hover .tooltiptext{visibility: visible; opacity: 1;}.member-voucher .voucher-total li .v-bottom label{min-width: 40px; padding-right: 10px; margin-bottom: 0;}.member-voucher .voucher-total li .v-bank li,.member-voucher .voucher-total li .v-bank ul li:first-child{padding-bottom: 10px;}.member-voucher .voucher-total li:not(.total) span{padding-right: 10px;}/* og:192 */.member-voucher .voucher-total li .v-bank{display: none;}.member-voucher .voucher-total li .v-bank ul li{display: flex; max-width: 350px;}.member-voucher .voucher-total li .v-bank ul li:first-child input:not(#bank-name){width: 70px; margin-right: 5px;}.member-voucher .voucher-total li .v-bank input{border: 0; width: 100%;}.member-voucher .voucher-total li .v-bank input[type='text']{border-bottom: solid 1px #999; outline: none;}.member-voucher .voucher-total li .v-bank input[type='submit']{width: 70px; background-color: transparent;}.member-voucher .voucher-total li .v-bank ul li:first-child a{min-width: 30px; text-align: center;}.member-voucher .voucher-total li .v-bank ul li:first-child a:hover{color: #333;}.member-voucher .voucher-total li button:hover{background-color: #333; color: #ddd;}/* return */.return .voucher-checkbox{display: flex; align-items: center; color: #333;}.return .voucher-checkbox input[type='checkbox']{margin-right: 5px;}.return .voucher-checkbox a .tooltiptext{width: 250px; left: -50px; text-align: justify;}/* --------- register --------- *//* 通用 */.register-body{padding-bottom: 10px; margin-bottom: 30px;}.register-bottom{display: flex; justify-content: space-between; padding-top: 10px;}.register-bottom .location p,.register-body .price span:first-child{color: #999;}.register-body .price{display: block; min-width: 100px; text-align: right;}.register-bottom .location p>i,.register-body .price span:last-child{font-size: 18px; font-weight: bold; font-family: Arial, Helvetica, sans-serif;}.register-title{position: relative; font-size: 18px; font-weight: bold; margin-bottom: 0; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: normal;}.register-title a{color: #222333;}.register-title a:hover{color: #777;}.register-intro{color: #999; padding-top: 10px; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; white-space: normal;}.registration button{min-width: 100%; min-height: 40px; /* max-width: 100%; */ border: solid 1px #777; background-color: #fff;}/* register2 */.register2.ed-style{display: flex; align-items: center; box-sizing: border-box; padding-bottom: 50px;}.register2.ed-style:last-child{padding-bottom: 20px;}.register2.ed-style .register-media{position: relative; display: block; width: 35%; background-color: #d7d7d7; margin-bottom: 0; overflow: hidden;}.register2.ed-style .register-body{width: calc( 100% - 35% );}.register2.ed-style .register-body{margin-left: 50px;}.register2.ed-style .register-intro{-webkit-line-clamp: 5;}.register2.ed-style .register-bottom{padding-top: 20px; padding-bottom: 0;}/* register-content *//* note */.registration .note{position: relative; display: block; border-bottom: solid 1px #ddd; padding-bottom: 20px; margin-bottom: 20px;}/* reset */.registration .reset{position: relative; /* display: block; */ text-align: center; padding: 10px 0 20px;}.registration .reset a{color: #222;}.registration .reset a:hover{color: #999;}/* --calendar */.calendar-table{margin-right: 30px;}.calendar-table .table h4{font-size: 15px; margin-bottom: 5px;}.calendar-table .date{display: flex; align-items: center; justify-content: space-between; min-height: 100px; padding: 10px 0; background-color: #f2f2f2;}.calendar-table .date-info .top{display: block;}.calendar-table .date-info .top a,.calendar-table .date a.date-prev,.calendar-table .date a.date-next{font-size: 18px; color: #222; padding-left: 20px;}.calendar-table .date-info .top a{padding-left: 0;}.calendar-table .date a.date-next{padding-right: 20px;}.calendar-table .date-info{display: block; text-align: center;}.calendar-table .date-info select{min-width: 100px; text-align: center;}.calendar-table .table{position: relative; display: table; width: 100%; margin-bottom: 20px;}.calendar-table .table .thead,.calendar-table .table .tbody{display: table; width: 100%;}.calendar-table .table .tr{display: table-row;}.calendar-table .table .thead .th,.calendar-table .table .tbody .td{display: table-cell; width: calc( 100% / 7 ); text-align: center;}.calendar-table .table .thead .th,.calendar-table .table .tbody .td{position: relative; padding: 20px 0;}.calendar-table .table .thead .th{padding: 8px 0;}.calendar-table .table .thead .th{color: #fff; background-color: #222;}.calendar-table .table .tbody .tr:not(:last-child) .td{border-bottom: solid 1px #ddd;}.calendar-table .table .tbody .td.prev,.calendar-table .table .tbody .td.next{color: #ccc;}.calendar-table .table .tbody .td button{position: absolute; display: block; bottom: 2px; width: 100%; height: calc( 100% - 10px ); background-color: #fff; border: solid 1px #999; margin: 4px 0px; z-index: 0; transition: all .3s ease;}.calendar-table .table .tbody .td button:hover,.calendar-table .table .tbody .td button:focus{color: #fff; background-color: #b52727; border-color: #b52727;}.calendar-table .table .tbody .td button.full{color: #222; background-color: #ddd; border-color: #ddd;}.calendar-table .tips{position: relative;}.calendar-table .tips ul,.calendar-table .tips ul li{display: flex; align-items: center; justify-content: flex-end;}.calendar-table .tips ul li:not(:last-child){padding-right: 10px;}.calendar-table .tips ul li span:nth-child(2){display: inline-block; width: 50px; height: 25px; background-color: #ddd; border: solid 1px #ddd; margin-left: 5px;}.calendar-table .tips ul li:first-child span:nth-child(2){background-color: #fff; border-color: #999;}/* --detail */.register-detail,.register-btn{position: relative;}.register-detail h4{font-size: 15px; margin-bottom: 5px;}.register-detail h4 > span:last-child,.register-detail .price ul li:last-child span{font-size: 18px; font-weight: 500;}.register-btn{display: flex; justify-content: space-between;}.register-btn ul{display: block; align-items: baseline; max-width: 100%; overflow: hidden;}.register-detail .period ul{margin-left: -7px; margin-right: -7px;}.register-detail .period ul li,.register-detail .age ul:not(.participator) li,.register-detail .participator ul li{display: inline-block; width: calc( 100% / 5 - 4px ); padding-bottom: 10px;}.register-detail .period ul li{padding: 0 5px;}.register-detail .period ul li,.register-detail .age ul:not(.participator) li{width: calc( 100% / 3 - 3px);}.register-detail .age{margin: 30px 0 20px;}.register-detail .age ul.participator li{display: flex; align-items: center;}.register-detail .age ul.participator li:not(:last-child){padding-bottom: 30px;}.register-detail .age ul.participator li.applicant{display: block; padding-bottom: 10px; border-bottom: solid 1px #f2f2f2; margin: 0 0 30px;}.register-detail .age ul.participator li .accordion,.register-detail .age ul.participator li input{width: 100%; margin-bottom: 0;}.register-detail .age ul.participator li .accordion .card{border-top: 0; background-color: #f2f2f2;}.register-detail .age ul.participator li .accordion>.card .card-header{margin-bottom: 0;}.register-detail .age ul.participator li .accordion .card .card-title{background-color: #777;}.register-detail .age ul.participator li .accordion .card.card-sm .card-title a:before{content: '\f110';}.cart-detail .pd-rtable ul li.tr.mixProducts .applicant{display: block; border-top: solid 1px rgba(51,51,51,0.15); border-bottom: solid 1px rgba(51,51,51,0.15); margin: 0 0 30px;}.cart-detail:not(.payment) .pd-rtable ul li.tr.mixProducts .applicant{margin-right: 50px;}.cart-detail .pd-rtable ul li.tr.mixProducts .applicant .accordion{margin-bottom: 0;}.cart-detail .pd-rtable ul li.tr.mixProducts .applicant .accordion .card{border-top: 0; background-color: transparent;}.cart-detail .pd-rtable ul li.tr.mixProducts .applicant .accordion .card.card-sm .card-title{background-color: transparent;}.cart-detail .pd-rtable ul li.tr.mixProducts .applicant .accordion .card.card-sm .card-title a,.register-detail .age ul.participator li .accordion .card.card-sm .card-title a{font-size: 15px; color: #fff; padding: 10px 20px;}.cart-detail .pd-rtable ul li.tr.mixProducts .applicant .accordion .card.card-sm .card-title a{color: #333; padding: 10px 0;}.cart-detail.payment .pd-rtable ul li.tr.mixProducts .applicant .accordion .card.card-sm .card-title a{padding: 10px 20px;}.cart-detail .pd-rtable ul li.tr.mixProducts .applicant .accordion .card.card-sm .card-title a::before{right: 3px;}.cart-detail.payment .pd-rtable ul li.tr.mixProducts .applicant .accordion .card.card-sm .card-title a::before{right: 20px;}.register-detail .age ul.participator li .accordion .card.card-sm .card-title a:hover{color: #ddd;}.register-detail .age ul.participator li span{min-width: auto;}.register-detail .age ul.participator li span:nth-child(2),.register-detail .age ul.participator li span.op{color: #999;}.register-detail .age ul.participator li .main-alt{background-color: #f2f2f2; /* padding: 20px 0; */}.register-detail .age ul.participator li h4,.cart-detail .pd-rtable ul li.tr.mixProducts .applicant h4{min-width: 75px; text-align: center; margin-bottom: 0;}.register-detail .age ul.participator li.applicant h4,.register-detail .age ul.participator li .main-alt h4,.cart-detail .pd-rtable ul li.tr.mixProducts .applicant h4{color: #212529; font-size: 15px; background-color: #f2f2f2; padding: 8px 10px; /* border-radius: 20px; */}.cart-detail .pd-rtable ul li.tr.mixProducts .applicant .main-alt h4{text-align: center; margin: 10px 0;}.register-detail .age ul.participator li.applicant .alt,.register-detail .age ul.participator li .main-alt .alt,.cart-detail .pd-rtable ul li.tr.mixProducts .applicant .alt{padding: 20px 30px; /* margin-top: 15px; */ /* margin: 20px 0; */}.cart-detail .pd-rtable ul li.tr.mixProducts .applicant .main-alt .alt{background-color: #f2f2f2; margin: 0; padding: 20px 30px; border-bottom: solid 2px #fff;}.register-detail .age ul.participator li.applicant .card-body,.cart-detail .pd-rtable ul li.tr.mixProducts .applicant .card-body,.cart-detail .pd-rtable ul li.tr.mixProducts .applicant .main-alt h4{/* padding: 10px 0px; */ padding: 0;}.register-detail .age ul.participator li.applicant .alt-form,.register-detail .age ul.participator li .main-alt .alt-form{display: flex; align-items: center; margin-bottom: 15px;}.register-detail .age ul.participator li.applicant label,.register-detail .age ul.participator li .main-alt label,.cart-detail .pd-rtable ul li.tr.mixProducts .applicant span{width: auto; min-width: 65px; margin-bottom: 0; text-align: center; padding-right: 5px;}/* .register-detail .age ul.participator li .main-alt label.phone{min-width: 65px;} */.register-detail .age ul.participator li .main-alt label.email{min-width: 65px;}.cart-detail .pd-rtable ul li.tr.mixProducts .applicant span{color: #666; font-weight: 400; font-size: 14px; margin: 0 0 1.1rem;}/* .cart-detail .pd-rtable ul li.tr.mixProducts .applicant span:first-child{margin-right: 5px;} */.cart-detail .pd-rtable ul li.tr.mixProducts .applicant span:first-child::after{content: '-'; display: inline-block; padding: 0 5px;}.register-detail .age ul.participator li.applicant input{text-align: left;}.register-detail .age ul.participator li.applicant input[type='date']{text-align: center;}.register-detail .age ul.participator li span:first-child{padding-right: 10px; width: 100px; min-width: fit-content;}.register-detail .age ul.participator li span.unit{padding-left: 10px;}.register-detail .age ul.participator li span.op{text-decoration: line-through;}.register-detail .age ul.participator li span.op,.register-detail .age ul.participator li span:last-child{/* padding-left: 10px; */ padding-right: 0; text-align: right;}.register-detail .age ul.participator li span:last-child{font: normal bold 18px/1.5 'arial'; padding-left: 5px;}.register-detail .age ul.participator li input{text-align: center; transition: all .2s ease;}.register-detail .age ul.participator li input:focus{outline: #ddd solid 3px;}.register-detail .age ul.participator li .input-spinner .input-group-prepend,.register-detail .age ul.participator li .input-spinner .input-group-append{top: 0!important;}.register-detail .age ul.participator li .input-spinner .input-group-prepend .btn.btn-spinner,.register-detail .age ul.participator li .input-spinner .input-group-append .btn.btn-spinner{padding: 10px 20px;}.register-detail .period ul li button,.register-detail .age ul li button,.register-detail .participator ul li button{width: 100%; transition: all .3s ease;}/* .register-detail .participator ul li.active button{color: #ccc; border-color: #ccc;} */.register-detail .period ul button:hover,.register-detail .period ul li.active button,.register-detail .age ul button:hover,.register-detail .age ul li.active button,.register-detail .participator ul button:hover,.register-detail .participator ul li.active button{color: #fff; background-color: #b52727; border-color: #b52727;}.register-detail .period ul button:hover,.register-detail .age ul button:hover,.register-detail .participator ul button:hover{background-color: #222; border-color: #222;}/* .register-detail ul li:not(:last-child), */.register-btn ul li:not(:last-child){padding-right: 10px;}.register-detail .price,.register-detail .price ul{display: flex; align-items: center; justify-content: flex-end; margin-bottom: 0;}.register-detail .price ul li:last-child span{font-weight: bold;}.register-detail .price ul.total li:last-child span{color: #b52727;}.register-detail .price ul li:not(:first-child){/* padding-right: 5px; */}.register-detail .price ul li:not(:first-child) span{font-family: arial;}.register-detail .price ul li:nth-child(2){color: #999;}.register-detail .price h4{color: #999; padding-right: 5px; margin-bottom: 0;}.register-btn{padding-top: 10px; margin-top: 10px;}.register-btn ul{display: flex; justify-content: flex-end;}.register-btn button{min-width: 120px; border: transparent; color: #fff; background-color: #777; transition: all .3s ease;}.register-btn ul li:last-child button{background-color: #222;}.register-btn button:hover,.register-btn ul li:last-child button:hover{color: #222; background-color: #fff; border: solid 1px #777;}/* register-custom:xiluo */.register .album,.register .age,.register .blog,.register .relate,.register .activity{margin-top: 80px;}.register .basic{display: flex; align-items: center; justify-content: flex-start; flex-direction:row}.register .basic .title{display: block; font-size: 24px; min-width: 120px; writing-mode:horizontal-tb; margin: auto; text-align: center;}.register .basic .img,.register .basic .img img{width: 100%;}.register .origin h4{font-size: 18px; font-weight: bold;}.register .origin .product.ed-style .product-body{margin-bottom: 0;}.register .activity .pd-pagination{display: block; margin: auto; margin-right: 0;}/* member register */.member-order.register .pd-rtable-cell.th:not(.name,.date), .member-order.register .pd-rtable-cell.td:not(.name,.date){width: calc( 68% / 5 );}.member-order.register .pd-rtable-cell.th.date,.member-order.register .pd-rtable-cell.td.date{width: 12%;}.member-order.register .pd-rtable-cell.th.name,.member-order.register .pd-rtable-cell.td.name{width: 20%;}.member-order.register .pd-rtable-cell.td.name{text-align: left;}.member-order.register .pd-rtable-cell.td.name p{display: inline-block; text-align: center;}.member-order.register .item .detail-table{display: flex;}.member-order.register .item .detail-table table,.member-order.register .item .detail-table table textarea{width: 100%;}.member-order.register .item .detail .pd-rtable{padding: 20px;}.member-order.register .item .detail .pd-rtable ul.info,.member-order.register .detail .pd-rtable ul li.tr:not(:first-child){/* background-color: #f9f9f9; */ padding-left: 0;}.member-order.register .item .detail .pd-rtable-cell.name{width: 25%;}.member-order.register .item .detail .pd-rtable-cell.td.name.colspan{width: 60%;}.member-order.register .item .detail .pd-rtable-cell.time{width: 15%;}.member-order.register .item .detail .pd-rtable-cell:not(.name, .time){width: calc( 65% / 5 );}.member-order.register .item .detail .pd-rtable ul li.tr:first-child{border: 0; border-bottom: solid 1px #999; border-radius: 0;}/* .dashboard.member .member-order.register .item .detail .detail-info{padding: 10px 30px 20px;} */.member-order.register .item .detail .pd-rtable ul{margin-top: 0;}.member-order.register .item .detail .pd-rtable ul.info .applicant .accordion{margin-bottom: 0;}.member-order.register .item .detail .pd-rtable ul.info .applicant .card{background-color: transparent; border-top-color: #999;}.member-order.register .item .detail .pd-rtable ul.info .applicant .card .card-body{background-color: #f9f9f9; padding: 0;}.member-order.register .item .detail .pd-rtable ul.info .applicant .card .card-title a{color: #333; font-size: 15px; padding: 10px;}.member-order.register .item .detail .pd-rtable ul.info .applicant .main-alt .alt{background-color: #f2f2f2; margin: 0; padding: 20px 30px; border-bottom: solid 2px #fff;}.member-order.register .item .detail .pd-rtable ul.info .applicant .alt{padding: 20px 30px; /* margin: 20px 0; */}.member-order.register .item .detail .pd-rtable ul.info .applicant h4{color: #333; font-size: 15px; background: #f2f2f2; text-align: center; padding: 10px 0; margin-bottom: 0;}.member-order.register .item .detail .pd-rtable ul.info .applicant h4,.member-order.register .item .detail .pd-rtable ul.info .applicant .alt .alt-form{/* padding-top: 10px; padding-bottom: 10px; */}.member-order.register .item .detail .pd-rtable ul.info .applicant .alt .alt-form span{color: #666; font-weight: 400; font-size: 14px; margin: 0 0 1.1rem;}/* quick menu */.quick{display: none; opacity: 0; visibility: hidden;}/* messenger */.messenger{position: absolute; display: inline-block; left: 30px; bottom: 50px; width: 50px; height: 50px; z-index: 999;}/* fancybox */ /* add purchase */ .f-carousel .f-carousel__nav .f-button.is-prev, .f-carousel .f-carousel__nav .f-button.is-next{color: #000;} .f-carousel .f-carousel__nav .f-button.is-prev{left: -20px;} .f-carousel .f-carousel__nav .f-button.is-next{right: -20px;} .relativeCase .f-carousel .f-carousel__nav .f-button.is-prev{left: -30px;} .relativeCase .f-carousel .f-carousel__nav .f-button.is-next{right: -30px;} .fancybox__content.product-compare{max-width: 750px; padding: 20px; cursor: auto;} .fancybox__content.product-compare .main-title{padding: 0; margin-bottom: 10px;} .fancybox__content.product-compare >.f-button.is-close-btn{opacity: 1;} .fancybox__content.product-compare >.f-button.is-close-btn svg{fill: #fff; color: #fff;} .fancybox__content.product-compare .product.ed-style{padding: 10px;} .fancybox__content.product-compare .product.ed-style:hover label{cursor: pointer;} .fancybox__content.product-compare .product.ed-style input[type=checkbox]{position: absolute; top: 10px; left: 10px;} .fancybox__content.product-compare .product.ed-style select{width: 100%; font-size: 17px; border-radius: 0;} .fancybox__content.product-compare .btn-compare{position: relative; display: block; text-align: center;} .fancybox__content.product-compare .btn-compare button{display: inline-block; /* width: 150px; */ height: 40px; font-size: 17px; font-weight: bold; line-height: 1; background-color: #000; color: #fff; padding: 10px 0;} .fancybox__content.product-compare .btn-compare button:hover{background-color: #66afd4;} .indexMarquee{padding: 0 0 80px;} .marquee-content{position: relative; width: 100%; overflow: hidden; display: flex; align-items: center; height: 62px; border: 1px solid #d7d7d7;} .mqTitle{float: left; padding: 9px 20px; background-color: #fff; z-index: 10;} .mqTitle img{width: 175px;} .mqInfo{display: flex; width: max-content; /* 根据内容自适应宽度 */ white-space: nowrap; animation: marquee 10s linear infinite; /* transform: translateX(100%); */} /* 跑馬燈動畫 */ @keyframes marquee{from{transform: translateX(100%);} to{transform: translateX(-100%);} } .mqInfo a{display: inline-block; margin-right: 30px;} .mqInfo img{width: 120px; height: auto; white-space: nowrap;} /* 滚动动画的关键帧 */ /* @keyframes marquee{0%{transform: translateX(100vh);} 100%{transform: translateX(-100vh);} } */ /* MEMBER / CART / LOGIN RSPV */@media (min-width:1025px) and (max-width:1439px){.member .content .tab-content{margin-left: 0;}}@media (max-width: 1199px){/* member */ .member .member-order:not(.register) .item .detail .detail-info ul{padding: 20px 30px 0;} /* cart */ .member .member-info .form-group .gender li:not(:first-child){margin-left: 0px;}}@media (max-width:1024px){}@media (max-width:991px){/* member */ .member .content .tab-content{margin-left: 0;}}@media (max-width:767px){/* signin */ .signin .signin-register, .signin .login-register, .login .signin-register, .login .login-register{width: auto; padding: 30px 35px;} /* RWD table */ .detail .pd-rtable ul{margin: 0;} .member-voucher .pd-rtable ul{max-height: 400px; margin-bottom: 20px;} .pd-rtable ul li.tr, .detail .pd-rtable ul li.tr, .member .member-order .item .pd-rtable ul li.tr, .member-voucher .pd-rtable ul li.tr{display: block; width: 100%; padding: 10px 20px;} .member-voucher .pd-rtable .title{padding-left: 0;} .detail .pd-rtable ul li.tr, .member-voucher .pd-rtable ul li:not(:last-child).tr{border-bottom:solid 1px #ddd} .detail .pd-rtable ul li.tr .list, .member .wishlist-detail .pd-rtable ul .tr .list, .cart .pd-rtable ul li.tr .list{display: flex; /* align-items: flex-start; */ align-items: center; justify-content: flex-start; margin-bottom: 10px;} .member-voucher .voucherUsed .pd-rtable-cell.th:not(.name,.num), .member-voucher .voucherUsed .pd-rtable-cell.td:not(.name,.num){width: 100%;} .cart-detail .pd-rtable ul li .register-list{display: block; visibility: visible; opacity: 1; margin-top: 50px;} .pd-rtable ul li:first-child.tr, .cart-detail .pd-rtable ul li.mainTitle.tr{/* display: none; */} .pd-rtable-cell.td:not(.name,.num), .pd-rtable-cell.td.name, .pd-rtable-cell.td.num, .member-voucher .pd-rtable-cell.th:not(.name,.num), .member-voucher .pd-rtable-cell.td:not(.name,.num), .member-voucher .pd-rtable-cell td.name, .member-voucher .pd-rtable-cell td.num, .member .wishlist-detail .pd-rtable-cell.td:not(.name), .member .wishlist-detail .pd-rtable-cell.td.name, .cart-detail .pd-rtable-cell.th.name, .cart-detail .pd-rtable-cell.td.name, .cart.wishlist .cart-detail .pd-rtable-cell:not(.name,.remove), .cart.wishlist .cart-detail .pd-rtable-cell.th.name, .cart.wishlist .cart-detail .pd-rtable-cell.td.pd-rtable-cell:not(.name,.remove), .pd-rtable ul li.tr.mixProducts .mixContent .pd-rtable-cell.td.name.colspan, .pd-rtable ul li.tr.mixProducts .mixContent .pd-rtable-cell:not(.name,.remove), .pd-rtable ul li.tr.mixProducts .mixContent .pd-rtable-cell:not(.name,.remove).colspan, .register .pd-rtable-cell.th:not(.name,.num), .register .pd-rtable-cell.td:not(.name,.num), .cart .cart-detail .tr .list .pd-rtable-cell.td, .cart .cart-detail .pd-rtable-cell.td:not(.name), .cart .cart-detail .pd-rtable-cell.td.name{width: 100%; /* padding: 0 10px; */ padding: 0 0; text-align: left;} .cart .cart-detail .pd-rtable-cell.td:not(.name){display: flex; align-items: center;} .cart .cart-detail .tr .list .pd-rtable-cell.td{padding-left: 0;} .cart .cart-detail .tr .list .pd-rtable-cell.td.name{padding-left: 10px;} .pd-rtable-cell.td, .member-voucher .pd-rtable-cell.td, .cart.wishlist .cart-detail .pd-rtable-cell.th.name, .cart.wishlist .cart-detail .pd-rtable-cell.td.name{width: 100%;} .pd-rtable-cell.td img{width: 30%; padding-bottom: 0px; display: block; margin: auto;} .detail .pd-rtable-cell.td:first-child, .cart-detail .pd-rtable-cell.td:first-child{max-width: 150px;} .detail .pd-rtable-cell.td.name, .cart-detail .pd-rtable-cell.td.name{padding: 0 20px 0 0;} .detail .pd-rtable-cell.td:last-child{border-left: 0;} .detail .pd-rtable-cell.td img, .cart-detail .pd-rtable-cell.td img, .cart .cart-detail .pd-rtable-cell.td:not(.name) img{display: inline-block; width: auto; height: 80px;} .detail .pd-rtable-cell.td img{height: 75px; width: auto; display: block;} .pd-rtable-cell.name span, .pd-rtable-cell.td span, .member-voucher .pd-rtable-cell.td span{display: inline-block; width: 80px; min-width: 80px; padding-right: 10px;} .pd-rtable ul li.tr .pd-rtable-cell.th, .member-voucher .pd-rtable ul li.tr .pd-rtable-cell.th{display: none; visibility: hidden; opacity: 0; border-bottom: none;} .delivery .adds-order, /* .delivery .adds-order form, */ .adds-order ul li, .search-result, .pd-rtable ul li.tr.mixProducts .mixContent, .pd-rtable--collapse, .member-voucher .pd-rtable--collapse{display: block;} .pd-rtable ul li.tr.mixProducts .mixContent:not(:last-child){border-bottom: solid 1px rgba(51,51,51,0.15); padding-bottom: 15px; margin-bottom: 15px;} .cart-detail.register .pd-rtable ul li.tr.mixProducts .mixContent:not(:last-child){border-bottom: 0; padding-bottom: 50px; margin-bottom: 0;} .pd-rtable--collapse > .pd-rtable-cell, .member-voucher .pd-rtable--collapse > .pd-rtable-cell, .member .wishlist-detail .pd-rtable-cell.td:first-child img{width: 100% !important;} .detail .pd-rtable .title{display: block; margin-bottom: 0;} .detail .pd-rtable .title span{display: inline-block; font-size: 15px; font-weight: bold; color: #ccc; letter-spacing: 1px; text-align: left; margin-top: 30px; margin-bottom: 0;} .detail .pd-rtable .title span:first-child{color: #fff; font-size: 18px; letter-spacing: .5px; background: #ccc; padding: 0px 15px;} .detail .pd-rtable ul li.tr:nth-child(odd){background-color: #fff;} .detail .pd-rtable ul li.tr:nth-child(even){background-color: #f2f2f2;} .member .modal .modal-body .delivery ul li .del-status{max-width: 50%; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; white-space: normal;} .member-voucher .pd-rtable-cell.td:nth-child(1), .member-voucher .pd-rtable-cell.td:nth-child(2), .member-voucher .pd-rtable-cell.td:nth-child(3), .cart-detail .pd-rtable-cell.td:nth-child(2), .cart-detail .pd-rtable-cell.td:nth-child(3), .cart-detail .pd-rtable-cell.td:nth-child(4), .cart-detail .pd-rtable-cell.td:nth-child(5){margin-bottom: 0px;} .cart .step-process .step:not(:last-child)::before{width: 160%;} .cart .step-process .step{width: 80px; height: 80px;} .cart .step-process .stepIcon{height: 44px;} .cart .step-process .stepIcon i{font-size: 32px;} .cart-detail .pd-rtable-cell select, .cart-detail .pd-rtable-cell.td .count, .pd-rtable ul li.tr.mixProducts .mixContent .pd-rtable-cell:not(.name,.remove).td.colspan select{display: inline-block; width: calc( 100% - 48px );} .cart-info{flex-direction: column-reverse;} .cart-info .delivery, .cart-info ul.detail-info{width: 100%;} .cart-info .delivery{background-color: #f9f9f9; padding: 10px 20px;} .cart-detail .pd-rtable{border-top: solid 1px #ddd;} .cart .btn-process{justify-content: center;} .delivery .adds-order ul li{align-items: center;} .adds-order .orderer{padding-right: 0; padding-bottom: 10px;} .adds-order .receiver{padding-left: 0;} .contact .contact-info{margin-right: 0px;} .voucher-info .voucher form{display: block;} .cart-info .coupon form{margin-right: 0;} .cart-total{border-top: 0;} .cart-detail .pd-rtable-cell.th.remove, .cart-detail .pd-rtable-cell.td.remove{width: 100%; padding: 0px 0!important;} /* cart */ .cart .step-process .step:not(:last-child)::before{top: 30px;} .cart .cart-detail .pd-rtable ul .tr{padding: 20px 10px 10px;} .cart-detail .pd-rtable ul li.tr .pd-rtable-cell.checkbox, .cart-detail .pd-rtable ul li.tr.mixCart .pd-rtable-cell.checkbox{position: absolute; top: 13px; right: 0px; max-width: 30px;} .cart .cart-detail .pd-rtable-cell.td.name{padding-right: 30px!important;} .cart .cart-detail .pd-rtable-cell.th.remove ul, .cart .cart-detail .pd-rtable-cell.td.remove ul{flex-direction: row-reverse; justify-content: center;} .cart .cart-detail .pd-rtable-cell.th.remove ul li:first-child, .cart .cart-detail .pd-rtable-cell.td.remove ul li:first-child{margin-left: 30px; margin-bottom: 0;} .cart .ct-delivery .ct-note{flex-wrap: wrap; margin-top: 10px; margin-bottom: 20px;} .cart .ct-delivery .ct-note label, .cart .ct-delivery .ct-note textarea{width: 100%;} .cart .input-spinner .input-group-append .btn-spinner{/* padding: 6px 15px; */} .cart.payment .tips{margin-bottom: 20px;} .cart .coupon-info .coupon form .group input, .cart .coupon-info .voucher form .group input, .cart .voucher-info .coupon form .group input, .cart .voucher-info .voucher form .group input, .cart .ct-delivery .ctHome .delyAdd .adds-field select, .cart .ct-delivery .ctHome .delyAdd .adds-field input, .cart .ct-block .cart-orderer ul li p#nickname input{border-radius: 0;} /* member */ .member .member-order .item .detail table{background-color: transparent; padding: 10px;} .member .member-info .form-group .adds{flex-wrap: wrap; align-items: stretch;} .member .member-info .form-group .adds select, .member .member-info .form-group .adds .postal-code{width: calc(100% / 2); max-width: calc(100% / 2); margin-right: 0px;} .member .member-info .form-group .adds select, .member .member-info .form-group .adds .postal-code{width: calc( 100% / 2 ); max-width: none;} .member .member-info .form-group .adds .postal-adds{width: 100%;} .member .member-order:not(.register) .item .detail .detail-info ul{padding: 20px 20px 10px;} .member .member-order .item .pd-rtable-cell{text-align: left; width: 100%!important;} .member .member-order .item .pd-rtable-cell.td{padding: 0;} .member .member-order .item .pd-rtable-cell.td a{padding-left: 0px;} .member .member-order .item .pd-rtable-cell.name span, .member .member-order .item .pd-rtable-cell.td span{display: inline-block; width: 100px; padding-right: 0;} .member .member-order .item .pd-rtable ul li.tr{padding: 10px;} .member .member-order .item .pd-rtable ul li.tr:first-child{display: none;} .member .member-order .item .detail .pd-rtable .title span{color: #F2CD79; font-size: 17px; font-weight: normal; margin-top: 10px; background-color: unset;} .member .member-order .item .detail .pd-rtable .info .tr .pd-rtable-cell.td.name{padding-left: 10px;} .member .member-order .item .detail .pd-rtable .info .tr .pd-rtable-cell.td span{width: 85px; text-align: right; padding-right: 20px;} .member .wishlist-detail .pd-rtable ul .tr{padding: 10px 0;} .member .wishlist-detail .pd-rtable-cell.td.name{padding-right: 0;} .member .wishlist-detail .pd-rtable ul .tr .list .pd-rtable-cell.td:first-child{padding: 0;} .member .wishlist-detail .pd-rtable-cell.th.remove ul li button.btn-remove span, .member .wishlist-detail .pd-rtable-cell.td.remove ul li button.btn-remove{display: flex; width: 100%;} .member .wishlist-detail .pd-rtable-cell.th.remove ul li button.btn-remove span, .member .wishlist-detail .pd-rtable-cell.td.remove ul li button.btn-remove span{display: inline-block;}}@media (max-width: 575px){/* sign in */ .signin .signin-register, .signin .login-register, .login .signin-register, .login .login-register{box-shadow: unset; padding: 30px 20px;} .signin .signin-register .social-login .btn.btn-login, .login .signin-register .social-login .btn.btn-login{width: 100%; margin-bottom: 10px;} .signin .signin-register .social-login .btn.btn-login .btn-l, .login .signin-register .social-login .btn.btn-login .btn-l{margin-right: 0px;} .signin .signin-register .social-login .btn.btn-login .btn-f, .login .signin-register .social-login .btn.btn-login .btn-f{margin-left: 0px;} /* login */ .login .login-register .login-form .form-group .adds select{width: 100%; margin-right: 0; margin-bottom: 10px;} .login .login-register .rg-content .login-form .form-group .adds .add-txt .postal-code{width: calc( ( 100% / 2 ) - 5px );} .login .login-register .rg-content .login-form .form-group .adds .add-txt .info{width: 100%; margin-top: 10px;} .signin .signin-register .social-login .btn.btn-login .btn-g, .login .signin-register .social-login .btn.btn-login .btn-g{margin-left: 0px;} /* cart */ .cart .ct-block .cart-orderer ul li{height: auto;} .cart .ct-block .cart-orderer ul li p#nickname.open{display: flex; width: 100%;} .cart .coupon-info .coupon, .cart .coupon-info .voucher, .cart .voucher-info .coupon, .cart .voucher-info .voucher{text-align: right;} .cart .cart-detail .pd-rtable-cell.td .count .input-spinner{padding: 0 25px;} .cart .cart-detail .pd-rtable-cell.td .count{/* max-width: 55%; */ max-width: 100%;} .cart .ct-delivery .ctField .pickup select, .cart .ct-delivery .ctField .pickup input, .cart .ct-delivery .ctHome .delyAdd .adds-field select, .cart .ct-delivery .ctHome .delyAdd .adds-field .postal-code{border-radius: 0;} /* 1member */ .member .content .tab-content .tab-pane{padding: 10px;} .member .member-order .item .detail table tr{display: grid; padding-bottom: 5px;} .member .member-order .item .detail table tr th{width: 100%;} .member .member-order .item .detail table tr td{padding-left: 15px;}}@media (max-width: 479px){/* cart */ .cart .step-process{justify-content: space-between;} .cart .step-process .step:not(:last-child)::before{width: 100%;} .cart .cart-detail .tr .list .pd-rtable-cell.td:first-child{max-width: 100px;} .cart .cart-detail .pd-rtable-cell.td:not(.name) img{height: auto;} .cart .ct-block .cart-orderer ul li p{display: block;} .cart .ct-block .cart-orderer ul li p:last-child{padding-left: 0;} .cart .ct-block .cart-orderer ul li p:last-child::before{content: ''; padding: 0;} /* .cart .ct-block .cart-orderer ul li p#nickname input{width: calc(100% - 145px);} */ /* member */ .member .member-info .form-group .gender{justify-content: flex-start;}}@media (min-width: 768px){}@media (min-width: 1025px){.main-nav{display: block; margin-right: 15px;} .mobile-menu-toggler{display: none;}}@media (min-width: 1200px){}@media (min-width: 1440px){}.menu.sf-arrows .sf-with-ul::after{font-family: "molla"; content: "\f110"; position: absolute; right: 0; top: 50%; display: block; font-size: 1rem; line-height: 1; margin-top: -0.5rem;}/* #Youtube-Video */.YoutubeStyle{position: relative; width: 100%; height: 0; padding-bottom: 56.25%;}.YoutubeStyle iframe{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}.YoutubeStyle embed{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}/* #Facebook-Video */.facebookStyle{width: 100%; height: 100%; overflow: hidden;}.facebookStyle iframe,.facebookStyle .fb-video,video{display: block; position: relative; min-width: 100%; min-height: 100%;}/* #Search *//* search-result */.search-result{padding: 80px 0;}.search-result p{color: #000;}.search-result p,.search-result .search-item .search-title{font-size: 18px; font-weight: bold; margin-bottom: 10px;}.search-result p::before,.search-result p::after{content: '-';}.search-result p::before,.search-result .keyword-title .keyword::before{padding-right: 5px;}.search-result p::after,.search-result .keyword-title .keyword::after{padding-left: 5px;}.search-result .keyword-title{color: #313131; font-size: 21px; font-weight: bold;}.search-result .keyword-title .keyword{padding: 0 10px;}.search-result .keyword-title .keyword::before{content: '「';}.search-result .keyword-title .keyword::after{content: '」';}.search-result .search-bar{position: relative; display: block; width: 100%; margin: 10px 0 30px;}.search-result .search-bar input{position: relative; width: 100%; padding-right: 50px;}.search-result .search-bar input::placeholder{color: #ddd;}.search-result .search-bar button{position: absolute; right: 0; display: inline-block; width: 40px; height: 40px; background-color: #ddd; border-radius: 50%; outline: none;}.search-result .search-bar button:hover{background-color: #999;}.search-result .search-bar button svg{position: absolute; display: inline-block; top: 8px; left: 10px; width: 20px; height: 20px; color: #313131;}.search-result .search-bar button:hover svg{color: #fff;}.search-result .search-item{padding: 20px 0;}.search-result .search-item .search-cf{padding: 5px 10px; background: #f2f2f2;}.search-result .search-item .search-title a:hover{color: #000;}.search-result .search-item .search-title{padding: 10px 10px 10px 20px;}.search-result .search-item .search-title a{color: #999;}/* search-pagination */.search-result .pd-pagination{text-align: center; margin-right: 0px;}.search-result .pd-pagination li{display: inline-block; margin-right: 5px;}.search-result .pd-pagination li .page-link{color: #313131; font-size: 16px; font-weight: bold; width: 35px; height: 35px; border: 0; border-radius: 50%; border-color: transparent; padding: 6px 12px; text-align: center;}.search-result .pd-pagination li.active .page-link{color: #c1272d; background-color: transparent; border: solid 1px #c1272d;}.search-result .pd-pagination li.active .page-link:hover{background-color: #55A266; border-color: #55A266; cursor: pointer;}.search-result .pd-pagination li:first-child .page-link, .search-result .pd-pagination li:last-child .page-link{margin-right: 0;}.search-result .pd-pagination li:last-child .page-link{margin-left: 0;}.search-result .pd-pagination li .page-link:hover, .toolbox .pd-pagination li .page-link:focus{color: #fff; background-color: #55A266;}/* #Grecaptcha-Hidden */.grecaptcha-badge{display: none !important; visibility: hidden;}/* #Cookie-Style */.cookie-banner .banner{margin-bottom: 0;}.gdpr-banner{padding: 30px; margin: auto; background: linear-gradient(180deg, rgb(41, 41, 41,0.8), rgb(27, 27, 27,0.8)); text-align: center; font-family: 微軟正黑體; color: #c2c2c2;}.gdpr-banner button.btn.m-1{display: inline-block; border: none; border-radius: 25px; text-decoration: none; background-color: rgb(238, 246, 255); background-size: 100% 200%; background-image: linear-gradient(to bottom, transparent 50%, rgb(255, 255, 255) 50%); color: rgb(54, 54, 54); margin: auto; padding: 9px 37px; font-size: 18px; margin-top: 20px; min-width: auto; box-shadow: 0px 4px 16px 8px rgb(224, 224, 224) 33; transition: background-position 0.3s cubic-bezier(0.19, 1, 0.22, 1) 0.1s, color 0.5s ease-out 0s, background-color 0.5s ease-out; /*cursor: pointer;*/}.gdpr-banner button:hover{background-color: rgb(179, 188, 201); background-position: -100% 100%;}.gdpr-banner a{color: #fff;}.gdpr-banner a:hover{color: #999;}