.indexpic_right {
	display: flex;
	flex-direction: row-reverse;
}

@media (max-width: 991px) {
.indexpic_right {
	display: block;
}
}
.index_iconmore {
	text-align: center;
	display: inline-block;
	margin-top: 20px;
}
.index_iconmore a {
	display: inline-block;
	padding: 12px 2.5rem;
	border-radius: 30px;
	color: #fff;
	background: #0C6762;
	line-height: 1.5;
	letter-spacing: 1.5px;
	white-space: nowrap;
	box-shadow: 1px 1px 0 rgba(255,255,255,.3);
	transition: all 0.3s ease;
}
.index_iconmore a i {
	color: #49BBA5;
	margin-left: 10px;
}
.index_iconmore a:hover {
	color: #095550;
	background: #EEFFFC;
	box-shadow: 1px 1px 0 rgba(12, 103, 97, 0.2);
}
.index_iconmore a:hover i {
	color: #129A92;
}
/*首頁b03*/


.index_b03_title {
	max-width: 650px;
	width: 100%;
	height: 350px;
	display: block;
	color: #fff;
	line-height: 1.7;
	background: rgba(73, 187, 165,.8);
	margin: 3rem 0 5rem 50px;
	position: relative;
	padding: 120px 60px 50px 60px;
	text-align: left;
}
.index_b03_title::after {
	content: '';
	width: 100%;
	height: 100%;
	background-image: url(../b03_title_f.png);
	position: absolute;
	top: 50px;
	left: -50px;
	background-size: contain;
	background-repeat: no-repeat;
}
.index_b03_title .t01 {
	font-size: 45px;
	line-height: 1.2;
	letter-spacing: 1px;
	font-weight: 500;
	margin-bottom: 20px;
}
.index_b03_title .t02 {
	font-size: 17px;
	line-height: 1.5;
	font-weight: 400;
	color: #feffe2;
	letter-spacing: 1px;
}

@media (max-width: 1199px) {
.index_b03_title {
	max-width: 560px;
	width: 100%;
	height: 300px;
	margin: 4rem 0 4rem 50px;
	position: relative;
	padding: 100px 50px 50px 60px;
	text-align: left;
}
}

@media (max-width: 991px) {
.index_b03_title {
	max-width: 80%;
	width: 80%;
	height: auto;
	margin: 10rem auto 2rem auto;
	position: relative;
	padding: 50px 30px;
	justify-content: center;
	display: flex;
	align-items: center;
	flex-flow: column;
}
.index_b03_title::after {
	content: '';
	width: calc(100% - 30px);
	height: calc(100% - 30px);
	background-image: none;
	position: absolute;
	top: 0;
	left: 0;
	background-size: contain;
	background-repeat: no-repeat;
	border: 1px solid #fff;
	margin: 15px;
}
.index_b03_title .t01 {
	font-size: 40px;
	line-height: 1.2;
	margin-bottom: 20px;
	text-align: center;
}
.index_b03_title .t02 {
	font-size: 15px;
	line-height: 1.5;
	text-align: center;
}
}

@media (max-width: 767px) {
.index_b03_title {
	max-width: 100%;
	width: 100%;
	height: auto;
	margin: 10rem auto 10px auto;
	position: relative;
	padding: 40px 20px;
	justify-content: center;
	display: flex;
	align-items: center;
	flex-flow: column;
}
.index_b03_title .t01 {
	font-size: 28px;
	line-height: 1.2;
	margin-bottom: 10px;
}
.index_b03_title .t02 {
	font-size: 14px;
	line-height: 1.5;
}
}
/*首頁b05*/

.index_b05_title {
	display: inline-block;
	position: relative;
	padding: 40px 10% 5px 0;
	color: var(--theme-color);
	font-size: 2.8em;
	font-weight: 500;
	letter-spacing: 1px;
	border-bottom: 2px solid var(--theme-color);
	line-height: 1.5;
	margin-bottom: 40px;
}
.index_b05_title::after {
	content: '';
	position: absolute;
	padding: 0;
	width: 30%;
	height: 3px;
	background: var(--theme-color);
	left: 0;
	bottom: 0;
}

@media (max-width: 767px) {
.index_b05_title {
	font-size: 2.3em;
}
}
/*--首頁影片--*/

