let currentUrl=window.location; let action='initial'; let urlParams=new URL(currentUrl).searchParams; let mobileDevices=['Android', 'webOS', 'iPhone', 'iPad', 'iPod', 'BlackBerry', 'Windows Phone']; let waashipMapResponseKey=['store_type', 'store_id', 'store_name', 'store_address', 'store_zip', 'store_longitude', 'store_latitude', 'store_remark']; let mobileDevice=false;let deliveryLabelIcon =0;let cvsLabelIcon =0;let directCheckout =0;let merchantUseInvoiceCollection =[];let merchantUseLogisticsCollection =["delivery","cvs"];let merchantUseCVSList =["seven_eleven","family_mart","hi_life"];let merchantCVSLimit ={"weight_limit":5,"sku_limit":[],"product_type_limit":null};let merchantDeliveryLimit ={"weight_limit":0,"sku_limit":[],"product_type_limit":null};let userSelectLogisticsCollection=''; let userSelectInvoiceCollection=''; let isLogisticsValid=false; let isInvoiceValid=(merchantUseInvoiceCollection.length === 0); let checkoutForm=[]; function deviceCheck(){ if (/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|ipad|iris|kindle|Android|Silk|lge |maemo|midp|mmp|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows (ce|phone)|xda|xiino/i.test(navigator.userAgent) || /1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(navigator.userAgent.substr(0, 4))){ mobileDevice=true return true } return false } async function updateAttribute(updateData){ let originAttribute=await getCartAttribute() let updateAttribute={ ...originAttribute }; for (const attributeKey in updateData) { updateAttribute[attributeKey]=updateData[attributeKey] } let headers={ "Content-Type": "application/json", "Accept": "application/json", } let newAttribute={ "attributes": updateAttribute } await fetch('/cart/update.js', {method:'POST', headers: headers, body: JSON.stringify(newAttribute)}) .then((response) => {}).catch((err) => { console.log('Waaship update attribute error:', err); }); } async function getCart(){ return fetch('/cart.js').then((response) => { return response.json().then((data) => { return data; }).catch((err) => { console.log(err); }) }); } async function getCartAttribute(){ let cartAttributeData=await fetch('/cart.js', {}).then((response) => { return response.json(); }).then((jsonData) => { return jsonData.attributes; }).catch((err) => { console.log('Waaship get attribute error:', err); }); return cartAttributeData; } function getCookie(name) { const value=';' + document.cookie; const parts=value.split(name + '='); if (parts.length === 2) { return parts.pop(1).split(';').shift(); } } function createElementToElement(parentElement, name, value, type="input"){ let obj={}; obj[name]=document.createElement(type); obj[name].setAttribute("type", "text"); obj[name].setAttribute("name", name); obj[name].setAttribute("value", value); parentElement.appendChild(obj[name]); } function selectCVSType(storeType){ let form=document.createElement("form"); let deviceType='pc'; if(mobileDevice){ deviceType='mobile'; } window.sessionStorage.setItem('waaship_reload_page_flag', 1) form.method="POST"; form.action="https://map.waaship.com/select-store"; createElementToElement(form, 'store_type', storeType); createElementToElement(form, 'callback_url', currentUrl); createElementToElement(form, 'device_type', deviceType); createElementToElement(form, 'response_in_params', 1); createElementToElement(form, 'response_method', 'get'); createElementToElement(form, 'platform', 'shopify'); document.body.appendChild(form); form.submit(); } async function handleParamsSelectStoreData(){ let newAttribute={}; let hasStoreId=false; if(urlParams.get('store_id')){ waashipMapResponseKey.forEach(e=>{ document.cookie='waaship_'+e+'='+urlParams.get(e); newAttribute[e]=urlParams.get(e); }) newAttribute['logistics_type']='cvs' await updateAttribute(newAttribute).then(res=>{ onChangeSelectLogisticsCollection('cvs'); action='readyToCheckout'; deliveryAndCheckoutActionCheck(); }); } } async function onChangeSelectLogisticsCollection(type){ if(userSelectLogisticsCollection === type){ return true; } if(userSelectLogisticsCollection){ let element=document.getElementById("waaship-collection-item-" + userSelectLogisticsCollection); element.classList.toggle("active"); action='init' deliveryAndCheckoutActionCheck(); } userSelectLogisticsCollection=type let newElement=document.getElementById("waaship-collection-item-" + userSelectLogisticsCollection); newElement.classList.toggle("active"); domClear(['waaship-cvs-list-wrapper', 'waaship-cvs-select-information']); if(userSelectLogisticsCollection === 'cvs'){ renderCVSList(); } if(userSelectLogisticsCollection === 'delivery'){ await updateAttribute({logistics_type: 'delivery'}); action='readyToCheckout'; deliveryAndCheckoutActionCheck(); } } function domClear(idList){ idList.forEach(e=>{ let clearDom=document.getElementById(e) if(clearDom){ clearDom.remove(); } }) } function renderCVSList(){ let logisticsDom=document.getElementById("waaship-logistics-wrapper") let defaultCVSList=['seven_eleven', 'family_mart', 'hi_life']; let cvsInformation='
請選擇超商
'; merchantUseCVSList.forEach(e=>{ if(defaultCVSList.includes(e)){ switch (e) { case 'seven_eleven': cvsInformation += '
seven_eleven
' break; case 'family_mart': cvsInformation += '
family_mart
' break; case 'hi_life': cvsInformation += '
hi_life
' break; default: } } }) cvsInformation+='
'; logisticsDom.innerHTML += cvsInformation; } function renderSelectLogisticsType(type){ let waashipLogisticsCollectionDom=document.getElementById("waaship-logistics-collection"); let logisticsTypeDom=''; if(type === 'delivery'){ logisticsTypeDom='
'; if(deliveryLabelIcon){ logisticsTypeDom += '
'; } logisticsTypeDom += '
宅配
';} if(type === 'cvs'){ logisticsTypeDom='
'; if(cvsLabelIcon){ logisticsTypeDom += '
'; } logisticsTypeDom += '
超商取貨
' } waashipLogisticsCollectionDom.innerHTML += logisticsTypeDom; } async function renderLogisticsCollection(){ let defaultLogisticsList=['delivery', 'cvs']; let cart=await getCart(); let total_weight=cart.total_weight / 1000 let skuList=[] let productTypeList=[] cart.items.forEach(e=>{ if(e.sku){ skuList.push(e.sku) } if(e.product_type){ productTypeList.push(e.product_type) } }) let LogisticsCollectionLabel='
選擇物流
'; waashipDom.innerHTML += LogisticsCollectionLabel; let logisticsDom=document.getElementById("waaship-logistics-wrapper") let logisticsCollectionDom=document.createElement('div'); logisticsCollectionDom.setAttribute("id", "waaship-logistics-collection"); logisticsDom.appendChild(logisticsCollectionDom); merchantUseLogisticsCollection.forEach(e=>{ if(defaultLogisticsList.includes(e)){ if(e === 'delivery'){ let deliveryLimitArrayCheck=merchantDeliveryLimit['sku_limit'].filter(v => {return skuList.indexOf(v) > -1}) if(deliveryLimitArrayCheck.length > 0){ return; } if(merchantDeliveryLimit['weight_limit'] != 0 && total_weight > merchantDeliveryLimit['weight_limit']){ return; } if(merchantDeliveryLimit['product_type_limit'] && productTypeList.indexOf(merchantDeliveryLimit['product_type_limit']) > -1){ return; } renderSelectLogisticsType('delivery'); } if(e === 'cvs'){ let cvsLimitArrayCheck=merchantCVSLimit['sku_limit'].filter(v => {return skuList.indexOf(v) > -1}) if(cvsLimitArrayCheck.length > 0){ return; } if(merchantCVSLimit['weight_limit'] != 0 && total_weight > merchantCVSLimit['weight_limit']){ return; } if(merchantCVSLimit['product_type_limit'] && productTypeList.indexOf(merchantCVSLimit['product_type_limit']) > -1){ return; } renderSelectLogisticsType('cvs'); } } }) } async function renderInvoiceCollection(){ if(merchantUseInvoiceCollection.length === 0){return false;} let defaultInvoiceCollection =["e-invoice", "carrier", "business-id"]; let InvoiceCollectionLabel='
電子發票
'; waashipDom.innerHTML += InvoiceCollectionLabel; let InvoiceDom=document.getElementById("waaship-invoice-wrapper") let InvoiceCollectionDom=document.createElement('div'); InvoiceCollectionDom.setAttribute("id", "waaship-invoice-collection"); InvoiceDom.appendChild(InvoiceCollectionDom); merchantUseInvoiceCollection.forEach(e=>{ let invoiceTypeLabel="" if(defaultInvoiceCollection.includes(e)){ switch (e) { case 'e-invoice': invoiceTypeLabel="會員載具" break; case 'carrier': invoiceTypeLabel="手機條碼載具" break; case 'business-id': invoiceTypeLabel="統編發票" break; } let waashipInvoiceCollectionDom=document.getElementById("waaship-invoice-collection"); let InvoiceCollectionDom='
'+invoiceTypeLabel+'
' waashipInvoiceCollectionDom.innerHTML += InvoiceCollectionDom; } }) let cartAttributeData=await getCartAttribute(); if(cartAttributeData.invoice_type !== undefined){ let fillValue1=null let fillValue2=null if(cartAttributeData.invoice_type === 'business-id'){ fillValue1=cartAttributeData.invoice_business_title fillValue2=cartAttributeData.invoice_business_id } if(cartAttributeData.invoice_type === 'carrier'){ fillValue1=cartAttributeData.invoice_carrier_code } await onChangeSelectInvoiceCollection(cartAttributeData.invoice_type, fillValue1, fillValue2) return true; }else{ await onChangeSelectInvoiceCollection('e-invoice') } } async function onChangeSelectInvoiceCollection(type, fillValue1=null, fillValue2=null){ if(userSelectInvoiceCollection === type){ return true; } if(userSelectInvoiceCollection){ let element=document.getElementById("waaship-collection-item-" + userSelectInvoiceCollection); element.classList.toggle("active"); } userSelectInvoiceCollection=type let newElement=document.getElementById("waaship-collection-item-" + userSelectInvoiceCollection); newElement.classList.toggle("active"); await updateAttribute({"invoice_type": type}) domClear(['waaship-invoice-content-wrapper']); let waashipInvoiceWrapperDom=document.getElementById("waaship-invoice-wrapper"); let InvoiceContentDom=null; InvoiceContentDom='
' waashipInvoiceWrapperDom.innerHTML += InvoiceContentDom; InvoiceContentDom=document.getElementById("waaship-invoice-content-wrapper"); isInvoiceValid=false if(type === 'e-invoice'){ isInvoiceValid=true } if(type === 'carrier'){ let mobileCarrierInput='
手機條碼
'; InvoiceContentDom.innerHTML += mobileCarrierInput; if(fillValue1 !== null){ document.getElementById("mobileCarrierInput").value=fillValue1; checkInvoiceData() } } if(type === 'business-id'){ let businessTitle='
發票抬頭
'; InvoiceContentDom.innerHTML += businessTitle; let businessId='
統一編號
'; InvoiceContentDom.innerHTML += businessId; if(fillValue1 !== null){ document.getElementById("businessTitleInput").value=fillValue1; } if(fillValue2 !== null){ document.getElementById("businessIdInput").value=fillValue2; checkInvoiceData() } } checkoutValidate(); } function getInputIdValue(id){ let inputDom=document.getElementById(id) if(inputDom){return inputDom.value } return "" } async function updateInvoiceData(){ let invoiceUpdateData={} invoiceUpdateData['invoice_carrier_code']=getInputIdValue("mobileCarrierInput") invoiceUpdateData['invoice_business_title']=getInputIdValue("businessTitleInput") invoiceUpdateData['invoice_business_id']=getInputIdValue("businessIdInput") await updateAttribute(invoiceUpdateData) checkInvoiceData() } function checkInvoiceData(){ let invoice_business_id=getInputIdValue("businessIdInput") let invoice_carrier_code=getInputIdValue("mobileCarrierInput") if(userSelectInvoiceCollection === 'e-invoice'){ isInvoiceValid=true } if(userSelectInvoiceCollection === 'business-id'){ if (uniformNumbersVerification(invoice_business_id)) { document.getElementById("businessIdInput-error").hidden=true isInvoiceValid=true } else { document.getElementById("businessIdInput-error").hidden=false document.getElementById("businessIdInput-error").innerHTML="格式錯誤" isInvoiceValid=false } } if(userSelectInvoiceCollection === 'carrier'){ if (mobileBarcodeVerification(invoice_carrier_code)) { document.getElementById("mobileCarrierInput-error").hidden=true isInvoiceValid=true } else { document.getElementById("mobileCarrierInput-error").hidden=false document.getElementById("mobileCarrierInput-error").innerHTML="格式錯誤" isInvoiceValid=false } } checkoutValidate(); } function uniformNumbersVerification(uniformNumbers) { const regex=/^[0-9]{8}$/; const logicMultipliers=[1, 2, 1, 2, 1, 2, 4, 1]; const sum=(numbers) =>{ const initialValue=0; const sumWithInitial=numbers.reduce( (accumulator, currentValue) => Number(accumulator) + Number(currentValue), initialValue, ); return sumWithInitial } if(!uniformNumbers){ return false } if (uniformNumbers.length !== 8 || !regex.test(uniformNumbers)){ return false } let logicProductArr=[] let logicProduct=0; if (uniformNumbers[6] == "7") { for (let i=0; i < uniformNumbers.length ; i++) { if (i != 6) { logicProductArr.push(parseInt(uniformNumbers[i]) * logicMultipliers[i]) } } } else { for (let i=0; i < uniformNumbers.length ; i++) { logicProductArr.push(parseInt(uniformNumbers[i]) * logicMultipliers[i]); } } for(const item of logicProductArr){; logicProduct += sum((item.toString()).split('')) } if (uniformNumbers[6] === '7' && (logicProduct % 5 === 0 || (logicProduct + 1) % 5 === 0)) { return true; } else if (logicProduct % 5 === 0) { return true; } return false } function mobileBarcodeVerification(mobileBarcode) { const regex=/^\/{1}[0-9A-Z.+-]{7}$/; return regex.test(mobileBarcode); } async function renderCVSInformation(){ let cartAttributeData=await getCartAttribute(); if(cartAttributeData.store_id === undefined){ return true; } let cvsInformation='
'; cvsInformation += '
取件門市
'; cvsInformation += '
門市地址
'; cvsInformation += '
＊請再次確認超商門市是否正確，如需更改請重新點擊超商取貨按鈕。
＊超商取件需本人持證件領取，請務必確認下一步驟之
＊收件人及電話正確填寫且可至門市完成取件。
＊收件人姓名須為完整真實姓名(需與證件相同)
'; let logisticsDom=document.getElementById("waaship-logistics-wrapper") logisticsDom.innerHTML += cvsInformation; isLogisticsValid=true checkoutValidate(); changeCheckoutUrl(); } function checkoutValidate() { if (!isLogisticsValid || !isInvoiceValid) { checkoutButtonHandle('remove'); } else { checkoutButtonHandle('show'); } } function checkoutButtonHandle(type){ let x=document.getElementsByName("checkout"); if(typeof x === "undefined" || x.length === 0){ x=document.getElementsByClassName("cart__checkout-button"); } for (let i=0; i < x.length; i++) { if(type === 'remove'){ x[i].classList.add("remove_button"); }else{ x[i].classList.remove("remove_button"); } } } async function changeCheckoutUrl(){ let arrFormDiv=document.getElementsByTagName("form"); let arrForms=Array.prototype.slice.call(arrFormDiv); let cartAttribute=await getCartAttribute(); let checkoutReceiverData=[]; if(cartAttribute.logistics_type !== 'delivery'){ let city=cartAttribute.store_address.match(/.{2}(市|縣)/gm); checkoutReceiverData["checkout[shipping_address][city]"]=city && city.length ? city[0] : ""; checkoutReceiverData["checkout[shipping_address][zip]"]=''; checkoutReceiverData["checkout[shipping_address][country]"]='Taiwan'; checkoutReceiverData["checkout[shipping_address][address1]"]=cartAttribute.store_address; checkoutReceiverData["checkout[shipping_address][address2]"]=cartAttribute.store_name+'('+cartAttribute.store_id+')'; checkoutReceiverData["checkout[billing_address][city]"]=city && city.length ? city[0] : ""; checkoutReceiverData["checkout[billing_address][zip]"]=''; checkoutReceiverData["checkout[billing_address][country]"]='Taiwan'; checkoutReceiverData["checkout[billing_address][address1]"]=cartAttribute.store_address; checkoutReceiverData["checkout[billing_address][address2]"]=cartAttribute.store_name+'('+cartAttribute.store_id+')'; }else{ checkoutReceiverData=[]; } let newUrl="/checkout?" + Object.keys(checkoutReceiverData).map(function(i) {return i + "=" + checkoutReceiverData[i]}).join("&"); newUrl=newUrl + "&step=contact_information"; arrForms.forEach(e=>{ if(e.action.indexOf('/cart') > 0){ checkoutForm.push(e) } if(e.action.indexOf('/checkout') > 0){ checkoutForm.push(e) } }) checkoutForm.forEach(e=>{ e.action=newUrl; if(directCheckout){ e.submit() } }) loading('show') const iframe=document.createElement("iframe"); iframe.style.display="none"; iframe.src="/checkout"; document.body.appendChild(iframe); setTimeout(() => {loading('hidden')}, 1000); } async function deliveryAndCheckoutActionCheck(){ isLogisticsValid=false checkoutValidate(); let url_store_id=urlParams.get('store_id'); let cookie_store_id=getCookie('waaship_store_id'); if(action === 'initial' && url_store_id && url_store_id === cookie_store_id){ action='readyToCheckout'; deliveryAndCheckoutActionCheck(); } if(action === 'readyToCheckout' && userSelectLogisticsCollection === 'cvs'){ await renderCVSInformation(); }else if(action === 'readyToCheckout' && userSelectLogisticsCollection === 'delivery'){ isLogisticsValid=true checkoutValidate(); changeCheckoutUrl(); } } async function renderLogisticsCollectionCheck(){ let cart=await getCart(); if(cart.requires_shipping && merchantUseLogisticsCollection.length > 0){ isLogisticsValid=false checkoutValidate(); renderLogisticsCollection(); handleParamsSelectStoreData(); deliveryAndCheckoutActionCheck(); } else { isLogisticsValid=true } } function loading(type){ if(type === 'show'){ document.getElementById("loading").style.display="block"; } if(type === 'hidden'){ document.getElementById("loading").style.display="none"; } } async function initial(){ let checkOutNameDom=document.getElementsByName("checkout"); if(checkOutNameDom.length > 0){ loading('show') let parentDom=checkOutNameDom[checkOutNameDom.length - 1] let insertDom=document.createElement("div"); insertDom.setAttribute("id", "waaship-logistics"); parentDom.parentNode.parentNode.insertBefore(insertDom, parentDom.parentNode); waashipDom=document.getElementById("waaship-logistics") deviceCheck(); await renderInvoiceCollection(); await renderLogisticsCollectionCheck(); loading('hidden') } } function reloadPageCheck(){ if (/^((?!chrome|android).)*safari/i.test(navigator.userAgent)){ let reloadPageFlag=window.sessionStorage.getItem('waaship_reload_page_flag') if(reloadPageFlag){ window.sessionStorage.removeItem('waaship_reload_page_flag'); location.reload() } } } let waashipDom=''; if(currentUrl.toString().indexOf('/cart') >= 0){ reloadPageCheck() var _loading='
' const element=document.createElement('div'); element.setAttribute("id", "loading"); element.setAttribute("style", "top: 0;left: 0;position: fixed;background: white; opacity: 0.7;z-index: 20000;width: 100vw;height: 100vh;display: none;"); element.insertAdjacentHTML("afterbegin", _loading); document.body.appendChild(element); initial() }let styles=` #waaship-logistics{font-size: 14px;min-width: 300px; max-width: 100%;margin-top: 1rem;} #waaship-logistics *:focus-visible {outline: unset; outline-offset: unset; box-shadow: unset} .remove_button{display:none !important;} .waaship-collection-collection-label{color:#33C4B4;font-weight: 900;} #waaship-logistics-collection, #waaship-invoice-collection{display: flex;flex-wrap: nowrap;} #waaship-logistics-wrapper{margin-bottom: 3rem;} .waaship-collection-item-wrapper{border: solid 2px;border-radius: 15px;border-color:#33C4B4;background-color:white;color:#33C4B4;fill:#33C4B4;width: 100%;cursor: pointer;height: 60px;box-sizing: border-box;padding: 5px;margin: 5px;} .waaship-collection-item-wrapper.active{background-color:#33C4B4;color:white;fill:white} .waaship-collection-item{display: flex;justify-content: center;align-items: center;height: 100%;overflow: hidden;} .waaship-collection-left{} .waaship-collection-right{display: flex;flex-direction: column;justify-content: center;align-items: center;line-height: 23px;} .waaship-collection-label{font-weight:700;} .waaship-collection-description{} .waaship-cvs-list-wrapper{} .waaship-cvs-list-label{color:#33C4B4;font-weight: 900;margin-top:10px;} .waaship-cvs-list-item-wrapper{display: flex;justify-content: center;align-items: center;padding: 5px;} .waaship-cvs-list-item {padding: 5px;cursor: pointer;} .waaship-cvs-list-item img{width:50px;} .waaship-cvs-select-information{} .waaship-cvs-shop-information{} .waaship-cvs-shop-information-item-content input{width: 100%;color: #33C4B4;} .waaship-input-row-information-item-wrapper{display: flex;flex-direction: row;justify-content: center;align-items: center;margin:5px;} .waaship-input-row-information-item-label{color:#33C4B4;font-weight: 700;width: 100px;text-align: center;padding: 5px;} .waaship-input-row-information-item-content {width: 100%;} .waaship-input-row-information-item-content input{width: 100%;border:solid 2px #33C4B4;opacity: 1;border-radius:5px;} .waaship-input-error-hint{color:red;font-size:12px;} .waaship-cvs-remark{padding: 5px; box-sizing: border-box; line-height: 20px;} #waaship-invoice-wrapper{margin-bottom: 3rem;} #waaship-invoice-content-wrapper{line-height: 3rem;} #waaship-invoice-content-wrapper input{line-height: 3rem;} .waaship-icon{width: 40px;display: flex;height: 100%;} ` var styleSheet=document.createElement("style") styleSheet.type="text/css" styleSheet.innerText=styles document.head.appendChild(styleSheet)