|
.weForm { width:100%; }
/*--.weForm .header { color: #70bfd2; background:#fff; font-weight:700; padding:30px 0 10px 90px; font-size: 24px; text-align: left; }--*/
.weForm .caption { padding:4px; text-align:right; }
.weForm .captionTop { padding:4px; text-align:right; vertical-align:top; width: 0px; color: #fff;font-weight:700;}
.weForm .PrdPrice .captionTop { width: 80px;}
.weForm .tr[fieldattr="送出"] .captionTop { width: 80px;}
.weForm .detail { padding:4px; }
.weForm td.desc { padding:4px; color:#000000; }
.weForm input:read-only { background:rgba(0,0,0,0.1); }
.weForm input:-moz-read-only { background:rgba(0,0,0,0.1); }
.weForm textarea {
width: 100%;
box-sizing: border-box;
max-width: 400px;
height: 200px;
font-size: 16px;
padding: 20px 10px;
border: 1px solid #bbbbbb;
margin-top: 10px;
}
.weForm input[type=edit] { width:100%; font-size: 16px;box-sizing: border-box; height: auto; padding: 20px 10px; max-width: 400px; margin-right: 50px; margin-top: 10px; }
.weForm input.FieldImg[type=edit] { width:70%; }
.weForm span.btnUploadURL { border: 1px solid #bbbbbb; padding: 3px 5px 5px 5px; background: #dddddd; color:#666666; vertical-align:middle; }
.weForm .button[type=submit] , .weForm .button[type=button] { height:auto; padding:5px 15px 5px 15px; margin-right:4px; }
.weFormDiv .ReturnDesc { text-align:center; }
.weForm select{ padding: 15px; width: 130px; }
.weForm .desc {padding-right:10px;}
.weForm a { font-size: 18px; color: #ff6500; padding: 0 10px; }
/*自訂*/
.weForm .header {
color: #23a3c7;
background: #fff;
border-bottom: 2px solid #6fbfd2;
font-weight: 700;
padding: 30px 0 10px 0px;
font-size: 20px;
text-align: center;
}
.meWeForm {
max-width: 900px;
width: 100%;
margin: 0 auto 30px;
}
.listus_HomeTravelFormShopping > div { display: inline-block; padding: 0 10px; }
.listus_HomeTravelFormShopping { margin-top: 10px; margin-bottom: 50px; justify-content: space-around; }
.Srevice .detail { padding-bottom: 30px; }
select#HomeSelectCar { display: none; }
.isReversal {
display: flex;
flex-flow: row-reverse;
justify-content: flex-end;
align-items: center;
float: left;
}
nobr { padding-right: 10px; }
/*Fixed*/
.PrdPrice_1, .PrdPrice_0, tr[fieldattr="送出"] { width: 207px; }
.PrdPrice_1 {
background: #6bc4c9;
padding: 5px;
position: fixed;
top: calc(50% - 56px);
right: 0;
transform: translateY(-50%);
z-index: 999999;
}
.PrdPrice_0 {
background: #6bc4c9;
position: fixed;
padding: 5px;
top: 50%;
right: 0;
transform: translateY(-50%);
z-index: 999999;
}
tr[fieldattr="送出"] {
background: #6bc4c9;
padding: 5px;
position: fixed;
top: calc(50% + 50px);
right: 0;
transform: translateY(-50%);
z-index: 999999;
}
.weForm .PrdPrice_1 input[type=edit] {
width: 120px;
margin-right: unset;
padding: 10px;
margin-top: 0;
background-color: #fff;
}
.weForm .PrdPrice_0 input[type=edit] {
width: 120px;
margin-right: unset;
padding: 10px;
margin-top: 0;
background-color: #fff;
}
.weForm .PrdPrice_1 .captionTop {vertical-align:middle;}
.weForm .PrdPrice input {
border: 0px solid #bbbbbb;
}
.weForm .PrdPrice_0 .captionTop {vertical-align:middle;}
[fieldattr="送出"] .button[type=submit] {
padding: 5px 40px;
margin-right: unset;
background: #ffffff;
color: #6ac4c9;
border: 1px solid #2DC2BC;
font-size: 14px;
font-weight: 700;
border-radius: 20px;
}
/*--[fieldattr="送出"] .button[type=submit]{ padding: 10px 45px; margin-right:unset; background: #70c1d3; color: #fff; border: 1px solid #2DC2BC;}
--*/
[fieldattr="送出"] .button[type=submit]:hover { opacity: 0.8; }
input#HomeSelectservicetype-0 {
padding-right: 10px;
margin-right: 5px;
}
@media all and (max-width:600px) {
//.weForm > tbody > tr > td { display:block; }
.weForm .gap { display:none; }
.weForm input[type=edit]{
margin-right: 0px;
}
.weForm .captionTop{width:45px;}
//.weForm .captionTop { font-size:20px; font-weight:bold; text-align:left; }
//.weForm input[type=text] , .weForm input[type=edit] , .weForm input[type=submit] , .weForm input[type=button] { padding:4px; font-size:20px; font-weight:bold; height:auto; width:100%; box-sizing:border-box; margin-bottom:10px; }
.weForm .header {
padding: 30px 0 5px 0;
font-size: 24px;
text-align: center;
}
.weForm .captionTop { display: none; }
.weForm tr.tr4 .detail { text-align: center; }
.weForm tr.tr4 .listus_HomeTravelFormShopping > div {
margin-bottom: 30px;
width: 40%;
}
/*Fixed*/
/*.PrdPrice_1, .PrdPrice_0 {
height: 45px;
}*/
.PrdPrice_1 {
bottom: 95px;
left: 0;
top: unset;
right: unset;
transform: translateY(0);
width: 100%;
box-sizing: border-box;
}
.PrdPrice_0 {
bottom: 45px;
left: 0;
top: unset;
right: unset;
transform: translateY(0);
width: 100%;
box-sizing: border-box;
}
.PrdPrice_1 .captionTop, .PrdPrice_0 .captionTop { display: table-cell; }
[fieldattr="送出"] .button[type=submit] {
padding: 8px 35px;
margin-right: unset;
background: #ffffff;
color: #2DC2BC;
border: 1px solid #2DC2BC;
border-radius: 20px;
font-size: 14px;
font-weight: 700;
appearance: none;
-moz-appearance: none; /* Firefox */
-webkit-appearance: none; /* Safari and Chrome */
}
/*--[fieldattr="送出"] .button[type=submit] {
padding: 0;
margin-top: 13px;
width: 135px;
height: 55px;
font-size: 16px;
}--*/
tr[fieldattr="送出"] {
bottom: 0;
left: 0;
top: unset;
right: unset;
transform: translateY(0);
padding: 5px 5%;
width: 100%;
box-sizing: border-box;
}
.weForm .PrdPrice_1 input[type=edit],
.weForm .PrdPrice_0 input[type=edit] {
width: 100%;
}
}
|
|
| |
.gif)
