:root {
  /* 主色 */
  /* rgba: 需不透明 */
  --main-color: #C60000;
}

.carousel-item img:hover{
    opacity: 1;
}
.mt-3 .container table tr td:nth-child(3){
    max-height: 155px;
    overflow-x: hidden;
    display: block;
}
.mt-3 .container thead tr th:nth-child(1){
    width: 15%
}
.mt-3 .container thead tr th:nth-child(2){
    width: 35%
}
.mt-3 .container thead tr th:nth-child(3){
    width: 40%
}
.mt-3 .container thead tr th:nth-child(4){
    width: 10%
}
.navbar-nav .active a{
    color: var(--main-color) !important;
    padding-left: 5px;
}
.d-none {
     display: block!important; 
}
.navbar-nav li:hover{
    padding-left: 5px;
}
section#news {
    margin-top: 16px;
    padding-bottom: 10px;
    padding-top: 10px;
    background-image: none!important;
}
.p-news-list table tr {
    border-top: 1px dashed hsla(0,0%,77%,1.00);
}
.p-sitemap h2{
    background-color: hsla(0,0%,82%,1.00);
    padding-top: 6px;
    padding-right: 6px;
    padding-bottom: 6px;
    padding-left: 6px;
}
.p-news-index table{
    margin-top: 17px;    
}
.p-news-index table tr{
    border-top: 1px dashed hsla(0,0%,77%,1.00);
}
.inquiry_in{
    background-image: none!important;    
}
.address ul{
    list-style-type: none;
    padding-left: 0px;
    margin-top: 18px;
}
.address img{
    margin: 10px;
    width: 30px;
    height: auto;
}
.btn{
    margin-bottom: 13px;    
}
.soc img {
    width: 30px;
    height: 30px;
    margin-right: 5px;
    margin-left: 5px;
}
.soc {
    text-align: center;
    margin-top: 15px;
    margin-bottom: 15px;
}
.footer_info li {
    list-style-type: none;
    text-align: center;
}
.dropdown-menu {
    margin-top: 0;
}
.dropdown-menu .dropdown-toggle::after {
    vertical-align: middle;
    border-left: 4px solid;
    border-bottom: 4px solid transparent;
    border-top: 4px solid transparent;
}
.dropdown-menu .dropdown .dropdown-menu {
    left: 100%;
    top: 0%;
}
.dropdown-menu > li a:hover, .dropdown-menu > li.show {
    background: #fff;
    color: var(--main-color);
}
.dropdown-menu > li.show > a {
    color: var(--main-color);
}
#news h2 {
    /* padding-top: 15px;
    padding-right: 6px;
    padding-bottom: 15px;
    padding-left: 15px;
    color: #FFFFFF;
    font-size: 20px;
    margin-bottom: 20px;
    background-image: -webkit-linear-gradient(225deg, rgba(31,119,167,1.00) 21.24%, rgb(14 93 169) 21.24%);
    background-image: -moz-linear-gradient(225deg, rgba(31,119,167,1.00) 21.24%, rgb(14 93 169) 21.24%);
    background-image: -o-linear-gradient(225deg, rgba(31,119,167,1.00) 21.24%, rgb(14 93 169) 21.24%);
    background-image: linear-gradient(225deg, rgba(31,119,167,1.00) 21.24%, rgb(14 93 169) 21.24%); */
}
.carousel-caption {
    position: static;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 0px;
    color: #000;
    text-align: center;
 
}
.advbox {
    position: fixed;
    bottom: 0px;
    width: 100%;
    max-width: 100%!important;
    background-color: var(--main-color);
    z-index: 9999;
    color: hsla(0,0%,100%,1.00);
    left: 0;
}
nav {
    padding-top: 10px!important;
    padding-bottom: 10px!important;
}
.advpic {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-left: 5%;
    padding-right: 5%;
    padding-top: 20px;
    padding-bottom: 11px;
}
.btn1 {
    transform: skew(30deg, 0deg);
    color: #FFFFFF;
    font-size: 16px;
    font-family: 'moon', "微軟正黑體";
}
.cookies_3 {
    width: 100%;
    border: 1px solid hsla(0,0%,89%,1.00);
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    margin-top: 10px;
    display: flex;
    justify-content: center;
    color: hsla(0,0%,100%,1.00);
    margin-bottom: 10px;
}
.cookies_3:focus{
    color: #fff;
}
.btn3 {
    width: 100%;
    color: var(--main-color);
    background-color: #fff;
    display: flex;
    justify-content: center;
    font-size: 16px;
    font-family: 'moon', "微軟正黑體";
    border-width: 0px;
    padding-right: 40px;
    padding-left: 30px;
    margin-top: 7px;
    border: 1px solid gainsboro;
}/*--------RWD表格---------------*/
.rwd-table {
    background: #fff;
    overflow: hidden;
}
.rwd-table tr:nth-of-type(2n) {
    /* background: #eee; */
}
.rwd-table th, .rwd-table td {
    margin: 0.5em 1em;
}
.rwd-table {
    min-width: 100%;
}
.rwd-table th, .rwd-table td {
    text-align: left;
    clear: both;
}
.right01 {
    width: 70%;
    display: contents;
    float: right;
}
.rwd-table th {
    display: none;
}
.rwd-table td {
    display: block;
}
.rwd-table td:before {
    content: attr(data-th) " : ";
    font-weight: bold;
    width: 6.5em;
    display: inline-block;
}
.rwd-table th, .rwd-table td:before {
    color: #333;
    font-weight: bold;
    width: 30%;
}

