@charset "UTF-8";
.c-dragTable{display:block;width:100%;letter-spacing:.05em;overflow:hidden}.c-dragTable.wow{animation-name:fadeInUp}.c-dragTable__head{display:flex;align-items:flex-start;align-content:flex-start;justify-items:flex-start;justify-content:flex-start;width:100%}.c-dragTable__head__switch{display:flex;align-items:flex-start;align-content:flex-start;justify-items:flex-start;justify-content:flex-start;width:auto;max-width:100%;background:rgba(255,255,255,.5);border-radius:15px 15px 0 0;border:1px solid #fff;border-bottom:none;overflow:hidden}.c-dragTable__head__switch__bt{display:flex;align-items:center;align-content:center;justify-items:center;justify-content:center;width:auto;height:60px;min-width:250px;max-width:100%;font-size:18px;line-height:1.2;color:rgba(36,36,36,.5);font-family:inherit;border-radius:15px 15px 0 0;cursor:pointer;overflow:hidden;flex:0 1 auto}.c-dragTable__head__switch__bt.active{color:#fff;background:var(--titleGradient)}.c-dragTable__head__select{display:none}.c-dragTable__body{display:block;width:100%;padding:45px;background:rgba(255,255,255,.5);border-radius:0 0 15px 15px;border:1px solid #fff;overflow:hidden}.c-dragTable__body:first-child{border-radius:15px}.c-dragTable__body__title{display:flex;align-items:center;align-content:center;justify-items:flex-start;justify-content:flex-start;width:100%;margin:0 0 35px 0;padding:0 15px;flex:0 0 auto}.c-dragTable__body__title__text{display:flex;flex-wrap:wrap;align-items:center;align-content:center;justify-items:center;justify-content:center;width:100%;margin:0 10px;font-size:15px;line-height:1.5;color:var(--titleColor);font-family:'Poppins-M','NotoSansTC-M';text-align:center;flex:0 1 auto}.c-dragTable__body__area{display:block;width:100%;touch-action:auto;overflow:hidden;counter-reset:table;flex:0 1 auto}.c-dragTable__body__area.j-dragTable-box{display:none}.c-dragTable__body__area.j-dragTable-box.active,.c-dragTable__body__area.active{display:block}.c-dragTable__body__area::-webkit-scrollbar{width:3px;height:3px;background:#fff}.c-dragTable__body__area::-webkit-scrollbar-thumb{background:var(--mainColor)}.c-dragTable__body__area__box{display:flex;align-items:center;align-content:center;justify-items:flex-start;justify-content:flex-start;width:100%;margin:0 0 15px 0;padding:15px;font-size:15px;line-height:1.5;color:rgba(36,36,36,.8);font-family:'Poppins','NotoSansTC';text-align:center;background:rgba(255,255,255,.5);border-radius:15px;box-shadow:0 0 5px rgba(0,0,0,.05);transition:background-color .4s ease-in-out;counter-increment:table;overflow:hidden;flex:0 0 auto}.c-dragTable__body__area__box:last-child{margin:0}.c-dragTable__body__area__box:hover{background:#fff}.c-dragTable-item{display:flex;flex-wrap:wrap;align-items:center;align-content:center;justify-items:center;justify-content:center;width:100%;margin:0 10px;flex:0 1 auto}.c-dragTable-item__pic{display:block;width:100%;border-radius:15px;flex:0 0 auto;overflow:hidden}.c-dragTable-item__file{display:block;width:45px;height:45px;border-radius:5px;background:url(/assets/images/common/icon_download_white.svg) center/ 50% auto no-repeat,var(--titleGradient);transition:opacity .4s ease-in-out;overflow:hidden}.c-dragTable-item__file:hover{opacity:.7}.c-dragTable-item[data-style="order"]::before{content:counter(table,decimal-leading-zero)}@media screen and (min-width:1451px){.c-dragTable__body__title__text[data-style="order"],.c-dragTable-item[data-style="order"]{width:4%;min-width:20px;flex:0 0 auto}.c-dragTable__body__title__text[data-style="pic"],.c-dragTable-item[data-style="pic"]{width:100px;flex:0 0 auto}.c-dragTable__body__title__text[data-style="tel"],.c-dragTable-item[data-style="tel"]{width:12em;flex:0 0 auto}.c-dragTable__body__title__text[data-style="area"],.c-dragTable-item[data-style="area"]{width:5%;min-width:70px;flex:0 0 auto}.c-dragTable__body__title__text[data-style="parking"],.c-dragTable-item[data-style="parking"]{width:7%;min-width:100px;flex:0 0 auto}.c-dragTable__body__title__text[data-style="car"],.c-dragTable-item[data-style="car"],.c-dragTable__body__title__text[data-style="rent"],.c-dragTable-item[data-style="rent"],.c-dragTable__body__title__text[data-style="remaining"],.c-dragTable-item[data-style="remaining"]{width:4.5em;flex:0 0 auto}.c-dragTable__body__title__text[data-style="file"],.c-dragTable-item[data-style="file"]{width:6.3%;min-width:60px;flex:0 0 auto}}@media screen and (max-width:1450px){.c-dragTable__body{display:flex;align-items:flex-start;align-content:flex-start;justify-items:flex-start;justify-content:flex-start;padding:50px 0 50px 50px}.c-dragTable__body__title{display:block;width:3em;margin:0 30px 0 0;padding:30px 0}.c-dragTable__body__title__text{justify-items:flex-start;justify-content:flex-start;margin:0 0 30px 0;text-align:left}.c-dragTable__body__title__text:last-child{margin:0}.c-dragTable__body__area{display:flex;padding:0 0 30px 0;overflow-x:auto}.c-dragTable__body__area.j-dragTable-box.active,.c-dragTable__body__area.active{display:flex}.c-dragTable__body__area__box{display:block;width:255px;margin:0 20px 0 0;padding:30px 20px;background:#fff}.c-dragTable-item{margin:0 0 30px 0}.c-dragTable-item:last-child{margin:0}.c-dragTable-item__pic{max-width:130px}.c-dragTable-item__file{width:40px;height:40px}}@media screen and (max-width:991px){.c-dragTable__head__switch{width:100%}.c-dragTable__head__switch__bt{width:100%;min-width:0}}@media screen and (max-width:767px){.c-dragTable__head{margin:0 0 25px 0}.c-dragTable__head__switch{display:none}.c-dragTable__head__select{display:block}.c-dragTable__body{border-radius:15px}}@media screen and (max-width:575px){.c-dragTable__body{padding:20px 0 20px 20px}.c-dragTable__body__title{width:3em;margin:0 20px 0 0;padding:20px 0}.c-dragTable__body__title__text{margin:0 0 20px 0}.c-dragTable__body__area{padding:0 0 20px 0}.c-dragTable__body__area__box{width:170px;margin:0 10px 0 0;padding:20px}.c-dragTable-item{margin:0 0 20px 0}}@media (any-hover:none){.c-dragTable__body__area__box{background:#fff}}@supports (-webkit-touch-callout:none){.c-dragTable__body__area{scrollbar-width:thin;scrollbar-color:var(--mainColor) #fff}}@-moz-document url-prefix(){}
.space{margin:100px auto 195px auto}@media screen and (max-width:991px){.space{margin:95px auto 150px auto}}@media screen and (max-width:767px){}@media screen and (max-width:575px){.space{margin:75px auto 100px auto}}@media (any-hover:none){}@supports (-webkit-touch-callout:none){}@-moz-document url-prefix(){}
