@charset "utf-8";
/* CSS Document */
.path {background-color: #e7e9ea; padding: 12px 0;}
.path ul {max-width: 1480px; margin: auto; padding: 0 20px; display: flex; flex-wrap: wrap; color:#ca0f19;}
.path li a:link, .path li a:visited {text-decoration:none; position: relative; color:#999999; transition: all 0.5s ease 0s;}
.path li a:active, .path li a:hover {text-decoration:none; color:#ca0f19; cursor:pointer; transition: all 0.5s ease 0s;}
.path li::after {content: '/'; padding: 0 4px; color:#999999;}
.path li:last-child::after {content: none;}
.path li:last-child {color:#ca0f19; font-weight: bold;}
.path li a::after, .path li a::after {content: ''; position: absolute; top: -14px; left: 50%; height: 2px; background-color: #fff; width: 0%; transition: all 0.25s ease 0s;}
.path li a:hover::after, .path li a:hover::after {content: ''; position: absolute; top: 0px; left: 0px; height: 2px; background-color: #ca0f19; width: 100%; transition: all 0.25s ease 0s;}

.ul_a > li {padding: 7px 0 7px 13px!important; position: relative;}
.ul_a > li::before {content: ''; width: 5px; height: 5px; line-height: 0; font-size: 0; background-color: #cd1d27; position: absolute; top: 16px; left: 0px; border-radius: 50%;}

.subBanner {position: relative;}
.subBanner::after {content: ''; background-image: linear-gradient(90deg, rgba(202, 15, 25, 0) 0%, #ca0f19 30%, #ca0f19 70%, rgba(202, 15, 25, 0) 100%); height: 4px; width: 100%; line-height: 0; font-size: 0; position: absolute; bottom: 0px; left: 0px;}
.subBanner > div:nth-child(1), .subBanner > div:nth-child(2) {line-height: 0; font-size: 0;}
.subBanner > div:last-child {position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: flex; flex-direction: column; justify-content: center; z-index: 20;}
.subBanner > div:last-child > h1 {margin-bottom: 30px; color: #fff; letter-spacing: 3px; text-align: left; text-shadow: -1px -1px 4px #212121,1px -1px 4px #212121,-1px 1px 4px #212121,1px 1px 4px #212121; line-height: 1; padding: 0 10px;}
.subBanner > div:last-child > p {max-width: 1060px; padding: 0 20px; margin: 0 auto; color: #fff; line-height: 225%; font-weight: 100; text-align: center; text-shadow: -1px -1px 4px #212121,1px -1px 4px #212121,-1px 1px 4px #212121,1px 1px 4px #212121;}
.subBanner > div:last-child > p strong {font-weight: 500;}

.pages {display: flex; flex-wrap: wrap; justify-content: center;}
.pages a:link, .pages a:visited {text-decoration:none; color:#212224; display: inline-flex; width: 30px; height: 30px; margin: 2px; justify-content: center; align-items: center; text-align: center; transition: all 0.5s ease 0s;}
.pages a:active, .pages a:hover {text-decoration:none; color:#fff; background-color: #cc1b24; cursor:pointer; transition: all 0.5s ease 0s;}
.pages span {display: inline-flex; align-items: flex-end; height: 30px;}
.pages .current {color:#fff!important; background-color: #cc1b24!important;}

.pMenu {padding: 15px 0 0 0; position: relative;}
.pMenu span {color: #fff; text-align: center; display: block; display: none;}
.pMenuM {position: relative; width: 30px; height: 30px; margin: auto; cursor: pointer; display: none;}
.pMenuM::before {content: ''; height: 4px; width: 30px; background-color: #fff; position: absolute; top: 25%; left: 0; -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); -ms-transform:rotate(0deg); transform:rotate(0deg); cursor: pointer; transition: all 0.5s ease 0s;}
.pMenuM::after {content: ''; height: 4px; width: 30px; background-color: #fff; position: absolute; top: 65%; left: 0; -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); -ms-transform:rotate(0deg); transform:rotate(0deg); cursor: pointer; transition: all 0.5s ease 0s;}
.pMenu .close::before, .products .close::before {top: 13px; -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); cursor: pointer; transition: all 0.5s ease 0s;}
.pMenu .close::after, .products .close::after {top: 13px; -moz-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -o-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg); cursor: pointer; transition: all 0.5s ease 0s;}
.products .pMenuM::before {background-color: #ca0f19;}
.products .pMenuM::after {background-color: #ca0f19;}
.products .pMenuM {margin-top: 20px!important;}
.pMenu > ul {width: 100%; padding: 0px 20px; display: flex; flex-wrap: wrap; justify-content: center; transition: all 0.5s ease 0s;}
.pMenu > ul > li {padding: 5px 10px;}
.pMenu > ul > li a:link, .pMenu > ul > li a:visited {text-decoration:none; color:#fff; min-width: 173px; height: 52px; border: 1px solid #fff; padding: 0 20px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; transition: all 0.5s ease 0s;}
.subemail{line-height: 2;text-align: center;}    
.subemail > a{text-decoration: none!important; color: #fff !important;min-width: 173px;height: 52px; border: 1px solid #fff; padding: 5px 10px;margin: 0 10px;}
.subemail > a:hover{color:#212224 !important;background-color: white;}
.pMenu > ul > li a:active, .pMenu > ul > li a:hover {text-decoration:none; color:#fff; background-color: #c5242c; border: 1px solid #fff; cursor:pointer; transition: all 0.5s ease 0s;}
.pMenu > ul > li .current {background-color: #c5242c!important; border: 1px solid #c5242c!important;}

.kk> li:nth-child(1){padding-top:40px;}

.nMenu {padding: 15px 0 0 0; position: relative;}
.nMenu span {color: #fff; text-align: center; display: block; display: none;}
.nMenuM {position: relative; width: 30px; height: 30px; margin: auto; cursor: pointer; display: none;}
.nMenuM::before {content: ''; height: 4px; width: 30px; background-color: #fff; position: absolute; top: 25%; left: 0; -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); -ms-transform:rotate(0deg); transform:rotate(0deg); cursor: pointer; transition: all 0.5s ease 0s;}
.nMenuM::after {content: ''; height: 4px; width: 30px; background-color: #fff; position: absolute; top: 65%; left: 0; -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); -ms-transform:rotate(0deg); transform:rotate(0deg); cursor: pointer; transition: all 0.5s ease 0s;}
.nMenu .close::before, .products .close::before {top: 13px; -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); cursor: pointer; transition: all 0.5s ease 0s;}
.nMenu .close::after, .products .close::after {top: 13px; -moz-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -o-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg); cursor: pointer; transition: all 0.5s ease 0s;}
.products .nMenuM::before {background-color: #ca0f19;}
.products .nMenuM::after {background-color: #ca0f19;}
.products .nMenuM {margin-top: 20px!important;}
.nMenu > ul {width: 100%; padding: 0px 20px; display: flex; flex-wrap: wrap; justify-content: center; transition: all 0.5s ease 0s;    background: #444;}
.nMenu > ul > li {/*padding: 5px 10px;*/}
.nMenu > ul > li a:link, .nMenu > ul > li a:visited {text-decoration:none; color:#fff; min-width: 173px; height: 52px; padding: 0 20px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; transition: all 0.5s ease 0s;}
.subemail{line-height: 2;text-align: center;}    
.subemail > a{text-decoration: none!important; color: #fff !important;min-width: 173px;height: 52px; border: 1px solid #fff; padding: 5px 10px;margin: 0 10px;}
.subemail > a:hover{color:#212224 !important;background-color: white;}
.nMenu > ul > li a:active, .nMenu > ul > li a:hover {text-decoration:none; color:#c5242c; cursor:pointer; transition: all 0.5s ease 0s;}
.nMenu > ul > li .current {/*background-color: #c5242c!important; border: 1px solid #c5242c!important;*/}
.nMenu > ul > li:hover {border-bottom: 2px #d72027 solid;}
.time-menu{padding-bottom: 7%;margin: auto;max-width: 1640px;padding: 0 100px 7% 100px;}
.nMenu > ul > li > a.current{background-color:#ca0f19 ;} 


.inquary:link, .inquary:visited {text-decoration:none; color:#d72027; width: 172px; height: 50px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; text-align: center; border: 1px solid #d72027; transition: all 0.5s ease 0s;}
.inquary:active, .inquary:hover {text-decoration:none; color:#fff; background-color: #d72027; font-weight: bold; border-radius: 30px; cursor:pointer; transition: all 0.5s ease 0s;}
.inquary::before {content: ''; width: 16px; height: 16px; background: url("../images/icon_04c.png") no-repeat center; background-size: cover; margin-right: 17px; transition: all 0.5s ease 0s;}
.inquary:hover::before {background: url("../images/icon_04ch.png") no-repeat center; transition: all 0.5s ease 0s;}

.back:link, .back:visited {text-decoration:none; color:#333333; width: 172px; height: 50px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; text-align: center; border: 1px solid #333333; transition: all 0.5s ease 0s;}
.back:active, .back:hover {text-decoration:none; color:#fff; background-color: #d72027; border: 1px solid #d72027; font-weight: bold; border-radius: 30px; cursor:pointer; transition: all 0.5s ease 0s;}
.back::before {content: ''; width: 22px; height: 19px; background: url("../images/icon_04d.png") no-repeat center; background-size: cover; margin-right: 17px; transition: all 0.5s ease 0s;}
.back:hover::before {background: url("../images/icon_04dh.png") no-repeat center; transition: all 0.5s ease 0s;}


.aboutA {background:url("../images/bg_06.jpg") no-repeat fixed top center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; padding: 6.832% 0 6.0435% 0; position: relative;}
.aboutA::after {content: ''; background-image: linear-gradient(90deg, rgba(202, 15, 25, 0) 0%, #ca0f19 30%, #ca0f19 70%, rgba(202, 15, 25, 0) 100%); height: 4px; width: 100%; line-height: 0; font-size: 0; position: absolute; bottom: 0px; left: 0px;}
.aboutA > div {display: flex; flex-wrap: wrap; position: relative; z-index: 10;}
.aboutA > div > div:nth-child(1) {width: 47.85%; padding: 0 95px 0 0;}
.aboutA > div > div:nth-child(1) > h1 {margin-bottom: 5px;}
.aboutA > div > div:nth-child(1) > h2 {color: #ff000e; font-family: 'Noto Sans TC', sans-serif; font-weight: 200; padding: 0 0 0 31px; margin-bottom: 45px;}
.aboutA > div > div:nth-child(1) > p {color: #fff; line-height: 225%;}
.aboutA > div > div:nth-child(2) {width: 52.15%;}
.aboutA > div > div:nth-child(2) a {position: relative; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; line-height: 0; font-size: 0; text-decoration:none; background-color: transparent; overflow: hidden; z-index: 10; transition: all 0s ease 0.5s!important;}
.aboutA > div > div:nth-child(2) a:hover {background-color: #000; transition: all 0s ease 0s!important;}
.aboutA > div > div:nth-child(2) a::before {content: ''; background: url("../images/icon_04a.png") no-repeat center; background-size: cover; width: 111px; height: 72px; position: absolute; top: 50%; left: 50%; margin: -36px 0 0 -55px; z-index: 20; transition: all 0.5s ease 0s;}
.aboutA > div > div:nth-child(2) a:hover::before {width: 74px; height: 48px; margin: -24px 0 0 -37px; transition: all 0.5s ease 0s;}
.aboutA > div > div:nth-child(2) a img {width: 100%; transform: scale(1.0, 1.0); filter:alpha(opacity=100); Opacity:1; transition: all 0.5s ease 0s;}
.aboutA > div > div:nth-child(2) a:hover img {transform: scale(1.2, 1.2); filter:alpha(opacity=30); Opacity:0.3; transition: all 0.5s ease 0s;}
.aboutFooter {position: relative; padding: 6.569% 0 9.985% 0; z-index: 10; text-shadow: -1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff;}
.aboutFooter::before {content: ''; width: 29.743%; height: 0; padding-bottom: 36.364%; background: url("../images/bg_07a.png") no-repeat center; background-size: cover; position: absolute; top: 0; left: 0; z-index: -1; transition: all 0.5s ease 0s;}
.aboutFooter::after {content: ''; width: 23.752%; height: 0; padding-bottom: 38.046%; background: url("../images/bg_07b.png") no-repeat center; background-size: cover; position: absolute; bottom: 0; right: 0; z-index: -1; transition: all 0.5s ease 0s;}
.aboutFooter > div > h3 {margin-bottom: 40px;}
.aboutFooter > div > p {max-width: 821px; margin: auto; text-align: center; line-height: 225%; margin-bottom: 70px;}
.aboutFooter > div > ul {max-width: 1260px; margin: auto; display: flex; flex-wrap: wrap;}
.aboutFooter > div > ul > li {display: flex; flex-direction: column; width: 33.33%; align-items: center; text-align: left; position: relative; padding: 0 30px;}
.aboutFooter > div > ul > li::after {content: ''; width: 30px; height: 30px; line-height: 0; font-size: 0; background: url("../images/icon_04b.png") no-repeat center; background-size: cover; position: absolute; top: 21%; right: -15px;}
.aboutFooter > div > ul > li:last-child::after {content: none; color: #222222;}
.aboutFooter > div > ul > li > div {line-height: 0; font-size: 0; margin-bottom: 30px;}
.aboutFooter > div > ul > li > h4 {font-family: 'Noto Sans TC', sans-serif; font-weight: 300; margin-bottom: 20px;}
.aboutB {background:url("../images/bg_08.jpg") no-repeat fixed top center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; padding: 6.832% 0 6.0435% 0; position: relative;}
.aboutB::after {content: ''; background-image: linear-gradient(90deg, rgba(202, 15, 25, 0) 0%, #ca0f19 30%, #ca0f19 70%, rgba(202, 15, 25, 0) 100%); height: 4px; width: 100%; line-height: 0; font-size: 0; position: absolute; bottom: 0px; left: 0px;}
.aboutB > div {display: flex; flex-wrap: wrap; position: relative; z-index: 10;}
.aboutB > div > div {margin-bottom: 40px;}
.aboutB > div > div:nth-child(1) {width: 100%;}
.aboutB > div > div:nth-child(2), .aboutB > div > div:nth-child(4) {width: 50%; padding: 0 10px 0 0;}
.aboutB > div > div:nth-child(3), .aboutB > div > div:nth-child(5) {width: 50%; padding: 0 0 0 10px;}
.aboutB > div > div > p {color: #fff; line-height: 225%;}
.aboutC > div:nth-child(1) {line-height: 0;}
.aboutC > div:nth-child(2) {background:url("../images/a_11.jpg") no-repeat fixed left center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; padding: 15.765% 7% 15.765% 60%;}
.aboutC > div:nth-child(2) h1 {color: #000!important; letter-spacing: 3px; font-weight: 550; margin-bottom: 10px;}
.aboutC > div:nth-child(2) p {line-height: 225%; color: #000;font-weight: 550; }
.aboutC > div:nth-child(3) {background:url("../images/a_12.jpg") no-repeat fixed right center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; padding: 15.765% 60% 15.765% 7%;}
.aboutC > div:nth-child(3) h2 {    font-weight: 550;color: #fff!important; letter-spacing: 3px;  margin-bottom: 10px;}
.aboutC > div:nth-child(3) p {line-height: 225%; color: #fff; font-weight: 550;}
.aboutC > div:nth-child(4) {background:url("../images/a_13.jpg") no-repeat fixed left center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; padding: 15.765% 7% 15.765% 60%;}
.aboutC > div:nth-child(4) h2 {    font-weight: 550;color: #fff!important; letter-spacing: 3px;  margin-bottom: 10px;}
.aboutC > div:nth-child(4) p {line-height: 225%; color: #fff;font-weight: 550;}
.aboutC > div:nth-child(5) {background:url("../images/a_14.jpg") no-repeat fixed right center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; padding: 15.765% 60% 15.765% 7%;}
.aboutC > div:nth-child(5) h2 {    font-weight: 550;color: #fff!important; letter-spacing: 3px;  margin-bottom: 10px;}
.aboutC > div:nth-child(5) p {line-height: 225%; color: #fff; font-weight: 550;}
.aboutC > div:nth-child(6) {background:url("../images/a_15.jpg") no-repeat fixed left center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; padding: 15.765% 7% 15.765% 60%;}
.aboutC > div:nth-child(6) h2 {    font-weight: 550;color: #000!important; letter-spacing: 3px;  margin-bottom: 10px;}
.aboutC > div:nth-child(6) p {line-height: 225%; color: #000; font-weight: 550;}
.aboutD > div:nth-child(1) {line-height: 0;}
.aboutD > div:nth-child(2) {background:url("../images/a_21.jpg") no-repeat fixed right center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; padding: 5% 60% 4% 7%;}
.aboutD > div:nth-child(2) h1, .aboutD > div:nth-child(2) h2, .aboutD > div:nth-child(2) h3 {color: #fff!important; letter-spacing: 3px; font-weight: 500; margin-bottom: 10px;}
.aboutD > div:nth-child(2) p {line-height: 225%; color: #fff; margin-bottom: 40px;}
.aboutD > div:nth-child(3) {background:url("../images/a_22.jpg") no-repeat fixed left center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; padding: 5% 7% 5% 60%;}
.aboutD > div:nth-child(3) a {position: relative; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; line-height: 0; font-size: 0; text-decoration:none; background-color: transparent; overflow: hidden; z-index: 10; transition: all 0s ease 0.5s!important;}
.aboutD > div:nth-child(3) a:hover {background-color: #000; transition: all 0s ease 0s!important;}
.aboutD > div:nth-child(3) a::before {content: ''; background: url("../images/icon_04a.png") no-repeat center; background-size: cover; width: 111px; height: 72px; position: absolute; top: 50%; left: 50%; margin: -36px 0 0 -55px; z-index: 20; transition: all 0.5s ease 0s;}
.aboutD > div:nth-child(3) a:hover::before {width: 74px; height: 48px; margin: -24px 0 0 -37px; transition: all 0.5s ease 0s;}
.aboutD > div:nth-child(3) a img {width: 100%; transform: scale(1.0, 1.0); filter:alpha(opacity=100); Opacity:1; transition: all 0.5s ease 0s;}
.aboutD > div:nth-child(3) a:hover img {transform: scale(1.2, 1.2); filter:alpha(opacity=30); Opacity:0.3; transition: all 0.5s ease 0s;}


.products {background:url("../images/bg_09.jpg") no-repeat top right; background-size: 100%; background-color: #eff1f3; padding: 4.73% 0 7.62% 0;}
.proItems {display: flex; flex-wrap: wrap; align-items: center; margin-bottom: 20px!important;}
.proItems > li {margin: 0 5px 10px 5px!important;}
.proItems > li:nth-child(1) {font-weight: bold; color: #222222;}
.proItems > li select {border: 1px solid rgba(219, 219, 219, 0.85); height: 40px; font-family: 'Noto Sans TC', sans-serif; font-weight: 400; color: #666666; background:url(../images/arrow_c.png) no-repeat 97% 50%; background-color: #fff; -webkit-appearance: none; -o-appearance: none; -moz-appearance: none; appearance: none; display: flex; padding: 0 34px 0 10px;}
.products > div > p {color: #333333; line-height: 225%; max-width: 1180px; margin-bottom: 5.209%; text-shadow: -1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff;}
.productsL {display: flex; flex-wrap: wrap; position: relative; margin-bottom: 49px;}
.productsL > div:nth-child(1) {position: relative; width: 42.431%; /*height: 0; padding-bottom: 35.417%;*/ overflow: hidden; line-height: 0; font-size: 0; background-color: #fff; transition: all 0.5s ease 0s;}
.productsL > div:nth-child(1) > div {position: absolute; top: 2px; left: 2px; right: 2px; bottom: 2px; overflow: hidden; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; background-color: #fff;}
.productsL > div:nth-child(1) > div img {max-height: 100%; transform: scale(1.0, 1.0); transition: all 0.5s ease 0s;}
.productsL:hover > div:nth-child(1) {background-color: #cc1a24; transition: all 0.25s ease 0s;}
.productsL:hover > div:nth-child(1) > div img {transform: scale(1.3, 1.3); transition: all 0.7s ease 0s;}
.productsL > div:nth-child(2) {position: relative; width: 55.629%; margin: 0 0 0 1.94%; padding: 90px 0px 52px 75px; overflow: hidden; border: 1px solid #d6d6d6; z-index: 10; transition: all 0.5s ease 0s;}
.productsL > div:nth-child(2):hover {background-color: rgba(255, 255, 255, 0.7); transition: all 0.5s ease 0s;}
.productsL > div:nth-child(2)::before {content: ''; height: 0; width: 0; border-color: #f0cdd0 transparent transparent transparent; border-style: solid solid solid solid; border-width: 91px 82px 0px 0px; position: absolute; top: -4px; right: 4px; -moz-transform:rotate(90deg); -webkit-transform:rotate(90deg); -o-transform:rotate(90deg); -ms-transform:rotate(90deg); transform:rotate(90deg); transition: all 0.7s ease 0s; z-index: -2;}
.productsL > div:nth-child(2):hover::before {border-width: 171px 162px 0px 0px; transition: all 0.25s ease 0s;}
.productsL > div:nth-child(2)::after {content: ''; height: 0; width: 0; border-color: #cc1a24 transparent transparent transparent; border-style: solid solid solid solid; border-width: 65px 63px 0px 0px; position: absolute; top: -1px; right: 1px; -moz-transform:rotate(90deg); -webkit-transform:rotate(90deg); -o-transform:rotate(90deg); -ms-transform:rotate(90deg); transform:rotate(90deg); transition: all 0.25s ease 0s; z-index: -1;}
.productsL > div:nth-child(2):hover::after {border-width: 145px 143px 0px 0px; transition: all 0.7s ease 0s;}
.productsL > div:nth-child(2) > h3 {margin-bottom: 10px;}
.productsL > div:nth-child(2) > h3 label {font-weight: bold; padding: 0 7px 0 0;}
.productsL > div:nth-child(2) > h3 a:link, .productsL > div:nth-child(2) > h3 a:visited {text-decoration:none; color:#000; transition: all 0.5s ease 0s;}
.productsL > div:nth-child(2) > h3 a:active, .productsL > div:nth-child(2) > h3 a:hover {text-decoration:none; color:#ca0f19; cursor:pointer; transition: all 0.5s ease 0s;}
.productsL > div:nth-child(2) > p {color: #212224; border-bottom: 1px solid #cc1a24; float: left; padding: 0 0 17px 0; margin: 0 0 60px 27px;}
.productsL > div:nth-child(2) ul {clear: both; padding: 0 0 0 10px;}
.productsL > div:nth-child(2) ul li {position: relative; padding: 0 20px 0 20px; float: left; min-width: 160px; border-bottom: 1px solid #cbcdcf; margin: 0 70px 10px 0; transition: all 0.5s ease 0s;}
.productsL > div:nth-child(2) ul li:hover {border-bottom: 1px solid #ca0f19; transition: all 0.25s ease 0s;}
/*.productsL > div:nth-child(2) ul li::before {content: ''; height: 0; width: 0; border-color: transparent transparent transparent #bcbcbc; border-style: solid solid solid solid; border-width: 6px 9px; position: absolute; top: 14px; left: 0px; transition: all 0.5s ease 0s;}*/
/*.productsL > div:nth-child(2) ul li:hover::before {content: ''; height: 0; width: 0; border-color: transparent transparent transparent #ca0f19; border-style: solid solid solid solid; border-width: 6px 9px; position: absolute; top: 14px; left: 0px; transition: all 0.25s ease 0s; animation-name:oxxo;animation-duration:1.7s;animation-iteration-count: infinite;}*/
.productsL > div:nth-child(2) ul li::before {content: ''; height: 0; width: 0; border-color: transparent transparent transparent #ca0f19; border-style: solid solid solid solid; border-width: 6px 9px; position: absolute; top: 14px; left: 0px; transition: all 0.25s ease 0s; animation-name:oxxo;animation-duration:1.7s;animation-iteration-count: infinite;}
@keyframes oxxo {
    0% {top: 30%;}
    25% {top: -5%;}
    50% {top: 30%;}
    75% {top: -5%;}
    100% {top: 30%;}
}
.productsL > div:nth-child(2) ul li a:link, .productsL > div:nth-child(2) ul li a:visited {text-decoration:none; color:#212224; display: block; padding: 9px 0; transition: all 0.5s ease 0s;}
.productsL > div:nth-child(2) ul li a:active, .productsL > div:nth-child(2) ul li a:hover {text-decoration:none; color:#ca0f19; cursor:pointer; transition: all 0.5s ease 0s;}
.products .pages {padding: 35px 0 0 0;}
.productsL > div:nth-child(2) > h4 {color: #333333; margin: 0 0 10px 27px; clear: both; font-weight: bold;}
.productsL > div:nth-child(2) > h4 label {color: #cc1b25; padding: 0 7px 0 0;}
.productsL > div:nth-child(2) > h5 {color: #212224; margin: 0 0 25px 27px;}
.productsL > div:nth-child(2) > div {display: flex; flex-wrap: wrap; align-items: flex-end;}
.productsL > div:nth-child(2) > div p {color: #5d5f63; border-bottom: 0px; float: none; margin: 0 0 0 27px; padding: 0 10px 0 0; line-height: 187.5%; width: 67%;}

.productsSubT {background:url("../images/bg_10.png") no-repeat top center; background-size: 100%; padding: 40px 0 105px 0;}
.productsSubT > div {display: flex; flex-wrap: wrap;}
.productsSubT > div > div:nth-child(1) {width: 50%;}
.productsSubT > div > div:nth-child(2) {width: 50%; padding: 120px 120px 0 38px;}
.productsSubT > div > div:nth-child(2) > h1 {color: #212224; margin-bottom: 8.363%;}
.productsSubT > div > div:nth-child(2) > h2 {color: #212224; margin-bottom: 20px; font-family: 'Noto Sans TC', sans-serif; font-weight:500; padding-left: 15px; position: relative;}
.productsSubT > div > div:nth-child(2) > h2::before {content: ''; width: 7px; height: 7px; background-color: #ca0f19; border-radius: 50%; position: absolute; top: 10px; left: 0;}
.productsSubT > div > div:nth-child(2) > p {color: #5d5f63; line-height: 150%; border-bottom: 1px solid #e5e6e9; padding: 0 0 7.12% 14px; margin: 0 0 11.566% 0;}
.productsSubTBtn {display: flex; margin-bottom: 13.703%;}
.productsSubTBtn a {margin-right: 11px; text-decoration:none!important;}
.share {display: flex; margin-bottom: 6.764%; line-height: 0;}
.share a {margin-right: 12px; text-decoration:none!important;}
.pnBtn {display: flex; flex-wrap: wrap; align-items: center; justify-content: center; max-width: 358px; height: 52px; border-radius: 4px; background-color: #ebecef; overflow: hidden; position: relative; z-index: 10;}
.pnBtn::before {content: ''; width: 1px; height: 14px; background-color: rgba(0, 0, 0, 0.23); position: absolute; top: 50%; left: 50%; margin: -7px 0 0 0; z-index: -1;}
.pnBtn a:link, .pnBtn a:visited {text-decoration:none; color: rgba(51, 51, 51, 0.51); display: flex; align-items: center; justify-content: center; width: 50%; height: 100%; transition: all 0.5s ease 0s;}
.pnBtn a:active, .pnBtn a:hover {text-decoration:none; color:#fff; font-weight: bold; background-color: #ce000d; cursor:pointer; transition: all 0.5s ease 0s;}
.pnBtn a:nth-child(1)::before {content: ''; width: 9px; height: 18px; background: url("../images/prev_b.png") no-repeat center; margin-right: 19px; transition: all 0.5s ease 0s;}
.pnBtn a:hover:nth-child(1)::before {background: url("../images/prev_bh.png") no-repeat center; margin-right: 10px; transition: all 0.5s ease 0s;}
.pnBtn a:nth-child(2)::after {content: ''; width: 9px; height: 18px; background: url("../images/next_b.png") no-repeat center; margin-left: 19px; transition: all 0.5s ease 0s;}
.pnBtn a:hover:nth-child(2)::after {background: url("../images/next_bh.png") no-repeat center; margin-left: 10px; transition: all 0.5s ease 0s;}
.productsSubB {position: relative; z-index: 10; background:url("../images/bg_11.png") repeat-y top center; background-size: 100%;}
.productsSubB::before {content: ''; width: 100%; height: 70px;  position: absolute; top: 0; left: 0; z-index: -2;}
.productsSubB::after {content: ''; width: 100%; height: 3px; background-image: linear-gradient(90deg, rgba(202, 15, 25, 0) 5%, #ca0f19 30%, #ca0f19 70%, rgba(202, 15, 25, 0) 95%,rgba(202, 15, 25, 0) 100%); position: absolute; top: 0; left: 0; z-index: 11;}
.related {max-width:1640px; margin:auto; padding: 0 100px 7.62% 100px; height: 100%;}
.related .owl-carousel {max-width: 1320px!important; margin: auto;}
.related > h3 {text-align: center; margin-bottom: 4.515%;}
.related .item {text-align: center; position: relative;}.ind_AP .item > div:nth-child(1) {position: relative; top: 0; width: 100%; height: 0; overflow: hidden; padding-bottom: 115.56%; transition: all 0.5s ease;}
.related .item > div:nth-child(1) {position: relative; top: 0; width: 100%; height: 0; overflow: hidden; padding-bottom: 100%; margin-bottom: 20px; transition: all 0.5s ease;}
.related .item > div:nth-child(1) div {position: absolute; top: 0; left: 0; right: 0; bottom: 0; line-height: 0; font-size: 0; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; background-color: #f6f6f6;}
.related .item > div:nth-child(1) div img {max-height: 100%!important; transform: scale(1.0, 1.0); transition: all 0.5s ease 0s;}
.related .item:hover > div:nth-child(1) div img {max-height: 100%!important; transform: scale(1.3, 1.3); transition: all 0.25s ease 0s;}
.related .item > h4 {color: #222222; font-weight: bold; width: 100%; height: 50px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 20px; z-index: 20; transition: all 0.5s ease;}
.related .item:hover > h4 {color: #ca0f19; transition: all 0.25s ease;}
.related .item > a {text-decoration:none!important; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; font-size: 0; z-index: 20;}
.related .item > a:before { color:#ca0f19;top: 0px;left: 0px;right: 100%;bottom: 100%;border-top: 4px solid;border-left: 4px solid;}
.related .item > a:after {color:#ca0f19;left: 100%;top: 100%;bottom: 0px;right: 0px;border-bottom: 4px solid;border-right: 4px solid;}
.related .item > a:before, .related .item > a:after {content: ""; filter:alpha(opacity=0); Opacity:0; pointer-events: none; z-index: 3; position: absolute; box-sizing: border-box; transition: all 0.5s ease; box-shadow: none;}
.related .item:hover > a:before {filter:alpha(opacity=100); Opacity:1.0; bottom: 0px; right: 0px;}
.related .item:hover > a:after {filter:alpha(opacity=100); Opacity:1.0; top: 0px; left: 0px;}
.related .item:hover::after {background-color: rgba(0, 0, 0, 0.77); height: 40%; filter:alpha(opacity=100); Opacity:1.0; transition: all 0.5s ease;}


.media {background: url("../images/bg_12.png") repeat-y top center; background-size: 100%; background-color: #eff1f3; padding: 4.73% 0 7.883% 0;}
.mediaL {display: flex; flex-wrap: wrap; margin-bottom: 40px;}
.mediaL > div {width: 31.598%; margin: 0 2.603% 75px 0;}
.mediaL > div:nth-child(3n+3), .mediaL > div:last-child {width: 31.598%; margin: 0 0% 75px 0;}
.mediaL > div > div {position: relative; width: 100%; height: 0; padding-bottom: 56.265%; margin-bottom: 30px; background-color: #000; transition: all 0.5s ease 0s;}
.mediaL > div > div a {position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; line-height: 0; font-size: 0; text-decoration:none; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; text-align: center;}
.mediaL > div > div a::before {content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border: 2px solid rgba(209, 13, 23, 0); z-index: 10; transition: all 0.5s ease 0s;}
.mediaL > div > div:hover a::before {border: 2px solid rgba(209, 13, 23, 1); transition: all 0.25s ease 0s;}
.mediaL > div > div a::after {content: ''; width: 79px; height: 86px; background: url("../images/arrow_b.png") no-repeat center; background-size: cover; position: absolute; top: 50%; left: 50%; margin: -43px 0 0 -40px; z-index: 10; transition: all 0.5s ease 0s;}
.mediaL > div > div:hover a::after {width: 60px; height: 65px; margin: -32px 0 0 -30px; transition: all 0.25s ease 0s;}
.mediaL > div > div a img {max-height: 100%!important; transform: scale(1.0, 1.0); filter:alpha(opacity=100); Opacity:1.0; transition: all 0.5s ease 0s;}
.mediaL > div > div:hover a img {transform: scale(1.3, 1.3); filter:alpha(opacity=50); Opacity:0.5; transition: all 0.25s ease 0s;}
.mediaL > div > h3 {color: #212224; font-weight: bold; transition: all 0.5s ease 0s;}
.mediaL > div:hover > h3 {color: rgba(209, 13, 23, 1); font-weight: bold; transition: all 0.25s ease 0s;}


.news {background: url(../images/bg_13.png) repeat-y top center;background-size: 100%;background-color: #eff1f3; padding: 0% 0 7.883% 0;margin-top: -25px;}
.newsL {display: flex; flex-wrap: wrap; align-items: center; padding: 48px 0 40px 0; margin-bottom: 25px; background-color: #fff; position: relative; box-shadow: 0 0 51px rgba(0, 0, 0, 0); z-index: 10; transition: all 0.5s ease 0s;}
.newsL:hover {box-shadow: 0 0 51px rgba(0, 0, 0, 0.1); transition: all 0.25s ease 0s;}
.newsL > div:nth-child(1) {width: 170px; display: flex; flex-wrap: wrap; justify-content: center; text-align: center; font-family: 'Noto Sans TC', sans-serif;}
.newsL > div:nth-child(1) span:nth-child(1), .newsSub > div:nth-child(1) span:nth-child(1) {color: #c5242c; font-weight: 600; line-height: 80%; margin-bottom: 12px; width: 100%;}
.newsL > div:nth-child(1) span:nth-child(2), .newsSub > div:nth-child(1) span:nth-child(2) {color: #909090; font-weight: 600; line-height: 100%; margin-bottom: 4px; width: 100%;}
.newsL > div:nth-child(1) span:nth-child(3), .newsSub > div:nth-child(1) span:nth-child(3) {color: #c5242c; font-weight: 600; width: 100%;}
.newsL > div:nth-child(2) {width: calc(100% - 490px); font-family: 'Noto Sans TC', sans-serif; padding: 10px 220px 15px 30px; border-left: 1px solid #d9d9d9;}
.newsL > div:nth-child(2) h3 {color: #909090; background-color: #e4e4e4; float: left; padding: 5px 18px 6px 18px; border-radius: 20px; transition: all 0.5s ease 0s;}
.newsL:hover > div:nth-child(2) h3 {color: #fff; background-color: #c5242c; transition: all 0.5s ease 0s;}
.newsL > div:nth-child(2) h2 {margin-bottom: 15px; padding: 18px 0 0 5px; clear: both; transition: all 0.5s ease 0s;}
.newsL:hover > div:nth-child(2) h2 {color: #c5242c; transition: all 0.5s ease 0s;}
.newsL > div:nth-child(2) p {color: #666666; padding: 0 0 0 5px; font-family:'Microsoft JhengHei'; line-height: 186%;}
.newsL > div:nth-child(3) {width: 256px; line-height: 0; font-size: 0; overflow: hidden;}
.newsL > div:nth-child(3) img {transform: scale(1.0, 1.0); Opacity:1.0; transition: all 0.5s ease 0s;}
.newsL:hover > div:nth-child(3) img {/*transform: scale(1.3, 1.3);*/ Opacity:1.0; transition: all 0.5s ease 0s;}
.newsL > a {text-decoration:none!important; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; font-size: 0; z-index: 20;}
.newsL > a:before { color:#ca0f19; top: 0px; left: 0px; right: 100%; bottom: 100%; border-top: 2px solid; border-left: 2px solid;}
.newsL > a:after {color:#ca0f19; left: 100%; top: 100%; bottom: 0px; right: 0px; border-bottom: 2px solid; border-right: 2px solid;}
.newsL > a:before, .newsL > a:after {content: ""; filter:alpha(opacity=0); Opacity:0; pointer-events: none; z-index: 3; position: absolute; box-sizing: border-box; transition: all 0.5s ease; box-shadow: none;}
.newsL:hover > a:before {filter:alpha(opacity=100); Opacity:1.0; bottom: 0px; right: 0px;}
.newsL:hover > a:after {filter:alpha(opacity=100); Opacity:1.0; top: 0px; left: 0px;}
.news .pages {margin-top: 60px;}
.newsSub {background-color: #fff; padding: 70px 25px 90px 25px; display: flex; flex-wrap: wrap;}
.newsSub > div:nth-child(1) {width: 135px; height: 114px; display: flex; flex-wrap: wrap; justify-content: center; align-content: flex-start; text-align: center; font-family: 'Noto Sans TC', sans-serif; border-right: 1px solid #d9d9d9; padding: 0 0 25px 0;}
.newsSub > div:nth-child(2) {width: calc(100% - 135px); padding: 0 20px 0 35px;}
.newsSub > div:nth-child(2) > div:nth-child(1) {float: right; display: flex; flex-wrap: wrap; justify-content: flex-end; line-height: 0;}
.newsSub > div:nth-child(2) > div:nth-child(1) a {margin-left: 12px; text-decoration: none !important;}
.newsSub > div:nth-child(2) > h3 {color: #909090; background-color: #e4e4e4; float: left; padding: 5px 18px 6px 18px; border-radius: 20px; font-family: 'Noto Sans TC', sans-serif;}
.newsSub > div:nth-child(2) > h2 {margin: 0 0 60px 10px; padding: 24px 0 24px 29px; clear: both; font-family: 'Noto Sans TC', sans-serif; font-weight: 500; width: 100%; border-bottom: 1px solid #d9d9d9; position: relative;}
.newsSub > div:nth-child(2) > h2::before {content: ''; width: 8px; height: 33px; background-image: linear-gradient(180deg, #cd1b25 0%, rgba(205, 27, 37, 0.3) 100%); position: absolute; top: 29px; left: 0px;}
.newsSubC {padding: 0 0 0 17px; color: #444444; line-height: 186%; margin-bottom: 40px;}
.newsSubC h2 { font-weight: 500; color: #c5242c; margin: 10px 0 5px 0; line-height: 140%; font-size: 175%;}
.newsSubC h3 { font-weight: 500; color: #c5242c; margin: 10px 0 5px 0; line-height: 140%; font-size: 150%;}
.newsSubC h4 { font-weight: 500; color: #c5242c; margin: 5px 0 2px 0; line-height: 140%; font-size: 137.5%;}
.newsSubC h5 { font-weight: 500; color: #c5242c; margin: 5px 0 2px 0; line-height: 140%; font-size: 125%;}
.newsSubC h6 { font-weight: 500; color: #c5242c; margin: 5px 0 2px 0; line-height: 140%; font-size: 112.5%;}
.newsSubC ul, .newsSubC ol { margin: 10px 0; padding: 0 0 0 30px;}
.newsSubC a { color: #a1a3a4!important;}
.newsSubC a:hover { color: #000!important; text-decoration: none;}
.newsDemo {display: flex; flex-wrap: wrap;}
.newsDemo > li {width: 45.394%; margin: 0 2% 1.2% 0!important;}
.sharethis-inline-share-buttons > div { display: inline-block !important; }

.location {background: url("../images/bg_14.png") repeat-y top center; background-size: 100%; background-color: #eff1f3; padding: 4.309% 0 8.1455% 0;}
/*.location > div {background: url("../images/bg_15.png") no-repeat 35% 0%;}*/
.location > div h2 {font-weight: bold; color: #222222; letter-spacing: 1px; text-align: center; margin-bottom: 9.723%;}
.locationL {display: flex; flex-wrap: wrap;}
.locationL > div:nth-child(1) {width: 30.835%; padding: 0 80px 40px 0; border-right: 1px solid rgba(0, 0, 0, 0.2);}
.locationL > div:nth-child(2) {width: 38.33%; padding: 0 90px 40px 115px; border-right: 1px solid rgba(0, 0, 0, 0.2);}
.locationL > div:nth-child(3) {width: 30.835%; padding: 0 35px 40px 100px;}
.locationL > div h3 {line-height: 136.3%; color: #ca0f19; font-weight: bold; margin: 0 0 35px 0;}
.locationL > div h3::before {content: ''; width: 21px; height: 30px; background: url("../images/icon_06a.png") no-repeat center; background-size: cover; display: block; margin: 0 0 7px 0;}
.locationL > div h4 {color: #212224; line-height: 187.5%;}
.locationL > div h4 strong {font-family: 'Noto Sans TC', sans-serif;}
.locationL a:link, .locationL a:visited {text-decoration:none; color:#ca0f19; line-height: 187.5%; position: relative; transition: all 0.5s ease 0s;}
.locationL a::before {content: ''; width: 0; height: 2px; line-height: 0; font-size: 0; background-color: #ca0f19; position: absolute; top: -14px; left: 50%; transition: all 0.5s ease 0s;}
.locationL a:hover::before {content: ''; width: 100%; height: 2px; line-height: 0; font-size: 0; background-color: #ca0f19; position: absolute; top: -1px; left: 0%; transition: all 0.25s ease 0s;}
.locationL a:active, .locationL a:hover {text-decoration:none; color:#ca0f19; cursor:pointer; transition: all 0.5s ease 0s;}
.locationL a::after {content: '➣'; height: 20px; width: 30px; line-height: 20px; display: inline-flex; flex-wrap: wrap; justify-content: center; align-items: center; filter:alpha(opacity=0); Opacity:0; transition: all 0.5s ease 0s;}
.locationL a:hover::after {filter:alpha(opacity=100); Opacity:1.0; transition: all 0.25s ease 0s;}

.contact {background: url("../images/bg_12.png") repeat-y 50% 8%; background-size: 100%; background-color: #eff1f3; padding: 4.73% 0 8.671% 0;}
.contact > div > h2 {font-weight: bold; color: #222222; letter-spacing: 1px; text-align: center; margin-bottom: 30px;}
.contact > div span {color: #e40b16;}
.contact > div > p {color: #333333; line-height: 225%; max-width: 857px; margin: 0 auto 45px auto;}
.contactF {background-color: #ededed; border-radius: 3px; border: 1px solid rgba(219, 219, 219, 0.85); padding: 80px 70px 40px 10px; display: flex; flex-wrap: wrap; align-items: flex-start; color: #34373c;}
.contactF > div {width: 50%; display: flex; flex-wrap: wrap; align-items: flex-start;}
.contactF > div > div {width: 195px; text-align: right; padding: 8px 20px 0 0; margin-bottom: 26px;}
.contactF > div > div:nth-child(2n+2) {width: calc(100% - 195px); text-align: left; padding: 0px; margin-bottom: 26px;}
.contactF > div div input {border: 1px solid rgba(219, 219, 219, 0.85); width: 100%; height: 40px; display: flex; flex-wrap: wrap; padding: 0 20px; font-size: 16px; font-family: 'Noto Sans TC', sans-serif; font-weight: 400;}
.contactF > div div select {border: 1px solid rgba(219, 219, 219, 0.85); width: 100%; height: 40px; display: flex; flex-wrap: wrap; padding: 0 20px; font-size: 16px; font-family: 'Noto Sans TC', sans-serif; font-weight: 400;}
.contactF > div div textarea {border: 1px solid rgba(219, 219, 219, 0.85); width: 100%; height: 105px; display: flex; flex-wrap: wrap; padding: 10px 20px; font-size: 16px; font-family: 'Noto Sans TC', sans-serif; font-weight: 400;}
.contactN {color: #ca0f19; text-align: center; padding: 35px 0 50px 0;}
.contactB {display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
.contactB a {margin: 0 15px;}
.contactB a:nth-child(1):link, .contactB a:nth-child(1):visited {text-decoration:none; color:#fff; background-color: #ca0f19; border: 1px solid #ca0f19; width: 200px; height: 52px; position: relative; z-index: 10; display: flex; justify-content: center; align-items: center; text-align: center; transition: all 0.5s ease 0s;}
.contactB a:nth-child(1):active, .contactB a:nth-child(1):hover {text-decoration:none; color:#ca0f19; font-weight: bold; border-radius: 5px; cursor:pointer; transition: all 0.25s ease 0s;}
.contactB a:nth-child(1)::before {content: ''; position: absolute; top: 50%; left: 50%; right: 50%; bottom: 50%; background-color: #fff; z-index: -1; transition: all 0.5s ease 0s;}
.contactB a:nth-child(1):hover::before {content: ''; position: absolute; top: 4px; left: 4px; right: 4px; bottom: 4px; background-color: #fff; z-index: -1; transition: all 0.25s ease 0s;}
.contactB a:nth-child(2):link, .contactB a:nth-child(2):visited {text-decoration:none; color:#ca0f19; background-color: #fff; border: 1px solid #ca0f19; width: 200px; height: 52px; position: relative; z-index: 10; display: flex; justify-content: center; align-items: center; text-align: center; transition: all 0.5s ease 0s;}
.contactB a:nth-child(2):active, .contactB a:nth-child(2):hover {text-decoration:none; color:#514f4e; font-weight: bold; border: 1px solid #514f4e; background-color: #514f4e; border-radius: 5px; cursor:pointer; transition: all 0.5s ease 0s;}
.contactB a:nth-child(2)::before {content: ''; position: absolute; top: 50%; left: 50%; right: 50%; bottom: 50%; background-color: #fff; z-index: -1; transition: all 0.5s ease 0s;}
.contactB a:nth-child(2):hover::before {content: ''; position: absolute; top: 4px; left: 4px; right: 4px; bottom: 4px; background-color: #fff; z-index: -1; transition: all 0.25s ease 0s;}

.datatable_2 {border-spacing: 0px;margin: 0 auto;border-right: 1px solid #000000;border-bottom: 1px solid #000000;}
.datatable_2 th{background-color: #ca0f19;color: #fff;padding: 5px 20px;text-align: center;}
.datatable_2 td{border-left: 1px solid #000000;border-top: 1px solid #000000;padding: 5px 20px;}

.table_scroll {overflow: auto!important;height: 75vh;margin-top: 30px;}
.table_scroll > table{min-width: 100%;}
.datatable{border-spacing: 0px;margin: 0 auto;border-bottom: 1px solid #000000;table-layout: fixed;overflow: unset!important;}
.datatable th, .datatable td{padding: 5px 20px;border-right: 1px solid #000000;border-top: 1px solid #000000;} 

.datatable thead{position:sticky;top: 0;left: 0;z-index: 2;}
.datatable tbody{position:sticky;top: 0;left: 0;z-index: 1;}
.datatable thead tr th{position: sticky;z-index: 2;}
.datatable tbody tr th{position: sticky;z-index: 1;}
.datatable thead tr th:first-of-type, .datatable tbody tr th:first-of-type{left: 0;border-left: 1px solid #000000;z-index: 3;}
/*.datatable thead tr th:nth-of-type(2), .datatable tbody tr th:nth-of-type(2){left: 230.86px;z-index: 3;}*/
.datatable thead tr:last-child th{border-bottom: 1px solid #000000;}
.datatable thead tr{background: #fff;}
.datatable tbody tr:nth-child(1) th, .datatable tbody tr:nth-child(1) td{border-top:none;}

.color-t1{ background-color: #ff0000!important; color: #fff; }
.color-t2{ background-color: #cc0000!important; color: #fff; }
.color-t3{ background-color: #b7b7b7!important; }
.color-t4{ background-color: #d9d9d9!important; }
.color-t5{ background-color: #efefef!important; }
.color-t6{ background-color: #fff!important; }

.golmap{width:100%}

.catalog-btn { display: none; }
.catalog-btn a { display: block; background-color: #7e7b79; color: #fff !important; padding: 20px 0 20px 15px; font-size: 18px; /*color: #b5b5b5 !important;*/ font-weight: bold; }

@media only screen and (max-width:992px){
    .productsSubB::after{height:0px;}
	.golmap{width:100%}
	.time-menu{margin-top: 45px;background-color: #444;padding:0px !important;margin-bottom: 7%;}
	.news{margin-top: -45px;}
	.nMenu > ul > li{width:100%}
	.nMenu > ul{padding:0px;}
    .catalog-btn { display: block; }
    .datatable {
        padding: 0px !important;
    }
}
.subemail{color: white;max-width: 1480px;margin: auto;padding: 20px 100px;}
@media only screen and (max-width:1200px){.subemail{padding: 20px 20px;}.time-menu{max-width: 1480px;padding: 0px 20px 7% 20px ;}}
@media only screen and (max-width:480px){.triangle > img{width: 100% !important;}.contact_map{display: block !important;}.contact_map > p > a {padding-top: 3px;}}
.triangle{text-align: center;}
.triangle > img{width: 80%;}
@media only screen and (max-width:576px){.triangle > img{padding-top: 30px;}}

.mail > a:hover:after{
    content:attr(showhints);
    margin:0px auto;
    max-width:400px; height: auto;
    text-align: left;   color: #000;
    padding:6px ;
    border-radius: 6px;
    z-index: 999;
    font-size: 14px;
    margin-left: 10px;
}

@media only screen and (min-width:769px){.productsL > div:nth-child(1) > div > a > img{max-width: 50%!important;}.productsL-2 > div:nth-child(1) > div > a > img{max-width: 50%!important;}
.productsL > div:nth-child(1) > div {text-align: center;}.productsL-2 > div:nth-child(1) > div {text-align: center;}}

#parentHorizontalTab > ul:first-child{margin: auto;}



.productsL-2 {display: flex; flex-wrap: wrap; position: relative; margin-bottom: 49px;}
.productsL-2 > div:nth-child(1) {position: relative; width: 42.431%; /*height: 0; padding-bottom: 35.417%;*/ overflow: hidden; line-height: 0; font-size: 0; background-color: #fff; transition: all 0.5s ease 0s;}
.productsL-2 > div:nth-child(1) > div {position: absolute; top: 2px; left: 2px; right: 2px; bottom: 2px; overflow: hidden; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; background-color: #fff;}
.productsL-2 > div:nth-child(1) > div img {max-height: 100%; transform: scale(1.0, 1.0); transition: all 0.5s ease 0s;}
.productsL-2:hover > div:nth-child(1) {background-color: #cc1a24; transition: all 0.25s ease 0s;}
.productsL-2:hover > div:nth-child(1) > div img {transform: scale(1.0, 1.0); transition: all 0.7s ease 0s;}
.productsL-2 > div:nth-child(2) {position: relative; width: 55.629%; margin: 0 0 0 1.94%; padding: 90px 0px 52px 75px; overflow: hidden; border: 1px solid #d6d6d6; z-index: 10; transition: all 0.5s ease 0s;}
.productsL-2 > div:nth-child(2):hover {background-color: rgba(255, 255, 255, 0.7); transition: all 0.5s ease 0s;}
.productsL-2 > div:nth-child(2)::before {content: ''; height: 0; width: 0; border-color: #f0cdd0 transparent transparent transparent; border-style: solid solid solid solid; border-width: 91px 82px 0px 0px; position: absolute; top: -4px; right: 4px; -moz-transform:rotate(90deg); -webkit-transform:rotate(90deg); -o-transform:rotate(90deg); -ms-transform:rotate(90deg); transform:rotate(90deg); transition: all 0.7s ease 0s; z-index: -2;}
.productsL-2 > div:nth-child(2):hover::before {border-width: 171px 162px 0px 0px; transition: all 0.25s ease 0s;}
.productsL-2 > div:nth-child(2)::after {content: ''; height: 0; width: 0; border-color: #cc1a24 transparent transparent transparent; border-style: solid solid solid solid; border-width: 65px 63px 0px 0px; position: absolute; top: -1px; right: 1px; -moz-transform:rotate(90deg); -webkit-transform:rotate(90deg); -o-transform:rotate(90deg); -ms-transform:rotate(90deg); transform:rotate(90deg); transition: all 0.25s ease 0s; z-index: -1;}
.productsL-2 > div:nth-child(2):hover::after {border-width: 145px 143px 0px 0px; transition: all 0.7s ease 0s;}
.productsL-2 > div:nth-child(2) > h3 {margin-bottom: 10px;}
.productsL-2 > div:nth-child(2) > h3 label {font-weight: bold; padding: 0 7px 0 0;}
.productsL-2 > div:nth-child(2) > h3 a:link, .productsL > div:nth-child(2) > h3 a:visited {text-decoration:none; color:#000; transition: all 0.5s ease 0s;}
.productsL-2 > div:nth-child(2) > h3 a:active, .productsL > div:nth-child(2) > h3 a:hover {text-decoration:none; color:#ca0f19; cursor:pointer; transition: all 0.5s ease 0s;}
.productsL-2 > div:nth-child(2) > p {color: #212224; border-bottom: 1px solid #cc1a24; float: left; padding: 0 0 17px 0; margin: 0 0 60px 27px;}
.productsL-2 > div:nth-child(2) ul {clear: both; padding: 0 0 0 10px;}
.productsL-2 > div:nth-child(2) ul li {position: relative; padding: 0 20px 0 20px; float: left; min-width: 160px; border-bottom: 1px solid #cbcdcf; margin: 0 70px 10px 0; transition: all 0.5s ease 0s;}
/* .productsL-2 > div:nth-child(2) ul li:hover {border-bottom: 1px solid #ca0f19; transition: all 0.25s ease 0s;}
.productsL-2 > div:nth-child(2) ul li::before {content: ''; height: 0; width: 0; border-color: transparent transparent transparent #bcbcbc; border-style: solid solid solid solid; border-width: 6px 9px; position: absolute; top: 14px; left: 0px; transition: all 0.5s ease 0s;} */
.productsL-2 > div:nth-child(2) ul li::before {content: ''; height: 0; width: 0; border-color: transparent transparent transparent #ca0f19; border-style: solid solid solid solid; border-width: 6px 9px; position: absolute; top: 14px; left: 0px; transition: all 0.25s ease 0s; animation-name:oxxo;animation-duration:1.7s;animation-iteration-count: infinite;}

.productsL-2 > div:nth-child(2) ul li a:link, .productsL > div:nth-child(2) ul li a:visited {text-decoration:none; color:#212224; display: block; padding: 9px 0; transition: all 0.5s ease 0s;}
.productsL-2 > div:nth-child(2) ul li a:active, .productsL > div:nth-child(2) ul li a:hover {text-decoration:none; color:#ca0f19; cursor:pointer; transition: all 0.5s ease 0s;}
.products .pages {padding: 35px 0 0 0;}
.productsL-2 > div:nth-child(2) > h4 {color: #333333; margin: 0 0 10px 27px; clear: both; font-weight: bold;}
.productsL-2 > div:nth-child(2) > h4 label {color: #cc1b25; padding: 0 7px 0 0;}
.productsL-2 > div:nth-child(2) > h5 {color: #212224; margin: 0 0 25px 27px;}
.productsL-2 > div:nth-child(2) > div {display: flex; flex-wrap: wrap; align-items: flex-end;}
.productsL-2 > div:nth-child(2) > div p {color: #5d5f63; border-bottom: 0px; float: none; margin: 0 0 0 27px; padding: 0 10px 0 0; line-height: 187.5%; width: 67%;}

.contact_map{display:flex;justify-content: space-between;    max-width: 857px;margin:auto;    margin-top: -15px;padding-bottom: 20px;}


.contact_map > p > a {color: #ca0f19; display: flex;align-items: center;}
.contact_map > p > a > img {padding-right: 10px;}

@media only screen and (max-width:768px){
.productsL-2 > div:nth-child(1) > div{position: inherit !important;}
.productsL-2{display:block;}
.productsL-2 > div:nth-child(1){width: 100%;}
.productsL-2 > div:nth-child(2){width: 100%;margin: 20px 0 0 0; border: 1px solid #d6d6d6 !important;padding:35px 25px;}
.productsL-2 > div:nth-child(2) ul li {min-width:0px;margin:0 0px 10px 0}
.productsL-2 > div:nth-child(2) > p {margin: 0 0 40px 27px;}
}

@media only screen and (max-width:480px){
    .subBanner > div:last-child > h1{font-size:24px;line-height:1.4;}
    .subBanner > div:last-child > p {font-size:18px;padding-top: 3px;text-align: left;    }
    .pMenu span{padding-bottom: 10px;}
    .pMenuM::after{top: 55%;height:3px}
    .pMenuM::before{height:3px}
    .nMenuM::after{top:55%;height:3px}
    .nMenuM::before{height:3px}
    .time-menu > span{padding-top:5px;} 

}

.resp-tab-content-active{display:flex!important;justify-content: center;}