.p-inquiry-list tbody tr:nth-child(1){
    border-bottom: 1px solid gainsboro;
}

.p-inquiry-list tbody tr{
    padding: 8px 5px;
    border-bottom: 1px solid gainsboro;
    display: flex;
    align-items: center;
}

.p-inquiry-list tbody tr th,.p-inquiry-list tbody tr td{
    width: 20% ;
    display: flex;
    justify-content: center;
}

.p-inquiry-list tbody tr th:nth-child(2),.p-inquiry-list tbody tr td:nth-child(2){
    width: 30%;
}

.p-inquiry-list  .Del a{
    margin-right: 0px;
}

.p-inquiry-list .rwd-table td{
    text-align: center;
}

.p-inquiry-list hr{
    display: none;
}
@media (min-width: 480px) {
.rwd-table th, .rwd-table td {
    text-align: left;
    clear: none;
}
.rwd-table td:before {
    display: none;
}
.rwd-table th, .rwd-table td {
    display: table-cell;
    padding: 0.25em 0.5em;
}
.rwd-table th:first-child, .rwd-table td:first-child {
    padding-left: 0;
}
.rwd-table th:last-child, .rwd-table td:last-child {
    padding-right: 0;
}
.rwd-table th, .rwd-table td {
    padding: 0.5em !important;
}
.right01 {
    width: 100%;
    display: block;
    float: none;
}
  
}


