/** Shopify CDN: Minification failed

Line 51:7 Expected ":"

**/

/*replacement tool
 ------------------------------------*/

.replacement-input{
margin: auto;
max-width: 900px;

}


.replacement-input .control-group .style-v2,
 .control-group input {
    align-items: center;
    justify-content: space-between;
    -webkit-appearance: none; 
 	border: 1px solid rgb(var(--border-color));
 	-webkit-border-radius: 100px;
    -moz-border-radius:100px;
    border-radius:100px;
    -khtml-border-radius: 100px;
 	padding: 0 16px;
   	height: var(--form-input-field-height);
 	vertical-align: middle;
 	background: #fff;
 	float: left;

 }



/*Time Lapse setting
 ------------------------------------*/


#calculator-app-table tbody tr:nth-child(odd) {
background: #F5F5F5
}


#calculator-app-table table, th, td {
  padding: 8px 16px;
  border:0.1px;
  border-style: solid;
  border-color:#c7c7c7;
  rules="all" 
}


 .control-group {
 	display: table;
 	width: 100%;
 	margin-bottom: 5px;
 }
 .control-group .style-v1 { width: 40px;}


.control-group .style-v2,
 .control-group input {
 	border: 1px #ccc solid;
 	border-radius: 3px;
 	padding: 0.35em 0.5em;
 	vertical-align: middle;
 	background: #fff;
 	float: left;
  	border:none;
 }
/*layout*/
#time-input .grid-margin-bottom-30 .col-md-6:first-of-type {
  margin-bottom: 3rem;
}

@media screen and (min-width: 960px) {
  .grid-margin-bottom-30 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 5em;
  margin:0 0 2em 0;
  }
  #time-input .grid-margin-bottom-30 .col-md-6:first-of-type {
  margin-bottom: 0;
  }
}


/*獨立輸入框樣式*/

.time-input .control-group .style-v2,
 .control-group input {
    align-items: center;
    justify-content: space-between;
    -webkit-appearance: none; 
 	border: 1px solid rgb(var(--border-color));
 	-webkit-border-radius: 100px;
    -moz-border-radius:100px;
    border-radius:100px;
    -khtml-border-radius: 100px;
 	padding: 0 16px;
   	height: var(--form-input-field-height);
 	vertical-align: middle;
 	background: #fff;
 	float: left;

 }

  input#tbShootTime:focus {
    color: black!important;
  }

  .control-group .style-v2 {
  	width: 90%;
  }
 .control-group .control-label {
 	width: 35%;
 	display: table-cell;
    vertical-align: middle;
    height: 2.5em;
 }
 .control-group .control {
 	display: flex;
    vertical-align: middle;
 }

  .control-group #btnCal {
  	background: #ff8200;
  	color: #fff;
  	border: none;
  }
  .control-group .control span {
  	line-height: 2.2em;
  	margin: 0 3px;
  	font-weight: bold;
  }
  .ako-control {
    display: grid;
    gap: .8rem 0;
    grid-template-columns: 70% 30%;
    grid-template-rows: auto;
    grid-template-areas: 
      "input text" 
      "btn btn";
  }
  .ako-control .ako-grid-input {
    grid-area: input;
    padding: 0 0;
    width: 100%;
    text-align: center;
  }
  .ako-control .ako-grid-text {
    grid-area: text;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    padding: 0 0.5rem;
  }
  .ako-control .ako-grid-btn {
    grid-area: btn;
    text-align: center;
  }


 @media(max-width: 1200px){
 	.control-group .control-label { width: 42%;}
 	.control-group .style-v2 { width: 100%;}
 }
 @media(max-width: 992px){
 	.control-group .control-label { width: 40%;}
 }
  @media(min-width: 1280px){
 	.ako-control {
      grid-template-columns: 40% 20% 40%;
      grid-template-rows: auto;
      grid-template-areas: 
        "input text btn"
    }
    .ako-control .ako-grid-text {
      padding: 0 0;
    }
 }



/*contact us form*/

.contact__form .control-group .control-label{
  width: 25%;
}
.contact__form .control-group .input .input__field form-control{
  width: 75%;
}

.time-input .control-group .style-v2, .control-group input {
  padding: 0 30px;
}

.input__field{
  padding: 12px 30px;
}

/*contact us form- phone id欄位*/