保養品 Skincare

主動幫你銷售，精準推薦合作對象，快速貨暢其流

.weForm { width:100%; max-width: 1200px; margin: 0 auto; } .weForm tr { width: calc(50% - 10px); display: inline-block; margin: 0 5px 10px; } .weForm .captionTop { padding:4px; text-align:right; vertical-align:top; display: none; } .weForm .detail { padding:0px; width: 100%; } .weForm input:read-only { background:#eee; } .weForm input:-moz-read-only { background:#fff; } .weForm textarea { width: 95%; height: 150px; padding: 4px; box-sizing: border-box; border: 0; font-family: inherit; font-size: 16px; color: #8E8E8E; } .weForm input[type=edit], .weForm input[type=password], .weForm select { width: 100%; height: 48px; box-sizing: border-box; padding: 10px 10px; border: 1px solid #fff; background: #fff; border-radius: 0; font-size: 16px; color: #8E8E8E; } .weForm input[type=edit]::placeholder { color: #8E8E8E; } .weForm select { padding: 9px 7px; } .weForm tr[fieldtag="isSubmit"] { float: right; text-align: right; } .weForm .button[type=submit], .weForm .button[type=button], .weForm .button[type=reset] { height: auto; padding: 13px 0; cursor: pointer; width: 135px; background: #0CB155; border: 1px solid #0CB155; font-size: 16px; border-radius: 48px; color: #ffffff; appearance: none; -webkit-appearance: none; -moz-appearance: none; } .weForm .button[type=submit]:hover, .weForm .button[type=button]:hover, .weForm .button[type=reset]:hover { background: #ffffff; color: #0CB155; } .weFormDiv .ReturnDesc { text-align:center; font-weight: bold; color: #fff; } .weForm #tbChkCode { border-spacing:2px; } .weForm #tdChkCodeInp { border:1px solid #bbbbbb; } .weForm #tdChkCodeInp input { border:0px; font-size:20px; } .weForm #tdChkCodeImg { padding:0px; width:120px; height:40px; } /*預設文字*/ .txt_AddText { display: none; } /*選取藍框移除*/ .weForm input:focus, .weForm select:focus, .weForm textarea:focus, .weForm button:focus { outline: none; } /*=================pad版開始===================*/ @media (max-width: 800px) { .weForm tr { width: calc(49% - 10px); display: inline-block; margin: 0 5px 15px; } .weForm > tbody > tr > td { display:block; } .weForm .gap { display:none; } .weForm .detail {} .weForm .captionTop { font-size:18px; font-weight:bold; text-align:left; } .weForm tr[fieldtag="isSubmit"] { float: none; text-align: center; } .weForm .button[type=submit], .weForm .button[type=button], .weForm .button[type=reset] { width: 100%; padding: 8px 10px; border-radius: 10px; } } /*=================pad版結束===================*/ /*=================手機版開始===================*/ @media (max-width: 700px) { .weForm tr { } .weForm input[type=text], .weForm input[type=edit], .weForm input[type=submit], .weForm input[type=button], .weForm textarea, .weForm select { font-size: 16px; height: auto; width: 100%; box-sizing: border-box; margin-bottom: 10px; border: 1px solid #8E8E8E; } .weForm textarea { height: 100px; } .weForm #tdChkCodeInp , .weForm #tdChkCodeImg { display:block; } .weForm #tdChkCodeRenew { display:none; } } /*=================手機版結束===================*/