/*--------RWD表格---------------*/
a img:hover {
    opacity: 0.7
}
header {
    margin: 0px auto;
    text-align: left;
    width: 100%;
    max-width: 800px;
}
.copy {
    background-color: #2E2E2E;
    padding-top: 5px;
    padding-bottom: 5px;
    color: #fff;
    text-align: center;
}
.copy a {
    color: #1f77a7;
}
main {
    margin: 0px auto;
    text-align: left;
    width: 100%;
    max-width: 800px;
}
footer {
    margin: 0px auto;
    text-align: left;
    width: 100%;
    max-width: 800px;
}
footer {
    background-color: rgba(15,15,15,1.00);
    padding-top: 50px;
    padding-bottom: 15px;
    background-position: center center;
    background-attachment: fixed;
}
.form-control {
   /* margin-bottom: 10px*/
}
.error {
    color: #FFF;
    background-color: #FF0004;
    padding-top: 6px;
    padding-right: 6px;
    padding-bottom: 6px;
    padding-left: 6px;
}
.error1 {
    border: 1px solid #FF0004;
}
.sw {
    margin-right: 7px;
    background-color: #E90003;
}
.dl {
    background-color:var(--main-color) ;
    color: #fff;
}
.sw:hover {
    margin-right: 7px;
    background-color: #780001;
}
.dl:hover {
    opacity: .85;
}
.i_l {
    padding-right: 15px;
    padding-left: 15px;
    margin-bottom: 12px;
    display: block;
    width: 97%;
    margin-left: auto;
    margin-right: auto;
    background: #efefef;
}
.news_in {
    margin-top: auto;
    margin-right: auto;
    margin-bottom: auto;
    margin-left: auto;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    list-style-type: none;
    width: 100%;
}
.news_t {
    font-family: Arial, "微軟正黑體";
    font-size: 16px;
    text-align: left;
    margin-bottom: 12px;
    margin-top: 12px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-weight: 600;
}
.news_date {
    padding-right: 4px;
    padding-left: 4px;
    color: gray;
    display: block;
    width: 104px;
    font-size: 14px;
    margin-top: 4px;
    border-radius: 10px;
    padding-left: 9px;
    padding-right: 30px;
}
.red {
    color: #FF0004;
}
.pro_1 {
    color: #292929;
    font-family: Arial, "微軟正黑體";
    font-size: 16px;
    text-align: center;
}
.model {
    background-color: #0e5da9;
    color: #FFFFFF;
    padding: 2px;
    font-size: 14px;
    text-align: center;
}
.page-item .active {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #FFFFFF;
    background-color: #1f77a7;
    border: 1px solid #dee2e6;
}
.cart {
    right: 100px;
    /* position: absolute; */
    /* top: 18px; */
}
.cart1 {
    position: relative;
}
.i_n {
    position: absolute;
    z-index: 99;
    background-color: #FF0004;
    color: #FFFFFF;
    font-size: 14px;
    right: -18px;
    bottom: -14px;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 25px;
    border-radius: 99em;
}
a:hover {
    text-decoration: none;
}
.mt-3 .col-sm-4 {
    margin-bottom: 8px;
}
.ml {
    font-family: Arial, "微軟正黑體";
    font-size: 14px;
    color: var(--main-color);
}
.p_name {
    text-align: center;
    margin-top: 5px;
    margin-bottom: 5px;
    font-family: Arial, "微軟正黑體";
    font-weight: bolder;
    font-size: 16px;
    width: 100%;
}
.pr_in {
    padding-top: 8px;
    padding-bottom: 8px;
    background-color: #fff;
}
.p1 {
    /* background-color: #f9f9f9; */
    padding: 0px;
    /*box-shadow: 1px 1px 3px #ccc;*/
	border: 1px solid #adadad;
}
.p1 a{
    display: block;
}
.container img {
    max-width: 100%;
    height: auto;
}
.sp-large img {
    max-width: none;
    height: none;
}
.to-top {
    bbackground: #e61112;
    color: #fff!important;
    padding: 5px;
    width: 30px;
    height: 30px;
    border-radius: 99em;
    z-index: 999;
    text-align: center;
    
    
}
.date_in {
    color: var(--main-color);
    display: inline-block;    
    font-family: Arial, "微軟正黑體";
    font-size: 14px;
    border-radius: 10px;
}
main {
    background-color: #FFFFFF;
    padding-bottom: 12px;
}
.center {
    text-align: center;
    width: 100%;
}
.right {
    text-align: right;
}
.poc {
    margin-bottom: 13px;
}
.inbanner img {
    display: block;
}
.inbanner img:nth-child(2){
    display: none;
}
.btn001 a {
    background-color: var(--main-color);
    font-family: Arial, "微軟正黑體";
    font-size: 16px;
    padding: 8px 24px;
    color: #FFFFFF;
    text-decoration: none;
    display: inline-block;
    border-radius: 3px;
}
.btn001 a:hover {
    opacity: .85;
}
.mt40 {
    margin-top: 40px;
}
.webeditor img {
    max-width: 100%;
    height: auto!important;
}
.webeditor table {
    max-width: 100%!important;
    height: auto!important;
}
.webeditor p{
	text-align: left !important;
}
.news_in li {
    margin-bottom: 10px
}
a {
    font-family: Arial, "微軟正黑體";
    letter-spacing: 1px;
    outline: none!important;
}
button {
    outline: none!important;
}
.inbanner img {
    width: 100%;
    height: auto;
}
footer {
    background-image: none !important;
    background-color: #333333;
    padding-top: 50px;
    padding-bottom: 15px;
    background-position: center bottom;
    background-attachment: fixed;
}
footer .row {
    margin-top: 10px;
}
footer a {
    color: #FFFFFF;
    font-size: 14px;
}
.card-body ul li a {
    font-size: 14px;
    color: hsla(0,0%,24%,1.00);
}
.btn-link a {
    font-size: 14px;
    color: hsla(0,0%,24%,1.00);
}
* {
    font-family: Arial, "微軟正黑體";
    letter-spacing: 1px;
}
.wrap {
    margin: 0px auto;
    text-align: left;
    width: 100%;
    max-width: 800px;
}
.lang_all {
    text-align: right;
    padding-top: 6px;
    padding-right: 6px;
    padding-bottom: 6px;
    padding-left: 6px;
    background-color: var(--main-color);
}
.lang_all a {
    color: #FFFFFF;
    font-size: 14px;
    margin-right: 10px;
    margin-left: 10px;
}
.lang_all img {
    width: 20px;
    height: 20px;
}
#about {
    background-image: none!important;
}
#about h2 {
    /* padding-top: 15px;
    padding-right: 6px;
    padding-bottom: 15px;
    padding-left: 15px;
    color: #FFFFFF;
    font-size: 20px;
    margin-bottom: 20px;
    background-image: -webkit-linear-gradient(225deg, rgba(31,119,167,1.00) 21.24%, rgb(14 93 169) 21.24%);
    background-image: -moz-linear-gradient(225deg, rgba(31,119,167,1.00) 21.24%, rgb(14 93 169) 21.24%);
    background-image: -o-linear-gradient(225deg, rgba(31,119,167,1.00) 21.24%, rgb(14 93 169) 21.24%);
    background-image: linear-gradient(225deg, rgba(31,119,167,1.00) 21.24%, rgb(14 93 169) 21.24%); */
}
#about h1 {
    padding-top: 15px;
    padding-right: 6px;
    padding-bottom: 15px;
    padding-left: 15px;
    color: #FFFFFF;
    font-size: 20px;
    margin-bottom: 20px;
    background-image: -webkit-linear-gradient(225deg, rgba(31,119,167,1.00) 21.24%, rgba(31,31,31,1.00) 21.24%);
    background-image: -moz-linear-gradient(225deg, rgba(31,119,167,1.00) 21.24%, rgba(31,31,31,1.00) 21.24%);
    background-image: -o-linear-gradient(225deg, rgba(31,119,167,1.00) 21.24%, rgba(31,31,31,1.00) 21.24%);
    background-image: linear-gradient(225deg, rgba(31,119,167,1.00) 21.24%, rgba(31,31,31,1.00) 21.24%);
}
#prod h1 {
    padding: 8px 0px;
    color: var(--main-color);
    font-size: 20px;
    margin-bottom: 8px;
    font-family: Arial, "微軟正黑體";
    border-bottom: 1px solid gainsboro;
}
#prod h2 {
   font-size: 16px;
    color: gray;
    font-weight: bold;
    padding: 8px 0px;
    font-family: Arial, "微軟正黑體";
    border-bottom: 1px solid gainsboro;
    margin-bottom: 8px;
}
#about h3 {
    font-size: 20px;
    color: #ff1504;
    font-weight: bold;
}
#about p {
    font-size: 14px;
    color: #000;
}
#slogan {
    background-image: url(../images/index-slogan.webp) !important;
    width: 100%;
    background-size: cover;
    padding: 48px 0px;
    background-position: right center;
    color: hsla(0,0%,100%,1.00);
}
#pdt {
    background-image: none!important;
}
#pdt h2 {
    /* background-image: -webkit-linear-gradient(225deg, rgba(31,119,167,1.00) 21.24%, rgb(14 93 169) 21.24%);
    background-image: -moz-linear-gradient(225deg, rgba(31,119,167,1.00) 21.24%, rgb(14 93 169) 21.24%);
    background-image: -o-linear-gradient(225deg, rgba(31,119,167,1.00) 21.24%, rgb(14 93 169) 21.24%);
    background-image: linear-gradient(225deg, rgba(31,119,167,1.00) 21.24%, rgb(14 93 169) 21.24%);
    padding-top: 15px;
    padding-right: 6px;
    padding-bottom: 15px;
    padding-left: 15px;
    color: #FFFFFF;
    font-size: 20px;
    margin-bottom: 20px; */
}
.center {
    text-align: center;
}
.card h2 {
    background-color: hsla(207,100%,25%,0.00)!important;
    padding-top: 0px!important;
    padding-right: 0px!important;
    padding-bottom: 0px!important;
    padding-left: 0px!important;
    color: #FFFFFF;
    font-size: 20px;
}
/*語系*/
	
