@charset "utf-8";


input, button, textarea, select, optgroup, option {
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit;
	border: none;
}
input[type="submit"], input[type="button"] {
	cursor: pointer;
}
/*reset*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;
	
}

/*table {
	border-collapse:collapse;
	border-spacing:0;
}*/
fieldset, img {
	border: 0;
	padding: 0;
	margin: 0;
}
address, caption, cite, code, dfn, em, /*strong,*/ th, var {
	font-style: normal;
	font-weight: normal;
}
ol, ul {
	list-style: none;
	padding-left: 0;
}
caption, th {
	text-align: left;
}
/*h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal;
}*/
q:before, q:after {
}
abbr, acronym {
	border: 0;
}
* {
	margin: 0;
	padding: 0;
}
img {
	max-width: 100%;
	border: 0;
	vertical-align: middle;
}

/*==================================================================================*/

/*開頭設定*/

body {
	/*font-family: Microsoft JhengHei, "微軟正黑體";*/
	font-family: "微軟正黑體", sans-serif;
	font-weight: normal;
	background: url("../images/bg2.jpg") center top #f3f3f3;
	
}
a {
	text-decoration: none !important;
	/*color: #b8956b ;transition: all 0.6s ease 0s;*/
}
a:hover {
	color: #000;
}
.web_img {
	display: block!important;
}
.photo_img {
	display: none!important;
}
.w_100 {
	clear: both;
	width: 1366px;
	max-width: 90vw;;
	margin: 0 auto;
}
.w_100w {
	max-width: 1400px;
	margin: 0 auto;
}
.w_100s {
	max-width: 1024px;
	margin: 0 auto;
}
.w_all {
	width: 100%;
	overflow: hidden;
}

h1, h2, h3, h4 { font-weight: normal;}
/*MENU*/
header {
	width: 100%;
	height: 50px;
	background-color: #FFF;
	transition: all 0.5s ease 0s;
	position: fixed;
	left: 0;
	right: 0;
	top: 0px;
	z-index: 2000;
	/*animation-name: TT_00;
	animation-duration: 0.7s;
	animation-fill-mode: forwards;*/
	box-shadow: 0 0  5px #999;
	display: flex; justify-content: flex-start; align-items: center;
	background: url("../images/bg.jpg") right top no-repeat #FFF;
	
}
.menu_box { margin: 0 auto; display: flex; justify-content:space-between; align-items: center;width: 1366px; max-width: 90vw;}
.logo {
	 height: 56px;
	width: auto;
	padding: 5px 0 0 0;	
	display: flex; align-items: center; justify-content: space-around;
	transition: all 0.5s ease 0s;
	font-size: 18px;
	color: #113a6c;
}

