@charset "utf-8";
/* CSS Document */
.edit_area {line-height: 1.6; color: #4a4a4a; font-family: 'cwTeXKai', serif; letter-spacing: 0.5px;}
.edit_area h2 {font-size: 175%; color: rgba(42, 137, 74, 0.9);}
.edit_area h3 {font-size: 162.5%; color: rgba(42, 137, 74, 0.8);}
.edit_area h4 {font-size: 150%; color: rgba(42, 137, 74, 0.7);}
.edit_area h5 {font-size: 137.5%; color: rgba(42, 137, 74, 0.6);}
.edit_area h6 {font-size: 125%; color: rgba(42, 137, 74, 0.5);}

.seo-content {line-height: 1.6; color: #4a4a4a; font-family: 'cwTeXKai', serif; letter-spacing: 0.5px;}
.seo-content h2 {font-size: 175%; color: rgba(229, 99, 32,1);}
.seo-content h3 {font-size: 162.5%; color: rgba(229, 99, 32,0.9);}
.seo-content h4 {font-size: 187.5%; color: rgba(229, 99, 32,0.8);}
.seo-content h5 {font-size: 187.5%; color: rgba(229, 99, 32,0.7);}
.seo-content h6 {font-size: 187.5%; color: rgba(229, 99, 32,0.6);}


.subBanner {position: relative; z-index: 10; overflow: hidden;}
.subBanner > div.img {line-height: 0; font-size: 0; -webkit-animation: blur 2000ms 1; animation: blur 2000ms 1;}
.subBanner > div.txt {position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 10; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; text-align: center; color: #fff; font-family:'Microsoft JhengHei', sans-serif; line-height: 1.6; font-weight: 600; letter-spacing: 3.5px; padding: 7.515% 0 0 1.104%; text-shadow: 0px 0px 13px rgba(0, 0, 0, 0.5);}
.subBanner > div.txt > div > .tit {color: #fff; font-family: 'cwTeXKai', serif; line-height: 1.05; padding: 0;}
.subBanner > div.txt > div > p {font-weight: 600; letter-spacing: 3.5px;}

.path {position: relative; z-index: 1;}
.path::before {content: ''; background: url("../images/pic_02.png") no-repeat center / cover; width: 39px; height: 33px; position: absolute; top: 15px; left: -34px; z-index: -1;}
.path > ul, .path > ul li {list-style-type:none; margin: 0; padding: 0; font-family:'Microsoft JhengHei', sans-serif; line-height: 1.22222222; letter-spacing: 0.6px;}
.path > ul {width: 100%; display: flex; flex-wrap: wrap; padding: 20px 0 8px 4px;}
.path > ul li {color:#6f6054; position: relative; z-index: 1; display: flex; flex-wrap: wrap; align-items: center;}
.path > ul li::after {content: '/'; margin: 0 4px; color:#6f6054;}
.path > ul li:last-child::after {content: none;}
.path > ul li a:link, .path > ul li a:visited {text-decoration:none; color:#6f6054; position: relative; z-index: 1; transition: all 0.5s ease 0s;}
.path > ul li a:active, .path > ul li a:hover {text-decoration:none; color:#e56320; cursor:pointer; transition: all 0.5s ease 0s;}
.path > ul li a::before {content: ''; position: absolute; top: calc(100% + 4px); right: 0; height: 4px; background: #e56320; width: 0%; transition: all 0.25s ease-out 0s;}
.path > ul li a:hover::before {width: 100%; left: 0; transition: all 0.25s ease-out 0s;}

.font_bg {position: relative; z-index: 1;}
.font_bg::after {content: ''; background: url("../images/line_03.png") no-repeat center / cover; width: 232px; padding-bottom: 15px; position: absolute; bottom: -22px; left: calc(50% - 113px); z-index: -10;}

.item_a {display: flex; flex-flow: wrap; align-items: center; color: #5d6776; font-family:'Microsoft JhengHei', sans-serif; padding: 22px 0 19px 0; border-bottom: 1px solid #ededed; margin: 0 0 5px 0;}
.item_a > div:nth-child(1) {width: 116px; font-size: 112.5%; font-weight: 600; padding: 0 15px 0 16px;}
.item_a > div:nth-child(2) {width: calc(100% - 116px); font-weight: 600;}

.table_a {width:100%; max-width: 768px; margin: auto; font-family:'Microsoft JhengHei', sans-serif; border-radius: 24px; overflow: hidden;}
.table_a th {color:#4a4a4a; background: #e5e5e5; font-size: 112.5%; line-height: 1.1666667; text-align:left; padding: 9px 47px 9px 47px;}
.table_a td {color: #484848; background: #fff; line-height: 1.1875; text-align:left; padding: 12px 48px 9px 48px; border-right: 1px solid #e8e6e6; border-bottom: 1px solid #e8e6e6; font-size: 96%; font-weight: 600;}
.table_a tbody > tr:first-child td {padding: 17px 48px 9px 48px;}
.table_a tbody > tr:last-child td {padding: 8px 48px 17px 48px;}
.table_a tbody tr > td.border-Rn {border-right: 0;}
.table_a tbody tr > td.border-Bn {border-bottom: 0;}

.dot_2 {position: relative; z-index: 1;}
.dot_2::before {content: ''; background: #fff; width: 9px; height: 9px; border-radius: 9px; position: absolute; top: calc(50% - 4px); left: -21px; z-index: -1;}
.dot_2::after {content: ''; background: #fff; width: 9px; height: 9px; border-radius: 9px; position: absolute; top: calc(50% - 4px); right: -15px; z-index: -1;}

.pages {display: flex; flex-wrap: wrap; justify-content: center; align-items: center; padding: 20px 0 0 0;}
.pages a:link, .pages a:visited {text-decoration:none; color:#9e9e9e; font-family:'Microsoft JhengHei', sans-serif; font-weight: 600; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; min-width: 25px; height: 25px; border-radius: 4px; overflow: hidden; margin: 0px 9px 5px 8px; position: relative; z-index: 10; transition: all 0.5s ease 0s;}
.pages a:active, .pages a:hover {text-decoration:none; color:#fff; cursor:pointer; transition: all 0.5s ease 0s;}
.pages a::before {content: ''; background-color: transparent; position: absolute; top: 0; left: 0; right: 0; bottom: 0; transition: all 0.5s ease 0s; z-index: -1;}
.pages a:hover::before {background-color: #e56320; transition: all 0.5s ease 0s;}
.pages .prev {font-size: 0; margin: 0px 20px 5px 0px!important;}
.pages .next {font-size: 0; margin: 0px 0px 5px 25px!important;}
.pages .prev::after {content: ""; position: absolute; right: 10px; top:8px; width: 10px; height: 10px; border-width: 3px 3px 0 0;border-style: solid; border-color: #bdbdbd; transform: rotate(-135deg); transition: all 0.5s ease 0s;}
.pages .prev:hover::after {border-color: #19457a; transition: all 0.5s ease 0s;}
.pages .next::after {content: ""; position: absolute; right: 10px; top:8px; width: 10px; height: 10px; border-width: 3px 3px 0 0;border-style: solid; border-color: #bdbdbd; transform: rotate(45deg); transition: all 0.5s ease 0s;}
.pages .next:hover::after {border-color: #19457a; transition: all 0.5s ease 0s;}
.pages a.prev:hover::before, .pages a.next:hover::before {content: none;}
.pages .current {color:#fff!important;}
.pages .current::before {background-color: #e56320; z-index: -1;}

.related {padding: 2.362% 0 0 0;}
.relatedL {max-width: 326px; width: 100%; background: #fafaf8; padding: 0 0 10px 0; margin: auto; position: relative; z-index: 1; border-radius: 5px; overflow: hidden; transition: all 0.25s ease 0s;}
.relatedL:hover {padding: 10px; background: #e56320;}
.relatedL .img {width: 100%; height: 0; padding-bottom: 100%; border-radius: 5px; overflow: hidden; position: relative; z-index: 1; margin-bottom: 15px;}
.relatedL .tit {color: #6f6054; font-size: 150%; font-weight: 600; font-family:'Microsoft JhengHei', sans-serif; text-align: center; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical; transition: all 0.25s ease 0s;}
.relatedL:hover .tit {color: #fff;}

.sub_detail {border-bottom: 1px solid #e4e4e4; padding: 0 0 30px 0; margin: 0 auto 40px auto; max-width: 1440px;}
.sub_detail_date {display: flex; flex-direction: row; align-items: center; font-size: 12px; line-height: 1; letter-spacing: 0.2px; font-weight: 400; margin-bottom: 30px;}
.sub_detail_btn .btn_a {margin: auto;}
.sub_detail .edit_area {font-family:'Microsoft JhengHei', sans-serif;}


.subMain {background: url("../images/bg_06.jpg") no-repeat top center / cover; padding: 40px 0 3.469% 0; position: relative; z-index: 1; overflow: hidden; /*min-height: 3000px;*/}
.subMainC {position: relative; z-index: 10;}



.about_BL {width: 55.334%; padding-bottom: 84.866%; height: 0; position: absolute; top: -17.419%; left: -23.489%; z-index: 1;}
.about_BL span {background: url("../images/about_Bg.png") no-repeat center / cover; position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.about_BR {width: 55.334%; padding-bottom: 84.866%; height: 0; position: absolute; top: -17.895%; right: -35.312%; z-index: 1;}
.about_BR span {background: url("../images/about_Bg.png") no-repeat center / cover; position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.about_PL {width: 23.963%; padding-bottom: 1000px; height: 0; position: absolute; top: 28.062%; left: 3.206%; z-index: 1;}
.about_PL span {background: url("../images/about_PL.png") no-repeat center top / 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.about_PR {width: 25.749%; padding-bottom: 1000px; height: 0; position: absolute; top: 32.224%; right: -5.307%; z-index: 1;}
.about_PR span {background: url("../images/about_PR.png") no-repeat center top / 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.abo_A {padding: 1.875% 0 0 2.125%; line-height: 1.5;}
.abo_AL {display: flex; flex-flow: wrap; justify-content: center; text-align: center; padding: 6.45% 3.066% 0 0;}
.abo_AL > div {width: calc(100% / 4); max-width: 233px; padding: 0 10px;}
.abo_AL > div > .img {line-height: 0; font-size: 0; margin-bottom: 10.33%;}
.abo_AL > div > .tit {color: #d4b08d; font-size: 193.75%; letter-spacing: 6px;}
.abo_AP {display: flex; flex-flow: wrap; justify-content: center; padding: 4.598% 2.172% 0 0;}
.abo_AP > .img {width: calc(100% / 3); max-width: 495px; padding: 0 18px; line-height: 0; font-size: 0;}


.pro_list {padding: 2.438% 0 0 0; max-width: 1464px; margin: auto; display: flex; flex-flow: wrap; position: relative; z-index: 10;}
.pro_list > div {width: 22.26776%; margin: 0 3.6429866% 30px 0; position: relative; z-index: 1;}
.pro_list > div:nth-child(4n+4) {margin-right: 0;}
.pro_list > div > .img {width: 100%; max-width: 326px; padding-bottom: 100%; height: 0; overflow: hidden; border-radius: 5px; line-height: 0; font-size: 0; position: relative; z-index: 1; margin: 0 auto 15px auto}
.pro_list > div > .tit {color: #6f6054; text-align: center; font-family:'Microsoft JhengHei', sans-serif; font-weight: 600; position: relative; z-index: 1; transition: all 0.5s ease 0s;}
.pro_list > div:hover > .tit {color: #e56320;}
.pro_list > div > .tit::after {content: ''; background: #e56320; height: 4px; width: 0; position: absolute; bottom: -4px; left: 50%; z-index: -1; transition: all 0.5s ease 0s;}
.pro_list > div:hover > .tit::after {width: 100%; left: 0%;}
.pro_detail {display: flex; flex-flow: wrap; padding: 1px 0 0 0; max-width: 1440px; margin: auto;}
.pro_L {width: 46.73611%; padding: 0 0 0 1px;}
.pro_R {width: 53.26389%; padding: 4px 0 0 7.223%;}
.pro_R > .tit {color: #2a894a; font-family:'Microsoft JhengHei', sans-serif; padding: 18px 0 16px 17px; border-bottom: 1px solid #ededed;}
.pro_R > .bt {display: flex; flex-flow: wrap; padding: 41px 0 30px 1px;}
.pro_R > .bt a:link, .pro_R > .bt a:visited {text-decoration:none; color:#fff; background: #2a894a; width: 100%; max-width: 160px; height: 42px; border-radius: 42px; margin: 0 10px 0 11px; font-family:'Microsoft JhengHei', sans-serif; display: flex; flex-flow: wrap; justify-content: center; align-items: center; text-align: center; transition: all 0.5s ease 0s;}
.pro_R > .bt a:nth-child(2) {background: #504c4b;}
.pro_R > .bt a:active, .pro_R > .bt a:hover {text-decoration:none; color:#fff; background: #e56320; cursor:pointer; transition: all 0.5s ease 0s;}
.pro_R > .bt a img {margin: 0 11px 0 -7px;}
.pro_B {width: 100%; padding: 18px 0 0 0;}
.pro_B .edit_area {font-family:'Microsoft JhengHei', sans-serif;}
.pro_BC {padding: 17px 2.362% 6.459% 0;}


.news_BL {width: 39.78%; padding-bottom: 1500px; height: 0; position: absolute; top: 14.137%; left: -23.541%; z-index: 1;}
.news_BL span {background: url("../images/news_BL.png") no-repeat center top / 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.news_BR {width: 29.27%; padding-bottom: 2000px; height: 0; position: absolute; top: -10.08%; right: -7.51%; z-index: 1;}
.news_BR span {background: url("../images/news_BR.png") no-repeat center top / 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.new_list {width: 100%; max-width: 1080px; padding: 28px 0 1.188% 0; margin: auto; position: relative; z-index: 10;}
.new_list > div {border-radius: 8px; border: 1px solid #d3d3d3; padding: 20px 3.704% 20px 16px; margin: 0 0 39px 0; display: flex; flex-flow: wrap; align-items: flex-end;}
.new_list > div > .img {width: 353px; position: relative; z-index: 1;}
.new_list > div > .img .pho {width: 100%; height: 0; padding-bottom: 39.38%; border-radius: 5px; overflow: hidden; position: relative; z-index: 1; line-height: 0; font-size: 0;}
.new_list > div > .img .dat {position: absolute; top: -51px; left: 2px; z-index: 10; width: 76px; height: 76px; border-radius: 76px; background: #ef7b40; color: #fff; text-align: center; font-family:'Microsoft JhengHei', sans-serif; font-weight: 600; letter-spacing: -0.4px; display: flex; flex-flow: wrap; justify-content: center; align-content: center; padding: 2px 0 0 1px; transition: all 0.5s ease 0s;}
.new_list > div:hover > .img .dat {background: #2a894a;}
.new_list > div > .img .dat::before {content: ''; background: #fff; height: 1px; position: absolute; top: calc(50% + 1px); left: 8px; right: 7px;}
.new_list > div > .img .dat span {display: block; letter-spacing: 1px; padding: 6px 0 0 2px;}
.new_list > div > .txt {width: calc(100% - 353px); padding: 0 0 0 3.719%;}
.new_list > div > .txt .tit {color: #000; font-size: 112.5%; line-height: 1.2; letter-spacing: -0.02px; font-family:'Microsoft JhengHei', sans-serif; margin: 0 0 6.183% 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; transition: all 0.5s ease 0s;}
.new_list > div > .txt .tit a:link, .new_list > div > .txt .tit a:visited {text-decoration:none; color:#000; transition: all 0.5s ease 0s;}
.new_list > div > .txt .tit a:active, .new_list > div > .txt .tit a:hover {text-decoration:none; color:#ef7b40; cursor:pointer; transition: all 0.5s ease 0s;}
.new_list > div > .txt > a:link, .new_list > div > .txt > a:visited {text-decoration:none; color:#7a8b5d; font-size: 87.5%; line-height: 1; padding: 0 1px 0 0; margin: 0 0 -3px 0; display: flex; flex-flow: wrap; align-items: center; justify-content: flex-end; position: relative; z-index: 1; transition: all 0.5s ease 0s;}
.new_list > div > .txt > a:active, .new_list > div > .txt > a:hover {text-decoration:none; color:#ef7b40; cursor:pointer; transition: all 0.5s ease 0s;}
.new_list > div > .txt > a::before {content: ''; background: #667a45; height: 1px; position: absolute; top: calc(50% - 1px); left: 2px; right: 60px; z-index: -10; transition: all 0.5s ease 0s;}
.new_list > div > .txt > a:hover::before {background: #ef7b40; height: 100%; top: 0;}


.coo_list {width: 100%; max-width: 1445px; padding: 2.75% 1.063% 0.563% 0; margin: auto; display: flex; flex-flow: wrap; position: relative; z-index: 10;}
.coo_list > div {width: 30.9524%; margin: 0 3.5714% 58px 0; max-width: 442px; background: #fff; color: #575757; font-family:'Microsoft JhengHei', sans-serif; font-size: 124.3125%; line-height: 1.2066365; border-radius: 30px; padding: 10px; box-shadow: 0 2px 32px rgba(0, 0, 0, 0.09); position: relative; z-index: 1; transition: all 0.5s ease 0s;}
.coo_list > div:hover {color: #000; box-shadow: 0 2px 32px rgba(0, 0, 0, 0.5);}
.coo_list > div:nth-child(3n+3) {margin-right: 0;}
.coo_list > div > .img {height: 0; padding-bottom: 75.356%; overflow: hidden; position: relative; z-index: 1; line-height: 0; font-size: 0; border-radius: 20px 20px 0 0;}
.coo_list > div > .txt {padding: 24px 3.555% 29px 7.346%;}
.coo_list > div > .txt > .tit {font-size: 100%; color: #ea804a; font-family:'Microsoft JhengHei', sans-serif; line-height: 1.2066365; font-weight: 600; text-align: center; position: relative; z-index: 1; padding: 0 25px; margin-bottom: 16px;}
.coo_list > div > .txt > .tit::before {content: ''; background: url("../images/icon_02c.png") no-repeat center / cover; width: 19px; height: 19px; position: absolute; top: 1px; left: 0; z-index: -1;}
.coo_list > div:hover > .txt > .tit::before {right: 0; left: auto;}
.coo_list > div > .txt > .tit::after {content: ''; width: 0%; height: 4px; background: #e56320; position: absolute; bottom: -4px; right: 0; z-index: -1; transition: all 0.25s ease-out 0s;}
.coo_list > div:hover > .txt > .tit::after {width: 100%; left: 0; transition: all 0.25s ease-out 0s;}


.con_wrap {max-width: 1410px; margin: auto; padding: 1.188% 0.375% 0 1.5%; display: flex; flex-flow: wrap;}
.con_wrap > div:nth-child(1) {width: 64.395%; font-size: 112.5%; font-family:'Microsoft JhengHei', sans-serif; padding: 19px 0 0 0;}
.con_wrap > div:nth-child(1) > .note {color: #000; padding: 0 0 4.39% 0; border-bottom: 1px solid #82878e; margin: 0 0 4.277% 0;}
.con_wrap > div:nth-child(1) > .note label {color: #f91641; margin: 0 0 0 -3px;}
.row_a {display: flex; flex-flow: wrap; justify-content: space-between; padding: 0 0 4.727% 0;}
.col_a {width: 47.973%; border-bottom: 1px solid #82878e; padding: 0 0 6px 0;}
.col_a > .txt {color: #98806b; font-weight: 600; padding: 0 0 0 1px;}
.col_a > .txt label, .col_b > .txt label {color: #f91641;}
.col_b {width: 100%; border-bottom: 1px solid #82878e; display: flex; flex-flow: row; align-items: center;}
.col_b > .txt {width: 115px; color: #98806b; font-weight: 600; padding: 0 0 31px 3px;}
.col_b > .textareaA {width: calc(100% - 115px);}
.row_b {display: flex; flex-flow: row; justify-content: space-between; align-items: center; padding: 3px 0 0 0;}
.row_b > .cod {width: 100%; line-height: 0; font-size: 0;}
.row_b > .btn_wrap {width: 100%; min-width: 50%; display: flex; flex-flow: row; justify-content: flex-end;}
.row_b > .btn_wrap > .btn_b {margin: 0 0 0 13px;}
.row_b > .btn_wrap > .btn_b:last-child {background: #369156;}
.row_b > .btn_wrap > .btn_b:hover:last-child {background: #e56320;}
.con_wrap > div:nth-child(2) {width: 35.605%; padding: 0 0 0 30px; display: flex; flex-flow: column; align-items: flex-end;}
.con_wrap > div:nth-child(2) > .txt {width: 100%; max-width: 401px; padding: 48px 10px 30px 10px; border-radius: 15px; background: #ee844d; color: #fff; font-family:'Microsoft JhengHei', sans-serif; text-align: center; margin-bottom: 12px; position: relative; z-index: 1;}
.con_wrap > div:nth-child(2) > .txt::before {content: ''; background: url("../images/icon_02d.png") no-repeat center / cover; width: 48px; height: 48px; position: absolute; top: 15px; left: calc(50% - 25px); z-index: 1;}
.con_wrap > div:nth-child(2) > .txt > div {position: relative; z-index: 10;}
.con_wrap > div:nth-child(2) > .txt > .en {font-weight: 600; font-size: 106.25%; line-height: 1.176471; letter-spacing: 3.8px; padding: 0 0 13px 0;}
.con_wrap > div:nth-child(2) > .txt > .tit {font-weight: 600; font-size: 112.5%; line-height: 1.111111; padding: 0 0 9px 8px;}
.con_wrap > div:nth-child(2) > .txt > .add {font-weight: 600; line-height: 1.25; padding: 0 0 11px 0;}
.con_wrap > div:nth-child(2) > .txt > .telfax {font-weight: 600; /*font-size: 90%;*/ line-height: 1.5; letter-spacing: -0.5px; padding: 0 0 0 6px;}
.con_wrap > div:nth-child(2) > .txt > .telfax label {padding: 0 8px 0 7px;}
.con_wrap > div:nth-child(2) > .map {width: 100%; max-width: 401px; border-radius: 15px; overflow: hidden;}
.con_wrap > div:nth-child(2) > .map .youtubecontent {padding-bottom: 105.49%;}