.lang_all ul {
    margin-bottom: 0rem;
}
.lang {
    list-style: none;
}
.lang li {
    display: inline-block;
    position: relative;
    z-index: 500;
    margin: 0 1px;
}
.lang li a {
    display: block;
    padding: 5px 7px 5px 7px;
    text-decoration: none;
    color: #fff;
    text-align: center;
    border-radius: 25px;
    font-family: Arial, "微軟正黑體";
}
.lang li a:hover {
    color: #fff;
}
.lang a.selected {
    color: #f00;
}
.lang ul {
    position: absolute;
    left: 0;
    display: none;
    padding: 0;
    list-style: none;
    background: #4e4e4e;
    border-radius: 7px;
}
.lang ul li {
    width: 100%;
    border-bottom: 1px dashed hsla(0,0%,43%,1.00);
}
.lang ul a {
    display: block;
    padding: 8px 5px;
    color: #FFF;
}
.lang ul a:hover {
    text-decoration: none;
    
}
.lang ul li:hover {
    background: var(--main-color);
}
.slick-slide{
    height: auto;
}
/*RWD表格開始*/
table {
    
    width: 100%;
    margin: 0;
    padding: 0;
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0 auto;
}
table tr {
    padding: 5px;
}
table th, table td {
    padding: 10px;
    text-align: center;
}
table th {
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 1px;
    width: 10%;
}
.da {
    width: 100px;
}



