.main-area{ background: #fff;  }
.product-arera{ position: relative; padding: 20px;  width: 100%; display: flex; flex-wrap: wrap;align-self: flex-start;  background: #fff;   }
 .bg{background-image: linear-gradient(to top, #fff 0%, #fbfdf6 90% ,#fff 100%);}
@media (min-width: 768px) and (max-width: 1199.98px) { 
.product-arera{  padding:0px;}
 }
 @media (max-width: 768px) {
 .product-arera .main-content {width:100%;  padding-left:0px;  }
}
@media (max-width: 767.98px) {
.product-arera{  padding:0px;}
 }
 /*----------------------------------------/
產品清單頁  product-item  
----------------------------------------*/
.product{padding: 4vw 0;}
.product-item { width:100%; margin:50px auto;  padding:0px; display: flex; flex-wrap: wrap; position: relative; }
.product-item li { width: calc( 100%/5 - 20px); margin:20px 10px; padding:0px ;list-style: none;   transition: all 0.3s linear 0s; position: relative;    }
.product-item li figure{ width: 100%; padding-bottom:100%; height: 0; border:solid 1px #e4e3e3;  overflow: hidden;  position: relative; z-index: 1; transition: all 0.5s ease 0s; }
.product-item li .item{ width: 100%;  }
.product-item .inner{ width: 100%; padding:20px; position: relative;   } 
.product-item .inner h3{  margin:0px 0px 5px 0px; font-weight:700;font-size: clamp(0.9rem, 2.3vw, 1.125rem); color:#000; line-height:1.5rem; letter-spacing: 0.2px; text-align: center; overflow: hidden;white-space: pre-line;word-break:normal; word-wrap:break-word; text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 3;  -webkit-box-orient: vertical; }
.product-item .inner h3 a{  color:#000; }
.product-item .inner p {  margin:0px; font-size: .9rem; line-height: 1.375rem; font-weight: 400; color:#312927;  overflow: hidden; white-space:pre-wrap;word-break:normal; word-wrap:break-word; text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 3;  -webkit-box-orient: vertical;} 
.product-item li:hover h3 a ,.product-item li:hover p{color:#d7810c;}
.product-item li:hover img { transform: scale(1.05);  opacity: 1; }
.product-item li:hover figure{ background-image: linear-gradient(to bottom, #d8e1e9 0%, #fff 100%); }

/*compare*/
.product-item .compare { width: 20px; height: 20px; margin:5px 10px auto auto;   align-items: flex-start;position: relative }
.product-item .compare > input[type='checkbox'],.compare > input[type='radio'] { position: absolute; z-index: 2;  top: 0; left: 0; display: block; width: 100%; height: 100%; margin: 0;  cursor: pointer;}

@media (max-width:992px) {
.product-item li { width: calc( 100%/3 - 20px);  } 
.product-item .inner a p{line-height: 1.125rem;  } 
}
@media (max-width:767.98px) {
.product-item .inner{ padding:20px 0px;   } 
.product-item li { width: calc( 100%/2 - 20px);  }    
}

/*----------------------------------------/
產品list table內容區塊
----------------------------------------*/

.products-select-btn { margin-bottom: 14px; display:flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-end;}
.products-select-btn > div { padding: 0 6px 6px 0;}
.products-select-btn > div:last-child { padding-right: 0;}
.products-select-btn > div a {  display: flex; flex-wrap: nowrap; align-items: center; line-height: 40px; border-radius: 5px; padding: 0 10px; color: #ffffff;font-size: 18px; font-weight: 500; background: #000000;}
.products-select-btn > div a:hover{  background: #ffae46;}
.products-select-btn > div a i { width: 18px; height: 18px;  display: inline-block; vertical-align: top; margin-right: 10px; padding-top: 10px;}


@media only screen and (max-width: 640px) {
.products-select-btn > div { text-align: center;}
.products-select-btn > div a { justify-content: center }

.products-select-btn > div:nth-of-type(1), .products-select-btn > div:nth-of-type(2) { width:50%;}
.products-select-btn > div:nth-of-type(3) { width:100%;  }
.products-select-btn > div:nth-of-type(2) { padding-right: 0;}

.products-detail-btn > div:nth-of-type(2), .products-detail-btn > div:nth-of-type(3) { width:50%; padding-right: 6px;}
.products-detail-btn > div:nth-of-type(1) { width:100%; padding-right: 0;}
.products-detail-btn > div:nth-of-type(3) { padding-right: 0;}
.products-select-btn > div:nth-of-type(3) a i { width: 24px; height: 24px;  }

}

.p-table { width: 100%; margin:0px auto 50px auto; text-align: center; background: #ffd39b; font-size: 15px; border-spacing: 1px;  line-height: 120%;}
.p-table p { font-size:0.875rem;font-weight: 500;padding-bottom: 0 !important;}
.p-table tbody{ border: solid 1px #ffae46}
.p-table thead th { background: #ffae46; padding: 3px; min-width: 50px; border: solid 1px #fff}
.p-table tbody td {  font-size:0.875rem;font-weight: 500; padding: 3px; vertical-align: inherit; background: #fff; border: solid 1px #ffae46 }
.p-table tbody td a { color: #222;}

a.downloadPDF img{width: 40px; height: 40px; margin:auto; }
a.downloadPDF:hover img{  opacity: .5;}

 
i.arrow-r { width: 40px; height: 40px; top: auto; bottom: 10px; right: 0; margin: 3px 10px auto auto ; position: absolute;background: url("../images/icon/arrow-right-f.svg") no-repeat right top;   -webkit-transition: -webkit-transform .2s;  transition: -webkit-transform .2s; transition: transform .2s; transition: transform .2s, -webkit-transform .2s}
 
@media (max-width:768px) {
a.btn-view{ font-size: 0.875rem;}
}
/*----------------------------------------/
產品詳細內容區塊
----------------------------------------*/
.product-wrapper {  display: flex;  flex-wrap: wrap;  justify-content: center; width: 100%; margin:auto; padding: 0px; position: relative;}
 @media (min-width: 1200px) {
.product-wrapper {  padding-right: 15px; padding-left: 15px; max-width: 1200px; margin: auto; }
 }
@media (min-width: 1400px) {
.product-wrapper { max-width: 1440px;  }
 }
.top .main-breads { margin-top: 0px;  }
/*----------------------------------------/
圖片輪播區塊
----------------------------------------*/
.product-left{width:calc(60% - 50px);   padding: 5px 50px 60px 0px; display: flex;  flex-wrap: wrap;   position: relative; order: 2;  }
.product-right{ width:40%; height: 100%; padding: 0px; margin-left: 50px; display: flex;flex-wrap: wrap; justify-content:flex-end; align-content: flex-start; position: relative;  order: 1; }
.product-left .social-icons{justify-content: center;align-content: center; align-items: center; font-size: 0.875rem;}
.slider-for { width:100%;  margin: 0px auto; padding:0px!important; display: flex; justify-content: center; align-content: flex-start; flex-wrap: wrap;  }
.slider-for  { width: 100%;  margin: 0px!important; padding:0px!important;   display: flex; justify-content: center; align-content: center; align-items:center;  order: 1; }
.slider-for li,.slider-nav li { width: 100%; display: block;margin: auto; padding: 0px; cursor: pointer; }
.slider-for li img{ display: block; width: 100%; height: auto;margin: auto; padding: 0px;}  
.slider-for .slick-dots{bottom: 0px;}
.slider-nav{ width: 100%;  height: auto; margin:10px auto; padding:0px; display: flex; flex-wrap: wrap; justify-content:space-between; order: 2; }
.slider-nav li{  opacity:.5; margin:10px 0px; }
.slider-nav li.slick-current,.slider-nav li:focus{opacity: 1;}
.slider-nav li img{ width:100%; margin:0px; padding:0px;  }
.slider-nav .slick-dots {bottom:-20px;}
 @media (max-width:820px) {
.product-left{width:100%;padding: 5px 0px 0px 0px; order: 2;}  
.product-right{ width:100%; margin: auto; padding: 10px 50px; order: 1;}
}
 
/*----------------------------------------/
btn區塊
----------------------------------------*/
.product-group{width: 100%; margin:40px 0px; display: flex; flex-wrap: wrap; justify-content:center; }
.product-group .btn{ width: calc(100%/2 - 20px); margin: auto 10px auto 0px;  border-radius:5px;  }

.btn-group{width: 100%; margin:10px 0px; display: flex; flex-wrap: wrap; justify-content: space-between; }
.btn-group a{width:auto; margin:10px 0px; padding:0px 20px; }

.product-info{ width:100%; padding:0px 0px 0px 60px; display: flex; flex-wrap: wrap;  align-content: flex-start; align-items: flex-start;  }
.product-info h1{ width: 100%; display: flex; justify-content: flex-start;font-size: 2rem;  font-size: clamp(1.5rem, 2.3vw, 2rem); font-weight: 700;  color:#333; letter-spacing: 1px;   }
.product-info h2{  width: 100%; margin-bottom: 10px; font-size:1.75rem;font-size: clamp(1.275rem, 2.3vw, 1.75rem); font-weight: 700; color:#d7820e;  word-spacing: normal; word-break:normal; }
.product-info p{  width: 100%; margin: 5px 0px; font-size:0.875rem; font-weight: 700; color:#7a7a7a;  word-spacing: normal; word-break:normal;  }


.product-info .name { margin-bottom: 14px; padding-bottom:5px; border-bottom: 1px solid rgba(0, 0, 0, 0.2);  color:#000; font-weight:700; font-size: 1.125rem;  }

.product-description{ width: 100%; padding:10px;   color:#888;  }
.product-description p {width: 100%; margin: 5px 0px; font-size:1rem; font-weight: 500; color:#333;  word-spacing: normal; word-break:normal;}
.product-description span {width: 100%; margin: 5px 0px; font-size:0.85rem;  font-weight: 400; color:#888;  word-spacing: normal; word-break:normal;}
.product-description ul li .item-title{width:auto; justify-content: flex-start; padding:5px 5px 5px 0px;color:#98979d;  font-size:0.85rem;}
.product-description p strong{color:#000;}
.product-info-title{ width: calc(100%  - 20px);padding: 0px 10px; align-self: center; }
.product-info-title .btn{ width: 50%;  }
@media (max-width: 767.98px) {
.product-info-title .btn{ width:100%; display: flex; flex-wrap: wrap; }  
.product-info-title .btn i.icon-shop{display: inline-block!important; margin: 0px;}  
}  


.product-btn{width: 100%; margin:10px 0px; display: flex; flex-wrap: wrap; justify-content: flex-start }
.product-btn .btn{width:calc(100%/2 - 20px);  margin: auto 0px; padding: 10px 20px;  display: flex; }
.product-btn .btn i { width: 36px; height: 36px;  margin: auto 5px;  filter: brightness(200%) grayscale(1);}
.product-btn button {  border-radius:0px; align-items: center}
@media (max-width:767.98px) {
.product-btn .btn{ width:calc(100%/2); margin: auto; padding: 0px;  }

}



  
.pdd-toggle-area{ position: relative;width: 100%;margin: 30px 0px 0px 0px; border: 1px solid #f2f2f2; display: flex;  transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);z-index: 3 }
.pdd-toggle-area:before { content: ""; display: block; width: 1px; height: 100%; border-left: 1px solid #e5e5e5; position: absolute; left: 50%; pointer-events: none; z-index: 6; transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) }
.pdd-toggle-area a { width: 50%;height:3vw; display: flex; align-items: center; text-align: center; justify-content: center; position: relative; transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1)}
.pdd-toggle-area a:after { content: ""; position: absolute;  width: 100%; height: 100%; background: linear-gradient(to right, #3676be, #292487); transform-origin: center bottom; transform: scaleY(0); left: 0;  top: 0;  z-index: 1; transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1)}
.pdd-toggle-area a .fz-C, .pdd-toggle-area a .icon { display: inline-block; margin-left: 10px; transition: transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);  position: relative; z-index: 3;font-weight: 600; color: #000}

.pdd-toggle-area a:nth-child(1){background-color:#f2f2f2; }
.pdd-toggle-area a:nth-child(2){background-color:#e5e5e5; }
.pdd-toggle-area a .icon:before { width: 1rem; height: 1rem }
.pdd-toggle-area a:hover { color: #fff; background-color:#026ebb }
.pdd-toggle-area a:hover span { color: #fff;  }
@media (min-width: 0) and (max-width: 979px) {
.pdd-toggle-area a { height: 52px }
.pdd-toggle-area a .fz-C { font-size: .875rem }
 }
 

.icon-down{width: 12px; height: 12px; background: url("../images/icon/slick-down.svg") no-repeat left top;}
.sec1 { position: relative; display: -webkit-box; display: -ms-flexbox;  display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start;  margin-bottom: 100%;  width: 100%;  min-height: 800px; height: calc(100vh - 130px); background-color: #fff;}

 
.spec-table { display: block; width: 100%; margin:20px 0; border-collapse: separate; background:#fff; /* -webkit-border-vertical-spacing: 10px; -webkit-border-horizontal-spacing: 10px; */}
.spec-table th { padding:10px 5px; font-size: 1rem; background:#066CB7; color: #fff; }
.spec-table td { padding:10px 5px; font-size: 0.9rem; border-right:solid 1px #eee; border-bottom: solid 1px #eee;}
.spec-table td:last-child { border-right:none;}
/*----------------------------------------/
spec tab
----------------------------------------*/
#section3{background:#fbfbfb;}
.product-info {display: flex; flex-wrap: wrap;  width:100%; margin: auto;}
@media (max-width: 991.98px) {
.product-info{padding-left:0; }    
}
@media (max-width: 767.98px) {
.product-info{  padding:0px; border:none; }    
}
 
 
 
 .box-left{ width: 60%; position: relative; z-index: 0;}
.box-right{width: 40%; position: relative; left: 0px; top:0px; display: flex; flex-wrap: wrap; flex-direction: column; justify-content:center;  z-index: 3; margin: 0px;padding: 20px 40px;   -webkit-writing-mode: vertical-rl; writing-mode: vertical-rl;  }

.main-txt{width: 100%; max-width: 960px; margin:0; padding: 30px 20px 0px 20px; display: flex; flex-wrap: wrap; position: relative; z-index: 1;}
 .main-txt p { width: 100%; font-size:0.9rem; line-height: 2rem; font-weight: 400;  padding:5px 0px; margin: 20px 0px; color: #333;}
 .main-txt p strong{  width: 100%; font-size: 1rem; line-height: 2rem; letter-spacing: 1.2px; font-weight:700;  padding:5px; margin-bottom: 10px;   }
 
 
 
/*----------------------------------------/
tab
----------------------------------------*/
#cms-tabs-product{ padding-bottom:100px; }
#cms-tabs-product .nav-tab{ background-color:#f2f2f2; }
#cms-tabs-product .resp-tabs-list{ width: 1160px; max-width: 100%; margin: auto;background-color:#f2f2f2; justify-content: center; }
#cms-tabs-product .resp-tabs-list li { width:auto; margin: 0px; justify-content: center; font-size:1rem; border-right: solid 1px #ddd}
#cms-tabs-product .resp-tabs-list li:last-child{border-right: none;}
#cms-tabs-product .resp-tabs-list a:hover {  color: #a01f35!important; }
#cms-tabs-product .resp-tab-content { padding:30px 0px ;}
#cms-tabs-product .resp-tab-active{background-color:#d7820e; color:#fff;}
.resp-tab-content h4{ margin:2% 0;  font-size: 1.15rem; font-weight: 700; }
.resp-tab-content p{ margin:1% auto; font-size: 1rem; font-weight: 400;  }
.edit{width: 100%; max-width:1280px;padding:15px 5px; margin: auto;   }
.edit h4 img{display: block; width: 100%; max-width:600px;  margin: 15px auto!important;}
.edit .description{display: block; width: 100%; max-width:680px;  margin: 15px auto!important;}
.imgEditor { width:80%; height: auto; margin: auto; display: block;} 
 
@media (max-width: 991.98px) {
#cms-tabs-product .resp-tabs-list{  justify-content: flex-start; align-items: stretch}
#cms-tabs-product .resp-tabs-list li { width: calc(100%/3 ); padding:5px;  margin: 0px;line-height: 1.5rem;   border: solid 1px #ddd; }
#cms-tabs-product .resp-tabs-list li:last-child{border-right: solid 1px #ddd;}
}
@media (max-width: 767.98px) {
#cms-tabs-product .resp-tabs-list li { width: calc(100%/2);  }
}
@media (max-width: 320px) {
#cms-tabs-product .resp-tabs-list li { width: 100%; padding: 5px 0px }
.resp-tabs-list li a{ padding:5px;  }
}


.spec-type-1 { max-width: 678px; margin: 30px auto; width: 100%; border-spacing: 1px; background: #f4f4f4;border: 1px solid #d8d8d8;}
.spec-type-1 th { border-bottom: 1px solid #d8d8d8; border-right: 1px solid #d8d8d8; text-align:center; font-size: 17px ;font-weight: 700; color: #ee7700; padding: 8px 10px; background: #fff;}
.spec-type-1 td { border: 1px solid #d8d8d8;  text-align:center; font-size: 17px ;font-weight: 500; color: #222222; padding: 8px 10px;}
.tab-content { padding: 68px 20px 40px 20px;}


.spec-description{ padding:5px; }
.spec-description p {margin-bottom: 15px; font-size:1rem; color: #98979d;}
.spec-description ul{width: 100%; margin:0; padding: 0px; }
.item-title{ color:#000;  font-size:1.188rem;}
.item-title strong{color:#e60013; margin-right: 10px;}
.datatable{ width: 100%;}
.datatable tr{ width: 100%; border-bottom: solid 1px #f5f5f5;}
.datatable th{font-size: 0.9rem;  color: #000;text-align: center; }
.datatable td{font-size: .875rem; font-weight: 300; line-height: 1.125rem; color: #333;text-align: center; }
/*aside*/
.tab-bar { width: 100%;  margin:0; display: block; background-color:transparent; color: #333; position: relative; vertical-align:top;z-index: 99;}
.tab-bar .tab-bar-dropdown { display: block;  }
.tab-bar .tab-bar-dropdown a { padding:5px 0px; color: #e60044 !important;  background:#fff; text-transform: uppercase; text-align: center; font-size: 1.15rem; font-weight: 700; display: block;  }
.tab-bar .tab-bar-dropdown a::after { position: absolute; display: block;left: 48%;top: 30px; margin: auto; width: 16px; height: 16px; content: "\e91e"; font-family: 'icomoon'; font-size: 1rem;color: #e60044 !important; }

.tab-bar ul { padding: 0px; margin: 0px;  }
.tab-bar ul li { list-style-type: none; background:#fff; position: relative; }
.tab-bar #cms-sidebar { display: none; width: 100%; margin: 0 auto; position: absolute; z-index: 60;  }
.tab-bar #cms-sidebar li i { display: inline-block; margin-right: 5px; background: #eee; color: #888; width: 24px; height:24px; line-height: 24px; text-align: center; border-radius: 30px;  }
.tab-bar #cms-sidebar li span i { margin: 0px; color: #999; background: transparent !important; border: 0px; }
.tab-bar #cms-sidebar > li > a { display: block; padding:10px 20px; font-size:1rem; color:#404040;  text-decoration: none; border-bottom: 1px solid #000;  }
.tab-bar #cms-sidebar > li > a { display: flex; flex-wrap: wrap; justify-content: space-between; align-content: center; align-items: center;  color:#767676;   }
.tab-bar #cms-sidebar > li > a > p{ flex: 0 0 65%; display: flex; flex-wrap: wrap; justify-content: space-between; align-content: center; align-items: center; line-height:1.5;  color:#404040; }
.tab-bar #cms-sidebar > li > a > span.badge{ flex: 0 0 20%; margin-right:10%; }
.tab-bar #cms-sidebar > li > a.subdrop > p{color: #fff;}
.tab-bar #cms-sidebar > li > a:hover > p{ color:#404040; }
.tab-bar #cms-sidebar > li > a:hover, .tab-bar #cms-sidebar > li > a.open, .tab-bar #cms-sidebar > li > a.subdrop { color: #000;  box-shadow: none;  } 
.tab-bar #cms-sidebar > li > a:hover i, .tab-bar #cms-sidebar > li > a.open i, .tab-bar #cms-sidebar > li > a.subdrop i { color: #e60044; border: 1px solid #b5b6ba; }
.tab-bar #cms-sidebar > li > a:hover span i, .tab-bar #cms-sidebar > li > a.open span i, .tab-bar #cms-sidebar > li > a.subdrop span i { color: #fff; background: transparent !important; border: 0px; }
.tab-bar #cms-sidebar li ul { display: none; background:#4b4948; }
.tab-bar #cms-sidebar li ul li{ width: 100%; margin: 0px; display: flex; flex-wrap: wrap; justify-content: flex-start; align-self: center; align-content: center; align-items: center; padding:0px ; font-size:0.9rem; text-decoration: none; color: #404040; background:#f1f0f0;   box-shadow: inset 0px 1px 0px rgba(0, 0, 0, 0.1); }
.tab-bar #cms-sidebar li ul li a { width: 100%; display: flex; padding: 8px 15px; background-color:transparent; text-decoration: none; color: #444;   box-shadow: inset 0px 1px 0px rgba(0, 0, 0, 0.1); }
.tab-bar #cms-sidebar li ul li a:hover { color:#000;   }
.tab-bar ul li.current:after{ position: absolute; display: block; content: ""; height: .25rem; background-color: currentColor; bottom: 0; left: 0; right: 0;}
.tab-bar #cms-sidebar > li.current > a > p{ color: #333;  } 
.tab-bar #cms-sidebar > li.has_title a{  display: block; margin: 0px; padding:10px 20px; font-size:1.35rem; color: #000; }
.tab-bar #cms-sidebar > li.has_title span{ display: block; color: #777; font-size:0.875rem; }
@media(min-width:1002px) {
.tab-bar { -webkit-box-flex: 0; -ms-flex: 0 0 240px; flex: 0 0 240px; max-width: 240px;  padding-right: 10px; flex-wrap:wrap;   }
.tab-bar .tab-bar-dropdown{display: none;	}	
.tab-bar #cms-sidebar { display: block; margin:0 auto;  color: #222; height: 100%;   }
.tab-bar ul li {   background:none;  }
.tab-bar #cms-sidebar > li > a > p{   color: #000; }
.tab-bar #cms-sidebar > li.has_title { border-bottom: solid 1px #d8d8d8;}
.tab-bar #cms-sidebar > li.has_title a:hover { background: none; }
}
@media(min-width:1100px) {
.tab-bar { -webkit-box-flex: 0; -ms-flex: 0 0 300px; flex: 0 0 300px; max-width: 300px;  padding-right: 10px; flex-wrap:wrap; background-color: transparent;   }
}
/*--------table form style------------*/
.table {width: 100%;  overflow-x: auto;}
.table label:nth-child(odd) ul { background: #f4f4f4;}
.table-thead { display: flex; flex-wrap: wrap;  background:#dce8f0; padding: 15px 10px 15px 50px; font-weight: 700;}
.table-thead li{color:#026ebb;  font-weight: 700; }
.table-tbody { display: flex; flex-wrap: wrap;  padding: 10px 10px 10px 50px; margin: 0px; border: solid 1px #f4f4f4;}
.table ul { list-style: none;}
.table ul:nth-child(odd) { }
.table ul:nth-child(even) { background: #fff;}
.table ul:hover{background:#ffefda;}
.table-tr{font-size: 0.875rem;}
.table-tr { width: calc(56%/7); padding: 0 5px;}
.table-tr.w20 {  width: 20%;}
.table-tr.w12 {  width: 12%;}
.table label { position: relative; cursor: pointer; display: block;}
.table label input[type=checkbox] { width:18px; height: 18px;   position: absolute;  top: 15px; left: 15px;color:#006fbc!important;   border-color: #006fbc!important;}

 @media(max-width:768px) {
.table-thead {display: none;}
.table {width: 100%; max-width: 420px; display: flex; flex-wrap: wrap; overflow-x: auto;}
.table-tr { width: calc(100%/2); }
.table-tr.w20 {  width: 100%;}
.table-tr.w12 {  width: 100%;}
.table-tr::before{ content: attr(data-content); padding-right: 10px; color:#026ebb;  font-weight: 700;  }     
.table label input[type=checkbox] {  top: 22px!important;  }
}