.logo img {  height: 40px; transition: all 0.5s ease 0s; margin-top: -5px; padding-right: 10px;}
.logo a {color: #113a6c;}
/*選單*/

	

/*選單下滑觸發樣式*/

.nav-menu { }
.nav-menu > ul > li.btn_com {  background: #a65251; border-radius: 30px; border: 1px solid #FFF;transition: all 0.5s ease 0s; margin-top: 3px;}
.nav-menu > ul > li.btn_com a { padding: 10px 25px; color: #FFF;font-size: 15px;}
.mobile-nav .btn_com { display: none;}
.nav-menu > ul > li.btn_com:hover { background-color: #b8956b;}

.nav-menu > ul > li.btn_com a:before {display: none;}

/*選單手機板*/

@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
	
	header{height: 60px;}
	.logo{ display: flow-root;width: calc(100% - 50px);font-size: 20px;height: 50px;}
	.logo img { height: 45px;  margin-top: 0;}

	/*header.flot { height: 50px;}
	header.flot .logo{ display: flow-root;}*/
	
	.menu_st { color: #000; display: flex; justify-content: flex-start; width: auto; height: auto;}
	.menu_st p {padding-left: 20px;}
	.menu_st p:nth-child(2) { color: #8B8B8B; }
	.menu_st_box { height: auto;}
	.menu_st_box i { color: #000; margin-right: 10px;}
	.menu li:hover .menu_st {animation:note;}
	.nav-menu { padding-right: 0;}
	.nav-menu > ul > li.btn_com { position:inherit;}
	.mobile-nav .btn_com { display: block;}
	
}

/*選單動態*/
@keyframes TT_00 {
 0% {
top:-80px;
}
 100% {
 top:0px;
}
}

/*==============================================================
                  首頁
==============================================================*/
/*搜尋欄位----------------------------*/
.sv_box { 
padding-top:70px;padding-bottom: 10px;
}
.sv_box_in {
	padding: 20px 0;
}
.inp_01 { display: flex; justify-content: center; padding-bottom: 0px;}
.inp_a1 {width: 340px; height: 48px;line-height: 48px; padding: 0 10px; border-radius: 10px 0 0 10px; box-shadow: 0 0 5px rgba(0,0,0,0.5);border: none;outline:none;}
.inp_a1m {width:80%;}
.btn_sv {
    border: none;
    background-color: #a65251;
    display: block;
    text-align: center;
    color: #FFF;
	height: 50px; 
	line-height: 50px;
	padding: 0 34px;
	box-shadow: 0 0 5px rgba(0,0,0,0.5);
	 border-radius: 0 10px 10px 0;
	
}
.btn_sv1 {
	border: none;
	background-color: #a65251;
	display: block;
	text-align: center;
	color: #FFF;
	height: 50px;
	line-height: 50px;
	padding: 0 22px;
	box-shadow: 0 0 5px rgba(0,0,0,0.5);
	border-radius: 0 10px 10px 0;
}
.btn_svm {padding: 0; width: 20%;}
.btn_sv2 { border-radius: 10px; margin-left: 20px;}
.key_word { text-align: center; font-size: 16px;}
.key_word ul {display: flex; justify-content: center;align-items: center; flex-wrap: wrap;}
.key_word ul li {padding: 0 10px;display: flex; align-items: center;}
.key_word ul li a {color: #444444;text-decoration:underline;}
.key_word ul li a i {font-style: normal; color: #a65251;}
.key_word ul li a:hover {color: #a65251;}
.key_word ul li.btn_kno a{color: #a65251;}
.key_word ul li.btn_kno a i {padding-left: 10px;font-size: 20px;}
/*首頁內容===============================*/
.content { padding:0; width:100% ; overflow: hidden; }
.btn_open { background-color: #a65251;width: 100%; font-size: 18px; color: #FFF;border-radius: 10px 10px 0 0;width: 100%;display:none;text-align: center; padding: 15px 0;}
.btn_open .btn1 {display: inline-block;}
.btn_open .btn2 {display: none;}
.btn_open.on .btn1 {display: none;}
.btn_open.on .btn2 {display: inline-block;}


/*產業知識----------------------------*/

.know_box{}
.know_list {}
.know_list ul {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.know_list ul li {
  width:calc(25% - 30px);
  margin: 10px 15px;
}
.know_list2 ul li {width:calc(50% - 40px);}
.box_light { background-color: #FFF; border-radius: 10px; box-shadow: 0 0 5px  rgba(0,0,0,0.5);}
.box_light2 { box-shadow: 0 0 0 transparent; }
.know_one {
  position: relative; padding: 15px;
	height: calc( 100% - 30px);
}
.know_one a {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
}
.know_img {overflow: hidden;display: flex; justify-content: center; align-items: center; background-color: #E9E9E9; }
.know_list2 .know_img {}

.know_img img {
height: auto;
 width: 100%;
  transition: all 0.5s ease 0s;
 transform: scale(1.2);
}

.know_one:hover .know_img img {
  -moz-transform: scale(1.4);
  -ms-transform: scale(1.4);
  -o-transform: scale(1.4);
  -webkit-transform: scale(1.4);
  transform: scale(1.4);
}
.know_tit {font-size: 16px; color: #000;line-height: 24px; text-align: justify;}
.know_tit h4 { border-bottom: 1px solid #cccccc; padding-bottom: 10px;margin: 20px 0 10px 0;font-size: 18px;color: #000;font-weight: bold; overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
	
	
  overflow: hidden;}
.know_tit p {line-height: 20px;padding-bottom: 20px;display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp:2;
height: 40px;
overflow: hidden;margin-bottom: 20px;}
.know_tag { margin: 10px 10px 10px -20px; }
.know_tag span {background: #a65251; border-radius: 0 10px 10px 0; color: #FFF; padding: 5px 20px; font-size: 12px;}
.know_tag i {padding-right: 5px;}
.ca_year {text-align: right; font-size: 15px;}
.ca_year i {padding-right: 10px;color: #838383;}

/*頁籤*/
.know_tag2 {}
.know_tag2 ul {display: flex; justify-content: flex-start; align-items: flex-start;padding-bottom: 0;flex-wrap: wrap;}
.know_tag2 li { padding: 0 10px;margin-bottom: 20px;}
.know_tag2 li a{position: relative;padding: 10px 20px; border-radius: 10px; background-color: #FFF;display: inline-block; color: #1F1F1F;}
.know_tag2 li a:before {
	content: "";
	position: absolute;	
border-style: solid;
border-width: 15px 15px 0 15px;
border-color: transparent transparent transparent transparent;
	left: 50%; top: 40px;margin-left: -15px;
	
} 
.know_tag2 li.on a:before, .know_tag2 li:hover a:before{border-color: #a65251 transparent transparent transparent;}
.know_tag2 li.on a, .know_tag2 li:hover a {background-color:#a65251;color: #FFF; }

@media screen and (max-width:760px) {
	.sv_box {padding-top: 70px;}
	.know_img img {height: auto;}
	.know_tag2 ul {padding-bottom: 0;}
	.inp_a1m {width: 60%;}
	.btn_open {display: block;}
	.know_list ul {display: flow-root;}
	.know_list ul li {width: 100%;margin: 20px 0;}
	.know_tag2 li a {padding: 10px 10px;}
	.know_tag2 li {padding: 0 5px;}
	.btn_sv2 {width: 100%;display: inline-block;margin-top: 20px;margin-left: 0;}
	.inp_a1 {width: calc( 100% - 140px);}
	.sv_box_in .inp_01 {flex-wrap: wrap;}
}



/*---------------*/
/*========================
      最新消息 列表 內頁
=============================*/
.news_list {}
.news_list li { padding-bottom: 10px;}
.news_one2 { background-color: #FFF;border-bottom: 2px solid #999; overflow: hidden; padding-bottom: 10px; margin-bottom: 10px; }
.news_one2 { position: relative; width: 95%; margin: 0 auto;transition: all 0.5s ease 0s; z-index: 10; color: #000000; }
.news_one2 a { position: absolute; left: 0; right: 0 ;top: 0; bottom: 0; width: 100%; height: 100%; z-index: 100;}
.ne_img2 {overflow: hidden; width: 20%; float: left;}
.ne_txt2 { width: 75%; padding-left: 25%;}
.ne_txt2 h2 { text-align: left; font-size: 18px; padding-bottom: 10px; font-weight: normal; line-height: 26px;
	display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
	height:46px;
	
}

.ne_txt2 p { font-size: 15px; padding-bottom: 10px;}
.ne_txt2 p span {  padding-left: 10px; color: #FD0004;}
.news_one2:hover {border-bottom: 2px solid #FD0004;}
.ne_img2 img {transition: all 0.5s ease 0s; z-index: 10;}
.news_one2:hover .ne_img2 img  {
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	transform: scale(1.2);}


/*內頁*/
.ne_img3 {width: 800px; max-width: 90vw; margin: 0 auto; padding-bottom: 20px;}
.ne_img3 img { width: 100%;}
.ne_tit2 { padding-bottom: 20px; text-align: center;}
.ne_tit2 h2 {font-size: 28px; }
.ne_tit2 .ne_tine { color: #767676;}
.ne_tit2 .ne_tine span { color: #E7AF0B;}
.news_text p { padding-bottom: 20px;}
.news_text ul { padding-left: 40px;}
.news_text li { list-style-type: disc; 	}
.news_text ol li {list-style-type: decimal;}
/*===================================
      聯繫我
=================================*/


/*==============================================================
                  內頁
==============================================================*/
/*map*/
.map_list_box {padding-top: 70px;padding-bottom: 20px; background-color: #f4f4f4;}
.map_list_box_in {display: flex; justify-content: space-between; align-items: center;}
.map_tit {font-size: 28px; border-left: 5px solid #a65251; padding-left: 10px;display: flex;justify-content: flex-start; align-items: center;}
.map_list ul {display: flex; align-items: center;}
.map_list li{display: inline-block;padding-right: 10px;}
.map_list li:after { content: " > "; font-size: 10px;  }
.map_list li:last-child:after {content: ""; }
.map_list li a {color: #a65251;}
.map_tit2 {margin-bottom:  20px;}
.map_tit3 {justify-content: space-between;}

@media screen and (max-width:760px) {
	.map_list_box {padding-top: 90px;padding-bottom: 10px;}
	.map_tit.map_tit3 {display: flow-root;}
	.map_tit.map_tit3 p {width: 100%; display: block;}
}

/*==============================================================
                  產業知識
==============================================================*/
.know_page { background: url("../images/bg3.jpg") right top no-repeat #FFF;width: 100%;min-height: 500px;padding: 40px 0;}
.know_page_0 {background: #FFF;}
.know_page_in {display: flex; justify-content: space-between; align-items: stretch;}
.kno_filp {flex-direction:row-reverse;}
.kno_sv { /*display: flex; align-items: center;*/}
.kno_sv .inp_01 {padding-bottom: 10px; font-size: 14px;}
.know_tag4 .inp_01 {padding-bottom: 0;}
.kno_list {width: 300px;}
.kno_list2 {background-color: #FFF;box-shadow: 0 0 8px  rgba(0,0,0,0.2);}

/*頁籤*/
.know_tag3 {}
.know_tag3 ul {display: flex; justify-content: space-between; align-items: flex-start;padding-bottom: 0;flex-wrap: wrap;width: 100%;}
.know_tag3 li { margin-bottom: 20px;width: 49%;}
.know_tag3 li a{position: relative;padding: 10px 0;width: 100%; background-color: #FFF;display: inline-block; color: #1F1F1F;text-align: center;}
.know_tag3 li a:before {
	content: "";
	position: absolute;	
border-style: solid;
border-width: 15px 15px 0 15px;
border-color: transparent transparent transparent transparent;
	left: 50%; top: 40px;margin-left: -15px;
	
} 
.know_tag3 li.on a:before, .know_tag3 li:hover a:before{border-color: #a65251 transparent transparent transparent;}
.know_tag3 li.on a, .know_tag3 li:hover a {background-color:#a65251;color: #FFF; }

/*列表*/
.kno_list3 {padding: 20px;padding-top: 0;}
.kno_list2 .kno_list3 {padding: 10px 20px;}
.kno_list2.kno_list4 .kno_list3 {padding: 10px 0;}
.kno_list2.kno_list3 {padding: 10px 0;}
.kno_list3 li {padding: 10px 0; border-bottom: 1px solid #e8e8e8;}
.kno_one3 {position: relative; color: #393939; font-size: 17px;display: flex; justify-content: flex-start;}
.kno_one3 a {position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%;}
.kno_one3:hover {color:#a65251; }
.kno_list3_in {display: flex;justify-content: center;align-items: center;width: 100%;}
.kno_list3_in .kno_one3 {width: calc(100% - 40px);}
.k_img {width:60px; padding-right: 10px;}
.k_p {width: calc(100% - 70px);font-size: 13px;}
.k_t1 { /*overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;*/}
.k_t {font-size: 11px;color: #7E7E7E;}
/*標籤*/
.kno_key3 { padding: 20px; background-color: #f3f3f3;box-shadow: 0 0 8px  rgba(0,0,0,0.2);}
.kno_key3 ul {display: flex; flex-wrap: wrap;}
.kno_key3 li {margin: 5px;}
.kno_key3 li a {display: inline-block; background-color: #FFF;padding: 2px 5px;color: #a65251; border: 1px solid #c0c0c0;}
.kno_key3 li a:hover { background-color: #a65251;color:#FFF;}

/*文章內頁*/
.kno_text {width:calc( 100% - 360px);}
.kno_img { width: 100%;padding-bottom: 30px;}
.kno_tit {}
.kno_tit h4 {font-size: 26px;; color: #a65251;font-weight: bold;padding-bottom: 10px;display: flex; justify-content: space-between; align-items: center;}
.kno_tit h4 a {padding: 5px 0;display: inline-block;width: 80px;text-align: center;}
.kno_tit h4 i {padding-right:3px;}
.kno_p_text .kno_tit h4 { border-bottom:1px solid #c0c0c0;}
.kno_tag {border:1px solid #c0c0c0; border-left: none;border-right: none;color: #666; display: flex;justify-content: space-between;margin-bottom: 10px;flex-wrap: wrap;}
.kno_tag i {padding-right: 3px;}
.kno_tag span {padding-right: 10px;}
.kn_1{padding: 5px 10px;}
.kn_2{padding: 5px 10px;}
.kno_key {padding-bottom: 10px;color: #a65251;}
.kno_key a{color: #a65251;display: inline-block; text-decoration: underline;}
.kno_key ul {display: flex; justify-content: flex-start; flex-wrap: wrap;}
.kno_key ul li {padding-right: 10px;}
.kno_text2{}
.kno_tit2 {width:calc(100% - 10px) ;border-left: 5px solid #9E9E9E; padding-left: 10px; font-size: 20px;margin-bottom: 40px;line-height: 32px;}
.kno_txt2 {}
.kno_txt2 h2 {font-size: 20px; font-weight: bold;padding-bottom: 20px;}
.kno_txt2 p {padding-bottom: 20px;line-height: 26px;}
.kno_text3 {padding: 30px 0;}
@media screen and (max-width:1000px) {
	
}
@media screen and (max-width:760px) {
	.kno_tag {display: flow-root;}
	.kno_tit h4 a {text-align: center;margin-left: 20px;}
	.kno_tit h4 i {font-size: 20px;}
	.kno_tit h4 span {display: none;}
	.kno_sv {width: 100%;}
	.kno_sv .inp_01 {width: 100%;}
	.kno_list2 .kno_sv .inp_a1 {width:100%;}
}
/*論壇回覆*/
.kno_bbt_tit {font-size: 26px;font-weight: bold; padding-bottom: 20px;}
.kno_bbt_tit span {color: #a65251;}
.kno_bbt_one { background-color: #f9f9f9;box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);margin-bottom: 20px;}
.kno_bbt_one li {}
.kno_bbt_one li ul {}
.kno_bbt_one li li {padding-left: 100px;border-top: 1px solid #999;padding-bottom: 10px;}
.kno_bbt_one_in {display: flex;padding: 20px;width:calc(100% - 40px);justify-content: flex-start;align-items: flex-start;
	
}

.kp_img {width: 100px;height: 100px; border-radius: 50%; overflow: hidden;margin-right: 20px;}
.kp_img img {width:100px; height: 100px;}

.kp_text {width: calc(100% - 200px);}
.kno_bbt_one_in2 {}
.kp_t1 {font-size: 22px;padding-bottom: 10px;}
.kp_t2 {font-size: 15px;color: #999;padding-bottom: 10px;}
.kp_t3 {padding-bottom: 10px;}
/*論壇我要回覆表單*/
.kp_t4 {text-align: right;width: 100%;}
.kp_t6 {text-align: center;width: 100%;margin-bottom: 40px;}
.btn_sty1 {background-color:#a65251;color: #FFF;padding: 5px 20px; font-size: 15px;  border-radius: 5px;}
.btn_sty1:hover {background-color:#999;}
.btn_sty1w {width:calc(100% - 40px); margin: 0 auto;display: inline-block;font-size: 18px;}
.btn_sty1b {font-size: 20px;}
.btn_sty1min {font-size: 12px; padding: 5px 10px;}
.kp_po { border: 1px solid #c0c0c0;margin: 40px 0; padding: 20px;background-color: #f9f2e8;border-radius: 10px; }
.tab_box {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.tab_box_in {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;width: 100%;border: 1px solid #c0c0c0;background-color: #FFF;margin-top:  10px;}
.tab_one {width: 100%; margin-bottom: 20px; }
.tab_one i {width: 40px; height: 40px;font-size: 25px; border-left:1px solid #c0c0c0;padding: 0 10px;color: #c0c0c0; }
.tab_one2 {width: 48%;}
.tab_one p {}
.tab_one input {width: calc(100% - 80px);height: 40px;padding-left: 10px;}
.tab_one input.w_a1 {width:100%;height: 40px;padding-left: 10px;}
.tab_one textarea {width: calc(100% - 40px);padding: 20px;}
.tab_one select {width: calc(100% - 80px);height: 40px;}
.tab_top {width: 100%;display: flex;  justify-content: space-between; align-items: center;border-bottom: 1px solid #999;padding-bottom: 10px; margin-bottom: 10px; font-size: 20px;font-weight: bold;color: #666;}
.link_line { color:#a65251;ont-size: 16px;font-weight: normal;text-decoration: underline; }
.link_line i {padding: 0 10px;
}
/*圖文編輯*/

.tab_r {color: #FF2124;}
.txt_cc { text-align: center;}
.txt_cc2 { margin: 10px auto;}
.txt_rr {text-align: right;margin: 10px 0;}
.txt_rr a {display: inline-block; }
/*上下圖文*/
.text_UP { width: 1200px; max-width: 80vw; margin: 0 auto;padding-bottom: 60px;}
.txt_img_min { width: 1200px; max-width: 80vw; margin: 0 auto;padding-bottom: 20px;}
.txt_UP2 { padding-bottom: 20px; line-height: 28px;}
.txt_UP2 p { padding-bottom: 20px;}
.txt_sty05 { font-size: 20px; font-weight: bold; padding-bottom: 10px;}
/*內建左右圖文*/
.tra_RL_one { display: flex; flex-wrap: wrap;justify-content: space-around; align-items: center;width: 100%; padding-bottom: 20px;}
.tra_L { padding: 10px 20px; width:calc(60% - 40px) ;} 
.tra_L h2 { font-size: 28px; font-weight: bold; padding-bottom: 10px;}
.tra_L p { font-size: 15px; line-height: 26px; padding-bottom: 20px;}
.tra_R { width: 40%; text-align: center;}
.tra_R img {  max-width: 100%; }
.tra_RL div:nth-child(even){flex-direction:row-reverse;}

.map_box { width: 480px; margin: 0 auto; max-width: 90%;}
	.map_box iframe { width: 480px; max-width: 100%;}
@media screen and (max-width:760px) {
	.kno_text {padding-top: 40px;}
	.kp_text {width: 100%;}
	.tab_one2 {width: 100%;}
	.kp_img {display: none;}
	.kno_bbt_one li li {padding-left: 30px;}
	
	
}


/*影片*/
.move { }
.move_box {   margin: 20px 0; }
.move { text-align: center;background-color: #000; margin-bottom: 20px;}
.move_box iframe {width:calc( (100vh - 80px ) * 1.8); height:calc(100vh - 80px); margin: 0 auto;display: block; max-width: 90vw; }
@media screen and (max-width:760px) {
	.move_box iframe {height:calc(100vw / 2); }
	
}

/*==============================================================
                  智慧問答
==============================================================*/
.qa_page {height:calc(100vh - 290px);overflow: auto;margin-bottom: 40px;}
.qa_all {position: relative;margin: 20px 0;background-color: #f9f9f9;}
.qa_one {padding: 20px; border-radius: 10px;box-shadow: 0 0 8px rgba(0, 0, 0, 0.2); background-color: #FFF;margin: 10px;}

.icon_quora { width: 30px; height: 30px; position: relative; color: #FFF;background-color: #969696;display: inline-block;border-radius: 5px;text-align: center;line-height: 30px;font-style: normal;}
.icon_quora:before {
	content: "";
	position: absolute;	
border-style: solid;
border-width: 15px 15px 0 15px;
border-color: transparent transparent transparent transparent;
	left: 50%; top: 40px;margin-left: -15px;
}
.qa_tit {}
.qa_tit h4 {font-size: 20px;; color: #414141;font-weight: normal;padding-bottom: 10px;display: flex; justify-content: flex-start; align-self: center;}
.icon_qa {width: 30px; height: 30px; background: url("../images/qa.png") center no-repeat; background-size: 30px;display: inline-block;padding-right: 10px;}
.icon_qa2 {width: 40px; height: 30px; background: url("../images/letter-q.png") center no-repeat; background-size: 30px;display: inline-block;padding-right: 10px;}
.kno_key4 {}
.kno_key4 ul {display: flex; justify-content: flex-start; align-items: center;flex-wrap: wrap;}
.kno_key4 li {margin: 5px;font-size: 13px;}
.kno_key4 li a {
    display: inline-block;
    background-color: #FFF;
    padding: 2px 5px;
    color: #a65251;
    border: 1px solid #c0c0c0;
}
.q_tit {display: flex; justify-content: flex-start; align-items: stretch; border-bottom: 1px dashed #666; margin-bottom: 10px;}
.q_tit i {margin-right:  10px;}
.q_txt {width: calc(100% - 40px);padding-bottom: 20px;}
.a_tit {border-bottom: none;}
.a_txt ol {padding-left: 20px;}
.a_txt ol li {list-style-type: decimal;}
.a_txt p {padding-bottom: 10px;}
.a_txt li {padding-bottom: 10px;} 

.qa_po { border: 1px solid #c0c0c0; border-radius: 10px;display: flex;justify-content: space-between;}
.qa_po input {width:calc(100% - 50px); border-radius: 10px;padding: 0 20px;outline:none;}
.qa_btn {width: 50px; height: 50px;background-color: #a65251;
    display: block;
    text-align: center;
    color: #FFF;
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    border-radius: 0 10px 10px 0; }
.qa_btn2 {
	width: 50px;
	height: 50px;
	background-color: #a65251;
	display: block;
	text-align: center;
	color: #FFF;
	height: 40px;
	line-height: 40px;
	padding: 0 10px;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}
.kno_list4{padding: 20px ; height: calc(100vh - 300px);overflow: auto;}
.kno_tit3 {font-size: 20px; color:#a65251;padding-top: 20px; border-bottom: 1px dotted #eee;}
.kno_list4 .k_p {width: 100%; border-left: 3px solid #a65251; padding-left: 3px;}
.kno_list4 li {padding: 10px 0;}
.daterangepicker {display: none;}
.ph_box {display: block;}
.ant-btn2 { background-color: #a65251; color: #FFF;border-radius: 10px 10px 0 0; padding: 10px 20px;}

/**/
.vb > .vb-dragger {
    z-index: 5;
    width: 12px;
    right: 0;
}
 
.vb > .vb-dragger > .vb-dragger-styler {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: rotate3d(0,0,0,0);
    transform: rotate3d(0,0,0,0);
    -webkit-transition:
        background-color 100ms ease-out,
        margin 100ms ease-out,
        height 100ms ease-out;
    transition:
        background-color 100ms ease-out,
        margin 100ms ease-out,
        height 100ms ease-out;
    background-color: rgba(48, 121, 244,.1);
    margin: 5px 5px 5px 0;
    border-radius: 20px;
    height: calc(100% - 10px);
    display: block;
}
 
.vb.vb-scrolling-phantom > .vb-dragger > .vb-dragger-styler {
    background-color: rgba(48, 121, 244,.3);
}
 
.vb > .vb-dragger:hover > .vb-dragger-styler {
    background-color: rgba(48, 121, 244,.5);
    margin: 0px;
    height: 100%;
}
 
.vb.vb-dragging > .vb-dragger > .vb-dragger-styler {
    background-color: rgba(48, 121, 244,.5);
    margin: 0px;
    height: 100%;
}
 
.vb.vb-dragging-phantom > .vb-dragger > .vb-dragger-styler {
    background-color: rgba(48, 121, 244,.5);
}

@media screen and (max-width:760px) {
	.know_page_in {display: flow-root;}
	.kno_text, .kno_text {width: 100%;}
	.kno_list {width:calc(100% - 2px);padding: 10px 0;display: none;}
	.qa_all, .kno_list4 {overflow:inherit;height: auto;}
	.kno_list {background-color: #FFF; border: 1px solid #a65251;}
	/*.qa_po {position: fixed; left: 0; bottom: 0;width: 100%; background-color: #000;padding: 5px;
	}*/
	.qa_po {
		position: fixed;
		left: 0;
		bottom: 0;
		width: 100%;
		border: 1px solid #c0c0c0;
		border-radius: 10px;
		display: flex;
		justify-content: space-between;
	}
	.ph_box {padding: 20px 0; display: none;border: 1px solid #a65251; }
	.qa_page {overflow: inherit;height: auto;}
}
/*==============================================================
                  企業資訊
==============================================================*/
/*頁籤*/

.know_tag4 { border-bottom: 2px solid #a65251;margin-bottom: 10px;display: flex; justify-content: space-between; align-items: center;flex-wrap: wrap;flex-direction: row-reverse; }
.know_tag4 ul {display: flex; justify-content: flex-start; align-items: flex-start;flex-wrap: wrap;}
.know_tag4 li { padding: 10px 20px;margin-bottom: -12px;}
.know_tag4 li a{position: relative;padding: 10px 20px; border-radius: 10px 10px 0 0; background-color:transparent;display: inline-block; color: #1F1F1F;font-size: 20px;}
.know_tag4 li.on a:before, .know_tag4 li:hover a:before {
	content: "▲";
	position: absolute;	
	left: 0; right: 0; bottom: -10px;z-index: 100;text-align: center;
	color: #FFF;
	z-index: 100px;
	
} 
.know_tag4 li.on a:before, .know_tag4 li:hover a:before{}
.know_tag4 li.on a, .know_tag4 li:hover a {background-color:#a65251;color: #FFF; }
.photo_info .know_tag4 {flex-direction:row;}

@media screen and (max-width:760px) {
	.know_tag4 ul {padding-top: 20px;}
	.know_tag4 li {padding: 5px 2px; margin-bottom: -5px;}
	.know_tag4 li a{ background-color:#F0F0F0;font-size: 13px;}
	.know_tag4 { }
	.know_tag4 ul {width: 100%;}
	
}


.sig_box {box-shadow: 0 0 8px rgba(0, 0, 0, 0.2); }
.sig_time { padding: 20px 0;}
.sig_time p { display: flex; padding-bottom: 10px; justify-content: flex-start; align-items: stretch;}
.sig_time span { font-weight: 600; padding-right: 10px; display: inline-block; width: 25%;}
.sig_time i { font-style: normal; display: inline-block;width: 75%;}

/*企業列表*/
.info_list {width: 100%;}
.info_list ul {display: flex; justify-content: flex-start;align-items: stretch; flex-wrap: wrap; width: 100%;}
.info_list ul li {width: calc(25% - 20px); margin: 10px;}
@media screen and (max-width:1366px) {
.info_list ul li {width: calc(33% - 20px); margin: 10px;}
	
}
@media screen and (max-width:1000px) {
	.info_list ul li {width: calc(50% - 20px); margin: 10px;}
	
}

.info_list .com_one .com_img a{display: flex; justify-content: center; align-items: center;}
.info_one {position: relative;}
.info_one a {position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%;z-index: 1000;}
.info_img {overflow: hidden;}
.info_img img {
  width: auto;
  height: 256px;width: 100%;
  transition: all 0.5s ease 0s;
 
}

.info_one:hover .info_img img {
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}
/*企業內頁文章列表*/
.info_list2 { }

.info_list2 ul {width: 100%;}
.info_list2 ul li {margin-bottom: 20px;}
.info_one2 {display: flex; justify-content:space-between;align-items: stretch;background-color: #f0f0f0;padding: 20px;position: relative; }
.info_list2 ul li:nth-child(even) .info_one2 {flex-direction: row-reverse;}
.icon_pin {position: absolute;right: -10px;top: 0; color: #FFF; background-color: #a65251;border-radius: 5px;}
.icon_pin i {padding: 5px 10px ;display: inline-block;}
.info_tit2 h4{font-size: 26px;
    color: #a65251;
    font-weight: bold;
    padding-bottom: 10px;}
.info_img2 {overflow: hidden;}
.info_img2 img {
 width:calc(100% - 40px);
   margin: 10px 20px;
 
}
.info_text2 {padding-left: 30px;}
.info_btn {padding: 20px 0; text-align: right;}

.com_one {position: relative;padding-bottom: 40px;}

.com_one a {position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%;z-index: 1000;}
.com_img {overflow: hidden;  display: flex; justify-content: center; align-items: center; background-color: #E9E9E9;}
.com_img img {
  width: auto;
  transition: all 0.5s ease 0s;
 
}
.info_list .com_img {}
.com_one2 {position: inherit;}
.com_one2 a {position: inherit;}

.com_one:hover .com_img img {
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}
@media screen and (max-width:760px) {
	.info_list .com_img {height: auto;}
}
/*輪播按鈕*/

.int_photo4 {position: relative;}
.int_photo4 .com_img {height: 250px;}
.int_photo4 .owl-nav { font-size: 50px; }
.int_photo4 .owl-prev { position: absolute; left: -5vw;top: -30px; bottom: 0; width: 5vw;transition: all 0.5s ease 0s; opacity: 0.5; z-index: 20;}
.int_photo4 .owl-prev:hover { background-color: transparent!important;  opacity: 1;}
.int_photo4 .owl-next { position: absolute; right: -5vw;top: -30px; bottom: 0; width: 5vw;transition: all 0.5s ease 0s; opacity: 0.5;z-index: 20;}
.int_photo4 .owl-next:hover { background-color: transparent!important;  opacity: 1;}
.int_photo4 .owl-theme .owl-nav [class*=owl-]:hover { color:#FF9600;}
.int_photo4 .owl-dots { display: none;}
/*企業介紹*/
.photo_info {padding: 60px 0;}
.kno_list5 {}
.sig_time {padding: 20px;}
.sig_img {padding-bottom: 10px;}
.sig_text {}
.sig_text li p {color: #a65251;}
.sig_text li .sig_txt p {color: #2D2D2D;}
.sig_txt {padding-bottom: 20px;}
.com_txt {display: flex; justify-content: flex-start; align-items: stretch;padding-top: 10px;}
.com_txt h2 {font-size: 17px;}
.com_tag {margin-right: 10px;font-size: 12px;}
.com_tag span {padding: 2px 0; border: 1px solid #a65251;color: #a65251;border-radius: 5px;font-size: 13px; font-weight: bold;display: inline-block;width: 60px; text-align: center;margin-right: 10px;}

/*產品列表*/
.con_tit2 {font-size: 20px;  padding: 20px 0 0 0;}
.con_tit2 a {width: 100%; display: inline-block;}
.con_p2 { font-size: 16px;}
.con_key {}

.info_list3 ul li {width:calc(20% - 20px);margin: 10px;}
.info_list3 ul li li {margin:5px 2px;}
.info_list4 ul li {width:calc(33% - 20px);margin: 10px;}
@media screen and (max-width:1366px) {
.info_list3 ul li {width: calc(25% - 20px); margin: 10px;}
	.info_list4 ul li {width: calc(50% - 20px); margin: 10px;}
	
}
@media screen and (max-width:900px) {
	.info_list3 ul li {width: calc(33% - 20px); margin: 10px;}
	.info_list4 ul li {width: calc(50% - 20px); margin: 10px;}
}
@media screen and (max-width:760px) {
}
/*產品內頁*/
.text_ab {display: flex; justify-content: space-between;}
.kno_p_img, .kno_p_text {width: 48%;}
.flex-viewport {margin-bottom: 20px;}
/*頁籤*/
.abgne_tab {
	
	margin: 20px auto;
	opacity: 1;
	transition: all 0.6s ease 0s;
}
/*.contact_box.move .abgne_tab {
	margin-top: 0;
	opacity: 1;
}*/
ul.tabs {
	display: flex; justify-content: flex-start; align-items: flex-start;flex-wrap: wrap;
}
ul.tabs li {
	padding: 10px 10px;margin-bottom: -12px;
}
ul.tabs li a {
	position: relative;padding: 10px 20px; border-radius: 10px 10px 0 0; background-color:transparent;display: inline-block; color: #1F1F1F;font-size: 20px;min-width: 120px;text-align: center;
}
ul.tabs li.active a:before, ul.tabs li:hover a:before {
	content: "▲";
	position: absolute;	
	left: 0; right: 0; bottom: -10px;z-index: 100;text-align: center;
	color: #FFF;
	z-index: 100px;
	
} 

ul.tabs li.active  a, ul.tabs li:hover a {background-color:#a65251;color: #FFF; }


.con_text {
	color: #35767f;
	font-size: 16px;
	line-height: 26px;
	padding: 20px 0;
	text-align: center;
}
div.tab_container {
	width: 100%;
	border-top: 2px solid #a65251;
	padding-top: 20px;
}
div.tab_container .tab_content {
}
.fancybox-caption { text-align: center;}

.tab_content { opacity:0; height:0; overflow:hidden;transition: all 0.5s ease 0s;}
.tab_content.open { opacity:1; height:auto; overflow:auto;}





/*標籤*/
.con_key {  padding: 5px 0; margin: 5px 0;}
.con_key ul {display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center;}
.info_list ul li .con_key li {width: auto;}
.con_key  span {padding: 2px 2px; border: 1px solid #a65251;color: #a65251;display: inline-block;font-size: 11px;}

@media screen and (max-width:760px) {
	.info_list ul {display: flow-root;}
	.info_list ul li {width: 100%;}
	.info_list ul li ul {display: flex;}
	.kno_list5 {display: block; border: none;}
	.info_one2 {display: flow-root;}
	.info_tit2 h4 {font-size: 20px;}
	.info_list2 ul li {margin-bottom: 10px;}
	.info_img2 img {
 width:calc(100% - 20px);
   margin: 10px 10px;
 
}
	.info_text2 {padding-left: 0;}
	.text_ab {display: flow-root;}
	.kno_p_img, .kno_p_text {width: 100%;}
	.kno_p_img {margin-bottom: 40px;}
	ul.tabs li a {min-width:inherit;}
	
}

/*==============================================================
                 最新消息
==============================================================*/
.ne_tit3 { padding: 40px 0;}
.ne_tit3 h2 { text-align: left; padding-bottom: 10px; color: #666; font-weight: bold;}
.ne_tit3 .ne_tine3 { color: #767676; background-color: #f0dfc8; display: flex; align-items: stretch;  }
.ne_tit3 .ne_tine3 span { color: #FFF;  display: inline-block; margin-right: 10px; padding: 5px 10px;}
.ne_tit3 .ne_tine3 i { font-style: normal; font-size: 15px; padding-right: 10px; display: inline-block; padding: 5px;}
.text_page .ne_tit3 p { padding-bottom: 0; line-height: 20px; display: flex;
	flex-wrap: wrap; align-items: center; }




@media screen and (max-width:760px) {
	
	
}
/*==============================================================
                  會員專區
==============================================================*/
/*登入頁*/
.login_box_in {min-height: 90vh;}
.login_box {width: 600px; max-width: 90vw; height: auto; background-color: #FFF;margin: 60px auto; border: 1px solid #a65251;}
.login_box h3 {padding: 20px 0; color: #FFF; background-color: #a65251;text-align: center;}
.login_box .tab_box { padding: 20px;}
.login_box h3.log_tit {padding: 20px; display: flex; justify-content: space-between; align-items: center;text-align: left;}
.btn_sty2 {background-color:#FFF;color:#a65251 ;padding: 5px 20px; font-size: 15px;  border-radius: 5px;}
.btn_sty2:hover {background-color:#999;}

.bky {margin: 20px 0;}
.btn_sty4 {background-color:#a65251;color:#FFF ;padding: 10px 20px; font-size: 18px;  border-radius: 5px; display: flex; justify-content: flex-start;align-items: center; }
.btn_sty4:hover {background-color:#353535;color:#FFF}

/*內頁*/


@media screen and (max-width:760px) {
	
}


/*==============================================================
                  版權
==============================================================*/

footer {
	
	width: 100%;
	clear: both;	
	color:#FFF;
	background: #383838; 


}
.fot_box{display: flex; justify-content: space-between; align-items: center;padding: 50px 0;}
.fot_box a {color: #FFF;}


@media screen and (max-width:760px) {
	.fot_box {display: flow-root;padding-bottom: 120px;}
	
}
/*數字頁*/
.page-no {
	clear: both;
	padding: 30px 0;
	overflow: hidden;
}
.no_box {
	clear: both;
	margin: 0 auto;
	position: relative;
	padding: 20px 0;
	text-align: center;
	color: #a65251;	
	
}
.no_box select {color: #7b7a6a; padding: 0 10px; }
.no_box a { padding: 3px 10px;border-right: 1px solid #a65251; }
.no_box ul {
	text-align: center;
	position: relative;
}
.no_box li {
	display: inline-block;
	height: auto;
	border-left: 1px solid #b8956b;
	text-align: center;
	
}
.no_box li a {
	margin: 0;
	color: #b8956b;	
	display: block;
	/*font-weight: bold;*/	
	padding: 0 15px;
}
.no_box li:last-child  {border-right: 1px solid #b8956b;}
.no_box li a:hover, .no_box li.on a {
	color: #424242;
}
.sel_no { padding: 0 10px; color: #b8956b;}
.sel_no:hover , .sel_no:hover select{ color: #424242;}
.sel_no select {color: #7b7a6a; padding: 0 10px; }

/*==============================================================
                 loading動畫
==============================================================*/
#gotop {
	width: 40px;
	height: 40px;
	line-height: 40px;
	background-color: rgba(0,0,0,0.8);
	position: fixed;
	right: 0;
	bottom: 100px;
	text-align: center;
	color: #FFF;
}
.at_loading {
  　width:100%; height:100%; position:fixed; left:0; right:0; top:0; bottom:0; z-index:1500; display: flex; align-items: center; justify-content: center;  background-color: #000;
   }

.loader {
  width: 48px;
  height: 48px;
  display: inline-block;
  position: relative;
}
.loader::after,
.loader::before {
  content: '';
  width: 48px;
  height: 48px;
  border: 2px solid #FFF;
  position: absolute;
  left: 0;
  top: 0;
  box-sizing: border-box;
  animation: rotation 2s ease-in-out infinite;
}
.loader::after {
  border-color: #df9fb2;
  animation-delay: 1s;
}

@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}