@media screen and (max-width: 600px) {
    .mt-3 .container table tr td:nth-child(3){
    max-height: 100px;
    overflow-x: hidden;
    display: block;
}
table {
    border: 0;
}
table thead {
    display: none;
}
table tr {
    margin-bottom: 10px;
    display: block;
}
table td {
    display: block;
    font-size: 13px;
}
table td:last-child {
    border-bottom: 0;
}
table td:before {
    content: attr(data-label);
    float: left;
    text-transform: uppercase;
    font-weight: bold;
}
.da {
    width: 100%;
}
}

/*RWD表格結束*/


@media print {
.no_p {
    display: none
}
}
/*20211025檔案下載列表開始*/
.itemLink {
    text-align: right;
    font-size: 14px;
    white-space: nowrap;
    color: gray;
    padding-left: 32px;
    float: right;
}
.dl-list li {
    display: inline-block;
    align-items: center;
    padding: 24px 8px;
    margin-bottom: 8px;
    background-color: #fff;
    list-style-position: inside;
    color: hsla(0,0%,16%,1.00);
    width: 100%;
    margin-bottom: 20px;
    position: relative;
    padding-right: 150px;
}

.dl-list li .itemLink{
    background-color: var(--main-color);
    border-radius: 3px;
    position: absolute;
    top: 50%;
    right: 16px;
    transform: translate(0%,-50%);
    color: #fff;
}

.dl-list li .itemLink:hover{
    opacity: .85;
}
.dl-list {
    padding-top: 15px;
    padding-bottom: 15px;
    background-color: none;
    list-style-type: disc;
}
.dl-list a {
    color: #000;
    font-family: Arial, "微軟正黑體";
}
.dl-list a:hover {
    color: #0271E5;
    font-family: Arial, "微軟正黑體";
}
.itemLink img {
    width: 20px;
    height: 20px;
}
.itemTitle {
    width: 70%;
    display: inline-block;
}
.itemLink {
    display: inline-block;
    background: #ebeef3;
    padding-top: 10px;
    padding-right: 17px;
    padding-left: 17px;
    padding-bottom: 10px;
    border-radius: 20px;
    border-width: 0px;
    border-style: solid;
}
.itemLink:hover {
    display: inline-block;
    background-color: #E9E9E9;
    padding-top: 10px;
    padding-right: 17px;
    padding-left: 17px;
    padding-bottom: 10px;
    border-radius: 20px;
    color: hsla(0,0%,100%,1.00);
}
.download-des {
    color: hsl(0deg 0% 70%);
}
.dl-list span {
    color: hsla(0,0%,4%,1.00);
    font-family: Arial, "微軟正黑體";
    font-size: 18px;
}

.p-contact .col-md-12.col-sm-12 iframe{
    width: 100%;
}

@media screen and (max-width: 740px) {
.itemTitle {
    width: 95%;
    display: inline-block;
}
    .itemLink {
    text-align: right;
    font-size: 14px;
    white-space: nowrap;
    color: gray;
   
    float: none;
    margin-top: 10px;
}
    .dl-list {
        padding: 0px;
    padding: 15px 0px !important;
    list-style-type: disc;
    text-align: center;
}
}
/*20211006檔案下載列表結束*/

/*20211104首頁加上H1標籤區塊開始*/
.index-seo_h {
    padding: 0;
    margin: 0px;
    display: inline-block;width: 100%;
}

