.title-style { width: 100%; margin:0px auto;padding:30px 0px; display: flex; flex-wrap: wrap; flex-direction: column;justify-content: center; align-items: center; position: relative;  } 
.title-style::before {  content: ""; width:35%; height:40px;  position: absolute;  left:0px;  background:#ea5626;  clip-path: polygon(14% 0, 100% 0%, 86% 100%, 0% 100%);} 
.title-style::after {  content: ""; width:35%; height:40px; position: absolute; right:0px; background:#888;  clip-path: polygon(14% 0, 100% 0%, 86% 100%, 0% 100%);  } 
.title-style h1{ margin: 0 auto; font-size: 3rem; font-weight:500; color:#1F100B;letter-spacing: 3px;  }
.title-style p{ margin:10px auto;  font-weight: 400; line-height: 1.35rem;  color:#888; }

@media (max-width:1280px) {
.title-style{ margin: 0px auto;padding: 10px 0px;  } 
.title-style::before {  content: ""; width:35%; height:65px; } 
.title-style::after {  content: ""; width:35%; height:65px; } 
}


@media (max-width:992px) {
.title-style { margin:0px auto 20px auto; padding:0px 20px; }     
.title-style h1{  font-size: 2rem; }
.title-style p{ font-size:1rem;}
}
@media (max-width:767.98px) {
.title-style h1{  font-size: 1.5rem; } 
.title-style p{ font-size:.875rem;}
.title-style::before { display:none;} 
.title-style::after { display:none; } 
}
 /*----------------------------------------/
  title樣式 cart
----------------------------------------*/
.title-style-2 { width: 100%; margin:0px auto 30px auto;padding:30px 0px; display: flex; flex-wrap: wrap; flex-direction: column;justify-content: flex-start;  position: relative;  } 
.title-style-2::after {  content: ""; width:35%; height:16px; position: absolute; right:0px; background: url("../images/index/line01.png") no-repeat right top;   } 
.title-style-2 h1{ margin: 0 ; font-size: 3rem;  text-align: left; font-weight:500; color:#1F100B;letter-spacing: 3px;  }
.title-style-2 strong{ color: #E44029;   font-weight:500;  }
 @media (max-width:1280px) {
.title-style-2{margin: 0px auto;padding: 10px 0px;  } 
.title-style-2 h1,.title-style-2 h2{ font-size: 2rem;    }
}
@media (max-width:767.98px) {
.title-style-2 h1,.title-style-2 h2{  font-size:26px; letter-spacing: 1px;} 
.title-style-2 p{ font-size:.875rem;}
.title-style-2::after { display:none;  } 
}

.wrap-contact {padding: 50px 0px; position: relative;z-index: 1; }
.wrap-contact:after { content:""; width: 100%; height:calc(84% - 40px); left:0px; top:0px;position: absolute; z-index: -1; background: #F0F0F0}
.contact-editor{ padding: 10px; text-align: center;}
.contact-main { display: flex; flex-wrap: wrap; align-items: flex-start; padding:70px 20px;width: 100%;   position:relative;}
.contact-main:after { content: ""; width: 1px; height: 100%; background-color: #fff; position: absolute; right: 0px; top:0px; }
.contact-main:last-of-type:after {display: none; }
.contact-editor{margin-bottom: 10px; padding: 0px 10px;color:#1F100B ; font-size: 1.375rem;text-align: left; }
@media (max-width: 768px) {
.wrap-contact:after { height:89%;  }
.contact-main {width: 100%; padding: 70px 0px;  }
.contact-editor{  font-size: 1rem;  }   
}

   
.contact-form input, .contact-form option, .contact-form select, .contact-form textarea { border-radius: 10px; border: solid 1px #fff;}
.contact-form select, .contact-form input, .contact-form option, .contact-form textarea, .contact-form input[type=radio] + label, .contact-form input[type=checkbox] + label {
transition: all 0.5s; box-sizing: border-box;border: solid 1px #fff; outline: none;}
.contact-form ul {width: 96%; margin: 2% auto;}
.contact-form ul li {display: inline-block; width: 48%; margin: 15px 10px 15px 0px;}
@media (max-width: 920px) {
.contact-form ul li { width: 100%;  }
}

.contact-form ul li input { padding: 0 10px; width: 100%;  height: 50px; line-height: 40px; font-weight:400;}
.contact-form ul li input::placeholder, .contact-form ul li textarea::placeholder { color: #9d9d9d;}
.contact-form ul li select { color: #9d9d9d;   padding: 0 0 0 5px; width: 100%; height: 50px; line-height: 40px;font-weight:400;}
.contact-form ul li select:focus option {color: #666;}
.contact-form ul li option {padding: 5px 10px;}
.contact-form ul li textarea { width: 100%; height: 300px; padding: 5px 10px;line-height: 20px;}
.contact-form ul li input:focus, .contact-form ul li textarea:focus { background: #e5e7f2; color: #000;}
.contact-form ul li input:focus::placeholder, .contact-form ul li textarea:focus::placeholder { color: #000;}
input[type="text"],input[type="password"],input[type="tel"],input[type="number"],input[type="email"],input[type="password"]	{background-repeat: no-repeat;background-position: 14px center;}
input[type="submit"],input[type="reset"],input[type="button"]	{-webkit-appearance: none;}
input, input[type=checkbox]::before,textarea{border: 1px solid #fff; border-radius:0px; padding:2px 16px;width: 100%;background: rgba(255, 255, 255, .9);}
 
input.max80{max-width: 80px;margin-right: 8px;}
input.name{max-width: 150px;margin-right: 8px;}
.max100 { width: 100%;max-width: 150px;}
 /*contact*/
.border-none{border: none;}
.red{position: relative}
.red:after{content:"*";color:#EA5629; ;position: absolute; right:-10px; top:3px; }
.contact-form{width:100%;margin:0px auto; padding:0px 0px 80px 0px;  }
@media (max-width: 767.98px) {
.contact-form{width: 100%;  padding: 0px;}    
}


.contact-form ul{width: 100%; margin: 0px; padding: 0px;   display: flex; flex-wrap: wrap; }
.contact-form ul li{ width: 100%; margin-bottom: 15px; display: flex; flex-wrap: wrap;list-style: none;   }
.contact-form ul li div span{margin: 0 18px 0 0;display:inline-block;}
.contact-form ul li div span:last-child{margin-right:0;}
.contact-form ul li .formTh{width:auto;padding-left:15px; margin-bottom: 15px; font-size: 1.375rem; font-weight: 400; letter-spacing: 10px; display: flex;  position: relative;}
.contact-form ul li .formTd{width:100%;  position: relative; }  
.contact-form ul li.full{width:100%; }
.contact-form ul li .formTd input[type=checkbox]{width:12px;  height: 12px;  align-self: center;  }
.formTd label{ width: auto; margin-left:8px;margin-bottom: 0px; font-size: 1rem!important; color: #666;} 
.formSelect select{ width: 100%; border: solid 1px #cfcfcf;}
 
.btn-submit{width:100%; max-width:300px; padding: 10px 0px;  margin: 0 auto; font-size: 1.375rem; font-weight: 500; letter-spacing: 2px; cursor: pointer;   background:#EA5626; border-radius:0px;   }
.btn-box {width:100%;  display: flex;    flex-wrap: wrap; text-transform: uppercase;   margin:8% auto auto auto;}
@media print, screen and  (min-width:999px){
.contact-form ul li{ width: calc(100% - 25px); margin-bottom: 10px; padding:0px 10px; list-style: none; }
.btn-box {width: calc(100%/2);  display: flex;   align-items: center;   flex-wrap: wrap; text-transform: uppercase;   margin:8% auto auto auto;}
.btn-submit{  font-size: 1.375rem;    }
}
@media (max-width: 767.98px) {
.contact-form ul li .formTh{  font-size: 1rem;  }
.btn-submit {  font-size: 1rem;  }
.btn-box .btn {  margin-top:10%; width: calc(100%/2 - 10px); }
.btn-02 em{width: 24px;height:20px; left:5%;}
a.btn-02{padding: 10px 20px}
}

 /* 共用的Global "table" column settings */
.shopping-cart{margin-bottom: 30px;}

.product-image { width: auto;}
.product-details { width: 70%;}
.product-quantity { width: 20%; text-align: center;}
.product-remove { width: 10%; text-align: center;}


.cart-wrap{ display: flex; flex-wrap: wrap; align-items: center;}

  
/* Column headers */
.column-labels { width: 100%; display: flex; flex-wrap:wrap;  align-items: center; padding: 10px;;background:#ea5626;  }
.column-labels label { margin-bottom: 0px;padding-left: 5px; padding-bottom: 0px; font-size: 1.5rem; font-weight: 400; color: #fff; }
.column-labels .product-details .product-title {margin-left:30px; }
/* Product entries */
.cart-item { width: 100%; display: flex; flex-wrap:wrap; align-items: center;  padding: 10px; border: 1px solid #eee;}
.cart-item .product-image img { width: 133px;}
.cart-item .product-details .product-description {  width: calc(100% - 200px); margin: 5px 20px 5px 20px; font-size: 1.875rem; color: #1F100B; line-height: 1.4em;}
.cart-item .product-details .product-description a{ color: #1F100B; }
.cart-item .product-quantity input,.cart-item .product-quantity select { padding: 0px 10px;  border: solid 1px #dcdcdc}
.cart-item .remove-product {padding: 4px 8px; background-color: #c66;color: #fff; font-size: 0.9rem; border-radius: 3px; border: 0;}
.cart-item .remove-product:hover { background-color: #a44;}
.cart-item .product-remove img { width: 44px;height:auto;}
.cart-item .product-quantity input{ width: 105px; height: 70px; border: solid 1px #1F100B!important;font-size: 1.5rem; text-align: center;}


@media (max-width: 767.98px) {
.cart-wrap{  flex-direction: column; align-items: center;  padding: 0px 10px; }
.product-details { width: 60%; text-align: center;}
.product-quantity { width: 20%;}
.product-remove { width: 20%; }
.column-labels label { margin-bottom: 0px;padding-left: 0px; padding-bottom: 0px; font-size: .875rem; font-weight: 400; color: #fff; }
.cart-item .product-image  {  margin: 0px; text-align: left;}
.cart-item .product-image img { display: block; width: 70px;margin: auto; }
.cart-item .product-details .product-description {  width: 100%; margin: 5px; font-size:.875rem; text-align: center; }
.cart-item .product-quantity input{ width: 48px; height: 34px; font-size: .875rem; }
.cart-item .product-remove img { width: 20px;height:auto;}
    
}