/* paht */
.breadcrumb_box {/*display: flex;flex-wrap: wrap;justify-content: flex-end;*/padding-bottom: 40px;}
.breadcrumb_box .breadcrumb_items {padding-left: 0;display: flex;flex-wrap: wrap;;margin: 0; font-size: 13px;position: relative;align-items: center;}
/*.breadcrumb_items::before {position: absolute;content: '';left: -190px;background-color: #C6000D;height: 10px;top: 8px;width: 180px;}*/
.breadcrumb_box .breadcrumb_item {list-style: none;margin-right: 16px;color: #000;}
.breadcrumb_box .breadcrumb_item:last-child {margin-right: 0px;}
.breadcrumb_box .breadcrumb_item a {position: relative;color: #000;font-weight: 300;}
.breadcrumb_box .breadcrumb_item a::before {position: absolute;right: -12px;top: -2px;content: '>';font-size: 13px;color: #333;}
.breadcrumb_box .breadcrumb_item a:hover{color: #C6000D;}
@media only screen and (max-width:768px) {
  .breadcrumb_box {padding-bottom: 35px;}
}


/* pagenation */
.pagenation {display: flex;flex-wrap: wrap;justify-content: center;align-items: center;margin-bottom: 70px;}
.pagenation_lists {margin: 0;padding: 0;display: flex;}
.pagenation_list {list-style: none;margin-right: 6px;}
.pagenation_list:last-child {margin-right: 0;}
.pagenation_list a {transition: all .4s; display: inline-block;position: relative;line-height: 1.5;margin-right: 2px;}
.pagenation_list a::before {content: ''; position: absolute;left: -2px;bottom: 0px;width: 14px;height: 0;background-color: #fc4d52;transition: all .3s;}
.pagenation_list a:hover::before {height: 2px;}
.pagenation_list_cur a {pointer-events: none;}
.pagenation_list_cur a::before {height: 2px;}
/* .pagenation_next a, .pagenation_prev a{display: flex;align-items: center;}
.pagenation_next {margin-left: 36px;transition: all .4s;}
.pagenation_prev {margin-right: 36px;transition: all .4s;} */


/* txt color */
.color_white {color: #fff;}
.color_333 {color: #333;}
.color_primary {color: #bf9f5c;}

.video_ctrl {padding-bottom: 60%;}
.video_ctrl iframe {width: 100%;}

/* text */
.seo_txt {max-width: 1060px;margin: 0 auto 80px;}
.seo_txt p {margin: 0;text-align: center;line-height: 2;color: #333;}
@media only screen and (max-width:992px){
  .seo_txt {margin-bottom: 60px;}
}
.kcs_btn_box {text-align: center;margin-bottom: 62px;}
.kcs_btn_box .kcs_btn {background-color: #ff4d4d; padding: 4px 32px;display: inline-block;color: #fff;border-radius: 2px;transition: all .4s;}
.kcs_btn:hover {box-shadow: 0 0 20px rgba(255, 77, 77, .5);}


.inn_title {margin: 0px 0 56px;padding-top: 56px;}
.inn_title h1 {font-weight: 600;letter-spacing: 3px;}
.inn_title .title_color_block::before {height: 10px;width: 176px;}
.inner_top_bg {position: absolute;right: 0;top: 20px;z-index: -1;}
.about_text {padding: 84px 0 120px;}
.about_text p {margin-bottom: 0;font-weight: 600;}
.section_cpy {position: relative;background-image: url(../images/about_bg.jpg);background-position: right bottom;background-repeat: no-repeat;padding-bottom: 620px;}
.about_cpy {display: flex;flex-wrap: wrap;}
.about_cpy_img {width: 52.1%;}
.about_cpy_txt {width:47.9%;max-width: 600px;padding-left: 32px;display: flex;align-content: center;flex-wrap: wrap;}
.about_cpy_text p {margin-bottom: 8px;font-weight: 600;}
.about_cpy_text p:last-child {margin-bottom: 0;}
.about_cpy_txt .title_color_block::before {width: 180px; bottom: auto;top: 24px; height: 10px;}
.about_cpy_txt .title_txt {padding-left: 200px;font-weight: 600;letter-spacing: 2px;}
.about_cpy_mac {position: absolute;right: 0;bottom: 20%;}
.about_feature {padding-bottom: 250px;background-image: url(../images/about_feature_bg.jpg);background-position: left bottom;background-repeat: no-repeat;}
.about_feature .title_color_block::before {display: none;}
.about_feature .title_txt {letter-spacing: 3px;}
.feature_wrap {max-width: 1260px;margin: 0 auto;padding: 0 20px;}
.feature_items {display: flex; flex-wrap: wrap;margin-top: 64px;}
.feature_item {width: 28%;margin-right: 7.95%;}
.feature_item:last-child {margin-right: 0;margin-bottom: 0;}
.feature_f1 {padding: 84px 0;background: #DDDDDD;position: relative;}
.feature_f1::before {content: '';position: absolute;left: 50%;top: 0;transform: translateX(-50%);width: 100%;max-width: 215px;height: 24px;background-color: #FD4D4D;}
.feature_f1::after {content: '';position: absolute;left: 50%;bottom: 0;transform: translateX(-50%);width: 100%;max-width: 215px;height: 24px;background-color: #FD4D4D;}
.feature_f2 {padding: 0 0 24px;background: #CCCCCC;}
.feature_f2_img {padding-bottom: 51%;}
.feature_f2_txt {display: flex;align-items: center;justify-content: center;min-height: 80px;max-width: 260px;margin: 0 auto;}
.feature_f2_txt h3 {font-weight: 600;margin: 0;font-size: 30px;line-height: 1.2;}
.service_highlight_txt {padding: 20px;background: #FD4D4D;margin-top: -92px;}
.service_highlight_txt p {border: 1px solid #fff;margin: 0;height: 144px;display: flex;align-items: center;justify-content: center;padding: 0 90px;color: #fff;}
.service_txt {text-align: center;padding: 100px 0 36px;}
.service_txt h3 {font-weight: 600;font-size: 35px;letter-spacing: 3px;margin: 0;}
@media only screen and (max-width:1200px) {
  .about_cpy_txt .title_txt {padding-left: 130px;font-size: 31px;}
  .about_cpy_txt .title_color_block::before {width: 120px;top: 12px;}
  .about_cpy_mac {width: 90%;}
  .section_cpy {padding-bottom: 520px;}
  .about_feature .title_txt {font-size: 31px;}
  .feature_items {margin-top: 48px;}
  .feature_f2_txt h3 {font-size: 23px;}
  .service_txt h3 {font-size: 31px;}
  .feature_f2_txt {padding: 0 20px;}
}
@media only screen and (max-width:1023px) {
  .section_cpy {padding-bottom: 450px;}
  .about_text {padding: 60px 0 80px;}
  .about_cpy_img {width: 100%;text-align: center;}
  .about_cpy_txt {width: 100%;max-width: unset;padding: 40px 20px 0;}
  .about_cpy_mac {bottom: 16%;}
}
@media only screen and (max-width:768px) {
  .feature_items {justify-content: center;}
  .service_highlight_txt p {padding: 0 32px;}
  .feature_item {width: 46%;margin:0 8% 32px 0;}
  .feature_item:nth-of-type(even) {margin-right: 0%;}
}
@media only screen and (max-width:576px) { 
  .about_text {padding: 40px 0 60px;}
  .feature_item {width: 100%;margin-right:0;}
  .about_feature .title_txt {font-size: 29px;letter-spacing: 1px;}
  .section_cpy {padding-bottom: 200px;}
  .about_cpy_mac {bottom: 10%;}
  .feature_items {margin-top: 32px;}
  .about_cpy_txt .title_txt {padding-left: 60px;font-size: 29px;letter-spacing: 1px;}
  .about_cpy_txt .title_color_block::before {width: 50px;top: 12px;}
  .service_highlight_txt p {height: unset;padding: 20px;}
  .feature_f1 {padding: 54px 0;}
  .feature_f2_img {padding-bottom: 40%;}
}

.section_history {position: relative;background: url(../images/history_bg1.jpg) right -11%;background-repeat: no-repeat;padding: 120px 0;}
.section_history::after {position: absolute;content: '';width: 50px;height: 27px;background-image: url(../images/history-more-arrow.png);left: 50%;bottom: 90px;transform: translateX(-50%);}
.history_bottom_bg {position: absolute;left: 0;bottom: -5%;z-index: -1;}
.histry_item {position: relative;display: flex;flex-wrap: wrap;padding-bottom: 32px;min-height: 240px;}
.histry_item::after {content: ''; position: absolute;left: 50%;top: 0;transform: translateX(-50%);width: 1px;height: 100%;background-color: #999;}
.histry_item_yearbox {width: 50%;position: relative;}
.histry_item_year {position: absolute;right: 32px;top: -12px;font-size: 45px;font-weight: 600;font-family: 'Bebas Neue', cursive;line-height: 1;}
.histry_item_txt {padding:0 40px 0 140px;width: 50%;display: flex;flex-wrap: wrap;align-items: center;}
.histry_item_txt p {margin-bottom: 0;}

.histry_item::before {content: ''; position: absolute;left: 50%;top: 0;transform: translateX(-50%);width: 16px;height: 16px;background-color: #999;border-radius: 50%;}
.histry_item:nth-of-type(even) {flex-direction: row-reverse;}
.histry_item:nth-of-type(even) .histry_item_yearbox {text-align: right;}
.histry_item:nth-of-type(even) .histry_item_year {right: auto;left: 32px;}
.histry_item:nth-of-type(even) .histry_item_txt {padding: 0 120px 0 40px;}
@media only screen and (max-width:1023px) {
  .histry_item_txt {width: 100%;}
  .histry_item_yearbox {width: 100%;margin-bottom: 20px;}
  .histry_item {flex-direction: row-reverse;}
  .histry_item_year {right: auto;left: 100px}
  .histry_item:nth-of-type(even) .histry_item_year {left: 100px;}
  .histry_item_img {padding-left: 200px;}
  .histry_item:nth-of-type(even) .histry_item_yearbox {text-align: left;margin-bottom: 20px;}
  .histry_item:nth-of-type(even) .histry_item_txt, .histry_item_txt {padding: 0 40px 0 200px;}
  .histry_item::after {transform: unset;left: 80px;z-index: 1;}
  .histry_item::before {transform: unset;left: 73px;z-index: 2;}
  .section_history::after {left: 100px;}
}
@media only screen and (max-width:768px) {
  .histry_item::after {left: 40px;}
  .histry_item::before {left: 33px;}
  .histry_item_year, .histry_item:nth-of-type(even) .histry_item_year {left:55px;}
  .histry_item_img, .histry_item:nth-of-type(even) .histry_item_txt, .histry_item_txt {padding-left: 140px;}
  .section_history {padding: 60px 0 120px;}
  .section_history::after {left: 60px;}
}
@media only screen and (max-width:576px) {
  .histry_item::after {left: 0px;}
  .histry_item::before {left: -5px;}
  .histry_item_year {font-size: 32px;top: -8px;}
  .histry_item_year, .histry_item:nth-of-type(even) .histry_item_year {left: 12px;}
  .section_history::after {left: 21px;width: 32px;background-size: contain;background-repeat: no-repeat;}
  .histry_item_img, .histry_item:nth-of-type(even) .histry_item_txt, .histry_item_txt {
    padding: 0 0 0 80px;
  }
  .histry_item::before {width: 12px;height: 12px;}
  .history_bottom_bg {bottom: -32px;}
}

/* product */
.copywriting { margin: 10px 0 30px 0;}
.side_menu {margin-bottom: 20px;}
.side_menu_btn {display: none;}
.side_menu_lists {padding: 0;margin: 0;display: flex;flex-wrap: wrap;}
.side_menu_list {margin: 0 2px 8px 0;}
.side_menu_list:last-child {margin-right: 0px;}
.side_menu_list a:link, .side_menu_list a:visited {color: #fff;padding: 4px 20px;display: inline-block;}
.side_menu_list a{background-color: #000;}
.side_menu_list a:hover {background-color: #FC4D52;}
.side_menu_current a {background-color: #FC4D52;}
@media only screen and (max-width:1200px) {
  .side_menu {position: relative;z-index: 1;}
  .side_menu_btn {display: block;text-align: center;background-color: #fff;border: 2px solid #fc4d52;font-weight: 600;position: relative;}
  .side_menu_btn::after {background-color: #333;content: '';position: absolute;right: 20px;top: 14px;width: 12px;height: 2px;transform: rotate(45deg);transition: all .4s;border-radius: 20px;}
  .side_menu_btn::before {background-color: #333;content: '';position: absolute;right: 12px;top: 14px;width: 12px;height: 2px;transform: rotate(-45deg);transition: all .4s;border-radius: 20px;}
  .side_menu_lists {display: block;position: absolute;width: 100%;box-shadow: 0 2px 16px rgba(0,0,0, .2);max-height: 0;overflow: hidden;visibility: hidden;transition: all .4s;}
  .side_menu_list {margin:0px;width: 100%;border-bottom: 1px solid #fff;}
  .side_menu_list:last-child {border-bottom: 0;}
  .side_menu_list a:link, .side_menu_list a:visited {display: block;text-align: center;}
  .side_menu_open .side_menu_btn::after {transform: rotate(-45deg);}
  .side_menu_open .side_menu_btn::before {transform: rotate(45deg);}
  .side_menu_open .side_menu_lists {visibility: visible;max-height: 1000px;transition: all .4s;z-index: 2;}
}
.product_lists {display: flex;flex-wrap: wrap;}
.product_list {border-top: 10px solid #FC4D52;width: 28.57143%;margin:0 4% 120px 0;}
.title_box2 .title_color_block::before {width: 210px;}
.application_list {width: 28.57143%;margin-right: 7.142855%;}
.application_list:nth-of-type(3n+3) {margin-right: 0;}
.product_list_img {padding-bottom: 60%;}
.product_list_img img {transition: all .4s;}
.product_list_title {background-color: #fc4d52;color: #fff;padding: 3px 10px;} 
.product_list_title h3 {text-align: center;margin: 0;font-size: 25px;}
.product_list_txt {padding: 16px 16px;}
.product_list_txt p {margin: 0;line-height: 1.2;font-weight: 600;}
.product_list:hover .product_list_img img {transform: scale(1.04);}
.news_list {width: 23.57%;margin:0 1.9% 80px 0;position: relative;}
.news_list_img {padding-bottom: 66.8%;}
.news_list_img img {transition: all .4s;}
.news_list:hover .news_list_img img {transform: scale(1.04);}
.news_list_txt {padding: 12px 0 0; margin-bottom: 12px;}
.news_list_txt p {margin-bottom: 0;display: -webkit-box;height: 60px;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.news_list .product_list_title h3 {text-align: left;font-size: 20px;font-weight: 400;letter-spacing: 1px;}
@media only screen and (max-width:1200px) {
  .product_list {margin-bottom: 80px;}
}
@media only screen and (max-width:1200px) {
  .product_list_title h3 {font-size: 21px;}
  .product_list_txt p {font-size: 15px;}
}
@media only screen and (max-width:1023px) {
  .copywriting { margin: 30px 0;}
  .product_list {width: 31%;margin-right: 3.5%;}
  .product_list:nth-of-type(4n+4) {margin-right: 3.5%;}
  .product_list:nth-of-type(3n+3) {margin-right: 0;}
  .product_list_txt {padding: 12px;}
  .product_list {margin-bottom: 40px;}
}
@media only screen and (max-width:576px) {
  .copywriting { margin: 20px 0;}
  .product_list {width: 48%;margin-right: 4%;}
  .product_list:nth-of-type(4n+4) {margin-right: 4%;}
  .product_list:nth-of-type(3n+3) {margin-right: 4%;}
  .product_list:nth-of-type(2n+2) {margin-right: 0;}
  .product_list_txt {padding: 8px;}
  .product_list_txt p {font-size: 13px;}
  .product_list_title {padding: 2px 8px;}
  .product_list_title h3 {font-size: 19px;} 
}
@media only screen and (max-width:350px) {
  .product_list:nth-of-type(4n+4) {margin-right: 0;}
  .product_list:nth-of-type(3n+3) {margin-right: 0;}
  .product_list {width: 100%;margin-right: 0;}
  .application_list {width: 97%;margin-right: auto;margin-left: auto;}
  .application_list:nth-of-type(4n+4) {margin-right: auto;}
  .application_list:nth-of-type(3n+3) {margin-right: auto;}
  .application_list:nth-of-type(2n+2) {margin-right: auto;}
}
/* product detail */
.section_Top {margin-top: -10px;}
.product_dtlbox {display: flex;flex-wrap: wrap;}
.product_dtl_L {width: 42.5%;}
.product_dtl_R {width: 57.5%;padding-left: 11.5%;display: flex;flex-direction: column;justify-content: space-between;}
.product_dtl_RT {margin-top: 32px;border-bottom: 1px solid #aaa;}
.product_dtl_title {font-size: 40px;margin: 0;font-weight: 600;word-wrap:break-word;color: #000;}
.product_dtl_txt p {font-size: 25px;line-height: 1.5;}
.product_dtl_RM_txt {padding: 50px 0 50px 30px;color: #000;}
.dtl_ul {padding: 0;margin: 0;}
.dtl_li {font-weight: 600;position: relative;list-style: none;}
.dtl_li::before {content: ''; position: absolute;left: -26px;top: 9px;background-color: #ff4d4d;width: 10px;height: 10px;}
.product_dtl_RB {margin-top: 32px;}
.product_dtl_RBT {display: flex;align-items: center;flex-wrap: wrap;}
.product_inquiry a:link, .product_inquiry a:visited {background-color: #ff4d4d;color: #fff;padding: 2px 20px;font-size: 20px;line-height: 1.6;display: inline-flex;align-items: center; transition: all .4s;border-radius: 2px;}
.product_inquiry a:hover {box-shadow: 0 0 20px rgba(255, 77, 77, .5);}
.product_inquiry img {margin-right: 12px;}
.product_share {margin-left: auto;}
.product_dtl_RBB {margin-top: 50px;background-color: #DDDDDD;display: flex;justify-content: space-between;border-radius: 2px;}
.product_dtl_RBB > a {font-weight: 600;font-size: 20px;padding: 18px 24px;display: flex;align-items: center;}
.product_dtl_RBB > a:hover {background-color: #f1f1f1;}
.product_prev img {margin-right: 8px;}
.product_next img {margin-left: 8px;}
.section_product_dtlBottom {margin-top: 90px;}
.tabs_bg {background-color: #fff;}
.resp-tabs-container .tabs_content {padding: 66px 0 100px;}
.resp-tabs-container .tabs_content ul li{color: #000;}
.product_table {width: 100%;}
.product_table tr td {font-size: 18px;}
.product_table tr td:first-child {width: 340px;padding: 8px 16px;}
.product_table tr:nth-of-type(odd) td {background-color: #ddd;line-height: 1.5;}
.product_table tr:nth-of-type(even) td {padding: 8px 16px;line-height: 2.2;}

@media only screen and (max-width:1200px) {
  .product_share {margin-top: 16px;}
  .csSlideOuter .csPager.cSGallery li {width: 100px !important;padding-bottom: 100px !important;}
}

@media only screen and (max-width:1023px) { 
  .product_share {margin-top: 0px;}
  .product_dtl_L {width: 100%;}
  .product_dtl_R {width: 100%;padding-left: 0;}
  .product_dtl_title {font-size: 33px;}
  .product_dtl_txt p {font-size: 20px;}
  .product_dtl_RM_txt {padding: 32px 0 32px 30px;}
  .product_dtl_RB {margin-top: 24px;}
}
@media only screen and (max-width:768px) {
  .resp-tabs-container .tabs_content {padding: 32px 0;}
  .product_table {width: 800px;}
  .resp-tabs-container {margin-bottom: 40px;}
  .section_product_dtlBottom {margin-top: 60px;}
  .csSlideOuter .csPager.cSGallery li {width: 80px !important;padding-bottom: 80px !important;}
}
@media only screen and (max-width:576px) {
  .product_share {margin-top: 20px;}
  .product_table {width: 600px;}
  .product_table tr td {font-size: 15px;}
  .product_table tr td:first-child {width: 240px;}
  .product_dtl_RBB > a {padding: 12px 16px;font-size: 15px;}
  .section_Top {margin-top: 40px;}
}

/* costomized solution */
.solution {font-family: 'Bebas Neue', cursive, "Open Sans", sans-serif;}
.solution > div {padding: 50px 0; min-height: calc(100vh - 60px); position: relative; z-index: 1;}
.solution > div:nth-child(2n+1) {background-color: #f1f1f1;}
.solutionT {display: flex; flex-wrap: wrap; align-items: center;}
.solutionT > span {font-size: 35px; color: #333333; font-weight: 600; letter-spacing: 2.2px; width: 305px; border-left: 11px solid #ca0010; padding: 0 0 0 16px; line-height: 34px; font-family: 'Raleway', sans-serif !important;}
.solutionS {width: calc(100% - 305px); max-width: 777px; position: relative; z-index: 1;}
.solutionS::before {content: ''; width: 84%; height: 10px; background-color: #e2e2e2; position: absolute; top: 16px; left: 8%; z-index: -10;}
.solutionS::after {content: ''; width: calc(100% / 6 * 0); height: 10px; background-color: #ca0010; position: absolute; top: 16px; left: 8%; z-index: -1;}
.solution > div:nth-child(2) .solutionS::after {width: calc(100% / 6 * 1);}
.solution > div:nth-child(3) .solutionS::after {width: calc(100% / 6 * 2);}
.solution > div:nth-child(4) .solutionS::after {width: calc(100% / 6 * 3);}
.solution > div:nth-child(5) .solutionS::after {width: calc(100% / 6 * 4);}
.solution > div:nth-child(6) .solutionS::after {width: calc(100% / 6 * 5);}
.solutionS > ul {list-style-type:none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; width: 100%;}
.solutionS > ul li {width: calc(100% / 6); list-style-type:none; margin: 0; padding: 0;}
.solutionS > ul li a {display: flex; flex-direction: column; align-items: center; font-size: 18px; color: #a5a5a5; font-family:'Microsoft JhengHei', sans-serif; font-weight: bold;}
.solutionS > ul li a span {width: 42px; height: 42px; border-radius: 42px; font-size: 16px; font-weight: normal; color: #a5a5a5; border: 1px solid #cfcfcf; background-color: #f1f1f1; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; text-align: center; margin-bottom: 15px;}
.solution > div:nth-child(2n+2) .solutionS > ul li a span {background-color: #fff;}
.solutionS > ul li.current a {color: #ca0010;}
.solutionS > ul li.current a span {color: #ca0010; border: 1px solid #ca0010;}
.solutionC {display: flex; flex-wrap: wrap; font-family:'Microsoft JhengHei', sans-serif; font-weight: 600; padding: 6% 0 104px 0; position: relative; z-index: 1;}
.solutionC > div:nth-child(1) {order: 1; width: 50%; padding: 0 30px 0 0; font-size: 18px;}
.solutionC > div:nth-child(1) h2 {display: flex; flex-wrap: wrap; margin: 0 0 23px 0;}
.solutionC > div:nth-child(1) h2 span {font-size: 30px; color: #fff; font-weight: 600; letter-spacing: 2.2px; background-color: #ca0010; padding: 9px 6.316%;}
.ul_a, .ul_a li {list-style-type:none; margin: 0; padding: 0;}
.ul_a {width: 100%;}
.ul_a li {padding-left: 30px; position: relative; z-index: 1;}
.ul_a li::before {content: ''; width: 5px; height: 5px; border-radius: 5px; background-color: #ca0010; position: absolute; top: 13px; left: 13px; z-index: -1;}
.solutionC > div:nth-child(2) {order: 2; width: 50%; line-height: 0; padding: 0 20px; text-align: center;}
.scrolldown {position: absolute; bottom: 50px; left: 50%; z-index: 100; -moz-transform:translateX(-50%); -webkit-transform:translateX(-50%); -o-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); font-size: 16px; color: #ca0010; font-family:'Microsoft JhengHei', sans-serif; font-weight: 600; text-align: center;}
.scrolldown a:link, .scrolldown a:visited {display: flex; flex-direction: column; justify-content: center; align-items: center; font-size: 16px; color: #ca0010; font-family:'Microsoft JhengHei', sans-serif; font-weight: 600; text-align: center;}
.scrolldown img {margin-bottom: 10px; -webkit-animation: topmoveBottom 3000ms infinite; animation: topmoveBottom 3000ms infinite;}
@keyframes topmoveBottom {from{transform:translateY(0px);}20%{transform:translateY(5px);}40%{transform:translateY(0px);}50%{transform:translateY(2px);}60%{transform:translateY(0px);}70%{transform:translateY(5px);}to{transform:translateY(0px);}}
@-webkit-keyframes topmoveBottom {from{transform:translateY(0px);}20%{transform:translateY(5px);}40%{transform:translateY(0px);}50%{transform:translateY(2px);}60%{transform:translateY(0px);}70%{transform:translateY(5px);}to{transform:translateY(0px);}}
.solution > div:nth-child(2n+2) .solutionC > div:nth-child(1) {order: 2; padding: 0 0 0 35px;}
.solution > div:nth-child(2n+2) .solutionC > div:nth-child(2) {order: 1;}
.solutionF {font-size: 14px; color: rgba(0, 0, 0, 0.75); font-family:'Microsoft JhengHei', sans-serif; font-weight: 400; line-height: 1.2; text-align: left; background-color: #f7f7f7; border: 1px solid #e9e9e9; padding: 40px 7.576% 30px 0; display: flex; flex-wrap: wrap;}
.inputA {width: 100%; height: 40px; display: flex; padding: 0 10px; border: 1px solid #dedede;}
.solutionF textarea {width: 100%; height: 175px; display: flex; padding: 10px; border: 1px solid #dedede;}
.solutionFA {width: 50%; display: flex; flex-wrap: wrap; align-items: center; margin-bottom: 29px;}
.solutionFA > div:nth-child(1) {width: 108px; padding: 0 0 0 33px;}
.solutionFA > div:nth-child(1) span {color: #ca0010; margin-left: 5px;}
.solutionFA > div:nth-child(2) {width: calc(100% - 108px);}
.solutionFB {width: 100%; display: flex; flex-wrap: wrap; margin-bottom: 29px;}
.solutionFB > div:nth-child(1) {width: 108px; padding: 0 0 0 33px;}
.solutionFB > div:nth-child(2) {width: calc(100% - 108px);}
.solutionFC {width: 100%; padding: 0 0 0 8.224%; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
.solutionFC button {width: 150px; height: 50px; border: 1px solid #ca0010; font-size: 16px; background-color: transparent; color: #ca0010; font-family:'Microsoft JhengHei', sans-serif; text-align: center; font-weight: 400; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; margin: 0 10px; -moz-transform:translateY(0); -webkit-transform:translateY(0); -o-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0); cursor: pointer; transition: all 0.5s ease 0s;}
.solutionFC button:first-child {background-color: #ca0010; color: #fff;}
.solutionFC button:hover {-moz-transform:translateY(-0.5em); -webkit-transform:translateY(-0.5em); -o-transform:translateY(-0.5em); -ms-transform:translateY(-0.5em); transform:translateY(-0.5em); transition: all 0.5s ease 0s;}
@media only screen and (max-width:1200px) {
    .solutionT > span {width: 100%; margin-bottom: 30px;}
    .solutionS {width: 100%; max-width: 100%;}
    .solutionS > ul li a {font-size: 16px;}
    .solutionC {padding: 30px 0 104px 0;}
    .solutionC > div:nth-child(1) {width: 100%; padding: 0!important; order: 1!important;}
    .solutionC > div:nth-child(2) {width: 100%; padding: 20px 0 0 0!important; order: 2!important;}
}
@media only screen and (max-width:1023px) {
    .solution > div {min-height: calc(100vh - 50px);}
}
@media only screen and (max-width:768px) {
    .solutionS > ul li a {font-size: 14px;}
}
@media only screen and (max-width:576px) {
    .solutionF {padding: 30px 20px 30px 0;}
    .solutionFA {width: 100%;}
    .solutionFA > div:nth-child(1), .solutionFB > div:nth-child(1) {padding: 0 0 0 20px;}
    .solutionT > span {margin-bottom: 20px;}
    .solutionS > ul li a {font-size: 0;}
    .solutionS > ul li a span {margin-bottom: 0;}
    .solutionC {padding: 20px 0 104px 0;}
    .solutionFC {padding: 0 0 0 20px;}
    .solutionFC button {width: calc(50% - 20px);}
}
@media only screen and (max-width:430px) {
    .solutionF {padding: 30px 20px;}
    .solutionS > ul li a span {width: 35px; height: 35px;}
    .solutionS::before, .solutionS::after {top: 12px;}
    .solutionFC {padding: 0;}
    .solutionFA > div:nth-child(1), .solutionFB > div:nth-child(1) {width: 100%; padding: 0;}
    .solutionFA > div:nth-child(2), .solutionFB > div:nth-child(2) {width: 100%;}
}

/* news detail */
.news_dtlbox {display: flex;flex-wrap: wrap;margin-bottom: 150px;}
.news_dtl_L {width: 43.8%;}
.news_dtl_R {width: 56.2%;margin-top: 40px;}
.news_dtl_titlebox {position: relative;padding: 20px 19% 20px 21%;}
.news_dtl_titlebox::after {content: ''; position: absolute;bottom: 0;right: 17%;width: 92.5%;height: 4px;background-color: #ff4d4d;}
.news_dtl_little {font-size: 18px;font-weight: 600;}
.news_dtl_title {font-weight: 700;font-size: 37px;margin: 0;letter-spacing: 3px;line-height: 1.3;}
.news_dtl_date {text-align: right;font-weight: 600;letter-spacing: 2px;}
.news_dtl_info {padding: 52px 19% 40px 14%;}
.news_dtl_info li {position: relative;}
.news_dtl_info li::before {content: ''; position: absolute;left: -18px;top: 10px;background-color: #ff4d4d;width: 7px;height: 7px;border-radius: 50%;}
@media only screen and (max-width:1400px) {
  .news_dtl_titlebox {padding-left: 11%;}
  .news_dtl_info {padding-top: 24px;padding-bottom: 24px;}
}
@media only screen and (max-width:1200px) {
  .news_dtl_R {margin-top: 0;}
}
@media only screen and (max-width:1023px) {
  .news_dtlbox {margin-bottom: 80px;}
  .news_dtl_L {width: 100%;text-align: center;}
  .news_dtl_R {width: 100%;max-width: 613px;margin: 40px auto 0;}
  .news_dtl_titlebox {padding: 20px 12px;}
  .news_dtl_titlebox::after {width: 100%;left: 0;}
  .news_dtl_info {padding: 20px 0 20px 25px;}
}
@media only screen and (max-width:768px) {
  .news_dtl_title {font-size: 30px;}
}
@media only screen and (max-width:576px) {
  .news_dtl_title {font-size: 27px;letter-spacing: 1px;}
}

.contactUs_box {display: flex;flex-wrap: wrap;}
.contactUs_box_L {width: 49.5%; background-image: url(../images/contactUs.jpg);background-repeat: no-repeat;background-size: cover;max-height: 873px;display: flex;flex-wrap: wrap;align-content: center;}
.contactUs_box_L_item {padding: 70px 0;background-color: rgba(0,0,0, .67);margin-bottom: 32px;display: flex;flex-wrap: wrap;width: 100%;}
.contactUs_box_L_item:last-child {margin-bottom: 0px;}
.contactUs_box_L_img {width: 39%;text-align: center;}
.contactUs_box_L_txt {color: #fff;width: 61%;}
.contactUs_box_L_txt a:link, .contactUs_box_L_txt a:visited {color: #fff;}
.contactUs_box_L_txt a:hover {color: #C6000D;}
.title_contact {font-size: 25px;}
.contactUs_box_R {width: 47%;margin-left: 3.5%;}
.contactUs_box_R_title {font-weight: 600;font-size: 20px;line-height: 1;}
.contactUs_box_R_txt {margin: 30px 0;}
.contactUs_box_R_txt p {margin:0;line-height: 1.5;}
.contactUs_form_box {width: 100%;margin-bottom: 20px;display: flex;flex-wrap: wrap;}
.contactUs_form_box:last-child {margin-bottom: 0;}
.contactUs_form_title {color: #fff;background-color: #ff4d4d;padding: 1px 20px;display: inline-block;min-width: 174px;text-align: center;font-size: 18px;line-height: 1.5;}
.contactUs_form_ipt {width: 100%;}
.contactUs_form_box select, .contactUs_form_box input {width: 100%;border: 0;background-color: #eeeeee;padding: 4px 12px;height: 46px;}
.contactUs_form_box select {text-align: center;color: #ff4d4d;font-weight: 600;padding: 4px 20px 4px;background-image: url(../images/select_btn.jpg);background-position: right top;background-repeat: no-repeat;cursor: pointer;}
.lih0 {line-height: 0;}
.contactUs_form_box textarea {width: 100%;border: 0;background-color: #eeeeee;height: 145px;line-height: 1.5;padding: 4px 12px;}
.contactUs_form_box_half {width: 48%;margin-right: 4%;display: flex;flex-wrap: wrap;}
.contactUs_form_box_half:last-child {margin-right: 0%;}
.contact_btnbox {display: flex; flex-wrap: wrap; justify-content: flex-end;align-items: center;text-align: right;}
.contact_btnbox > div {margin-right: 40px;}
.contact_btnbox .kcs_btn {cursor: pointer;padding: 8px 40px;}
.contact_btnbox .kcs_btn {margin-right: 20px;}
.contact_btnbox .kcs_btn:last-child {margin-right: 0px;}
.tel_event {pointer-events: none;}
@media only screen and (max-width:1500px) { 
.contact_btnbox > div {width: 100%;margin:0 0 20px;}
}
@media only screen and (max-width:1200px) {
  .contactUs_box_R_txt {margin: 18px 0;}
}
@media only screen and (max-width:992px) {
  .contactUs_box_L {width: 100%;padding: 40px 0;}
  .contactUs_box_R {width: 100%;margin:32px 0 0;}
  .contactUs_box_L_item {padding: 32px 0;}
  .tel_event {pointer-events: visible;}
}
@media only screen and (max-width:576px) {
  .contactUs_form_box_half {width: 100%;margin: 0;}
  .contactUs_form_box_half:first-child {margin-bottom: 20px;}
  .contactUs_box_L_img {width: 60px;padding: 0 12px;}
  .contactUs_box_L_txt {width: calc(100% - 60px);padding-right: 12px;}
  .title_contact {font-size: 20px;}
  .contactUs_box_L_txt a:link, .contactUs_box_L_txt a:visited {font-size: 15px;}
}