.index-seo_h .container{
    display: flex;
    justify-content: left;
}
.index-seo_h h1 {
    font-size: 16px!important;
    padding: 3px 0px;
        color: #fff;
}
/*20211104首頁加上H1標籤區塊結束*/
/*20211104頁尾加上信箱複製及電話開始*/

.disable-select {
    user-select: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}
.email-link a {
    color: #adadad;
}
.email-link svg {
    width: 20px;
    height: auto;
    fill: #adadad;
}
.f_m {
    display: inline-block;
}
.f_m svg {
    margin-right: 5px;
}

.navbar-brand img{
    width: 180px;
    height: auto;
}

/* banner */
.p-index{
    display: flex;
    flex-direction: column;
    padding-bottom: 0px;
}
.p-index .bd-example{
    order: 1;
}

.p-index #news{
    order: 4;
}

.p-index #about{
    order: 3;
    background-image: url('../images/main_bg.webp') !important;
    padding-top: 32px;
    padding-bottom: 32px;
    position: relative;
}

.p-index #about .webeditor{
    position: relative;
    z-index: 10;
}

.p-index #about::after{
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    background-color: whitesmoke;
    z-index: 1;
    opacity: .6;
}

.p-index #pdt{
    order: 2;
}

.p-index #slogan{
    order: 5;
    margin-top: 8px !important;
    position: relative;
}

.p-index #slogan .container{
    position: relative;
    z-index: 10;
}

.p-index #slogan::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    background-color: #333;
    opacity: .4;
    z-index: 1;
}

.p-index .index-seo_h h1{
    margin: 0px;
    color: var(--main-color);
    display: flex;
    justify-content: center;
}

.p-index .index-seo_h{
    order: 6;
    padding:16px 0px;
}

.p-index h2{
    display: flex;
    justify-content: center;
    background-color: none !important;
    color: #000;
    position: relative;
    padding:5px 5px;
    margin: 16px 0px;
}

.p-index h2::after{
    content: "";
    width: 60px;
    height: 2px;
    left: 50%;
    bottom: 0px;
    transform: translate(-50%,0);
    position: absolute;
    background-color: var(--main-color);
}

.ab_link{
    padding: 5px 16px;
    background-color: var(--main-color);
    color: #fff;
    border: 1px solid var(--main-color);
    border-radius: 48px;
    display: block;
    margin: 10px 0;
}

.ab_link:hover{
    background-color: #fff;
    color: var();
}

.slogan-text h2{
    color: #fff;
    font-size: 20px;
    padding-bottom: 8px;
    text-align: center;
}

.slogan-text h3{
    font-size: 16px;
    text-align: left;
    line-height: 1.8;
}

.soc a{
    /* display:flex; */
}

footer .webeditor p{
    display: flex;
}

footer .webeditor p img{
    margin: 0px auto;
    width: 300px !important;
}
  
.soc a img{
    margin-bottom: 8px;
    width: 30px !important;
    height: 30px !important ;
}

#prod .btn01{
    display: flex;
    flex-direction: column-reverse;
}

#prod .btn01 .btn{
    width: 100%;
    background-color: #fff;
    color: var(--main-color);
    border: 1px solid var(--main-color);
}

#prod .addInquiryCart{
    background-color: var(--main-color) !important;
    color: #fff !important;
}

.p-pdt-dt .des h2{
    border-bottom: 1px solid gainsboro;
    color: var(--main-color);
    font-size: 20px;
    font-weight: 600;
    padding-bottom: 8px;
    margin-bottom: 8px;
}

.p-pdt-dt .container.pb100{
    padding: 0px;
}

.p-pdt-dt .form-group{
    padding: 0px;
}

.p-pdt-dt .container{
    display: flex;
    flex-direction: column;
}

.p-pdt-dt .container #prod{
    order: -3;
}

.p-pdt-dt .container .des{
    order: -2;
}

.p-pdt-dt .container .download_in{
    order: -1;
    padding: 16px 8px;
    position: relative;
}

.p-pdt-dt .container .download_in .container{
    z-index: 10;
    position: relative;
}

.p-pdt-dt .container .download_in .container h2,.p-pdt-dt .container .inquiry_in .container h2{
    position: relative;
    display: flex;
    justify-content: center;
    padding-bottom: 5px;
}

.p-pdt-dt .container .inquiry_in .container h2{
    color: #fff;
}