.i_video {
	width: 100%;/*
  max-height: 700px;
	visibility: hidden;
*/
}
.i_video_txtbox {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-flow: column;
	flex-flow: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-line-pack: center;
	align-content: center;
	background-color: rgba(255, 255, 255, 0.8);
	height: 100%;
	top: 0;
	position: absolute;
	width: 420px;
	padding: 20px 50px;
	right: 8rem;
}
.i_video_txtbox .vbox {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	flex-flow: column;
}
.i_video_txtbox .vbox .t01 {
	font-size: 48px;
	line-height: 1.2;
	color: #555555;
	font-weight: 500;
	width: 100%;
	padding: 50px 0;
	position: relative;
}
.i_video_txtbox .vbox .t01::before {
	content: "";
	display: inline-block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 25px;
	background-image: url(../icon_up_b.svg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center top;
}
.i_video_txtbox .vbox .t01::after {
	content: "";
	display: inline-block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 25px;
	background-image: url(../icon_up_b.svg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center bottom;
	-moz-transform: scaleY(-1);
	-webkit-transform: scaleY(-1);
	-o-transform: scaleY(-1);
	transform: scaleY(-1);
}
.i_video_txtbox .vbox .t02 {
	font-size: 17px;
	line-height: 1.6;
	color: #6F6F6F;
	font-weight: 500;
	letter-spacing: 1.5px;
	margin: 30px 0 30px 0;
}
.btn_wmore {
	text-align: center;
	display: inline-block;
	margin-top: 20px;
}
.btn_wmore a {
	display: inline-block;
	padding: 10px 2rem;
	border-radius: 30px;
	color: #666;
	background: rgba(255,255,255,0.8);
	line-height: 1.5;
	letter-spacing: 1px;
	white-space: nowrap;
	transition: all 0.3s ease;
	border: 4px solid #ECF6F4;
	font-size: 14px;
}
.btn_wmore a i {
	color: #49BBA5;
	margin-left: 10px;
}
.btn_wmore a:hover {
	color: #fff;
	background: #129A92;
	border: 4px solid #64C6B2;
}
.btn_wmore a:hover i {
	color: #fff;
}



.btn_wmore_s {
	text-align: center;
	display: inline-block;
	margin-top: 10px;
}
.btn_wmore_s a {
	display: inline-block;
  padding: 10px 1.5rem;
  border-radius: 3px;
  color: #797979;
  background: #eee;
  line-height: 1.5;
  letter-spacing: 1px;
  white-space: nowrap;
  transition: all 0.3s ease;
  font-size: 14px;
}
.btn_wmore_s a i {
	color: #49BBA5;
	margin-left: 10px;
}
.btn_wmore_s a:hover {
	color: #fff;
	background: #129A92;
}
.btn_wmore_s a:hover i {
	color: #fff;
}




@media (max-width: 1199px) {
.i_video_txtbox .vbox .t01 {
	font-size: 42px;
	line-height: 1.2;
	padding: 40px 0;
}
.i_video_txtbox .vbox .t02 {
	margin: 20px 0 20px 0;
}
}

@media (max-width: 991px) {
.i_video_txtbox {
	display: block;
	background-color: #fff;
	height: 100%;
	top: auto;
	position: relative;
	width: 100%;
	padding: 20px;
	right: 0;
	bottom: 0;
}
.i_video_txtbox .vbox {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	text-align: center;
	flex-flow: initial;
}
.i_video_txtbox .vbox .t01 {
	font-size: 25px;
	line-height: 1.2;
	padding: 20px 50px;
	width: fit-content;
}
.i_video_txtbox .vbox .t01::before {
	content: "";
	display: inline-block;
	position: absolute;
	left: 0;
	top: 0;
	width: 40px;
	height: 100px;
	background-image: url(../icon_up_b.svg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
	-moz-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
}
.i_video_txtbox .vbox .t01::after {
	content: "";
	display: inline-block;
	position: absolute;
	left: auto;
	right: 0;
	bottom: 0;
	width: 40px;
	height: 100px;
	background-image: url(../icon_up_b.svg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}
.i_video_txtbox .vbox .t02 {
	margin: 10px 0;
	font-size: 16px;
	text-align: left;
	letter-spacing: 0.5px;
}
.btn_wmore {
	text-align: center;
	display: inline-block;
	margin-top: 0px;
}
}

@media (max-width: 767px) {
.i_video_txtbox .vbox {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	flex-flow: column;
}
.i_video_txtbox .vbox .t02 {
	margin: 10px 0 20px 0;
	font-size: 15px;
	letter-spacing: 0.5px;
	text-align: center;
}
.i_video_txtbox {
	padding: 20px 0 40px 0;
}
}
/*--首頁類別--*/


.tri_left_bg {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
.tri_left {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 30px 30px 30px 0;
	border-color: transparent #ffffff transparent transparent;
	position: relative;
	right: -15px;
}
.tri_right_bg {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.tri_right {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 30px 0 30px 30px;
	border-color: transparent transparent transparent #ffffff;
	position: relative;
	left: -15px;
}

@media (max-width: 991px) {
.tri_left_bg, .tri_right_bg {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: end;
}
.tri_left, .tri_right {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 30px 30px 30px;
	border-color: transparent transparent #ffffff transparent;
	position: relative;
	right: -15px;
}
}
/*--首頁more banner*/


.i_f_ban_bg {
	padding: 4rem 0;
	background: url(../i_f_ban_bg.jpg) repeat;
	display: block;
	width: 100%;
	float: left;
}
.i_f_ban_box {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.i_f_ban_box .tbox {
	width: 100%;
	display: block;
	text-shadow: 1px 1px 0 rgba(27,124,107,0.1);
}
.i_f_ban_box .tbox .t01 {
	color: #fff;
	font-size: 1.75em;
	font-weight: 600;
	letter-spacing: 2px;
	line-height: 1.2;
	margin-bottom: 10px;
}
.i_f_ban_box .tbox .t02 {
	color: #fdffe4;
	font-size: 1em;
	font-weight: 500;
	letter-spacing: 1.5px;
	line-height: 1.5;
}

@media (max-width: 991px) {
.i_f_ban_box {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	text-align: center;
}
.i_f_ban_box .tbox {
	padding: 0 20px;
}
.index_iconmore a {
	padding: 12px 1rem 12px 1.5rem;
	letter-spacing: 1px;
}
}
/*footer*/

.footer-bg {
	padding: 4rem 0;
	background: url(../bg_footer.jpg) repeat;
	display: block;
	width: 100%;
	float: left;
}
.f_title {
	font-size: 22px;
	margin-bottom: 15px;
	letter-spacing: 2px;
}
.f-list-menu {
	padding-left: 0;
	list-style: none
}
.f-list-menu {
	list-style: none;
	margin: 0;
	padding: 0;
}
.f-list-menu li {
	padding: 0 10px 5px 0;
	margin: 0 0 5px 0;
	display: inline-block;
}
.f-list-menu li:last-child {
	padding: 0 0 5px 0;
	margin: 0 0 5px 0;
}
/*color*/
.c-m-blue {
	color: #129A92;
}
.c-m-blue-light {
	color: #49BBA5;
}
.maingreen {
	color: #0C6761;
}
.color-lightgray {
	color: #f2f3f8;
}
.color-lightgray2 {
	color: #b4b4b4;
}
.color-lightblue {
	color: #05cbec;
}
.color-deepgray {
	color: #151515;
}
.color-gray {
	color: #474747;
}
.color-midgray {
	color: #8A8A8A;
}
.color-deepblue {
	color: #0C6761;
}
.color-deepblue-title {
	color: #2B4D67;
}
.color-grayblue {
	color: #90A2B0;
}
.color-grayblue-light {
	color: #A6B8C6;
}
.color-deepgrayblue {
	color: #848a8f;
}
.color-mainblue {
	color: #4175B9 !important;
}


/* title */

.post-title-dot {
	width: 100%;
	/* display: block; */
	padding: 0 0 0 20px;
	position: relative;
}
.post-title-dot::before {
	width: 3px;
	height: 3px;
	content: ' ';
	background-color: #103C5C;
	position: absolute;
	top: 10px;
	left: 8px;
}
/* icon */

.title_blueline {
	width: 140px;
	height: 1px;
	display: block;
	background-color: #04CBEC;
	position: relative;
}
.title_blueline::before {
	width: 40px;
	height: 5px;
	content: ' ';
	background-color: #04CBEC;
	position: absolute;
	top: -5px;
}
/* text */
.text-white a:link, .text-white a:visited {
	color: #fff !important;
	text-decoration: underline;
}
.text-white a:hover {
	color: #B9F3FE !important
}
/*搜尋box*/
.searchbox {
	width: 100%;
	display: block;
	float: left;
}
.searchbox .medium-input {
	padding: 13px 13px;
  font-size: 14px;
  line-height: normal;
	border-radius: 0;
}
.searchbox .btn i {
	margin-left: 6px;
	vertical-align: middle;
	position: relative;
	top: -2px;
	color: #7e8387;
	font-weight: 600;
}
/* 首頁產品 */
.indexprobg {
	background: #f2f3f8;
}
.indexprobox_w {
	width: 100%;
	height: 340px;
	padding: 10px;
	box-sizing: border-box;
	background: #fff;
	float: left;
}
.indexprobox_in {
	width: 100%;
	height: 100%;
	padding: 15px;
	border: 1px solid #f2f3f8;
	box-sizing: border-box;
	background: #fff;
	float: left;
	display: flex;
}
.indexprobox_pic {
	width: 100%;
	box-sizing: border-box;
	text-align: center;
	align-self: center;
	display: block;
}
.indexprobox_title {
	width: 100%;
	float: left;
	text-align: center;
	margin: 20px 0 0 0;
}
/* 首頁介紹 */
.indexinfo {
	width: 100%;
	position: relative;
}
.indexinfo-01 {
	width: 100%;
	position: relative;
	top: 60px;
	z-index: 10;
}

@media (min-width: 1400px) {
.indexinfo-01 .container {
	max-width: 1170px;
}
}

@media (min-width: 1700px) {
.indexinfo-01 .container {
	max-width: 1170px;
}
}
/*
.indexinfo_right {
	 background-color: #fff;
	 background-image: url(../index_b_pic00.png);
	 background-repeat: no-repeat;
	 background-position: -10rem 0;
}

.right-image-top {
	top: 50px;
	right: 0;
    position: absolute;

    width: 45%;
    height: 100%;
    text-align: right;
    z-index: 10;
	overflow: hidden;
}
.right-image-top img {
	max-width: none
}

*/



/*footer_quick*/
ul.footerquick {
	width: 100%;
	display: block;
	padding: 0 0 0 22px;
	margin: 0 0 25px 0;
	text-align: left;
}
ul.footerquick li {
	margin: 0 0 5px 0;
	list-style: none;
	position: relative;
}
ul.footerquick li::before {
	content: ' ';
	width: 3px;
	height: 3px;
	background: #07AECF;
	position: absolute;
	left: -16px;
	top: 11px;
}
ul.footerquick li a:link, ul.footerquick li a:visited {
	color: #fff !important;
	text-decoration: none;
}
ul.footerquick li a:hover {
	color: #B9F3FE !important
}
/*首頁背景bg*/
#indexcontentbg {
	width: 100%;
	float: left;
	padding: 85px 0;
	background: url(../index_content_bg.jpg) no-repeat center top;
}
#indexlinkbg {
	width: 100%;
	float: left;
	padding: 0 0 78px 0;
	display: block;
	background: url(../bg_indexlink.jpg) no-repeat center bottom fixed;
}
/*首頁新聞*/
.inews_box {
	width: 100%;
	float: left;
	padding: 0 5px 80px 5px;
}
.inews_box_title {
	width: 370px;
	float: right;
	padding: 140px 60px 60px 60px;
}
.inews_box_tab {
	width: calc(100% - 370px);
	float: left;
}
.inews_box_title .t01 {
	display: block;
	margin: 0 0 70px 0;
}
.inews_box_title .t01 .en {
	font-family: 'Heebo', sans-serif;
	font-size: 66px;
	line-height: 1;
	color: #40484f;
	font-weight: 600;
}
.inews_box_title .t01 .cht {
	font-size: 20px;
	line-height: 1;
	color: #438ed0;
	font-weight: 400;
	letter-spacing: 1px;
}
.inews_box_title .morebtn {
	display: block;
}
.btn_imore {
	font-family: 'Noto Sans TC', Heebo, sans-serif;
	padding: 16px 40px;
	background: #75ACDC;
	border: 2px solid #75ACDC;
	color: #fff;
	font-size: 16px;
	transition-duration: 0.1s;
	transition-timing-function: ease-in-out;
	white-space: nowrap;
	float: left;
}
.btn_imore:hover, .btn_imore:focus {
	background: rgba(255,255,255,0.85);
	border: 2px solid #8DBAE2;
	color: #75ACDC;
}
.inews_content_left {
	padding-left: 75px
}
.inews_content_left .calendar {
	position: absolute;
	top: 0px;
	left: 0px;
	text-align: center;
}
.inews_content_left .calendar .year {
	display: block;
	color: #515354;
	font-size: 13px;
	line-height: 1.6;
}
.inews_content_left .calendar .date {
	display: block;
	color: #438ed0;
	font-size: 48px;
	line-height: 1;
	font-weight: 600;
	margin: 0;
	letter-spacing: -1px;
}
.inews_list_box {
	width: 100%;
	float: left;
}
.inews_list {
	display: block;
	letter-spacing: 0.5px;
}
.inews_list .tab {
	display: inline-block;
	padding: 4px 14px;
	margin: 0 0 3px 0;
	font-size: 14px;
	line-height: 1.7;
	color: #fff;
	letter-spacing: 1px;
	border-radius: 1px;
}
.inews_list .title {
	display: block;
	font-size: 17px;
	font-weight: 500;
	color: #222222;
	margin: 8px 0;
}
.inews_list .cont {
	display: block;
	font-size: 14px;
	line-height: 1.6;
	color: #a1a1a1;
}
.inews_list:hover .title {
	color: #11538D;
}
.inews_list:hover .cont {
	color: #6e6e6e;
}

@media (max-width: 1200px) {
.inews_list_box {
	padding: 0 30px;
}
.inews_box_title {
	width: 100%;
	padding: 0 0 20px 0;
	display: flex;
	align-self: flex-end;
}
.inews_box_tab {
	width: 100%;
	float: left;
}
.inews_box_title .t01 {
	margin: 0;
	align-self: flex-start;
	width: inherit;
}
.inews_box_title .morebtn {
	align-self: flex-end;
}
.inews_box_title .t01 .en {
	font-size: 40px;
}
.btn_imore {
	padding: 8px 15px;
	font-size: 14px;
}
}

@media (max-width: 767px) {
#indexcontentbg {
	padding: 50px 0 60px 0;
}
.inews_content_left {
	padding-left: 60px
}
.inews_content_left .calendar .year {
	font-size: 12px;
}
.inews_content_left .calendar .date {
	font-size: 42px;
}
}
/*首頁相簿*/
.video-container {
	position: relative;
	padding-bottom: 49.4%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	max-height: 270px;
}
.video-container iframe, .video-container object, .video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

@media (max-width: 1580px) {
.video-container {
	padding-bottom: 47%;
}
}

@media (max-width: 1199px) {
.video-container {
	padding-bottom: 48.5%;
}
}

@media (max-width: 991px) {
.video-container {
	padding-bottom: 46.7%;
}
}

@media (max-width: 767px) {
.video-container {
	padding-bottom: 49.3%;
}
}
/*首頁連結*/
.ilink_box_title {
	width: 370px;
	float: right;
	padding: 140px 10px 60px 70px;
	position: relative;
}
.ilink_box_title::before {
	content: ' ';
	width: 1px;
	height: 300px;
	background: #fff;
	position: absolute;
	left: 45px;
	top: 0;
}
.ilink_box_tab {
	width: calc(100% - 370px);
	float: left;
}
.ilink_box_title .t01 {
	display: block;
	margin: 0 0 70px 0;
}
.ilink_box_title .t01 .en {
	font-family: 'Heebo', sans-serif;
	font-size: 66px;
	line-height: 1;
	color: #ffffff;
	font-weight: 600;
	text-transform: uppercase;
}
.ilink_box_title .t01 .cht {
	font-size: 20px;
	line-height: 1;
	color: #cae3f9;
	font-weight: 400;
	letter-spacing: 1px;
	padding: 8px 0 0 0;
}
.ilink_box_title .morebtn {
	display: block;
}
.btn_imore02 {
	font-family: 'Noto Sans TC', Heebo, sans-serif;
	padding: 16px 40px;
	background: none;
	border: 2px solid rgba(255,255,255,0.9);
	color: #fff;
	font-size: 16px;
	transition-duration: 0.1s;
	transition-timing-function: ease-in-out;
	white-space: nowrap;
	float: left;
}
.btn_imore02:hover, .btn_imore02:focus {
	background: rgba(67, 142, 208, 0.8);
	border: 2px solid rgba(67, 142, 208, 0.8);
	color: rgba(255,255,255,0.85);
}
.ilink_box {
	width: 100%;
	float: left;
	padding: 60px 60px 40px 60px;
	background: #fff;
}
.linklist {
	margin: 0;
	padding: 0 0 0;
	list-style: none;
	display: flex;
	flex-flow: row wrap;
}
.linklist li {
	width: calc(100%/3 - 15px);
 margin: 0 calc( 15px * 3 / 2 ) 20px 0;
	padding: 0;
	font-size: 17px;
	border-radius: 3px;
	background: #f2f2f2;
	border: 3px solid #f2f2f2;
	display: flex;
	align-items: stretch;
}
.linklist li a {
	color: #222222;
	transition: all 0.3s ease;
	display: flex;
	flex-flow: row wrap;
	align-items: stretch;
}
.linklist li .icon {
	width: 70px;
	min-height: 70px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.linklist li .title {
	width: calc(100% - 70px);
	padding: 10px 15px;
	box-sizing: border-box;
	display: inline-block;
	align-self: center;
}
.linklist li:nth-of-type(3n) {
	margin-right: 0;
}
.linklist li:hover {
	opacity: .85;
}

@media (max-width: 1200px) {
.linklist li {
	width: calc(100%/2 - 15px);
 margin: 0 calc(10px*2) 15px 0;
	transition: all 0.5s;
	display: flex;
}
.linklist li:nth-of-type(2n) {
	margin-right: 0;
}
.linklist li:nth-of-type(3n) {
	margin-right: 20px;
}
.linklist li:nth-of-type(6n) {
	margin-right: 0;
}
}

@media (max-width: 992px) {
.ilink_box_title {
	width: 100%;
	padding: 60px 0 10px 0;
	display: flex;
	align-self: flex-end;
}
.ilink_box_title::before {
	content: ' ';
	width: 1px;
	height: 300px;
	background: #fff;
	position: absolute;
	left: -15px;
	top: 0;
}
.ilink_box_title .t01 {
	margin: 0;
	align-self: flex-start;
	width: inherit;
	text-align: left;
}
.ilink_box_title .morebtn {
	align-self: flex-end;
}
.ilink_box_title .t01 .en {
	font-size: 40px;
}
.btn_imore02 {
	padding: 8px 15px;
	font-size: 14px;
}
}

@media (max-width: 767px) {
.ilink_box {
	width: calc(100% - 30px);
	padding: 40px 20px 20px 30px;
	margin: 0 15px;
}
.ilink_box_title::before {
	content: ' ';
	display: none;
}
}

@media (max-width: 575px) {
.ilink_box {
	width: calc(100% - 30px);
	padding: 30px 20px 20px 20px;
	margin: 0 15px;
}
.linklist li {
	width: 100%;
	margin: 0 0 10px 0;
	display: block;
}
.linklist li .icon {
	min-height: 50px;
}
.linklist li:nth-of-type(3n) {
	margin-right: 0;
}
}
/*-------內頁主圖---*/

.pagepictitle {
	width: 100%;
	display: block;
	color: #fff;
}
.pagepictitle .t01 {
	font-size: 50px;
	line-height: 1.3;
	text-transform: uppercase;
	letter-spacing: 3px;
	font-weight: 600;
	margin: 85px 0 0 0;
	text-shadow: 0 0 20px rgba(0,0,0,0.2);
}
.pagepictitle .t02 {
	font-size: 18px;
	line-height: 1.3;
	letter-spacing: 5px;
	font-weight: 400;
	text-shadow: 0 0 20px rgba(0,0,0,0.2);
	text-transform: uppercase;
}
.pagepictitle .t02 span {
	display: inline-block;
	background: RGBA(73, 187, 165, .6);
	padding: 5px 30px;
}

@media (max-width:991px) {
}

@media (max-width:767px) {
.pagepictitle .t01 {
	font-size: 40px;
	line-height: 1.3;
	letter-spacing: 3px;
	margin: 65px 0 0 0;
}
.pagepictitle .t02 {
	font-size: 17px;
	letter-spacing: 4px;
}
.pagepictitle .t02 span {
	display: inline-block;
	padding: 5px 30px;
}
}

@media (max-width:576px) {
.pagepictitle .t01 {
	font-size: 38px;
	line-height: 1.3;
	letter-spacing: 3px;
	margin: 60px 0 0 0;
}
}
/*page標題*/
.pagetitle_box {
	width: 100%;
	text-align: center;
	display: block;
	margin: 20px 0 40px 0;
	letter-spacing: 3px;
}
.pagemaintitle {
	font-size: 2em;
	line-height: 1;
	font-weight: 500;
	letter-spacing: 5px;
	color: #151515;
	display: block;
	padding: 20px 0 15px 0;
	margin: 0 0 30px 0;
	text-align: center;
}
.pagemaintitle span {
	padding: 8px 3% 5px 3%;
	border: 2px solid #151515;
	border-radius: 10px;
}
.pagetitle_h1 {
	font-size: 40px;
	line-height: 1.2;
	margin: 0 0 15px 0;
	font-weight: 600;
}
.pagetitle_h2 {
	font-size: 28px;
	line-height: 1.5;
	font-weight: 400;
	margin: 0 0 15px 0;
}
.pagetitle_h3 {
	font-size: 20px;
	line-height: 1.5;
	font-weight: 400;
	margin: 0 0 15px 0;
}

@media (max-width: 991px) {
.pagetitle_h1 {
	font-size: 45px;
}
.pagetitle_h2 {
	font-size: 20px;
}
.pagetitle_h3 {
	font-size: 18px;
	line-height: 1.5;
	font-weight: 400;
	margin: 0 0 15px 0;
}
}

@media (max-width: 767px) {
.pagetitle_h1 {
	font-size: 30px;
}
.pagetitle_h2 {
	font-size: 18px;
}
}
/*--內頁主圖*/
.parallaxpage01, .parallaxpage011, .parallaxpage01_1, .parallaxpage01_2, .parallaxpage01_3 {
	position: relative;
	overflow: hidden;
	background-attachment: fixed;
	background-size: auto;
	background-position: center top !important;
}
.parallaxpage01 {
	background-image: url('../pagepic01.jpg');
}
.parallaxpage011 {
	background-image: url('../pagepic011.jpg');
}
.parallaxpage01_1 {
	background-image: url('../pagepic01_188.jpg');
}
.parallaxpage01_2 {
	background-image: url('../pagepic01_158.jpg');
}
.parallaxpage01_3 {
	background-image: url('../pagepic01_138.jpg');
}
.parallaxpage02, .parallaxpage02_1, .parallaxpage02_2, .parallaxpage03, .parallaxpage04, .parallaxpage05, .parallaxpage06 {
	padding: 20px 0 10px 0;
	position: relative;
	overflow: hidden;
	background-attachment: fixed;
	background-size: auto;
	background-position: center top;
}
.parallaxpage02 {
	background-image: url('../pagepic02.jpg');
}
.parallaxpage02_1 {
	background-image: url('../pagepic02_1.jpg');
}
.parallaxpage02_2 {
	background-image: url('../pagepic02_2.jpg');
}
.parallaxpage03 {
	background-image: url('../pagepic03.jpg');
}
.parallaxpage04 {
	background-image: url('../pagepic04.jpg');
}
.parallaxpage05 {
	background-image: url('../pagepic05.jpg');
}
.parallaxpage06 {
	background-image: url('../pagepic06.jpg');
}

@media (max-width:991px) {
.parallaxpage01, .parallaxpage011, .parallaxpage01_1, .parallaxpage01_2, .parallaxpage01_3, .parallaxpage03, .parallaxpage04, .parallaxpage06 {
	background-position: center top;
}
.parallaxpage02 {
	background-position: 60% top;
}
.parallaxpage02_1 {
	background-position: 25% top;
}
.parallaxpage02_2 {
	background-position: 25% top;
}
.parallaxpage05 {
	background-position: 25% top;
}
}

@media (max-width:576px) {
.parallaxpage01, .parallaxpage011, .parallaxpage01_1, .parallaxpage01_2, .parallaxpage01_3, .parallaxpage03, .parallaxpage04, .parallaxpage06 {
	background-position: center top;
}
.parallaxpage02 {
	background-position: 60% top;
}
.parallaxpage02_1 {
	background-position: 25% top;
}
.parallaxpage02_2 {
	background-position: 25% top;
}
.parallaxpage05 {
	background-position: 30% top;
}
}
/*常見問題*/
/* accordion style 2 */
.faqbox .panel {
	background: transparent;
	border: none;
	margin-bottom: 20px;
	box-shadow: none;
}
.faqbox .panel-title {
	background: transparent;
	border: none
}
.faqbox .panel .panel-heading {
	border: 1px solid #e8e8e8;
	border-radius: 5px 5px 0 0;
	padding: 0;
	transition: all 0.3s ease;
}
.faqbox .panel-title {
	padding: 18px 44px 18px 30px;
	line-height: 1.75;
	position: relative;
	font-size: 17px;
	font-weight: 500;
	color: #555;
	letter-spacing: 1px;
	text-shadow: 1px 1px 0 rgba(255,255,255, .5);
}
.faqbox .panel-body {
	padding: 35px 30px;
	border-top: 1px solid #ddd;
}
.faqbox .panel-heading i {
	font-size: 20px;
	margin: 0;
	position: absolute;
	right: 18px;
	top: 18px;
	width: 30px;
	height: 30px;
	background-color: #FFF;
	border-radius: 50%;
	text-align: center;
	line-height: 30px;
	box-shadow: -1px -1px 0 #e6e6e6;
}
.faqbox .tab-tag {
	font-size: 21px;
	padding: 0;
	margin-right: 7px;
	display: inline-block;
	vertical-align: top;
	line-height: 1.3;
}
.faqbox .date {
	font-size: 16px;
	padding: 0;
	margin-right: 10px;
	display: inline-block;
	vertical-align: top;
	line-height: 1.7;
	font-weight: 500;
	letter-spacing: 0;
}
.faqbox a {
	color: #444;
	transition: all 0.3s ease;
}
.faqbox a i {
	color: #49BBA5;
	transition: all 0.3s ease;
}
.faqbox a:hover, .faqbox a:hover i {
	color: #129A92;
}
.faqbox .panel-default:last-child {
	border-bottom: 1px solid rgba(0, 0, 0, 0);
	margin-bottom: 0;
}
.faqbox {
	margin-bottom: 30px;
	margin-top: 30px;
}
.faqbox .panel-title .title00 {
	padding: 10px 0;
}
.faqbox .panel a:hover .panel-title {
	color: #0C6761;
	background-color: #fffdeb;
	border-radius: 0;
}
.faqbox .panel .panel-heading.active-accordion {
	color: #0C6761;
	background-color: #EBF7F3;
	border-radius: 0;
}
.faqbox .panel .panel-heading.active-accordion .panel-title {
	color: #0C6761;
}
/* -------------------------------- 
目錄
-------------------------------- */

.asidecate {
	width: 280px;
	float: left;
	padding: 0;
	margin: 0;
	position: relative;
}
.left-sidebar {
	width: calc(100% - 280px);
	padding-left: 40px;
}

@media (min-width: 992px) and (max-width: 1200px) {
.asidecate {
	width: calc(25% - 15px);
	float: left;
	padding: 0;
	margin: 0 0 0 15px;
}
.left-sidebar {
	width: 75%;
}
}

@media (min-width: 768px) and (max-width: 991px) {
.asidecate {
	width: 100%;
	float: left;
	padding: 0 15px;
	margin: 0;
}
.left-sidebar {
	width: 100%;
	padding-left: 0px;
}
}

@media (max-width: 767px) {
.asidecate {
	width: 100%;
	float: left;
	padding: 0 15px;
	margin: 0;
}
.left-sidebar {
	width: 100%;
	padding-left: 0px;
}
.pagemaintitle {
	padding: 0px 0 10px 0;
}
}
.cd-accordion-menu {
	width: 100%;
	float: left;
	padding: 0;
	margin: 0;
	letter-spacing: 0.5px;
}
.cd-accordion-menu ul {
	/* by default hide all sub menus */
	display: none;
}
.cd-accordion-menu li {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	list-style: none;
	margin-bottom: 5px;
	position: relative;
}
.cd-accordion-menu ul li {
	margin-bottom: 0px;
}
.cd-accordion-menu input[type=checkbox] {
	/* hide native checkbox */
	position: absolute;
	opacity: 0;
}
.cd-accordion-menu label, .cd-accordion-menu a {
	position: relative;
	display: block;
	padding: 12px 18px 12px 18px;
	/* background: #fff; */
	border-bottom: 1px solid #e9e9e9;
	box-shadow: 0 1px 0 #fff;
	color: #28445c;
	font-size: 1rem;
}
.cd-accordion-menu label:hover, .cd-accordion-menu a:hover {
	color: #04B3D2;
	filter: brightness(103%);
}
.no-touch .cd-accordion-menu label:hover, .no-touch .cd-accordion-menu a:hover {
	background: #52565d;
}
.cd-accordion-menu label::before {
	/* icons */

	font-family: 'themify';
	content: "\e64b";
	display: inline-block;
	font-size: 11px;
	width: 16px;
	height: 16px;
	position: absolute;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.cd-accordion-menu label {
	cursor: pointer;
	margin-bottom: 0px;
	font-weight: 400;
}
.cd-accordion-menu label::before {
	/* arrow icon */
	top: 42%;
	right: 20px;
	background-position: 0 0;
	-webkit-transform: translateY(-50%) rotate(-90deg);
	-moz-transform: translateY(-50%) rotate(-90deg);
	-ms-transform: translateY(-50%) rotate(-90deg);
	-o-transform: translateY(-50%) rotate(-90deg);
	transform: translateY(-50%) rotate(-90deg);
}
.cd-accordion-menu input[type=checkbox]:checked + label::before {
	/* rotate arrow */
	top: 45%;
	right: 15px;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.cd-accordion-menu input[type=checkbox]:checked + label + ul, .cd-accordion-menu input[type=checkbox]:checked + label:nth-of-type(n) + ul {
	/* use label:nth-of-type(n) to fix a bug on safari (<= 8.0.8) with multiple adjacent-sibling selectors*/
  /* show children when item is checked */
	display: block;
	padding: 0;
	margin: 0;
}
.cd-accordion-menu ul label, .cd-accordion-menu ul a {
	background: #e6e7e9;
	padding-left: 30px;
}
.cd-accordion-menu ul label, .cd-accordion-menu ul a {
	position: relative;
	display: block;
	padding: 8px 35px 8px 10px;
	background: rgba(223,227,233,0.5);
	box-shadow: none;
	color: #2C4E68;
	font-size: 0.95rem;
	border-bottom: none;
}
.no-touch .cd-accordion-menu ul label:hover, .no-touch .cd-accordion-menu ul a:hover {
	background: #3c3f45;
}
.cd-accordion-menu > li:last-of-type > label, .cd-accordion-menu > li:last-of-type > a, .cd-accordion-menu > li > ul > li:last-of-type label, .cd-accordion-menu > li > ul > li:last-of-type a {
	box-shadow: none;
}
.cd-accordion-menu ul label::before {
}
.cd-accordion-menu ul ul label, .cd-accordion-menu ul ul a {
	padding-left: 90px;
}
.cd-accordion-menu ul ul label::before {
}
.cd-accordion-menu ul ul ul label, .cd-accordion-menu ul ul ul a {
	padding-left: 108px;
}
.cd-accordion-menu ul ul ul label::before {
}
.cd-accordion-menu .current {
	font-weight: 400;
	color: #196fbc;
}

@media only screen and (min-width: 200px) {
.cd-accordion-menu label, .cd-accordion-menu a {
	padding: 8px 18px 12px 15px;
	font-size: 1em;
}
.cd-accordion-menu label::before {
}
.cd-accordion-menu ul label,  .cd-accordion-menu ul a {
	padding-left: 25px;
}
.cd-accordion-menu ul label::before {
}
.cd-accordion-menu ul ul label,  .cd-accordion-menu ul ul a {
	padding-left: 35px;
}
.cd-accordion-menu ul ul label::before {
}
.cd-accordion-menu ul ul ul label,  .cd-accordion-menu ul ul ul a {
	padding-left: 154px;
}
.cd-accordion-menu ul ul ul label::before {
}
}
.cd-accordion-menu.animated label::before {
	/* this class is used if you're using jquery to animate the accordion */
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
}
/*=========================常見問題=============================*/

.faq_date {
	color: #005AAA;
	display: inline-block !important;
	margin: 0 15px 0 0;
	letter-spacing: 0.5px;
}

@media (max-width: 768px) {
.toggles .panel-title {
	display: block !important;
}
.faq_date {
	display: block !important;
	margin: 0 15px 3px 0;
}
}
/*=========================最新消息=============================*/

.p_news {
	width: 100%;
	display: block;
	margin: 0 0 30px 0;
}
.p_news .bottom {
	margin: 0;
	padding: 0;
	list-style: none;
}
.p_news .bottom li {
	display: flex;
	align-items: center;
	padding: 15px 1%;
	margin-bottom: 0;
	border-bottom: 1px solid #DEDEDE;
	transition: all 0.2s ease;
}
.p_news .bottom li:last-child {
	border-bottom: none;
}
.p_news .bottom li:hover {
	background: #f5f5f5;
}
.p_news .bottom li a {
	display: flex;
}
.p_news .bottom li .pic {
	max-width: 180px;
	display: flex;
	align-items: center;
	margin: 0 15px 0 0;
}
.p_news .bottom li p {
	display: flex;
	flex-flow: row wrap;
	align-content: center;
	margin: 0;
}
.p_news .bottom li .date {
	display: block;
	font-size: 1em;
	color: #005AAA;
	font-weight: 500;
	padding: 0;
	letter-spacing: 0.5px;
}
.p_news .bottom li .title00 {
	display: block;
	color: #161616;
	align-self: center;
	line-height: 1.7;
	padding-left: 25px;
}
.p_news .bottom li:hover .title00 {
	color: #000;
	text-decoration: none !important;
}
.p_news .bottom li .title00 .tab {
	display: inline-block;
	padding: 2px 10px;
	margin: 0 8px 3px 0;
	font-size: 14px;
	line-height: 1.7;
	color: #fff;
	letter-spacing: 1px;
	border-radius: 1px;
}
.p_news .bottom li a:hover {
	color: #B70100;
	text-decoration: none !important;
}
.newslist2 {
	display: inline-block;
	width: 100%;
}
.newslist2 dl {
	width: 100%;
	margin: 0px;
	float: left;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	padding-top: 0px;
	text-align: left;
}
.newslist2 dt {
  padding: 0 5px 5px 5px;
  font-size: 15px;
  font-weight: 400;
  color: #a8a8a8;
  letter-spacing: 0.5px;
  width: auto;
  line-height: 1.8;
  border: none;
  margin: 0 auto;
}
.newslist2 dd {
	float: left;
  margin: 0px;
  padding: 15px 20px;
  font-size: 1.3em;
  line-height: 1.5;
  font-weight: 500;
  letter-spacing: 1px;
  color: var(--second-color);
  width: 100%;
  border-color: transparent;
  box-sizing: border-box;
  background: #f2f2f2;
  border-radius: 3px;
}
.newscontent {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	padding: 20px 5px 20px 5px;
	/*    border-bottom: 1px solid #e8e8e8;*/
    /* background: rgba(255,255,255,0.3); */
	box-sizing: border-box;
}
.newslist4 {
	width: 100%;
	float: left;
	text-align: right;
}
.article_down {
	margin: 10px 0 0;
	float: left;
	width: 100%;
	border-top: 1px dashed #c9d0d7;
}
.article_down h3 {
	color: #444;
	letter-spacing: 1px;
	font-size: 1.3em;
	font-weight: 400;
	padding: 0 5px;
	margin: 20px 0 20px 0;
}
.article_down h3 .cht {
	font-family: '微軟正黑體', sans-serif;
	color: #000;
	display: inline-block;
	font-size: 0.7em;
	font-weight: 600;
	margin: 0 4px;
}
.article_down ul {
	list-style: none !important;
	padding: 0;
}
.article_down ul li {
	margin-bottom: 10px;
	background: rgba(236, 236, 236, 0.6);
	padding: 5px;
	box-sizing: border-box;
	transition: all 0.2s ease;
}
.article_down ul li:hover {
	background: #E9F4EF;
}
.article_down ul li:hover a:link {
	color: #000;
}
.article_down ul li a {
	display: flex;
	color: #333;
	font-weight: 500;
	font-size: 1em;
}
.article_down ul li .pic {
	width: 40px;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #ffffff;
	background: #EEC95C;
	transition: all 0.2s ease;
	position: relative;
}
.article_down ul li:hover .pic {
	background: #129A92;
}
.article_down ul li p {
	flex: 1;
  display: flex;
  align-items: center;
  padding: 0 12px;
  margin: 0;
  line-height: 1.6;
  font-weight: 400;
  letter-spacing: 0.5px;
  color: #555;
}
/*----------按鈕-------*/

.btnback {
	display: inline-block;
  margin: 0 3px;
  padding: 10px 30px 10px 30px;
  border-radius: 5px;
  color: #646464;
  background: #fff;
  border: 1px solid #f2f2f2;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 400;
  line-height: 1.5;
  font-size: 15px;
}
.btnback:hover {
	color: #f7f7f7;
	background: #129A92;
	border: 1px solid #129A92;
}
.btnback i {
	margin: 0 8px 0 5px;
}
.btnback:hover i {
	margin: 0 10px 0 3px;
}
/*========================常用連結=========================*/

.linklist02 {
	width: 100%;
	float: left;
	margin: 0 0 50px 0;
}
.linklist02 ul {
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
	border-top: #f2f2f2 solid 1px;
	display: flex;
	flex-flow: row wrap;
}
.linklist02 ul li {
	width: calc(100%/6);
	position: relative;
	border: #f2f2f2 solid 1px;
	border-right: none;
	border-top: none;
	padding: 15px;
	transition: all 0.3s ease;
	box-sizing: border-box;
}
.linklist02 ul li:last-of-type, .linklist02 ul li:nth-of-type(6n) {
	border-right: #f2f2f2 solid 1px;
}
.linklist02 ul li a {
	color: #222;
}
.linklist02 ul li a:hover {
	color: #000;
}
.linklist02 ul li:hover {
	background: rgba(235, 235, 235, 0.5);
}
.linklist02 ul li img {
	max-width: 98% !important;
	height: auto;
	margin: 0 1%;
}

@media (max-width:1399px) {
.linklist02 ul li {
	width: calc(100%/6);
	position: relative;
	border: #f2f2f2 solid 1px;
	border-right: none;
	border-top: none;
	padding: 15px;
}
.linklist02 ul li:nth-of-type(8n) {
	border-right: none;
}
.linklist02 ul li:last-of-type, .linklist02 ul li:nth-of-type(6n) {
	border-right: #f2f2f2 solid 1px;
}
}

@media (max-width:991px) {
.linklist02 ul li {
	width: calc(100%/4);
	position: relative;
	border: #f2f2f2 solid 1px;
	border-right: none;
	border-top: none;
	padding: 15px;
}
.linklist02 ul li:nth-of-type(8n) {
	border-right: none;
}
.linklist02 ul li:nth-of-type(6n) {
	border-right: none;
}
.linklist02 ul li:nth-of-type(7n) {
	border-right: none;
}
.linklist02 ul li:last-of-type, .linklist02 ul li:nth-of-type(4n) {
	border-right: #f2f2f2 solid 1px;
}
}

@media (max-width:479px) {
.linklist02 ul li {
	width: calc(100%/2);
	position: relative;
	border: #f2f2f2 solid 1px;
	border-right: none;
	border-top: none;
	padding: 15px;
}
.linklist02 ul li:nth-of-type(8n), .linklist02 ul li:nth-of-type(6n), .linklist02 ul li:nth-of-type(4n) {
	border-right: none;
}
.linklist02 ul li:last-of-type, .linklist02 ul li:nth-of-type(2n) {
	border-right: #f2f2f2 solid 1px;
}
}
.linklist02 ul li::before {
	content: "";
	display: block;
	padding-top: 100%;
}
.linklist02 ul li a {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	align-content: center;
}
.linklist02 ul li .icon {
	width: 60px;
	height: 60px;
	text-align: center;
	line-height: 1;
	color: #fff;
	margin-bottom: 10px;
	transition: all 0.3s;
	border-radius: 2px;
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	align-content: center;
}
.linklist02 ul li .icon img {
	max-width: 98% !important;
	height: auto;
	margin: 0 1%;
}
.linklist02 ul li:hover .icon {
	opacity: .8;/*	transform: scale(1.1,1.1);*/
}
.linklist02 ul li p {
	font-size: 1.05em;
	font-weight: 400;
	text-align: center;
	line-height: 1.4;
	width: 100%;
	margin: 0;
	padding: 0 15px;
	letter-spacing: 0.5px;
}
/*--------------------------表格規章-----------------------------------*/

.downloadlist2 {
	padding: 0px;
	float: left;
	width: 100%;
	margin: 0px;
}
.downloadlist2 dl {
	margin-bottom: 10px;
	background: #ececec;
	padding: 8px 5px;
	box-sizing: border-box;
	transition: all 0.5s ease;
}
.downloadlist2 a:nth-of-type(odd) dl {
	background-color: none;
}
.downloadlist2 a:nth-of-type(even) dl {
	background-color: #e7e8ea;
}
.downloadlist2 a:hover dl {
	background: rgba(229, 249, 253, 0.3);
}
.downloadlist2 dl a {
	display: flex;
	color: #1e1e1e;
}
.downloadlist2 dl {
	display: flex;
	color: #1e1e1e;
	font-size: 15px;
}
.downloadlist2 dt {
	font-size: 13px;
	letter-spacing: 1px;
	/* width: 60px; */
	height: 40px;
	padding: 0 15px 0 25px;
	margin: 0 0 0 2px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: 400;
	transition: all 0.2s ease;
}
.downloadlist2 dt i {
	position: relative;
	font-size: 14px;
	left: -8px;
	top: 0px;
}
.downloadlist2 dt a {
	color: #fff;
}
.downloadlist2 dt.pdf {
	color: #f2f2f2;
	background: #B84545;
}
.downloadlist2 dl dt.pdf:hover {
	background: #B30B0B;
}
.downloadlist2 dt.odt {
	color: #f2f2f2;
	background: #6b6caa;
}
.downloadlist2 dl dt.odt:hover {
	background: #545595;
}
.downloadlist2 dt.word {
	color: #f2f2f2;
	background: #466ea1;
}
.downloadlist2 dl dt.word:hover {
	background: #2e5c96;
}
.downloadlist2 dt.icon_dl {
	color: #fff;
	background: #2B4D67;
}
.downloadlist2 dl:hover dt.icon_dl {
	background: #1C3344;
}
.downloadlist2 dd {
	flex: 1;
	display: flex;
	align-items: center;
	padding: 0 15px 0 15px;
	margin: 0;
	letter-spacing: 0.5px;
}
.downloadlist2 span {
	float: right;
	width: 16%;
	margin: 0px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	box-sizing: border-box;
}
.downloadlist2 dd a:link {
	color: #222;
	text-decoration: none;
	font-size: 15px;
	line-height: 27px;
}
.downloadlist2 dd a:visited {
	color: #222;
	text-decoration: none
}
.downloadlist2 dd a:hover {
	color: #cca321;
	text-decoration: none;
}

@media (max-width: 768px) {
.downloadlist2 dl {
	display: block;
}
.downloadlist2 dt {
 width: calc(100% / 3 - 2px*2 - 1px);
	padding: 8px 15px 8px 25px;
	height: auto;
	display: inline-block;
}
.downloadlist2 dd {
	margin: 0 0 8px 0;
}
}
/*=====================系所成員=======================*/

.memberlist {
}
.memberlist > ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	flex-flow: row wrap;
}
.memberlist > ul > li {
	width: calc(100%/3 - 10px);
	position: relative;
 margin: 0 calc(10px*3/2) 20px 0;
	padding: 20px 20px 65px;
	border-radius: 1px;
	border: #efefef solid 5px;
	transition: all 0.3s;
	background: rgba(255,255,255,1);
}
.memberlist > ul > li:hover {
	color: #222;
	border: #F0F2F4 solid 5px;
	box-shadow: 0 8px 5px -5px rgba(0,0,0,0.2);
	background: rgba(240,241,244,0.5);
}
.memberlist > ul > li:nth-of-type(3n) {
	margin-right: 0;
}
.memberlist > ul > li:hover p {
	color: #222;
}
.memberlist > ul > li .pic {
	border-radius: 0px;
	overflow: hidden;
	min-height: 220px;
	display: flex;
	background-color: transparent;
	margin: 0 0 8px;
	position: relative;
}
.memberlist > ul > li .pic img {
	opacity: 1;
	transition: all 0.2s ease;
	text-align: center;
	align-self: center;
	display: block;
	position: absolute;
	-webkit-transition: opacity 0.2s ease-in-out;
	-moz-transition: opacity 0.2s ease-in-out;
	-o-transition: opacity 0.2s ease-in-out;
	transition: opacity 0.2s ease-in-out;
}
.memberlist > ul > li:hover .pic img:last-child {
	opacity: 0;
}

@media (max-width:1199px) {
.memberlist > ul > li {
	width: calc(100%/3 - 10px);
 margin: 0 calc(10px*3/2) 50px 0;
}
.memberlist > ul > li:nth-of-type(4n) {
	margin-right: auto;
}
.memberlist > ul > li:nth-of-type(3n) {
	margin-right: 0;
}
}

@media (max-width:1198px) {
.memberlist > ul > li {
	width: calc(100%/2 - 10px);
 margin: 0 calc(10px*2) 20px 0;
}
.memberlist > ul > li:nth-of-type(3n) {
	margin-right: auto;
}
.memberlist > ul > li:nth-of-type(2n) {
	margin-right: 0;
}
}

@media (max-width:479px) {
.memberlist > ul > li {
	width: 100%;
	margin: 0 0 20px 0;
}
.memberlist > ul > li .pic {
	min-height: 300px;
}
}
.memberlist > ul > li > a > .jobtitle {
	text-align: left;
	color: #52509A;
	padding: 0 0 0 10px;
	margin: 0 0 20px 0;
	letter-spacing: 0.5px;
	font-size: 13px;
	line-height: 1.4;
	position: relative;
}
.memberlist > ul > li > a > .jobtitle::before {
	content: ' ';
	width: 4px;
	height: 12px;
	background: #52509a;
	position: absolute;
	left: 0;
	top: 3px;
}
.memberlist > ul > li > a > h3 {
	font-size: 2em;
	font-weight: 500;
	text-align: left;
	margin: 5px 0 20px;
	color: #222;
}
.memberlist > ul > li > a > p:nth-of-type(1) {
	text-align: center;
	background: #FEFBF0;
	color: #838383;
	padding: 5px;
	margin-bottom: 10px;
	letter-spacing: 1px;
	font-size: 0.9em;
}
.memberlist > ul > li > a .title {
	display: inline-block;
	font-weight: 500;
	margin-bottom: 2px;
}
.memberlist > ul > li > a .info {
	font-weight: 400;
	color: #222;
	margin-bottom: 8px;
	font-size: 15px;
	line-height: 1.5;
	display: flex;
	flex-direction: row;
}
.memberlist > ul > li > a .info .info01 {
	min-width: 30px !important;
	margin: 0 10px 0 0;
	font-weight: 400;
	color: #a8adb4;
	font-size: 13px;
	line-height: 1.5;
}
.memberlist > ul > li > a .info .info02 {
}
.memberlist dl {
	width: calc(100% - 40px);
	position: absolute;
	bottom: 8px;
	text-align: center;
	margin: 0;
	padding: 0;
	font-size: 14px;
}
.memberlist dl dt {
	display: inline-block;
	width: calc(100% / 2 - 3px);
	text-align: center;
	color: #52509a;
	background: #e6e5eb;
	transition: all 0.3s;
	border: 1px solid #e6e5eb;
	box-sizing: border-box;
}
.memberlist dl dt a {
	display: block;
	color: #52509a;
	font-weight: 500;
	padding: 7px 0;
}
.memberlist dl dt:hover {
	background: #fff;
	border: 1px solid #6A68B1;
}
.memberlist dl dt:hover a {
	color: #6A68B1;
}
.memberlist dl dd {
	display: inline-block;
	width: calc(100% / 2 - 3px);
	text-align: center;
	color: #fff;
	background: #52509a;
	transition: all 0.3s;
	border: 1px solid #52509a;
	box-sizing: border-box;
}
.memberlist dl dd a {
	display: block;
	color: #fff;
	font-weight: 500;
	padding: 7px 0;
}
.memberlist dl dd:hover {
	background: #6A68B1;
	border: 1px solid #6A68B1;
}
.memberlist dl dd:hover a {
	color: #fff;
}
/*

.memberlist dl a{
	display: block;
	color: #fff;	
}

.memberlist dl dt:hover, 
.memberlist dl dd:hover{
	color: #fff;
	background: #435B83;
}
*/






.memform {
	width: 100%;
	background: #F0F2F4;
	padding: 1rem 1rem 0 1rem;
	border-radius: 2px;
}
.memform ul {
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
}
.memform ul li {
	display: flex;
	flex-flow: row wrap;
}
.memform .title {
	width: 120px;
	padding: 6px 12px;
	margin: 0 15px 15px 0;
	font-weight: 500;
	font-size: 15px;
	border-radius: 2px;
	background: #e9ecef;
	display: flex;
	justify-content: center;
	align-items: center;
}
.memform ul li p {
	width: calc(100% - 135px);
	margin-bottom: 0;
	display: flex;
	align-items: center;
}
.memform ul li p textarea {
	min-height: 200px;
}

@media (max-width:479px) {
.memform .title {
	width: 100%;
	margin: 0 0 15px 0;
}
.memform ul li p {
	width: 100%;
	margin-bottom: 15px;
}
}
.mem_info {
	display: flex;
	margin-bottom: 30px;
}
.mem_info .top:nth-of-type(1) {
	width: 300px;
	height: 302px;
	margin-right: 20px;
	overflow: hidden;
	float: left;
	display: flex;
	background: rgba(255, 255, 255, 0.5);
}
.mem_info .top:nth-of-type(2) {
	width: calc(100% - 320px);
}
.mem_info .pic {
	width: 100%;
	text-align: center;
	align-self: center;
	display: block;
}
.mem_info .pic img {
	max-width: 100%;
	vertical-align: middle;
}
.mem_info .top ul {
	display: block;
	margin: 0;
	padding: 0;
	list-style: none;
	border: 5px solid #F0F2F4;
}
.mem_info .top ul li {
	display: flex;
	padding: 10px 15px;
	/*    align-items: center;*/
	background: #fff;
	margin-bottom: 0;
	align-items: start;
}
.mem_info .top ul li:nth-of-type(even) {
	background: #F0F2F4;
}
.mem_info .top ul li:last-of-type {
	margin-bottom: 0;
}
.mem_info .top ul li h4 {
	width: 100px;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 1px;
	text-align: right;
	margin: 5px 10px 5px 0;
	color: #a8adb4;
}
.mem_info .top ul li p {
	width: calc(100% - 120px);
	margin: 0;
}

@media (min-width: 768px) and (max-width: 991px) {
.mem_info {
	display: inline;
	margin-bottom: 30px;
}
.mem_info .top:nth-of-type(1) {
	width: 100%;
	margin-right: 0px;
	margin-bottom: 20px;
}
.mem_info .top:nth-of-type(2) {
	width: 100%;
	margin-bottom: 20px;
	margin-top: 0px;
	float: left;
}
.mem_info .top ul li h4 {
	width: auto;
	min-width: 80px;
	text-align: right;
	margin-right: 10px;
}
.mem_info .top ul li p {
	width: auto;
	margin: 0;
	word-wrap: break-word;
}
}

@media (max-width: 767px) {
.mem_info {
	display: inline;
	margin-bottom: 30px;
}
.mem_info .top:nth-of-type(1) {
	width: 100%;
	margin-right: 0px;
	margin-bottom: 20px;
}
.mem_info .top:nth-of-type(2) {
	width: 100%;
	margin-bottom: 20px;
	margin-top: 0px;
	float: left;
}
.mem_info .top ul li h4 {
	width: auto;
	min-width: 80px;
	margin: 0;
	font-size: 15px;
	font-weight: bold;
	text-align: right;
	margin-right: 10px;
}
.mem_info .top ul li p {
	width: auto;
	margin: 0;
	word-wrap: break-word;
}
}
/*----------------------------------------------------------案例*/
/* blog post style 4 */
.blog-post-style4 .blog-grid .grid-item figure {
	position: relative;
	overflow: hidden;
}
.blog-post-style4 figure figcaption {
	padding: 45px;
	bottom: 0px;
	position: absolute;
	background: rgba(30, 40, 47, 0.8);
	width: 100%;
	transition: ease-in-out 0.5s;
	-webkit-transition: ease-in-out 0.5s;
	-moz-transition: ease-in-out 0.5s;
	-ms-transition: ease-in-out 0.5s;
	-o-transition: ease-in-out 0.5s;
	z-index: 3;
}
.blog-post-style4 .grid-item figure figcaption p {
	margin-bottom: 0;
	transition: none;
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	display: none
}
.blog-post-style4 .blog-grid .grid-item .blog-img img {
	cursor: pointer;
	display: block;
	width: 100%;
	opacity: .95;
	transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
}
.blog-post-style4 .blog-grid .grid-item:hover .blog-img img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	opacity: .8;
	transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
}
.blog-post-style4 .blog-grid .grid-item .blog-img .image-container {
	width: 100%;
	height: 0;
	padding-bottom: 60%;
	overflow: hidden;
}
.blog-post-style4 .blog-grid .grid-item .blog-img .image-container img {
	width: 100%;
}
.blog-post-style4 .blog-grid a {
	display: block;
	position: relative;
	z-index: auto;
}
.container .blog-post-style4 figure figcaption {
	padding: 17px 20px;
}
.container .blog-post-style4 figure figcaption h6 {
	font-size: 16px;
	text-align: center;
	font-weight: 400;
}
.container .blog-post-style4 figure a figcaption h6 {
	color: #fff;
	letter-spacing: 1px;
}
.container .blog-post-style4 figure a:hover figcaption h6 {
	color: #E5F9FD;
}
.case_album {
	margin: 10px 0 0;
	float: left;
	width: 100%;
	border-top: 1px dashed #c9d0d7;
}
.case_album h3 {
	color: #345E7C;
	letter-spacing: 1px;
	font-size: 1.2em;
	font-weight: 500;
	padding: 0 5px;
	margin: 20px 0 30px 0;
}
.casealbum_list {
}
.casealbum_list ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: grid;
	gap: 15px;
	grid-template-columns: repeat(5, 1fr);
}
.casealbum_list ul li {
	margin-bottom: 0px;
}
.casealbum_list ul li a {
	position: relative;
}
.casealbum_list ul li .pic {
	position: relative;
	padding-top: 70%;
	margin-bottom: 10px;
	border-radius: 2px;
	overflow: hidden;
	border: 1px solid #fff;
}
.casealbum_list ul li:hover .pic {
	border: 1px solid #E5F9FD;
}
.casealbum_list ul li .pic img {
	width: 100%;
	height: 100% !important;
	object-fit: cover;
	position: absolute;
	top: 0;
	left: 0;
	transition: all 0.3s;
}
.casealbum_list ul li:hover .pic img {
	transform: scale(1.05, 1.05);
}
.casealbum_list ul li p {
	margin-bottom: 0px;
}
.casealbum_list ul li .price {
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 15px;
	color: #e36752;
}
.casealbum_list ul li .price a {
	display: block;
	color: #636363;
	font-size: 16px;
	padding: 3px 8px;
}
.tab-style3 .nav-tabs {
	display: flex;
	justify-content: flex-end;
}

@media (max-width:991px) {
.casealbum_list ul {
	grid-template-columns: repeat(3, 1fr);
}
}

@media (max-width:576px) {
.casealbum_list ul {
	grid-template-columns: repeat(2, 1fr);
}
}
.casealbum_list ul.LSS {
	display: block;
}
.casealbum_list ul.LSS > li {
	display: grid;
	gap: 15px;
	grid-template-columns: 120px 1fr 42px;
	margin-bottom: 10px;
	background: rgba(255, 255, 255, 0.5);
}
.casealbum_list ul.LSS li > a:nth-of-type(1) {
	align-self: center;
}
.casealbum_list ul.LSS li .pic {
	margin-bottom: 0;
}
.casealbum_list ul.LSS li .con {
	display: flex;
	flex-flow: column;
	justify-content: space-between;
	padding: 10px 10px;
}
.casealbum_list ul.LSS li .cart {
	display: flex;
	justify-content: center;
	align-items: flex-end;
	text-align: center;
	color: #636363;
	font-size: 16px;
	padding: 12px 0;
}
.casealbum_list ul.LSS li .price {
	font-weight: 500;
}
.casealbum_list ul.LSS > li h5 {
	font-size: 18px;
	line-height: 24px;
	margin: 0 0 5px;
}

@media (max-width:576px) {
.casealbum_list ul.LSS > li {
	padding: 10px;
	grid-template-columns: 80px 1fr 30px;
}
.casealbum_list ul.LSS li .con {
	padding: 10px 0;
}
}
/*-------簡介歷任主任-------------------------------------------------*/


.directorlist {
}
.directorlist > ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	flex-flow: row wrap;
}
.directorlist > ul > li {
	width: calc(100%/3 - 10px);
	position: relative;
 margin: 0 calc(10px*3/2) 20px 0;
	padding: 20px 20px 65px;
	border-radius: 1px;
	border: #efefef solid 5px;
	transition: all 0.3s;
	background: rgba(255,255,255,1);
}
/*

.directorlist > ul > li:hover{
    color: #222;
    border: #F0F2F4 solid 5px;
    box-shadow: 0 8px 5px -5px rgba(0,0,0,0.2);
	background: rgba(240,241,244,0.5);
}
*/

.directorlist > ul > li:nth-of-type(3n) {
	margin-right: 0;
}
.directorlist > ul > li:hover p {
	color: #222;
}
.directorlist > ul > li .pic {
	border-radius: 0px;
	overflow: hidden;
	min-height: 220px;
	display: flex;
	background-color: transparent;
	margin: 0 0 8px;
	position: relative;
}
.directorlist > ul > li .pic img {
	opacity: 1;
	transition: all 0.2s ease;
	text-align: center;
	align-self: center;
	display: block;
	position: absolute;
	-webkit-transition: opacity 0.2s ease-in-out;
	-moz-transition: opacity 0.2s ease-in-out;
	-o-transition: opacity 0.2s ease-in-out;
	transition: opacity 0.2s ease-in-out;
}
.directorlist > ul > li:hover .pic img:last-child {
	opacity: 0;
}

@media (max-width:1199px) {
.directorlist > ul > li {
	width: calc(100%/3 - 10px);
 margin: 0 calc(10px*3/2) 50px 0;
}
.directorlist > ul > li:nth-of-type(4n) {
	margin-right: auto;
}
.directorlist > ul > li:nth-of-type(3n) {
	margin-right: 0;
}
}

@media (max-width:1198px) {
.directorlist > ul > li {
	width: calc(100%/2 - 10px);
 margin: 0 calc(10px*2) 20px 0;
}
.directorlist > ul > li:nth-of-type(3n) {
	margin-right: auto;
}
.directorlist > ul > li:nth-of-type(2n) {
	margin-right: 0;
}
}

@media (max-width:479px) {
.directorlist > ul > li {
	width: 100%;
	margin: 0 0 20px 0;
}
.directorlist > ul > li .pic {
	min-height: 300px;
}
}
.directorlist > ul > li > .jobtitle {
	text-align: left;
	color: #157aa5;
	padding: 0 0 0 10px;
	margin: 0 0 20px 0;
	letter-spacing: 0.5px;
	font-size: 13px;
	line-height: 1.4;
	position: relative;
}
.directorlist > ul > li > .jobtitle::before {
	content: ' ';
	width: 4px;
	height: 12px;
	background: #157aa5;
	position: absolute;
	left: 0;
	top: 3px;
}
.directorlist > ul > li > h3 {
	font-size: 2em;
	font-weight: 500;
	text-align: left;
	margin: 5px 0 20px;
	color: #222;
}
.directorlist > ul > li > p:nth-of-type(1) {
	text-align: center;
	background: #FEFBF0;
	color: #838383;
	padding: 5px;
	margin-bottom: 10px;
	letter-spacing: 1px;
	font-size: 0.9em;
}
.directorlist > ul > li > .title {
	display: inline-block;
	font-weight: 500;
	margin-bottom: 2px;
}
.directorlist > ul > li > .info {
	font-weight: 400;
	color: #222;
	margin-bottom: 8px;
	font-size: 15px;
	line-height: 1.5;
	display: flex;
	flex-direction: row;
}
.directorlist > ul > li > .info .info01 {
	min-width: 30px !important;
	margin: 0 10px 0 0;
	font-weight: 400;
	color: #a8adb4;
	font-size: 13px;
	line-height: 1.5;
}
.directorlist > ul > li > .info .info02 {
}
.directorlist dl {
	width: calc(100% - 40px);
	position: absolute;
	bottom: 8px;
	text-align: center;
	margin: 0;
	padding: 0;
	font-size: 14px;
}
.directorlist dl dt {
	display: inline-block;
	width: calc(100% / 2 - 3px);
	text-align: center;
	color: #157aa5;
	background: #edeeef;
	transition: all 0.3s;
	border: 1px solid #edeeef;
	box-sizing: border-box;
}
.directorlist dl dt a {
	display: block;
	color: #157aa5;
	font-weight: 500;
	padding: 7px 0;
}
.directorlist dl dt:hover {
	background: #fff;
	border: 1px solid #1286b8;
}
.directorlist dl dt:hover a {
	color: #1286b8;
}
.directorlist dl dd {
	display: inline-block;
	width: calc(100% / 2 - 3px);
	text-align: center;
	color: #fff;
	background: #157aa5;
	transition: all 0.3s;
	border: 1px solid #157aa5;
	box-sizing: border-box;
}
.directorlist dl dd a {
	display: block;
	color: #fff;
	font-weight: 500;
	padding: 7px 0;
}
.directorlist dl dd:hover {
	background: #1286b8;
	border: 1px solid #1286b8;
}
.directorlist dl dd:hover a {
	color: #fff;
}
/*======================場地租借========================*/


.loan {
	display: flex;
}
.loan > div:nth-of-type(1) {
	width: 45%;
	margin-right: 50px;
}
.loan > div:nth-of-type(2) {
	flex: 1;
}
.loan .place {
	padding: 15px;
	color: #fff;
	background: #363636;
}
.loan .place h4 {
	padding-bottom: 10px;
	border-bottom: #969696 dashed 1px;
	margin-bottom: 10px;
}
.loan .place select {
	width: 100%;
}
.demo-picked {
	text-align: center;
	padding: 16px;
	background: #11538D;
	color: #fff;
}
.loan .list {
}
.loan .list li {
	display: flex;
	background: #f2f4f6;
	margin-bottom: 2px;
}
.loan .list li:nth-of-type(even) {
	background: #E8EBEE;
}
.loan .list li h4 {
	width: 250px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 1em;
	/* padding: 18px 20px; */
	margin: 0;
	border-right: #FFFFFF solid 2px;
}
.loan .list li a:link, .loan .list li a:visited {
	font-size: 1.1em;
	padding: 14px 20px;
	display: block;
	flex: 1;
	font-weight: bold;
	text-align: center;
	color: #e11302;
}
.loan .list li a:hover {
	color: #f00;
}
.loan .list li > div {
	flex: 1;
	padding: 14px 20px;
	text-align: center;
}
.loan .list li > div p {
	margin: 0;
}

@media (max-width: 991px) {
.loan {
	display: block;
}
.loan > div:nth-of-type(1) {
	width: 100%;
	margin-right: 0px;
	margin-bottom: 30px;
}
.loan > div:nth-of-type(2) {
	width: 100%;
}
}
.rule .edit {
	height: 400px;
	overflow-y: scroll;
}
.rule > h3, .rule_form > h3 {
	font-size: 16px;
	color: #fff;
	background: #494949;
	font-weight: 500;
	margin: 0 0 0px;
	padding: 10px 10px;
	border: 3px solid #fff;
}
.rule > h5, .rule_form > h5 {
	text-align: center;
	padding: 10px 10px;
	background: #eaeaea;
}
.rule_form {
}
.rule_form table {
	font-size: 14px;
	border-collapse: collapse;
	margin-bottom: 20px;
}
.rule_form table tr {
}
.rule_form table tr td {
	padding: 15px;
	background: #F5F5F5;
	border: #fff solid 3px;
}
.rule_form table input {
	padding: 6px 10px;
	margin: 0;
	letter-spacing: 1px;
}
.rule_form table select {
	font-family: "微軟正黑體", Open Sans;
	font-size: 14px;
	background: #fff;
	box-sizing: border-box;
	border: 1px solid rgba(199,199,199,1.00);
	border-radius: 2px;
	padding: 6px 10px;
	margin: 0;
}
.rule_form span {
	display: inline-block;
}
.rule_form input.radio, .rule_form input[type="radio"] {
	display: inline;
	width: 16px;
	height: 16px;
	margin: 0px 3px 3px 0px;
	padding: 0;
	border: 0;
	background: none;
	vertical-align: center;
 *vertical-align: top;
}
.rule_form input.checkbox, .rule_form input[type="checkbox"] {
	display: inline;
	width: 16px;
	height: 16px;
	margin: 0px 3px 3px 0px;
	padding: 0;
	border: 0;
	background: none;
	vertical-align: center;
 *vertical-align: top;
}
.member_w2 {
	list-style-type: none;
	overflow-x: hidden;
	overflow-y: auto;
	display: block;
	width: 100%;
	height: 350px;
	scrollbar-arrow-color: #666;
	scrollbar-face-color: #FFF;
	scrollbar-track-color: #FFF;
	scrollbar-highlight-color: #666;
	scrollbar-shadow-color: #666;
	scrollbar-3dlight-color: #FFF;
	scrollbar-darkshadow-color: #FFF;
	font-size: 13px;
	line-height: 22px;
	padding: 15px;
	/* margin: 0 auto; */
    /* float: left; */
    /* border: 5px solid #E3E3E3; */
	color: #666;
	box-sizing: border-box;
}
/*======================= 線上購物 =========================*/
.statistics_list {
}
.statistics_list ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: grid;
	gap: 15px;
	grid-template-columns: repeat(4, 1fr);
}
.statistics_list ul li {
	margin-bottom: 10px;
	list-style-type: none;
}
.statistics_list ul li a {
	position: relative;
}
.statistics_list ul li .pic {
	position: relative;
	padding-top: 70%;
	margin-bottom: 10px;
	border-radius: 2px;
	overflow: hidden;
	border: 5px solid #fff;
}
.statistics_list ul li:hover .pic {
	border: 5px solid #E8E9ED;
}
.statistics_list ul li .pic img {
	width: 100%;
	height: 100% !important;
	object-fit: cover;
	position: absolute;
	top: 0;
	left: 0;
	transition: all 0.3s;
}
.statistics_list ul li:hover .pic img {
	transform: scale(1.05, 1.05);
}
.statistics_list ul li p {
	margin-bottom: 0px;
	color: #154567;
	text-align: center;
	font-weight: 500;
}
.statistics_list ul li .price {
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 15px;
	color: #e36752;
}
.statistics_list ul li .price a {
	display: block;
	color: #636363;
	font-size: 16px;
	padding: 3px 8px;
}
.tab-style3 .nav-tabs {
	display: flex;
	justify-content: flex-end;
}

@media (max-width:991px) {
.statistics_list ul {
	grid-template-columns: repeat(3, 1fr);
}
}

@media (max-width:576px) {
.statistics_list ul {
	grid-template-columns: repeat(2, 1fr);
}
}
.statistics_list ul.LSS {
	display: block;
}
.statistics_list ul.LSS > li {
	display: grid;
	gap: 15px;
	grid-template-columns: 120px 1fr 42px;
	margin-bottom: 10px;
	background: rgba(255, 255, 255, 0.5);
}
.statistics_list ul.LSS li > a:nth-of-type(1) {
	align-self: center;
}
.statistics_list ul.LSS li .pic {
	margin-bottom: 0;
}
.statistics_list ul.LSS li .con {
	display: flex;
	flex-flow: column;
	justify-content: space-between;
	padding: 10px 10px;
}
.statistics_list ul.LSS li .cart {
	display: flex;
	justify-content: center;
	align-items: flex-end;
	text-align: center;
	color: #636363;
	font-size: 16px;
	padding: 12px 0;
}
.statistics_list ul.LSS li .price {
	font-weight: 500;
}
.statistics_list ul.LSS > li h5 {
	font-size: 18px;
	line-height: 24px;
	margin: 0 0 5px;
}

@media (max-width:576px) {
.statistics_list ul.LSS > li {
	padding: 10px;
	grid-template-columns: 80px 1fr 30px;
}
.statistics_list ul.LSS li .con {
	padding: 10px 0;
}
}
/*--------------表格---------------------*/

.table_product {
	width: 100%;
	float: left;
	overflow-x: auto;
}
.table_product table {
	min-width: 600px;
	float: left;
	border: 5px solid #326EA9;
}
/*
.table_product table {
	width:100%;
	border:1px solid #CCCCCC;
	border-collapse:collapse;
	margin: 5px 0 10px;
}
*/

.table_product thead tr {
	visibility: visible;
	background-color: #1159af;
	border: 1px solid #666666;
}
.table_product thead th {
	font-size: 1em;
	vertical-align: middle;
	text-align: center;
	padding: 0px 10px 5px 10px;
	color: #FFF;
	background-color: #326EA9;
	font-weight: 500;
	border: 1px solid #789dc2;
}
.table_product thead td {
	font-size: 1em;
	line-height: 1.6em;
	font-weight: 500;
	color: #fff;
	visibility: visible;
	padding: 12px 10px;
	border: 1px solid #d1d1d1;
	text-align: center;
}
.table_product td:last-child {
	visibility: visible;
	border-right-style: none;
}
.table_product tbody th {
	font-weight: 500;
	visibility: visible;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	padding: 10px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCC;
	text-align: center;
}
.table_product tbody tr th {
	color: #0f4a91;
}
.table_product tr, .table_product td {
	border: 1px solid #dee2e6;
	padding: 0.6rem 1rem;
	vertical-align: middle;
}
.table_product tbody tr:nth-of-type(odd) {
	background-color: #e7e8ea;
}
.table_product tbody tr:nth-of-type(even) {
	background-color: #fff;
}
.table_product a:link, .table_product a:visited {
	color: #141b20;
	font-weight: 500;
	text-decoration: none;
	border-bottom: 1px dashed #326ea9;
}
.table_product a:hover {
	color: #326ea9;
}
.table_product01 {
	width: 100%;
	float: left;
	overflow-x: auto;
}
.table_product01 table {
	min-width: 600px;
	float: left;
	border: 1px solid #ddd;
}
/*
.table_product table {
	width:100%;
	border:1px solid #CCCCCC;
	border-collapse:collapse;
	margin: 5px 0 10px;
}
*/

.table_product01 thead tr {
	visibility: visible;
	background-color: #1159af;
	border: 1px solid #ddd;
}
.table_product01 thead th {
	font-size: 1em;
	vertical-align: middle;
	text-align: center;
	padding: 0px 10px 5px 10px;
	color: #FFF;
	background-color: #326EA9;
	font-weight: 500;
	border: 1px solid #ddd;
}
.table_product01 thead td {
	font-size: 1em;
	line-height: 1.6em;
	font-weight: 500;
	color: #fff;
	visibility: visible;
	padding: 12px 10px;
	border: 1px solid #ddd;
	text-align: center;
}
.table_product01 td:last-child {
	visibility: visible;
	border-right-style: none;
}
.table_product01 tbody th {
	font-weight: 500;
	visibility: visible;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #ddd;
	padding: 10px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #ddd;
	text-align: center;
}
.table_product01 tbody tr th {
	color: #0f4a91;
}
.table_product01 tr, .table_product01 td {
	border: 1px solid #ddd;
	padding: 0.6rem 1rem;
	vertical-align: middle;
}
.table_product01 tbody tr:nth-of-type(odd) {
	background-color: #f0f0f0;
}
.table_product01 tbody tr:nth-of-type(even) {
	background-color: #fff;
}
.table_product01 a:link, .table_product01 a:visited {
	color: #141b20;
	font-weight: 500;
	text-decoration: none;
	border-bottom: 1px dashed #326ea9;
}
.table_product01 a:hover {
	color: #326ea9;
}
.tableinfo, .tableinfo2 {
	display: inline-block;
	width: 100%;
	margin: 0 0 15px;
}
.fancytable2, .fancytable3 {
	width: 100%;
	border: 1px solid #CCCCCC;
	border-collapse: collapse;
	margin: 5px 0 10px;
}
.fancytable2 thead tr, .fancytable3 thead tr {
	visibility: visible;
	background-color: #1159af;
	border: 1px solid #666666;
}
.fancytable2 thead th, .fancytable3 thead th {
	font-size: 1.2em;
	vertical-align: middle;
	text-align: center;
	padding: 12px 10px;
	color: #FFF;
	background-color: #1159af;
	font-weight: 500;
	border: 1px solid #1159af;
}
.fancytable2 thead td, .fancytable3 thead td {
	font-size: 1em;
	line-height: 1.6em;
	font-weight: 500;
	color: #fff;
	visibility: visible;
	padding: 12px 10px;
	border: 1px solid #d1d1d1;
	text-align: center;
}
.fancytable2 thead td:last-child, .fancytable3 thead td:last-child {
	visibility: visible;
	border-right-style: none;
}
.fancytable2 tbody th {
	font-weight: 500;
	visibility: visible;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	padding: 10px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCC;
	text-align: center;
}
.fancytable2 tbody tr th {
	color: #0f4a91;
}
.fancytable2 a:link, .fancytable2 a:visited {
	color: #145cb2;
}
.fancytable2 a:hover {
	color: #0f72e8;
}
.fancytable3 tbody th {
	font-weight: 500;
	visibility: visible;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	padding: 10px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCC;
}
.fancytable2 tbody td {
	text-align: center;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	padding: 10px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCC;
}
.fancytable3 tbody td {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	padding: 10px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCC;
}
.fancytable2 tbody tr:nth-of-type(even) {
	background-color: #f2f2f2;
}
.fancytable2 tbody tr.bgcolor1, .fancytable3 tbody tr.bgcolor1 {
	background: #f2f2f2;
}
.fancytable2 img {
	margin-right: 5px;
}
.fancytable2 ul, .fancytable2 ol, .fancytable3 ul, .fancytable3 ol {
	text-align: left;
	margin: 0;
	padding-left: 20px;
}
.fancytable2 li, .fancytable3 li {
	padding: 0;
	margin: 0;
}
.fancytable5 {
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #CCC;
	margin: 0 0 15px;
}
.fancytable5 thead {
	visibility: visible;
}
.fancytable5 thead th {
	font-size: 18px;
	color: #fff;
	font-weight: bold;
	padding: 10px 5px 10px;
	background-color: #42a55a;
	border-right: 1px solid rgba(255,255,255,0.5);
}
.fancytable5 thead th span.rightfont {
	float: left;
	width: 100%;
	font-size: 16px;
	color: #fff;
	font-weight: normal;
	margin-top: 2px;
	text-align: right;
}
.fancytable5 thead td {
	font-size: 16px;
	color: #fff;
	font-weight: bold;
	padding: 12px 5px 12px;
	background: #666;
}
.fancytable5 thead td span.left {
	float: left;
	padding-top: 5px;
}
.fancytable5 thead td span.right {
	float: right;
	padding-bottom: 5px;
}
.fancytable5 th {
	font-size: 16px;
	color: #222;
	font-weight: bold;
	visibility: visible;
	padding: 10px;
	text-align: center;
}
.fancytable5 tr {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	background-color: #fff;
}
.fancytable5 tbody tr:nth-of-type(even) {
	background-color: #eff6f9;
}
.fancytable5 tbody th {
	text-align: left;
}
.fancytable5 td {
	padding: 10px;
	border: 1px solid #CCC;
	text-align: center;
}
.fancytable5 td.txtleft {
	font-size: 15px;
	text-align: left;
	background: #fff;
}
.fancytable8 tbody td img {
	margin: 0 auto;
}
.fancytable8.investortable1 tbody td:nth-child(2) {
	text-align: left;
}
.fancytable8.investortable2 tbody td:nth-child(3) {
	text-align: left;
}
.fancytable8.investortable3 th {
	text-align: left;
}
.fancytable8.investortable3 tbody td:nth-child(1) {
	width: 20%;
	color: #0072bc;
}
.fancytable8.investortable3 tbody td:nth-child(2) {
	width: 60%;
	text-align: left;
}
.fancytable8.investortable3 tbody td:nth-child(3) {
	width: 20%;
}
.fancytable8.investortable3 tbody td:nth-child(3) img {
	margin: 0 auto;
}
.fancytable8.investortable5 tbody td, .fancytable8.investortable5 tbody th, .fancytable8 thead td {
	font-size: 15px;
	line-height: 24px;
}
.fancytable8.investortable6 tbody th {
	color: #fff;
	background: #888;
}
.fancytable8.investortable6 tbody td {
	text-align: left;
}

@media (max-width: 768px) {
.tableinfo {
	width: 100%;
	overflow-x: scroll;
}
.tableinfo table {
	width: 100%;
	min-width: 600px;
	overflow-x: scroll;
}
}
/*產品內頁*/

.product_t00 {
	width: 100%;
  padding: 0 2px 10px 0;
  box-sizing: border-box;
  float: left;
  font-size: 2.3em;
  line-height: 1.5;
  letter-spacing: 1px;
  border-bottom: 5px solid #f0f0f0;
  font-weight: 800;
  color: var(--second-color);
  margin: 0 0 10px 0;
}



.product_box {
	width: 100%;
	padding: 20px 2px;
	box-sizing: border-box;
	float: left;
	font-size: 1.05em;
	line-height: 2.2;
	letter-spacing: 0.5px;
	
}
.product_box .edit p {
	margin: 0;
	padding: 0;
}
/*EDIT*/
.line_blue {
	width: 80px;
	height: 2px;
	margin: 15px auto 0 auto;
	background: #438ED0;
	display: block;
}
.rev-slidebg {
	height: 700px !important;
}
.radio-inline, .checkbox-inline {
	position: relative;
	display: inline-block;
	padding: 0 10px;
	margin-bottom: 0;
	font-weight: normal;
	vertical-align: middle;
	cursor: pointer;
}
.radio-inline input[type=checkbox], .radio-inline input[type=radio] {
	box-sizing: border-box;
	padding: 0;
	display: inline;
	width: auto;
}
.buy {
	width: 100%;
	display: block;
	margin: 30px 0 20px 0;
}
.buy ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	flex-flow: wrap;
}
.buy ul li:nth-of-type(1) {
	width: calc(50% - 5px);
	margin-right: 10px;
	margin-bottom: 10px;
}
.buy ul li:nth-of-type(2) {
	width: calc(50% - 5px);
	margin-bottom: 10px;
}
.btn.btn-blue-inqu {
	background: #196fbc;
	border-color: #196fbc;
	color: #f7f7f7;
	font-weight: 500;
}
.btn.btn-blue-inqu:hover, .btn.btn-blue-inqu:focus {
	background: #f7f7f7;
	color: #196fbc;
}
.btn.btn-blue-inqu-list {
	background: #2b4d67;
	border-color: #2b4d67;
	color: #fff;
	font-weight: 500;
}
.btn.btn-blue-inqu-list:hover, .btn.btn-blue-inqu-list:focus {
	background: transparent;
	color: #2b4d67;
}

@media (max-width:479px) {
.buy ul li:nth-of-type(1) {
	width: calc(50% - 5px);
}
.buy ul li:nth-of-type(2) {
	width: calc(50% - 5px);
}
.buy .btn.btn-large {
	width: 100%;
	font-size: 13px;
	padding: 9px 20px;
}
}
/*詢價清單*/



.inquire_form {
	display: flex;
	flex-flow: row wrap;
}
.inquire_form section:nth-of-type(1) {
	flex: 1;
}

/*
.inquire_form section:nth-of-type(2){
	width: 290px;
	margin-left: 30px;
}
*/

@media (max-width:959px) {
.inquire_form section:nth-of-type(1) {
	width: 100%;
	flex: auto;
}
}
.inquire_form .list {
	width: 100%;
	display: block;
	margin: 0;
	padding: 0;
	list-style: none;
}
.inquire_form .list li {
	position: relative;
	display: flex;
	padding: 20px 0;
	border-bottom: #CCCCCC dotted 1px;
}
.inquire_form .list li:last-child {
	border-bottom: none;
}
.inquire_form .list li .delete {
	text-align: right;
}
.inquire_form .list li .delete i {
	font-size: 22px;
	padding: 8px;
}
.inquire_form .list li > span {
	display: flex;
	flex-flow: column wrap;
	padding: 0 3px;
}
.inquire_form .list li > span h6 {
	font-size: 1em;
	letter-spacing: 1px;
	font-weight: 600;
	margin: 0;
}
.inquire_form .list li > span:nth-of-type(1) {
	width: 70%;
	flex-flow: row wrap;
	align-items: flex-start;
}
.inquire_form .list li > span:nth-of-type(2) {
	flex: 1;
}
.inquire_form .list li > span:nth-of-type(3) {
	flex: 1;
}
.inquire_form .list li > span:nth-of-type(4) {
	flex: 1;
}
.inquire_form .list li > span:nth-of-type(1) .detail {
	color: #939393;
}

@media (max-width:767px) {
.inquire_form .list li {
	flex-flow: row wrap;
}
.inquire_form .list li > span:nth-of-type(1) {
	width: 100%;
	margin-bottom: 10px;
}
}
.inquire_form .list li .pic {
	position: relative;
	max-width: 200px;
	margin: 0 30px 0 0;
	text-align: center;
	align-self: center;
	display: block;
}
.inquire_form .list li .pic img {
	max-width: 100%;
	display: block;
}
.inquire_form .list li .con {
	flex: 1;
}

@media (max-width:479px) {
.inquire_form .list li .pic {
	max-width: 100%;
	margin: 0 0 10px 0;
}
}
.inquire_form .list li h5 {
	font-size: 18px;
	font-weight: normal;
	margin: 10px 0;
}
.inquire_form .list li h6 {
	white-space: nowrap;
}
.inquire_form .list li p {
	font-size: 14px;
	color: #b57c3e;
	margin: 0 15px 0 0;
}
.inquire_form input {
	width: 100%;
	margin: 0;
}
.inquire_form input[type="radio"] {
	width: auto;
	display: inline-block;
}
/*--產品列表頁表格--*/


.productlist_box {
	width: 100%;
	display: block;
	float: left;
	background: #eee;
	padding: 10px 10px 5px 10px;
	box-sizing: border-box;
	margin: 0 0;
}
.productlist_box .row {
	margin: 0 0;
}
.productlist_box .col-xs-12, .productlist_box .col-xs-4, .productlist_box .col-sm-2, .productlist_box .col-sm-4, .productlist_box .col-sm-10, .productlist_box .col-sm-offset-2 {
	padding: 0 0;
}
.productlist_box .title_straight {
	-webkit-writing-mode: vertical-lr;
	writing-mode: vertical-lr;
	text-align: center;
	font-size: 1.8rem;
	letter-spacing: 2px;
	font-weight: 300;
	color: #b7b7b7;
	text-shadow: 1px 1px 0 #fff;
	box-sizing: border-box;
}
.tablelist_box {
	width: 100%;
	margin-bottom: 5px;
	background: #fff;
}
.iconok {
	font-size: 27px;
	color: green;
}
.iconno {
	font-size: 27px;
	color: rgb(221, 41, 41);
}
.theader {
	text-align: center;
	color: rgb(78, 33, 33);
}
.ptitle {
	font-size: 22px;
	font-weight: bold;
	padding: 7px 10px;
	color: #fff;
}
.ppic {
	width: 100%;
	padding: 0px;
	box-sizing: border-box;
}
.ppic img {
	width: 100%;
	padding: 20px;
	box-sizing: border-box;
}
.tb01 .ptitle {
	background: #0C3361;
}
.tb02 .ptitle {
	background: #2A9D8F;
}
.tb03 .ptitle {
	background: #006696;
}
.feature {
	margin-bottom: 3px;
}
.infos {
	background: #fff;
}
.infos .title {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	font-size: 1.3rem;
	font-weight: 500;
	line-height: 1.2;
	color: #2B4E7B;
	padding: 20px 10px;
	box-sizing: border-box;
	border-right: 10px solid #eee;
	background: #fbfbfb;
}
.infos .title2 {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	font-size: 1.05rem;
	font-weight: 500;
	color: #2B4E7B;
	padding: 10px;
	box-sizing: border-box;
	border-top: 1px solid #eee;
	border-right: 10px solid #eee;
	background: #fff;
}
.contact_p {
	text-align: center;
	font-size: 1.05em;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	padding: 20px 10px;
	box-sizing: border-box;
}
.contact_p_all_center {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	padding: 10px;
	box-sizing: border-box;
	background: #EDF3FB;
}
.tb01 {
	background: #fff;
	border-right: 1px dotted #d0d0d0;
}
.theader.tb01 {
	background: #fff;
}
.tb02 {
	background: #fff;
	border-right: 1px dotted #d0d0d0;
}
.theader.tb02 {
	background: #fff;
}
.tb03 {
	background: #fff;
	border-right: 1px dotted transparent;
}
.theader.tb03 {
	background: #fff;
}

@media only screen and (max-width: 575px) {
.infos .title {
	border-right: none;
}
.infos .title2 {
	border-right: 10px none;
}
.productlist_box .title_straight {
	display: none;
}
}
.tblueline {
	width: auto;
	height: auto;
	display: inline-block;
	position: relative;
	z-index: 1;
}
.tblueline::after {
	content: '';
	width: 100%;
	height: 12px;
	background: rgba(29, 99, 189, 0.6);
	position: absolute;
	z-index: -1;
	bottom: 5px;
	display: inline-block;
	left: -1px;
	border-radius: 1px;
}
.blueunderline {
	border-bottom: 2px solid #6399DF;
}
.videotitle {
	width: 100%;
	position: relative;
	display: block;
	text-align: left;
	padding: 0 0 10px 20px;
	margin: 8px 0 0 0;
	font-size: 1.1rem;
}
.videotitle::before {
	content: '';
	width: 8px;
	height: 8px;
	background: #598AC9;
	position: absolute;
	z-index: 1;
	top: 9px;
	left: 2px;
	display: inline-block;
	border-radius: 1px;
}
.fboxreply {
	width: auto;
	display: inline-block;
	margin-left: 15px;
	padding: 0 0 0 15px;
	border-left: 1px dashed #ccc;
}
.fboxtitle {
	border-left: 2px solid #8393A8;
	padding: 0 0 0 15px;
	margin: 0 0 15px 0;
	display: block;
}
/* feature box style 6 */
.feature-box-a {
	display: block;
	margin-bottom: 30px;
}
.feature-box-a .iconpic {
	width: 78px;
	text-align: center;
}
.feature-box-a .iconpic img {
	width: 50px;
}
.feature-box-a .titlebox {
	width: 100%;
  text-align: left;
  padding: 0 2rem;
  box-sizing: border-box;
}
.feature-box-a .titlebox .title {
	font-size: 1.7em;
	line-height: 1.5;
	font-weight: 600;
	letter-spacing: 1px;
	margin: 5px 0 10px 0;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	text-shadow: 1px 1px 0 rgb(255, 255, 255);
}
.feature-box-a .titlebox p {
	font-size: 0.95em;
  color: #666;
  line-height: 1.8;
  text-align: left;
}

@media (max-width: 991px) {
.feature-box-a {
	margin-bottom: 10px;
}
}

@media (max-width: 767px) {
.feature-box-a {
	margin-bottom: 10px;
}
.feature-box-a .titlebox {
  padding: 0 0;
}
	
}



.aside-title2 {
	position: relative;
	overflow: hidden
}
.aside-title2 span {
	display: inline-block;
	vertical-align: middle;
	padding: 0 20px 0 0;
	font-size: 20px;
	color: #8393A8;
	font-weight: 500;
	text-transform: uppercase;
}

.aside-title2 .cht {
	font-size: 22px;
  line-height: 1.3;
  color: var(--title-color);
  display: inline-block;
  margin-right: 3px;
}

.aside-title2 .en {
	font-size: 14px;
  display: inline-block;
  color: #aaa;
}



.social-icon-style-1 a.i_fb {
	width: 30px;
	height: 30px;
	background: url(../f_icon_01.svg) no-repeat center center;
	background-size: cover;
	opacity: 0.7;
	border-radius: 2px;
}
.social-icon-style-1 a.i_ig {
	width: 30px;
	height: 30px;
	background: url(../f_icon_02.svg) no-repeat center center;
	background-size: cover;
	opacity: 0.7;
	border-radius: 2px;
}
.social-icon-style-1 a.i_yt {
	width: 30px;
	height: 30px;
	background: url(../f_icon_03.svg) no-repeat center center;
	background-size: cover;
	opacity: 0.7;
	border-radius: 2px;
}
.social-icon-style-1 a.i_line {
	width: 30px;
	height: 30px;
	background: url(../f_icon_04.svg) no-repeat center center;
	background-size: cover;
	opacity: 0.7;
	border-radius: 2px;
}
.social-icon-style-1 a:hover.i_fb, .social-icon-style-1 a:hover.i_ig, .social-icon-style-1 a:hover.i_yt, .social-icon-style-1 a:hover.i_line {
	opacity: 1;
}
.at_social_pic {
	position: relative;
	padding-top: 150%;
	width: 100%;
	overflow: hidden;
	margin-bottom: 30px;
	background: #fff;
	border: 1px solid #eee;
}
.at_social_pic img {
	width: 100%;
	height: 100% !important;
	/*	object-fit: cover;*/
	object-fit: contain;
	position: absolute;
	top: 0;
	left: 0;
	transition: all ease 0.4s;
}

/*--最新消息--*/

.newslisttitle {
	width: 100%;
  display: block;
  border-bottom: 1px dashed #999;
  padding: 0 0 15px 0;
  margin: 0 0 15px 0;
}

.newslisttitle .date {
	display: block;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 10px;
  color: #a8a8a8;
  line-height: 1.5;
}

.newslisttitle .date i {
	margin-right: 5px;
}


.newslisttitle .title {
	display: block;
  font-size: 20px;
  font-weight: 500;
  color: var(--second-color);
  line-height: 1.5;
}

.newslisttitle .title a:link,
.newslisttitle .title a:visited{
	color: var(--second-color);
}

.newslisttitle .title a:hover{
	color: var(--title-color);
}





/*--知識分享--*/


.knowlisttitle {
	width: 100%;
  display: block;

  margin: 0 0 15px 0;
}

.knowlisttitle .date {
	display: block;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 10px;
  color: #a8a8a8;
  line-height: 1.5;
}

.knowlisttitle .date i {
	margin-right: 5px;
}


.knowlisttitle .title {
	display: block;
  font-size: 20px;
  font-weight: 500;
  color: var(--second-color);
  line-height: 1.5;
}

.knowlisttitle .title a:link,
.knowlisttitle .title a:visited{
	color: var(--second-color);
}

.knowlisttitle .title a:hover{
	color: var(--title-color);
}

/*--產品介紹--*/

.blog-post-content .pro-image {
		width: 100%;
	overflow: hidden;
	position: relative;
    padding-top: 70%;
}


.blog-post-content .pro-image img {
		width: 100%;
	height: 100% !important;
	object-fit: cover;
	position: absolute;
	top: 0;
	left: 0;
	  transition: all 0.3s ease;
}


.blog-post-content .pro-image:hover img {
		transform: scale(1.1, 1.1);
}


.productlist_title {
		width: 100%;
	display: block;
}

.productlist_title .t01 {
font-size: 30px;
  font-weight: 800;
  color: var(--second-color);
  margin-bottom: 10px;
}

.productlist_title .t01 a:link,
.productlist_title .t01 a:visited {
	color: var(--second-color);
}
.productlist_title .t01 a:hover {
	color: var(--title-color);
}

.productlist_title p {
font-size: 18px;
  line-height: 1.6;
  color: #666;
}


/* 關於我們 */
.profile {
    font-size: 16px;
	line-height: 2;
    margin: 0;
    padding: 30px 0 0 0;
}
.profile .b01 {
display: block;
  margin-bottom: 0px;
}

.profile .b01_1 {
display: flex;
  margin-bottom: 40px;
}
.profile .b01_2 {
display: flex;
flex-flow: row-reverse;
}


.profile .b01 .w_box {
  width: 100%;
	display: block;
  padding: 40px 6rem;
  box-sizing: border-box;
}

.profile .title {
	display: inline-block;
  position: relative;
  padding: 0 0 8px 0;
  color: #444;
  font-size: 2em;
  font-weight: 500;
  letter-spacing: 2px;
  border-bottom: 2px solid var(--theme-color);
  line-height: 1.5;
  margin-bottom: 40px;
	clear: right;
}
.profile .title::after {
	content: '';
	position: absolute;
	padding: 0;
	width: 22%;
	height: 3px;
	background: var(--theme-color);
	left: 0;
	bottom: 0;
}

.profile .title span {
	background: transparent;
	border: none;
	padding: 5px 0 5px 10px;
	display: inline;
	color: var(--theme-color);
	margin: 0;
	letter-spacing: 0.5px;
	border-radius: 2px;
	font-size: 15px;
	font-weight: 500;
	transition: all 0.2s ease;
	text-transform: capitalize;
}


@media (max-width: 992px) {
.profile .b01_1 {
display: block;
	margin-bottom: 0;
}
.profile .b01_2 {
display: block;
flex-flow: row;
}
.profile .b01 .w_box {
  padding: 40px 0;
}
.profile .title {
  font-size: 1.8em;
  letter-spacing: 1px;
}	
}


.profile .b02 {
display: block;
	padding: 80px 0;
  margin-bottom: 0px;
	background: url(../bg_profile_b02.jpg) no-repeat center top;
}

.profile .b02 .pic {
 border: 10px solid #f9f9f9;
}


.profile .b03 {
display: block;
	padding: 80px 0 40px 0;
  margin-bottom: 0px;
	background: url(../bg_batthern.png) repeat #ffffff;
}


.profile .b03 .title00 {
margin: 0 auto;
  text-align: center;
  width: auto;
}


.profile .b03 .titleen {
	border: none;
  padding: 0;
  margin: 0 auto;
  color: var(--theme-color);
  letter-spacing: 0.5px;
  border-radius: 2px;
  font-size: 16px;
  font-weight: 500;
  transition: all 0.2s ease;
  text-transform: uppercase;
  text-align: center;
}


.profile .b03 .title00 span {
 display: inline-block;
  font-weight: 500;
  font-size: 2em;
  letter-spacing: 2px;
  position: relative;
	z-index: 2;
}

.profile .b03 .title00 span::after {
 content: '';
  width: 100%;
  height: 15px;
  background: RGBA(73, 187, 165, .3);
  position: absolute;
  left: 0;
  bottom: 10px;
  z-index: -1;
}


.profile .b03 .b03box {
  
}

.profile .b03 .b03box .icon {
  display: flex;
  align-items: center;
  margin: 0 auto 20px auto;
  border-radius: 50%;
  width: 120px;
  height: 120px;
  background: rgba(255,255,255,0.8);
  border: 4px solid #FDF5B2;
  padding: 10px;
  justify-content: center;
}

.profile .b03 .b03box .icon_title {
  font-size: 1.3em;
  line-height: 1.5;
  color: #222;
  font-weight: 500;
  letter-spacing: 1px;
  margin: 10px 0 15px 0;
}


.profile .b03 .b03box p {
  line-height: 1.8;
  font-size: 1em;
  font-weight: 400;
	letter-spacing: 1px;
}


@media (max-width: 992px) {
.profile .b03 .title00 span {
  font-size: 1.6em;
    letter-spacing: 0.5px;
}
}


/*--編輯器樣式--*/
.edit strong {
	font-weight: bold;
}
.edit em {
	font-style: italic;
}
.edit hr {
	margin-top: 20px;
	margin-bottom: 20px;
	border: 0;
	border-top: 1px solid #eee;
}
.edit h1, .edit h2, .edit h3, .edit h4, .edit h5, .edit h6 {
	font-family: inherit;
	font-weight: 500;
	line-height: 1.1;
	color: inherit;
}
.edit h1, .edit h2, .edit h3 {
	margin-top: 20px;
	margin-bottom: 30px;
}
.edit h4, .edit h5, .edit h6 {
	margin-top: 10px;
	margin-bottom: 20px;
}
.edit h1 {
	font-size: 36px;
}
.edit h2 {
	font-size: 30px;
}
.edit h3 {
	font-size: 24px;
}
.edit h4 {
	font-size: 18px;
}
.edit h5 {
	font-size: 14px;
}
.edit h6 {
	font-size: 12px;
}
.edit p {
	margin: 0 0 10px;
}
.edit ul, ol {
	margin-top: 0;
	margin-bottom: 10px;
}
.edit ul {
	padding-left: 20px;
	list-style-type: disc;
}
.edit ol {
	padding-left: 20px;
	list-style-type: decimal;
}
.edit li {
	margin-bottom: 10px;
}
.edit sub, sup {
	position: relative;
	font-size: 75%;
	line-height: 0;
	vertical-align: baseline;
}
.edit sup {
	top: -.5em;
}
.edit sub {
	bottom: -.25em;
}
.edit address {
	margin-bottom: 20px;
	font-style: italic;
	line-height: 1.42857;
}