@charset "utf-8";
/* CSS Document */
.subBanner {position: relative; z-index: 10; max-width: 1843px; padding: 20px 20px 0 20px; margin: auto;}
.subBanner > div:nth-child(1) {width: 50.47%; background-color: #f1f1f1; padding: 90px 0;}
.subBanner > div:nth-child(1) > div {width: 56.6%; display: flex; flex-direction: column; align-items: center; text-align: center; font-family: 'Poppins', sans-serif;}
.subBanner > div:nth-child(1) > div > div {line-height: 0; margin-bottom: 2px;}
.subBanner > div:nth-child(1) > div > h3 {color: #f1f1f1; font-weight: 700; text-shadow: -1px -1px 0 #e35309,1px -1px 0 #e35309,-1px 1px 0 #e35309,1px 1px 0 #e35309; margin-bottom: 13px;}
.subBanner > div:nth-child(1) > div > p {color: #343d45; font-weight: 300; letter-spacing: 0.5px; line-height: 120%; max-width: 315px;}
.subBanner > div:nth-child(2), .subBanner > div:nth-child(3) {position: absolute; right: 20px; top: 0px; width: 71.677%; line-height: 0; z-index: 10;}
.subBanner > div:nth-child(2)::before, .subBanner > div:nth-child(3)::before {content: ''; width: 150px; height: 150px; background-color: #ea5404; position: absolute; bottom: -50px; left: -30px; z-index: -2;}
.subBanner > div:nth-child(2)::after, .subBanner > div:nth-child(3)::after {content: ''; background: url("../images/sub_01a.png") no-repeat center; background-size: cover; width: 400px; height: 667px; position: absolute; right: -54px; bottom: -444px; z-index: -1;}
.subBanner > div:nth-child(4) {position: absolute; right: 0; top: 57%; line-height: 0; z-index: -10; transition: all 0.5s ease 0s;}

.path {width: 100%; /*font-family: 'Poppins', sans-serif;*/ font-size: 12px; color: #98a2aa; letter-spacing: 0.5px; display: flex; flex-wrap: wrap; padding: 70px 50% 30px 0 !important; position: relative; z-index: 10;}
.path li::after {content: '/'; padding: 0 5px;}
.path li:last-child::after {content: none;}
.path li:last-child {color: #343d45;}
.path li a:link, .path li a:visited {text-decoration:none; color:#98a2aa; position: relative; transition: all 0.5s ease 0s;}
.path li a:active, .path li a:hover {text-decoration:none; color:#ea5404; cursor:pointer; transition: all 0.5s ease 0s;}
.path li a::after {content: ''; position: absolute; left: 50%; bottom: -4px; height: 2px; width: 0; background-color: #ea5404; transition: all 0.5s ease 0s;}
.path li a:hover::after {left: 0; width: 100%;  transition: all 0.25s ease 0s;}

.main {position: relative; z-index: 10; min-height: 884px;}
.main h1 {color: #343d45; /*font-family: 'Poppins', sans-serif;*/ font-weight: 600; line-height: 110%; word-wrap: break-word!important;}
.main h1 span {position: relative; z-index: 10;}
.main h1 span::before {content: ''; height: 8px; background-color: #ea5404; position: absolute; left: -3px; bottom: 13px; right: -5px; z-index: -1; transition: all 0.5s ease 0s; -webkit-animation: blink 4000ms infinite; animation: blink 4000ms infinite;}
.main h1 font {position: relative; z-index: 10; display: inline-block; color: #e2570d; margin: 0 13px; word-wrap: break-word!important;}
.main h1 font::before {content: ''; height: 8px; background-color: #f1f1f1; position: absolute; left: -3px; bottom: 6px; right: -5px; z-index: -1; transition: all 0.5s ease 0s;}
.main > div.frame_1410 {position: relative;}
.bgLT {position: absolute; top: 37px; left: 0; line-height: 0; z-index: -3; transition: all 0.5s ease 0s;}
.bgLB {position: absolute; bottom: 0; left: 0; line-height: 0; z-index: -2; transition: all 0.5s ease 0s;}
.bgRB {position: absolute; bottom: 0; right: 0; line-height: 0; z-index: -1; transition: all 0.5s ease 0s;}
.bgAgents {position: absolute; bottom: 0; left: 0; line-height: 0; width: 38.151%; z-index: -2; transition: all 0.5s ease 0s;}

.productsL > div:hover > div:nth-child(1) a img, .productsC > div:hover > div:nth-child(1) > a img {
	-webkit-animation-name: hvr-bob-float, hvr-bob;
	animation-name: hvr-bob-float, hvr-bob;
	-webkit-animation-duration: .3s, 1.5s;
	animation-duration: .3s, 1.5s;
	-webkit-animation-delay: 0s, .3s;
	animation-delay: 0s, .3s;
	-webkit-animation-timing-function: ease-out, ease-in-out;
	animation-timing-function: ease-out, ease-in-out;
	-webkit-animation-iteration-count: 1, infinite;
	animation-iteration-count: 1, infinite;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-animation-direction: normal, alternate;
	animation-direction: normal, alternate;
}

.pages {color: #343d45; /*font-family: 'Poppins', sans-serif;*/ font-weight: 300; display: flex; flex-wrap: wrap; justify-content: center;}
.pages a:link, .pages a:visited {text-decoration:none; color:#343d45; width: 30px; height: 30px; margin: 0 5px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; transition: all 0.5s ease 0s;}
.pages a:active, .pages a:hover {text-decoration:none; color:#fff; background-color: #ea5404; cursor:pointer; transition: all 0.5s ease 0s;}
/*.pages a:first-child, .pages a:last-child {color: transparent; width: 60px; position: relative; z-index: 10;}
.pages a:hover:first-child, .pages a:hover:last-child {font-size: 100%; color: #fff;}
.pages a:first-child::before {content: ''; background: url("../images/prev_d.png") no-repeat center; background-size: cover; width: 8px; height: 15px; position: absolute; top: 50%; left: 50%; margin: -7.5px 0 0 -4px; transition: all 0.75s ease 0s;}
.pages a:last-child::before {content: ''; background: url("../images/next_d.png") no-repeat center; background-size: cover; width: 9px; height: 15px; position: absolute; top: 50%; right: 50%; margin: -7.5px -4.5px 0 0; filter:alpha(opacity=100); Opacity:1.0; transition: all 0.75s ease 0s;}
.pages a:hover:first-child::before, .pages a:hover:last-child::before {filter:alpha(opacity=0); Opacity:0; transition: all 0.25s ease 0s;}*/
.pages a.prev, .pages a.next {color: transparent; width: 60px; position: relative; z-index: 10;}
.pages a.prev:hover, .pages a.next:hover {font-size: 100%; color: #fff;}
.pages a.prev::before {content: ''; background: url("../images/prev_d.png") no-repeat center; background-size: cover; width: 8px; height: 15px; position: absolute; top: 50%; left: 50%; margin: -7.5px 0 0 -4px; transition: all 0.75s ease 0s;}
.pages a.next::before {content: ''; background: url("../images/next_d.png") no-repeat center; background-size: cover; width: 9px; height: 15px; position: absolute; top: 50%; right: 50%; margin: -7.5px -4.5px 0 0; filter:alpha(opacity=100); Opacity:1.0; transition: all 0.75s ease 0s;}
.pages a.prev:hover::before, .pages a.next:hover::before {filter:alpha(opacity=0); Opacity:0; transition: all 0.25s ease 0s;}

.pages a.current {color:#fff; background-color: #ea5404; pointer-events: none; cursor: text;}

.datatable { border:0; text-align:center; width:80%; font-size:12px; border-collapse:collapse; margin: 0 auto 20px auto;}
.datatable td { padding:5px 3px; border:1pt #EA5504 solid; background:#fff; white-space: nowrap; }
.datatable tr{ color:#000; background-color:#F3F6FB; }
.datatable tr th{ font-family:Tahoma, Helvetica, sans-serif; /*background-color:#6d6d6d;*/ font-weight:bold; padding:5px 3px; border:1pt #EA5504 solid; white-space: nowrap; }
.datatable tr.altrow2{ background-color:#FFCCB0; }
.datatable tr.altrow{ color:#000; background-color:#ccc; border:1pt #ccc solid; }
/*@media only screen and (max-width:576px){
	.datatable tr:first-child th:first-child {min-width: 77px;}
}*/

.datatable02 { border:0; text-align:center; width:100%; font-size:12px; border-collapse:collapse; margin-bottom: 20px;}
.datatable02 td { padding:3px 7px; text-align:left; border:0; }
.datatable02 tr{ color:#000; background-color:#E6E6E6; }
.datatable02 th{ color:#EA5504; font-family:Tahoma, Helvetica, sans-serif; background-color:#FFCCB0; font-weight:bold; padding:5px 0 5px 10px; border:0; text-align:left; }
.datatable02 tr.altrow{ color:#000; background-color:#ccc; border:0; }



.about {padding: 0 0 10.213% 0; display: flex; flex-wrap: wrap;}
.about > div:nth-child(1) {width: 65%;}
.about > div:nth-child(1) > h2 {padding: 11.457% 0 7.638% 0; color: #343d45; /*font-family: 'Poppins', sans-serif;*/ font-weight: 200; letter-spacing: 1px;}
.about > div:nth-child(1) > p {color: #757f89; /*font-family: 'Poppins', sans-serif;*/ font-weight: 300; line-height: 160%; max-width: 915px; padding: 0 6.547% 0 7px; border-right: 1px solid #bfbfbf; margin-bottom: 12.33%;}
.about > div:nth-child(1) > div {line-height: 0;}
.about > div:nth-child(2) {width: 35%; line-height: 0; text-align: right; padding-left: 40px;}
.about > div:nth-child(3) {width: 100%; text-align: center; padding: 60px 0 0 0;}
.about > div:nth-child(3) h3 {color: #343d45; /*font-family: 'Poppins', sans-serif;*/ font-weight: 300; letter-spacing: 1px; margin-bottom: 20px;}
.about > div:nth-child(3) ul {width: 100%; max-width: 1140px; margin: auto!important; padding: 0 30px!important; display: flex; flex-wrap: wrap;}
.about > div:nth-child(3) ul li {width: 33.33%; padding: 20px 10px!important;}
.about > div:nth-child(3) ul li div {line-height: 0; margin-bottom: 17px;}
.about > div:nth-child(3) ul li h4 {color: #333333; font-weight: bold;}
.concept {padding: 0 0 10.213% 0; display: flex; flex-wrap: wrap;}
.concept div:nth-child(1), .concept div:nth-child(5) {width: 100%;}
.concept > div:nth-child(1) > h2 {padding: 7.457% 0 4.638% 0; color: #343d45; /*font-family: 'Poppins', sans-serif;*/ font-weight: 200; letter-spacing: 1px;}
.concept div:nth-child(2), .concept div:nth-child(3), .concept div:nth-child(4) {width: 33.33%; margin-bottom: 5.33%;}
.concept div:nth-child(2) img, .concept div:nth-child(3) img, .concept div:nth-child(4) img {width: 100%;}
.concept > div p {color: #757f89; /*font-family: 'Poppins', sans-serif;*/ font-weight: 300; line-height: 160%; max-width: 915px; padding: 0 6.547% 0 7px; margin-bottom: 5.33%;}
.concept > div h3 {padding: 0 0 4.638% 0; color: #343d45; /*font-family: 'Poppins', sans-serif;*/ font-weight: 200; letter-spacing: 1px;}


.products {padding: 35px 0 10.639% 0;}
.products > p, .products > .pro_C {color: #343d45; /*font-family: 'Poppins', sans-serif;*/ font-weight: 300; line-height: 160%; max-width: 952px; padding: 0 10px 35px 0; border-bottom: 1px solid rgba(191, 191, 191, 0.33); margin-bottom: 45px;}
.productsL > div {display: flex; flex-direction: row; align-items: center; margin-bottom: 8.511%;}
.productsL > div:last-child {margin-bottom: 0!important;}
.productsL > div > div:nth-child(1) {width: 50%; line-height: 0;}
.productsL > div > div:nth-child(2) {width: 50%; padding: 0 25px 0 30px;}
.productsL > div > div:nth-child(2) > h3 {color: #343d45; /*font-family: 'Poppins', sans-serif;*/ font-weight: 600; letter-spacing: 0.2px; line-height: 130%; margin-bottom: 3px; position: relative; z-index: 10;}
.productsL > div > div:nth-child(2) > h3::before {content: attr(data-title); font-size: 160%; letter-spacing: 3px; color: #fff; font-weight: 500; line-height: 104%; width: 120%; text-shadow: -1px -1px 0 #e35309,1px -1px 0 #e35309,-1px 1px 0 #e35309,1px 1px 0 #e35309; display: block; padding: 0 0 10px 110px; position: relative; -webkit-animation: change_color 10000ms infinite; animation: change_color 10000ms infinite;}
.productsL > div > div:nth-child(2) > h4 {color: #ea5404; /*font-family: 'Poppins', sans-serif;*/ font-weight: 300; letter-spacing: 0.2px; line-height: 160%; margin-bottom: 38px; padding: 0 0 0 7px;}
.productsL > div > div:nth-child(2) > p {color: #838d97; /*font-family: 'Poppins', sans-serif;*/ font-weight: 300; letter-spacing: 0.2px; line-height: 160%; margin-bottom: 38px; padding: 0 0 0 7px;}
.productsL > div > div:nth-child(2) > div { padding: 0 0 0 7px;}
.productsL > div:nth-child(2n+2) {flex-direction: row-reverse;}
.productsL > div:nth-child(2n+2) > div:nth-child(2) > h3::before {left: -145px; padding: 0 0 10px 0;}
.productsC {display: flex; flex-wrap: wrap; padding-bottom: 50px;}
.productsC > div {width: 31.44%; margin: 0 2.83% 60px 0; color: #343d45; /*font-family: 'Poppins', sans-serif;*/}
.productsC > div:nth-child(3n+2) {padding: 60px 0 0 0;}
.productsC > div:nth-child(3n+3) {margin: 0 0 60px 0; padding: 120px 0 0 0;}
.productsC > div > div:nth-child(1) {position: relative; width: 100%; height: 0; padding-bottom: 72%; z-index: 10; margin-bottom: 30px;}
.productsC > div > div:nth-child(1)::before {content: ''; width: 100%; height: 165px; background-color: #f6f6f6; position: absolute; bottom: 0; left: 0; z-index: -1;}
.productsC > div > div:nth-child(1) > a {position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; line-height: 0; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
.productsC > div > div:nth-child(1) > a img {max-height: 100%;}
.productsC > div > h3 {font-weight: 400; line-height: 130%; margin-bottom: 21px; padding: 0 0 0 5px;}
.productsC > div > h3 span {position: relative; z-index: 10;}
.productsC > div > h3 span::before {content: ''; width: 0; height: 8px; background-color: #fa7730; position: absolute; bottom: 4px; left: -5px; z-index: -1; transition: all 0.95s ease 0s;}
.productsC > div:hover > h3 span::before {width: 110%; transition: all 0.75s ease 0s;}
.productsC > div > p {font-weight: 200; line-height: 200%; margin-bottom: 25px; padding: 0 0 0 5px;}
.productsC > div > div:last-child {padding: 0 0 0 5px;}
.p_class {position: absolute; right: 100px; top: -61px; display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; color: #343d45; /*font-family: 'Poppins', sans-serif;*/ font-weight: 500; z-index: 100;}
.p_class::before {content: attr(data-title);}
.p_class select {width: 178px; height: 43px; padding: 0 24px 0 7px; font-size: 15px; color: #343d45; font-family:'Microsoft JhengHei'; font-weight: 300; border: 1px solid rgba(52, 61, 69, 0.55); background: url("../images/icon_02c.png") no-repeat 95% 50%; display: flex; margin-left: 10px;}
.p_classC {display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; max-height: 300px; overflow: hidden; transition: all ease 0.35s;}
.p_classM {display: none; width: 50px; height: 30px; margin-bottom: 10px; position: relative;}
.p_classM > span:nth-child(1) {position: absolute; top: 15px; left: 0; width: 30px; height: 2px; background: #e2570d; -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); transition: all ease 0.35s;}
.p_classM > span:nth-child(2) {position: absolute; top: 15px; right: 0; width: 30px; height: 2px; background: #e2570d; -moz-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -o-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg); transition: all ease 0.35s;}
.p_class > .active > span:nth-child(1) {-moz-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -o-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg); transition: all ease 0.35s;}
.p_class > .active > span:nth-child(2) {-moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); transition: all ease 0.35s;}
.productsSub {display: flex; flex-wrap: wrap;}
.productsSub > div:nth-child(1) {width: 51%; /*font-family: 'Poppins', sans-serif;*/ color: #343d45; padding: 0 0 95px 0;}
.productsSub > div:nth-child(1) > h2 {font-weight: 300; margin-bottom: 25px;display: none;}
.productsSub > div:nth-child(1) > h2 span {color: #e2570d; font-weight: 500;}
.productsSub > div:nth-child(1) > h3 {line-height: 160%; font-weight: 500; color: #e2570d;}
.productsSub > div:nth-child(1) > p {line-height: 160%; font-weight: 300;}
.productsSub > div:nth-child(1) > ul {list-style-type:none; margin: 0; padding: 15px 0 0 0; line-height: 160%;}
.productsSub > div:nth-child(1) > ul li {list-style-type:none; margin: 0; padding: 0; padding: 0 0 0 31px; background: url("../images/icon_02d.png") no-repeat 3px 4px; font-weight: 300;}
.share {line-height: 0; padding: 35px 0 20px 0;}
.sharethis-inline-share-buttons > div { display: inline-block !important; }
.prevnext {display: flex; /*font-family: 'Poppins', sans-serif;*/ font-weight: 200;}
.prevnext a {margin-right: 8px;}
.prevnext a:nth-child(2) {margin-right: 0; flex-direction: row;}
.prevnext a:nth-child(1)::after {content: ''; background: url("../images/prev_b.png") no-repeat center; background-size: cover; width: 8px; height: 14px; margin-right: 10px; transition: all 0.5s ease 0s;}
.prevnext a:hover:nth-child(1)::after {background: url("../images/prev_a.png") no-repeat center; -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg); -ms-transform:rotate(360deg); transform:rotate(360deg); transition: all 0.5s ease 0s;}
.prevnext a:nth-child(2)::after {content: ''; background: url("../images/next_b.png") no-repeat center; background-size: cover; width: 8px; height: 14px; margin-left: 10px; transition: all 0.5s ease 0s;}
.prevnext a:hover:nth-child(2)::after {background: url("../images/next_a.png") no-repeat center; -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg); -ms-transform:rotate(360deg); transform:rotate(360deg); transition: all 0.5s ease 0s;}
.productsSub > div:nth-child(2) {width: 49%; position: relative; top: -92px; right: -105px;}
.productsSub > div:nth-child(2) > div:nth-child(1) {line-height: 0; margin-bottom: 40px;}
.productsSub > div:nth-child(2) > div:nth-child(1) img {-webkit-animation: topmove_t10 3000ms infinite; animation: topmove_t10 3000ms infinite;}
.productsSub > div:nth-child(2) > div:nth-child(2) {display: flex; /*font-family: 'Poppins', sans-serif;*/ font-weight: 200;}
.productsSub > div:nth-child(2) > div:nth-child(2) a {margin-right: 8px;}
.productsSub > div:nth-child(2) > div:nth-child(2) a:last-child {margin-right: 0;}
.productsSub > div:nth-child(2) > div:nth-child(2) a:nth-child(1)::after {content: ''; background: url("../images/icon_06a.png") no-repeat center; background-size: cover; width: 27px; height: 27px; margin-right: 10px; transition: all 0.5s ease 0s;}
.productsSub > div:nth-child(2) > div:nth-child(2) a:hover:nth-child(1)::after {background: url("../images/icon_06aw.png") no-repeat center; -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg); -ms-transform:rotate(360deg); transform:rotate(360deg); transition: all 0.5s ease 0s;}
.productsSub > div:nth-child(2) > div:nth-child(2) a:nth-child(2)::after {content: ''; background: url("../images/icon_06b.png") no-repeat center; background-size: cover; width: 27px; height: 27px; margin-right: 10px; transition: all 0.5s ease 0s;}
.productsSub > div:nth-child(2) > div:nth-child(2) a:hover:nth-child(2)::after {background: url("../images/icon_06bw.png") no-repeat center; -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg); -ms-transform:rotate(360deg); transform:rotate(360deg); transition: all 0.5s ease 0s;}
.productsSub > div:nth-child(3) {width: 100%;}
.description {display: flex; flex-wrap: wrap;}
.description > div {width: 50%; display: flex; flex-wrap: wrap; align-items: center; margin-bottom: 60px;}
.description > div > div:nth-child(1) {width: 200px; line-height: 0;}
.description > div > div:nth-child(1) img, .resp-tab-content-active img {border: 1px solid #e6e6e6; padding: 10px;}
.description > div > div:nth-child(2) {width: calc(100% - 200px); /*font-family: 'Poppins', sans-serif;*/ line-height: 160%; padding: 0 35px 0 0;}
.description > div > div:nth-child(2) h4 {color: #e2570d; font-weight: 300;}
.description > div > div:nth-child(2) p {color: #343d45; font-weight: 300;}


.news {padding: 4.965% 0 10.639% 0;}
.newsL {display: flex; flex-wrap: wrap;}
.newsL > div {position: relative; width: 27.234%; margin: 0 3% 110px 3%; background-color: #fff; border: 1px solid #ebebeb; padding-bottom: 30px; transition: all 0.5s ease 0s;}
.newsL > div:hover {box-shadow: 0 0 21px rgba(0, 0, 0, 0.06); border: 1px solid rgba(0, 0, 0, 0.04); transition: all 0.5s ease 0s;}
.newsL > div > div {position: relative; width: 100%; height: 0; padding-bottom: 58%; overflow: hidden; margin-bottom: 33px;}
.newsL > div > div > div {position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; background-color: #fff; line-height: 0; transition: all 0.95s ease 0s;}
.newsL > div:hover > div > div {background-color: #ea5404; transition: all 0.75s ease 0s;}
.newsL > div > div > div::after {content: ''; background: url("../images/icon_01aw.png") no-repeat center; background-size: cover; width: 22px; height: 22px; position: absolute; top: 50%; left: 50%; -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); filter:alpha(opacity=0); Opacity:0; transform: scale(20.0, 20.0); transition: all 0.95s ease 0s;}
.newsL > div:hover > div > div::after {filter:alpha(opacity=100); Opacity:1.0; transform: scale(1.0, 1.0); transition: all 0.75s ease 0s;}
.newsL > div > div > div img {max-height: 100%; transform: scale(1.0, 1.0); filter:alpha(opacity=100); Opacity:1.0; transition: all 0.95s ease 0s;}
.newsL > div:hover > div > div img {transform: scale(1.2, 1.2); filter:alpha(opacity=30); Opacity:0.3; transition: all 0.75s ease 0s;}
.newsL > div > span {color: #ea5404; display: block; padding: 0 30px; margin-bottom: 17px;}
.newsL > div > h3 {color: #343d45; padding: 0 30px; margin-bottom: 11px;}
.newsL > div > p {color: #8e99a3; padding: 0 30px; line-height: 160%;}
.newsL > div > a {font-size: 0; position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.newsSub {box-shadow: 0 0 18px rgba(52, 61, 69, 0.06); background-color: #fff; padding: 65px 65px 105px 65px; margin: 4.965% 0 75px 0; /*font-family: 'Poppins', sans-serif;*/}
.newsSub h2 {color: #343d45; font-weight: 600; line-height: 125%; letter-spacing: 0.6px;}
.newsSub p {color: #343d45; font-weight: 300; line-height: 200%;}
.newsSubBtn {/*font-family: 'Poppins', sans-serif;*/ font-weight: 400; letter-spacing: 0.5px; display: flex; flex-wrap: wrap; justify-content: center; padding-bottom: 9.22%;}


.faqs {padding: 4.965% 0 8% 0; display: flex; flex-wrap: wrap; /*font-family: 'Poppins', sans-serif;*/}
.faqsC {order: 2; width: 375px;}
.faqsC::before {content: attr(data-title); font-size: 120%; font-weight: 600; letter-spacing: 1px; color: #343d45; display: flex; padding: 0 0 17px 60px; border-left: 1px solid #e3e3e3;}
.faqsCM {display: none; width: 50px; height: 30px; margin-bottom: 10px; position: relative;}
.faqsCM > span:nth-child(1) {position: absolute; top: 15px; left: 0; width: 30px; height: 2px; background: #e2570d; -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); transition: all ease 0.35s;}
.faqsCM > span:nth-child(2) {position: absolute; top: 15px; right: 0; width: 30px; height: 2px; background: #e2570d; -moz-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -o-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg); transition: all ease 0.35s;}
.faqsC > .active > span:nth-child(1) {-moz-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -o-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg); transition: all ease 0.35s;}
.faqsC > .active > span:nth-child(2) {-moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); transition: all ease 0.35s;}
.faqsCC {padding: 0 0 0 60px; border-left: 1px solid #e3e3e3;}
@media only screen and (min-width:993px){
	.faqsCC {display: block!important;}
}
.faqsCC a:link, .faqsCC a:visited {text-decoration:none; color:#343d45; font-weight: 200; line-height: 120%; padding: 11px 0 11px 18px; position: relative; display: flex; transition: all 0.5s ease 0s;}
.faqsCC a:active, .faqsCC a:hover {text-decoration:none; color:#ea5404; cursor:pointer; transition: all 0.5s ease 0s;}
.faqsCC a::before {content: ''; width: 9px; height: 1px; background-color: #343d45; position: absolute; top: 19px; left: 2px; transition: all 0.5s ease 0s;}
.faqsCC a:hover::before {top: 17px; background-color: #ea5404; -moz-transform:rotate(30deg); -webkit-transform:rotate(30deg); -o-transform:rotate(30deg); -ms-transform:rotate(30deg); transform:rotate(30deg); transition: all 0.5s ease 0s;}
.faqsCC a::after {content: ''; width: 9px; height: 1px; background-color: #343d45; position: absolute; top: 19px; left: 2px; transition: all 0.5s ease 0s;}
.faqsCC a:hover::after {top: 21px; background-color: #ea5404; -moz-transform:rotate(-30deg); -webkit-transform:rotate(-30deg); -o-transform:rotate(-30deg); -ms-transform:rotate(-30deg); transform:rotate(-30deg); transition: all 0.5s ease 0s;}
.faqsCC a.current {color:#ea5404;}
.faqsCC a.current::before, .faqsCC a.current::after {background-color: #ea5404;}
.faqsL {order: 1; width: calc(100% - 375px); padding: 0 82px 75px 0;}
.faqsLQ {color: #343d45; font-weight: 300; height: 74px; display: flex; flex-wrap: wrap; align-items: center; border-top: 1px solid rgba(255, 255, 255, 0.5); border-bottom: 1px solid rgba(255, 255, 255, 0.5); padding: 0 20px 0 65px; margin-bottom: 1px; position: relative; cursor: pointer; transition: all 0.5s ease 0s;}
.faqsLQ::after {content: ''; background-color: #e5e5e5; width: 100%; height: 1px; position: absolute; bottom: -2px; left: 0;}
.faqsLQ::before {content: attr(data-title); width: 28px; height: 28px; color: #fff; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; background-color: #343d45; border-radius: 28px; position: absolute; top: 24px; left: 20px;}
.faqsLA {display: none; background-color: #fff; padding: 20px 20px 40px 65px; border-bottom: 1px solid #e5e5e5; position: relative;}
.faqsLA::before {content: attr(data-title); width: 28px; height: 28px; color: #fff; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; background-color: #ea5404; border-radius: 28px; position: absolute; top: 24px; left: 20px;}
.faqsL > div:nth-child(2n+2) > .faqsLQ {background-color: rgba(52, 61, 69, 0.07);}
.faqsLQ:hover, .faqsL > div > .active {background-color: rgba(52, 61, 69, 0.17)!important; transition: all 0.5s ease 0s;}
.faqs .pages {order: 3; width: calc(100% - 375px);}


.application {padding: 4.965% 0 10.284% 0;}
.application > p {color: #343d45; /*font-family: 'Poppins', sans-serif;*/ font-weight: 300; line-height: 160%; max-width: 952px; padding: 0 10px 55px 0; border-bottom: 1px solid rgba(191, 191, 191, 0.33);}
.application > .owl-carousel .item {max-width: 256px; padding: 100px 0px 0 0px; margin: auto; text-align: center; position: relative;}
.application > .owl-carousel .owl-item:nth-child(2n+2) .item {padding: 250px 0 0 0;}
.application > .owl-carousel .item > h4 {margin-bottom: 35px;}
.application > .owl-carousel .item > h4 span {color: #343d45; position: relative; z-index: 10; transition: all 0.75s ease 0s;}
.application > .owl-carousel .item:hover > h4 span {color: #ea5404; text-shadow: -1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff; transition: all 0.95s ease 0s;}
.application > .owl-carousel .item > h4 span::before {content: attr(data-title); color: rgba(52, 61, 69, 0.10); /*font-family: 'Poppins', sans-serif;*/ font-weight: 400; font-size: 80px; line-height: 100%; font-style: italic; position: absolute; bottom: -18px; left: -45px; z-index: -1; transition: all 0.75s ease 0s;}
.application > .owl-carousel .item:hover > h4 span::before {color: rgba(52, 61, 69, 0.35); transition: all 0.95s ease 0s; -ms-transform:translateX(10px); -o-transform:translateX(10px); -moz-transform:translateX(10px); -webkit-transform:translateX(10px); transform:translateX(10px);}
.application > .owl-carousel .item > div {line-height: 0; border-radius: 50%; overflow: hidden; -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); -ms-transform:rotate(0deg); transform:rotate(0deg); transition: all 0.95s ease 0s;}
.application > .owl-carousel .item:hover > div {-moz-transform:rotate(-20deg); -webkit-transform:rotate(-20deg); -o-transform:rotate(-20deg); -ms-transform:rotate(-20deg); transform:rotate(-20deg); transition: all 0.75s ease 0s;}
.application > .owl-carousel .item > div img {transform: scale(1.0, 1.0); transition: all 0.95s ease 0s;}
.application > .owl-carousel .item:hover > div img {transform: scale(1.2, 1.2); transition: all 0.75s ease 0s;}
.application > .owl-carousel .item > a {position: absolute; top: 70px; left: 0; right: 0; bottom: 0; font-size: 0; z-index: 30;}
.application > .owl-carousel .owl-item:nth-child(2n+2) .item > a {top: 225px;}


.agents {padding: 2.4% 0 11% 0;}
.agents > p {color: #343d45; /*font-family: 'Poppins', sans-serif;*/ font-weight: 300; line-height: 200%; letter-spacing: 1px; margin-bottom: 20px;}
.agents > p span {color: #ea5404;}
.agents > p a:link, .agents > p a:visited {text-decoration:none; color:#343d45; position: relative; transition: all 0.5s ease 0s;}
.agents > p a:active, .agents > p a:hover {text-decoration:none; color:#ea5404; cursor:pointer; transition: all 0.5s ease 0s;}
.agents > p a::after {content: ''; position: absolute; left: 50%; bottom: -4px; height: 2px; width: 0; background-color: #ea5404; transition: all 0.5s ease 0s;}
.agents > p a:hover::after {left: 0; width: 100%;  transition: all 0.25s ease 0s;}
.agents > div {line-height: 0; text-align: right; padding: 0 59px 0 0;}
.agents > div img {width: 73.576%;}


.contact {padding: 4.965% 0 10.639% 0;}
.contact > p {color: #666666; /*font-family: 'Poppins', sans-serif;*/ font-weight: 300; line-height: 173.33%; max-width: 574px; padding: 0 0px 90px 0;}
.contactF {background-color: rgba(240, 240, 240, 0.95); padding: 70px 0; display: flex; flex-wrap: wrap; color: #333333;}
.contactF input, .contactF select {background-color: #fff; border: 0; width: 100%; height: 40px; display: flex; padding: 0 15px; font-size: 15px; color: #ea5404; font-family:'Microsoft JhengHei';}
.contactF span {color: #bb1b21; padding: 0 4px 0 0;}
.contactF textarea {background-color: #fff; border: 0; width: 100%; height: 241px; display: flex; padding: 15px; font-size: 15px; color: #ea5404; font-family:'Microsoft JhengHei';}
.contactF > div:nth-child(1) {width: 50%; padding: 0 4.965% 0 6.384%;}
.contactF > div:nth-child(1) > ul {width: 100%; display: flex; flex-wrap: wrap; margin-bottom: 20px!important;}
.contactF > div:nth-child(1) > ul li:nth-child(1) {width: 173px; padding: 10px 10px 0 0!important;}
.contactF > div:nth-child(1) > ul li:nth-child(2) {width: calc(100% - 173px);}
.contactF > div:nth-child(2) {width: 50%; padding: 0 13.263% 0 34px;}
.contactF > div:nth-child(2) > ul {width: 100%; display: flex; flex-wrap: wrap; margin-bottom: 20px!important;}
.contactF > div:nth-child(2) > ul li:nth-child(1) {width: 94px; padding: 10px 10px 0 0!important;}
.contactF > div:nth-child(2) > ul li:nth-child(2) {width: calc(100% - 94px);}
.contactF > div:nth-child(2) > div {line-height: 0; padding-left: 94px; display: flex; flex-wrap: wrap; justify-content: flex-end;}
.contactF > div:nth-child(2) > div font {padding: 13px 0 0 0;}
.contactF > div:nth-child(3) {width: 100%; /*font-family: 'Poppins', sans-serif;*/ font-weight: 300; display: flex; flex-wrap: wrap; justify-content: center; padding: 70px 0 0 0;}
.contactF > div:nth-child(3) a {margin: 0 7px;}

.message_result {display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 150px 0 0 0; text-align: center;}
.message_result p {padding: 30px 0;}