.p-pdt-dt .container .inquiry_in{
    padding: 48px 0px;
    position: relative;
}

.p-pdt-dt .container .inquiry_in .container.pb100{
    position: relative;
    z-index: 10;
}

.p-pdt-dt .container .inquiry_in .container.pb100 label{
    color: #fff;
}

.p-pdt-dt .container .inquiry_in::before{
    content: "";
    width: calc(100% + 30px);
    height: 100%;
    transform: translate(-15px,0%);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    left: 0;
    top: 0;
    background-image: url("../images/inquiry_bg.jpg") !important;
    z-index: 1;
}

.p-pdt-dt .container .download_in .container h2::after,.p-pdt-dt .container .inquiry_in .container h2::after{
    content: "";
    width: 60px;
    height: 2px;
    background-color: var(--main-color);
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translate(-50%,0);
}

.p-pdt-dt .container .download_in::after{
    content: "";
    width: calc(100% + 30px);
    height: 100%;
    position: absolute;
    left: -15px;
    top: 0;
    background-color: whitesmoke;
}

.p-pdt-dt hr{
    display: none;
}

.p-pdt-dt .container .col-sm-7 p{
	color:#000;
}

.slick-slide .pro_1{
    display: flex;
    justify-content: center;
    padding: 5px;
}

.slick-slide .model{
    background-color: transparent !important;
    color: #333;
}

.p-news-list .mt-3 .container table tr td:nth-child(2){
    font-size: 18px;
    font-weight: 600;
}

@media screen and (max-width: 600px) {
    .p-news-list table tr{
        display: flex;
        flex-direction: column;
    }

    .p-news-list .mt-3 .container table tr td{
        padding: 5px;
        text-align: left;
    }

    .p-news-list .mt-3 .container table tr td:nth-child(4){
        font-size: 14px;
        color: gray;
    }
    .p-news-list .mt-3 .container table tr td:nth-child(3){
        max-height: unset;
        overflow-y: unset;
        order: 4;
    }
    .p-inquiry-list tbody tr:nth-child(1){
        display: none !important;
    }

    .rwd-table th, .rwd-table td:before{
        width: 100%;
        padding-bottom: 5px;
    }

    .rwd-table th, .rwd-table tr:nth-child(2){
        border-top: 1px solid gainsboro;
    }

    .rwd-table th, .rwd-table td:nth-child(3){
        display: flex;
        align-items: center;
    }

    .rwd-table th, .rwd-table td:nth-child(3) .qt1{
        width: 100%;
    }

    .rwd-table th, .rwd-table td:nth-child(3) .qt1 .qtychange{
        width: 60px;
    }

    .rwd-table th, .rwd-table td:nth-child(3) .qt1 .checkout_qty{
        width: calc(100% - 120px);
    }

    .rwd-table td::before{
        display: none;
    }
    
    .p-inquiry-list tbody tr{
        display: inline-block;
    }
    
    .p-inquiry-list tbody tr th,.p-inquiry-list tbody tr td{
        width: 100% ;
        display: flex;
        flex-direction: column;
        justify-content: left;
        margin-left: 0px;
        padding: 5px;
        font-size: 16px;
    }
    
    .p-inquiry-list tbody tr th:nth-child(2),.p-inquiry-list tbody tr td:nth-child(2){
        width: 100%;
    }
    
    .p-inquiry-list  .Del a{
        margin-right: 0px;
        margin-bottom: 0px;
    }
    
    .p-inquiry-list .rwd-table td{
        text-align: left;
    }
}
@media screen and (max-width:600px) {
    .dl-list li {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        padding: 8px 8px;
        padding-right: 8px;
    }
    
    .dl-list li .itemLink{
        position: relative;
        top: 0%;
        right: 0px;
        transform: translate(0%,0%);
        margin: 0px auto;
        width: max-content;
        margin-top: 8px;
    }

    .dl-list li .itemTitle{
        width: 100%;
    }
}

.p-news-index td a{
    color: var(--main-color);
}

.lang li span{
    color: #fff;
}
/*20211104頁尾加上信箱複製及電話結束*/

.blue a {
    display: block;
    color: #000;
}
p{
  font-family: "Microsoft JhengHei","moon" !important ;
}
span {
  font-family: "Microsoft JhengHei","moon" !important ;
  font-size: 1rem;
  text-align: left;
}
a{
   color: #000;
}
li {
  text-align: left !important ;
}
.back {
  text-align: left !important ;
}