@charset "utf-8";
.main_container {
	clear: both;
	max-width: 1100px;
	width: 100%;
	margin: 0 auto;
	background: #FFF;
	overflow: hidden
}
.main_container .left_column {
	float: left;
	width: 230px
}
@media screen and (max-width:1000px) {
.main_container {
	width: 100%
}
.main_container .left_column {
	float: right;
	width: 100%
}
}
.main_bar {
	clear: both;
	width: 100%;
	height: 200px;
	/*max-width: 1920px;*/
}
@media screen and (min-width:641px) and (max-width:800px) {
.main_bar {
	height: 160px;
}
}
@media screen and (min-width:481px) and (max-width:640px) {
.main_bar {
	height: 140px;
}
}
@media screen and (max-width:480px) {
.main_bar {
	height: 120px;
}
}
.main_bar.banner {
	background: center center no-repeat;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	background-size: cover
}
/*******************************************/
.site_navigation{
  clear: both;
  display: block;
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
  font-size: 0.8em;
  padding: 10px;
  color: #666;
}
.site_navigation .icon_nav{
  display: inline-block;
  width: 16px;
  height: 16px;
  margin:0 2px 0 0;
  position: relative;
  top:3px;
  background: url(../images/icon_nav_home.svg);
  -moz-background-size: cover; -webkit-background-size: cover; -o-background-size: cover; background-size: cover;
}
.site_navigation a{
  color: #666;
}
.site_navigation a.nav_home,
.site_navigation a:hover{
  color: #558d0d;
}
/*******************************************/
/*nav*/
.main_nav {
	clear: both;
	width: 100%;
	max-width: 1100px;
	display: block;
	margin: 0 auto 0 auto;
	padding: 10px 0 5px 0;
}
.main_nav>.nav_title {
	font-size: 26px;
	color: #222;
	padding: 10px 0 0 10px;
	display: block
}
.main_nav>.nav_title.mobile_back {
	display: none
}
.main_nav>.nav_title.mobile_back a {
	color: #999
}
.main_nav>.nav_title.mobile_back a:hover {
	color: #558d0d
}
@media screen and (max-width:1100px) {
.main_nav>.nav_title {
	padding: 10px 0 0 10px
}
.main_nav>.nav_title.mobile_back {
	display: block;
	color: #999
}
}
.left_menu {
	float: left;
  top:0;
	width: 220px;
	margin: 0 0 30px 10px;
	padding: 15px 0 0 0;
	border-top: 2px solid #558d0d;
  transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;
}
@media screen and (max-width:1000px) {
.left_menu {
	display: none
}
}
.left_menu ul {
	float: left;
	width: 100%;
	margin: 0 0 25px 0;
	padding: 0
}
.left_menu ul>li {
	float: left;
	width: 100%;
	border-bottom: 1px solid #ccc;
  list-style: none;
}
.left_menu ul>li:last-child {
	border-bottom:none;
}
.left_menu ul>li.p_class {
	font-weight: bold;
}
.left_menu ul>li a {
  display: block;
  width: 100%;
  line-height: 1.2em;
  color: #000;
  padding: 8px 0 10px 5px;
}
.left_menu ul>li a:hover {
	background: #f2f2f2;
}
.left_menu ul>li.sel a {
	display: block;
	width: 100%;
	line-height: 1.2em;
	color: #558d0d
}
.left_menu ul>li.sel>.title a:hover {
	color: #558d0d;
}
.left_menu ul>li>ul {
	float: right;
	width: 95%;
	margin: 0;
	padding: 0
}
.left_menu ul>li>ul>li {
	float: left;
	width: 100%;
	font-size: 0.9em;
	border-bottom: 1px dotted #ccc;
	font-weight: normal;
	list-style: none;
}
.left_menu ul>li>ul>li:last-child {
	border-bottom: none
}
.left_menu ul>li.sel>ul>li a,
.left_menu ul>li>ul>li a{
	color: #000;
}
.left_menu ul>li>ul>li.sel>a{
	color: #558d0d;
}
/**************************************/
.HTML_info {
	float: right;
	width: calc(100% - 260px);
	max-width: 825px;
	min-height: 500px;
	padding: 0;
	margin: 0 0 30px 0;
	overflow: hidden
}
@media screen and (max-width:640px) {
.HTML_info {
	min-height: 300px
}
}
.HTML_info h1.title {
	width: 100%;
	overflow: hidden;
	color: #000;
	padding: 4px 10px;
	margin: 0;
	font-size: 1.3em;
	background: #f2f2f2;
	border-left: 5px solid #558d0d; 
}
.HTML_info h1.title .info_date {
	padding: 8px 0 0 0px;
	display:block;
	width:100%;
	color: #999;
	font-size: 0.6em;
}
.HTML_info .info {
	float: right;
	width: 100%;
	max-width: 825px;
	line-height: 1.8em;
	padding: 0px 10px 30px 15px;
	margin: 0px auto;
	word-break: break-word;
	overflow: hidden;
}
.HTML_info .info a {
	color: #558d0d;
	text-decoration: underline;
}
.HTML_info .info a:hover {
	color: #558d0d;
}
.HTML_info .info img {
	max-width: 100% !important;
	height: auto !important
}
@media screen and (max-width:1000px) {
  .HTML_info {
  	float: left;
  	width: 100%;
  	max-width: 100%;
  	border-top: 2px solid #558d0d
  }
  .HTML_info h1.title {
  	float: left;
  	width: 100%;
  	padding: 10px 0 10px 10px
  }
  .HTML_info .info {
  	float: inherit;
    display: block;
  	width: 100%;
  	max-width: 100%;
  	padding: 0 16px;
  	margin: 0px auto;
  }
  .HTML_info .info table {
  	width: 100% !important
  }
  .HTML_info .info table img {
  	width: 100% !important;
  	height: auto !important
  }
}
@media screen and (max-width:640px) {
  .HTML_info .info iframe {
  	width: 100% !important;
  	height: 480px !important
  }
}
@media screen and (max-width:480px) {
  .HTML_info .info iframe {
  	width: 100% !important;
  	height: 360px !important
  }
}
@media screen and (max-width:320px) {
  .HTML_info .info iframe {
  	width: 100% !important;
  	height: 240px !important
  }
}

.page_container {
	display: block;
	clear: both;
	width: 100%;
	text-align: center;
	font-size: 0.9em;
	margin: 0;
	padding:0 0 20px 0
}
#page_block {
	display: inline-block;
	cursor: pointer;
  padding:3px 8px;
}
.page_block_see {
	display: inline-block;
	color: #fff;
  padding:3px 9px;
  background: #558d0d;
  -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;
}
#page_block a {
	color: #999;
	display: inline-block;
  padding:3px 8px;
}
#page_block a:hover {
	color: #558d0d;
}
#page_block .page {
	padding:3px 8px;
	margin: 0 5px;
}
#page_block .page_prev {
	border-right: 1px dotted #ccc;
	padding: 0 25px 0 0;
	margin: 0 20px 0 0 !important
}
#page_block .page_next {
	border-left: 1px dotted #ccc;
	padding: 0 0 0 25px;
	margin: 0 0 0 20px !important
}
select {
	background: url(../images/icon-arrow-dwn.png) center right no-repeat;
	padding: 5px 35px 5px 10px;
	background-color: #eee;
	border-radius: 5px;
	border: #aaa 1px solid;
	color: #444;
	font-family: helvetica, arial, sans-serif;
	font-size: 15px;
	line-height: 20px;
	margin: 10px 0 0 0;
	text-shadow: rgba(255,255,255,.6) 0 1px 0;
	font-family: 微軟正黑體, simhei, Arial;
	-webkit-appearance: none
}
.select2 {
	margin: 10px auto 10px auto
}
select:focus {
	outline: none
}
select[multiple="multiple"] {
	background: #fff
}
select[multiple="multiple"]:active {
	position: static;
	top: 0
}

/*CONTACT*/
.main_contact_column{
	width:100%;
	overflow: hidden;
	margin:0;
	padding:20px 0; 
}
#contact_middle{
	width: 100%;
}
.contact_row{
	float:left;
	width: 100%;
	margin:0 0 10px 0;
}
.contact_row .contact_title{
	float:left;
	width:100px;
	color:#333;
	font-size:14px;
	line-height:30px;
	text-align:right;
}
.contact_row .contact_input{
	float:left;
	width: calc(100% - 110px);
	line-height:30px;
	text-align:left;
}
.contact_row .contact_input a{
	color: #558d0d;
}
.mandatory::before{
	content: "*";
	color: #C00;
	padding: 0 2px 0 0;
}
.contact_input img{
	vertical-align:top;
}
.contact_input input[type=text]{
	border:1px solid #999;
	padding:8px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-size:15px;
	width: 100%;
	max-width: 240px;
}
.contact_input input[type=text].checknum{
	max-width: 100px;
}

.contact_input textarea{
	border:1px solid #999;
	padding:4px;
	width: 100%;
	max-width: 460px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-size:15px;
	margin:5px 0 0 2px;
}
.form_button {
	border: none;
	padding: 10px 32px 10px 31px;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	background: #185977;
	color: #FFF;
	font-size: 12pt;
	cursor: pointer;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	-webkit-appearance: none; /*Chrome*/
	-moz-appearance: none; /*FF*/
	appearance: none;/*CSS3*/
}
.form_button:hover {
	background: #558d0d;
}
.memo{
	font-size: 10pt;
}
/********************************************/
.core_products_list {
  clear: both;
  width: 100%;
  margin: 0 auto;
  padding: 0 0 50px 0;
  overflow: hidden;
}
.core_products_list.subcategory{
	/*background: #f2f2f2;*/
}
.core_products_list_box {
  display: inline-block;
  width: calc(25% - 4px);
  padding: 8px 6px;
  overflow: hidden;
  vertical-align: top;
}
.core_products_list_box.search_list {
  width: calc(16.6% - 4px);
}

.core_products_list.subcategory .core_products_list_box,
.core_products_list_box:hover{
  background: #ececec;
}
.core_products_list.productslist .core_products_list_box:hover{
  background: transparent;
}
.core_products_list_box .pic {
  width: 100%;
  padding-bottom: 74%;
  display: block;
  position: relative;
  border: 1px solid #b6b6b6;
  overflow: hidden;
}
.core_products_list_box .pic .picin {
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
  -moz-background-size: cover; -webkit-background-size: cover; -o-background-size: cover; background-size: cover;
  background-position: center center;
  transition: all 0.3s; -webkit-transition: all 0.3s;
}
.core_products_list_box .pic:hover .picin {
  top:-10%;
  left: -10%;
  width: 120%;
  height: 120%;
}
.core_products_list_box .title {
	width: 100%;
  font-size: 1em;
  line-height: 1.2em;
  padding: 10px 0 15px 0;
  color: #000;
  text-align: center;
  overflow: hidden;
  word-break: break-word;
}
.core_products_list_box .title.title_small {
  font-size: 0.9em;
  line-height: 1em;
}
.core_products_list_box:hover .title{
  color: #558d0d;
}
.core_products_list_box ul.object {
  clear: both;
  width: 100%;
  margin: 0;
  padding: 0;
  text-align: left;
}
.core_products_list_box ul.object li {
  border-bottom: 1px solid #ccc;
  padding: 0 0 6px 0;
  margin: 0 0 6px 0;
  list-style: none;
  width: 100%;
  display: inline-block;
  word-break: break-word;
  vertical-align: top;
}
.core_products_list_box ul.object li a {
  font-size: 0.9em;
  line-height: 1.1em;
  color: #666
}
.core_products_list_box ul.object li a:hover {
  color: #558d0d;
}

@media screen and (max-width:860px) {
	.core_products_list_box.search_list {
	  width: calc(19.8% - 4px);
	}
}
@media screen and (max-width:800px) {
  .core_products_list_box ul.object li {
    font-size: 10pt;
    line-height: 5pt;
  }
}
@media screen and (max-width:640px) {
  .core_products_list_box {
	  width: calc(50% - 4px);
	  padding: 16px 2px;
    overflow: hidden
  }
	.core_products_list_box.search_list {
	  width: calc(25% - 4px);
	}
  .core_products_list_box .title{
    font-size: 11pt;
    line-height: 13pt;
  }
}
@media screen and (max-width:480px) {
	.core_products_list_box.search_list {
	  width: calc(49.5% - 4px);
	}
}
/********************************************/
/*products info*/
.main_info_column{
	clear:both;
	width:100%;
	max-width:1100px;
	margin:20px auto 10px auto;
	padding: 0 0 30px 0;
	overflow:hidden;
	border-bottom:1px solid #ccc; 
}
.product_box .info_column{
	float:left;
	width:170px;
	margin:2px 5px 2px 5px;
}
/*produce_info*/
.main_info_column_left{
	float:left;
	width:45%;
}
.main_info_column_left img{
	width:100%;
}
.product_info_column{
	float:right;
	width:52%;
}
.product_info_column .product_sn{
	display: block;
	width:100%;
	color:#757575;
	font-size:9pt;
	padding:2px 10px;
}
.product_info_column .product_sn::before{
	content: "SN：";
}
.product_info_column h1.product_title_infostyle{
	display: block;
	width:100%;
	font-weight: bold;
	padding:10px;
	font-size: 1em;
	border-left: none;
}
.product_info_column .option_column{
	float:left;
	width:100%;
	padding:2px 10px;
  overflow: hidden;
}
table.table_products_info{
	background: #999;
	border: none;
	border-spacing: 1px;
	margin: 10px 5px;
	width: calc(100% - 10px);
	font-size: 0.9em;
}
table.table_products_info tr{
	background: #fff;
}
table.table_products_info tr td{
	padding: 4px;
	vertical-align: top;
}
.product_info_column .pro_desc{
  width: 100%;
  padding: 0 10px;
  display: block;
  overflow: hidden;
  font-size: 0.9em;
  margin: 0 0 20px 0;
  border-bottom:1px dashed #ccc; 
}
/*pruducts_desc_column*/
.pruducts_desc_column{
	clear:both;
	width:100%;
	margin:16px auto;
}
.pruducts_desc_column .title{
	text-align:center;
	font-size:16pt;
	font-weight:bold;
	padding: 10px 0;
}
.pruducts_desc_column .HTML_info{
	width: 100%;
	margin: 0;
	padding: 0;
}
.pruducts_desc_column .HTML_info img{
	max-width:100%;
}
@media screen and (max-width:1100px) {
	.pruducts_desc_column{
		padding: 0 10px;
	}
}
@media screen and (max-width:480px) {
	.main_info_column_left,
	.product_info_column{
	    width: 100%;
	}
}
/********************************************/
.news_list_column{
  width: 100%;
  clear: both;
  text-align: center;
  margin:0 0 40px 0;
}
.news_list_column .news_box{
  position: relative;
  vertical-align: top;
  display: inline-block;
  width: 100%;
  background: #fff;
  padding:0 0 0 0;
  border-bottom: 1px solid #aaa;
  transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in;
}
.news_list_column .news_box:hover{
  background: #f4fbe8;
}
.news_list_column .news_box a{
	color: #000;
}
.news_list_column .news_box .pic_column{
  float: left;
  width:25%;
  padding:2%;
}
.news_list_column .news_box .pic_column .pic{
  transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in;
  width: 100%;
  padding-bottom: 75%;
  border-radius: 10px;
  overflow: hidden;
  background: url(../images/pic_news_000.jpg);
  background-position: center;
  -moz-background-size: cover; -webkit-background-size: cover; -o-background-size: cover; background-size: cover;
}

.news_list_column .news_box .info_column{
  float: right;
  width:74%;
  text-align: left;
  padding: 2% 2% 2% 1%;
}
.news_list_column .news_box .info_column .date{
  width: 100%;
  padding: 0;
  font-size: 0.96em;
  line-height: 1.2em;
  color: #558d0d;
  word-break: break-word;
}
.news_list_column .news_box .info_column .title{
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: 1.2em;
  line-height: 1.2em;
  font-weight: bold;
  word-break: break-word;
}
.news_list_column .news_box .info_column .bar {
  width: 40px;
  height: 2px;
  margin: 6px 0 12px 0;
  background-color: #558d0d;
  display: block;
}
.news_list_column .news_box .info_column .desc{
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: 0.96em;
  line-height: 1.2em;
  color: #666;
  word-break: break-word;
}
.news_list_column .news_box .info_column .desc::after{
  content: "...";
}
@media screen and (max-width:1200px) {
  .news_list_column .news_box .pic_column .pic{
    border: none;
  }

}
@media screen and (max-width:640px) {
  .news_list_column .news_box .pic_column,
  .news_list_column .news_box .info_column{
    float: unset;
    width: 100%;
    padding: calc(2% + 5px);
  }
  .news_list_column .news_box{
    width: calc(100% - 22px);
  }


}
/********************************************/
/******************/
.btn_link {
	display: inline-block;
	overflow: hidden;
}
.btn_link a {
	display: inline-block;
	font-size: 0.9em;
	margin: 0 0 0 0;
	-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;
	padding: 9px 18px;
	background-color: #185977;
	color: #fff;
	transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in;
}
.btn_link a:hover {
	background-color: #558d0d;
}
.btn_link a img{
	vertical-align:bottom;
}
/******************/
.info_option {
	width: 100%;
	font-size: 0.8em;
	line-height: 1.4em;
	padding: 0 10px;
	margin: 0px auto;
	display: block;
	overflow: hidden;
}
.info_option .left_column{
	float: left;
	width: calc(50% - 51px);
	text-align: left;
}
.info_option .middle_column{
  float: left;
  width: 102px;
  text-align: center;
}
.info_option .right_column{
	float: right;
	width: calc(50% - 51px);
	text-align: right;
}
.info_option .full_column{
  width: 100%;
  text-align: center;
  clear: both;
  display: block;
  padding:20px;
}
.info_option img{
	border: 1px solid #ccc;
	vertical-align: middle;
	margin: 0;
	padding: 0;
}
.info_option a {
	color: #666;
	margin: 6px 0;
	padding: 0;
	line-height: 1.2em;
}
.info_option a:hover {
	color: #558d0d
}

.info_option a span {
	width: 100%;
	clear: both;
  padding: 0 0 3px 0;
	display: block;
}
/**********************************/
.sitemap {
  width: 100%;
  overflow: hidden;
}
.sitemap ul.nav {
  width: 100%;
  margin: 0;
  padding: 0;
}
.sitemap ul.nav li {
	width: 24.5%;
	padding: 0 1%;
  position: relative;
  display: inline-block;
  text-align: left;
  vertical-align: top;
}
@media screen and (max-width:780px) {
	.sitemap ul.nav li {
		width: 32%;
	}
}
@media screen and (max-width:640px) {
	.sitemap ul.nav li {
		width: 48%;
	}
}
.sitemap ul.nav li>a {
  font-size: 1em;
  padding: 20px 16px 6px 16px;
  display: block;
  color: #000;
  font-weight: bold;
  border-bottom:2px solid #666; 
}
.sitemap ul.nav li>a:hover {
  color: #558d0d;
}
.sitemap ul li .submenu {
  width: 100%;
}
.sitemap ul li .submenu .sub_class {
  width: 100%;
  margin: 0
}
.sitemap ul li .submenu .sub_class .title {
  float: left;
  width: 100%;
  padding: 0 0 0 0;
  height: inherit;
  margin: 0 0 0 0;
  text-align: left;
}
.sitemap ul li .submenu .sub_class .title a {
  display: block;
  font-size: .9em;
  line-height: 1.2em;
  height: inherit;
  color: #000;
  margin: 0 0 0 0;
  padding: 10px 16px;
  border-top:1px solid #ddd;
}
.sitemap ul li .submenu .sub_class:first-child .title a {
	border: none; 
}
.sitemap ul li .submenu .sub_class .title a:hover {
  color: #558d0d
}

.sitemap ul.sub_class_2{
	margin: 0;
	padding: 0;
	width: 100%;
}
.sitemap ul.sub_class_2 li{
	margin: 0;
	padding: 0;
	width: 100%;
}
.sitemap ul.sub_class_2 li a{
	padding: 6px 0 6px 32px;
	font-size: 0.9em;
	font-weight: normal;
	color: #666;
	border: none; 
}
/********************************************/
.option_row{
  clear: both;
  padding: 10px 0;
  margin:10px 0;
  -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;
  text-align: center;
}
.option_row .group{
  display: inline-block;
  margin: 0 auto 8px auto;
  vertical-align: top;
  width: 98%;
}
.option_row .group .title{
  display: inline-block;
  font-weight: bold;
  vertical-align:middle;
}
.table-responsive{
  border: none !important;
}
.table.dataTable tbody tr:hover{
  background: #ffeec8;
  cursor: pointer;
}
/*************************************/
input[type="text"].custom{
  padding: 7px 10px;
  background-color: #fff;
  border-radius: 5px;
  border: #aaa 1px solid;
  color: #000;
  font-size: 1em;
  line-height: 20px;
  text-shadow: rgba(255,255,255,.6) 0 1px 0;
  font-family: Microsoft JhengHei, simhei, Arial;
  appearance:none;
  -moz-appearance:none; /* Firefox */
  -webkit-appearance:none; /* Safari 和 Chrome */
}
input[type="checkbox"].custom{
  background-color: #fff;
  border-radius: 5px;
  border: #aaa 1px solid;
  height: 16px;
  width: 16px;
  margin: 3px 0;
  -webkit-appearance:none;
  vertical-align:text-bottom;
}
button.custom{
  padding: 5px 10px;
  background-color: #fff;
  border-radius: 5px;
  border: #aaa 1px solid;
  color: #000;
  font-size: 1em;
  line-height: 20px;
  margin: 10px 0 0 0;
  text-shadow: rgba(255,255,255,.6) 0 1px 0;
  font-family: Microsoft JhengHei, simhei, Arial;
  appearance:none;
  -moz-appearance:none; /* Firefox */
  -webkit-appearance:none; /* Safari 和 Chrome */
}
input[type="checkbox"].custom:checked {
  background: #333 url(../images/icon-check.png) no-repeat center center;
  border: #333 1px solid;
  vertical-align: text-bottom;
}
.input label.custom{
  font-family: Microsoft JhengHei, simhei, Arial;
}
.checkbox_column{
	width:100%;
	display: inline-block;
	text-align: left;
	background: rgba(0,0,0,0.1);
	-webkit-border-radius:5px;  -moz-border-radius:5px; border-radius:5px;
	padding:5px 10px;
	margin: 0 0 10px 0;
}
.checkbox_column_title{
  display: block;
  font-weight: bold;
  width: 100%;
  margin: 0 auto;
  padding: 5px;
}
.checkbox_list {
  display: inline-block;
  text-align: left;
  margin: 0 4px 0 0;
  width: 24%;
  vertical-align: top;
}
@media screen and (max-width:1100px) {
	.checkbox_list {
	  width: 32%;
	}
}
@media screen and (max-width:640px) {
	.checkbox_list {
	  width: 46%;
	}
}

.checkbox_list label{
	display: inline-block;
	width: calc(100% - 30px);
	vertical-align: top;
	text-align: left;
}
.checkbox_list .spec_class_column label{
  display: inline-block;
  width: inherit;
  vertical-align: top;
  text-align: left;
}
.p_class_column{
	padding: 5px;
	border-top:1px dashed #ccc; 
}
.p_subclass_column{
	width: 100%;
	clear: both;
	display: block;
}
.spec_class_column{
  display: inline-block;
  padding: 5px;
  border-top:1px dashed #ccc; 
}
.label_title{
	font-size: 11pt;
	cursor: pointer;
}
button.option{
  -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;
  padding: 6px 10px;
  margin: 0 0 3px 0;
  border: none;
  color: #fff;
  font-size: 0.85em;
  line-height: 20px;
  font-family: Microsoft JhengHei, simhei, Arial;
  appearance:none;
  -moz-appearance:none; /* Firefox */
  -webkit-appearance:none; /* Safari 和 Chrome */
  transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in;
}
button.option:hover{background-color: #dc5e04;}
button.fliter_send{
	cursor: pointer;
	margin: 5px 0 0 0;
  min-width: 120px;
  padding:8px 8px 8px 8px;
  background-color: #185977;
  border-radius: 5px;
  border: #034863 0px solid;
  color: #fff;
  font-size: 1em;
  line-height: 19px;
  font-family: Microsoft JhengHei, simhei, Arial;
  appearance:none;
  -moz-appearance:none; /* Firefox */
  -webkit-appearance:none; /* Safari 和 Chrome */
  transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in;
}
button.fliter_send:hover{
  background-color: #558d0d;
}
.open_column{
	display: inline-block;
	cursor: pointer;
	margin: 5px 0 0 0;
  min-width: 40px;
  padding:8px 8px 8px 8px;
  background-color: #999;
  border-radius: 5px;
  border: #034863 0px solid;
  color: #fff;
  font-size: 1em;
  line-height: 19px;
  font-family: Microsoft JhengHei, simhei, Arial;
  appearance:none;
  -moz-appearance:none; /* Firefox */
  -webkit-appearance:none; /* Safari 和 Chrome */
  transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in;
}
.open_column:hover{
  background-color: #558d0d;
}
/*doctor start*************************************************/
.column_doctor{
  width: 100%;
  max-width: 1200px;
  margin: 40px auto 50px auto;
  padding: 0 20px;
  display: block;
}
.column_doctor a{
  text-decoration: unset;
  color:  #000;
}
.column_doctor .box_doctor{
  width: 100%;
  clear: both;
  overflow: hidden;
  margin: 0 0 30px 0;
  padding: 10px;
  background-color: rgba(0,0,0,0);
  border-bottom: 1px dashed #aaa;
}
.column_doctor.column_doctor_type_textonly .box_doctor{
  margin: 0 0 10px 0;
}
.column_doctor .box_doctor .pic{
  display: inline-block;
  width: 160px;
  height: 160px;
  border: 5px solid #fff;
  border-radius: 50%;
  -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.4); -moz-box-shadow: 0 1px 5px rgba(0,0,0,0.4); box-shadow: 0 1px 5px rgba(0,0,0,0.4);
  vertical-align: top;
  background-position: top center;
  background-repeat: no-repeat;
  -moz-background-size: cover; -webkit-background-size: cover; -o-background-size: cover; background-size: cover;
}
.column_doctor .box_doctor .info{
  display: inline-block;
  width: calc(100% - 198px);
  margin: 0 0 0 30px;
  padding: 6px 0; 
  min-height: 200px;
}
.column_doctor.column_doctor_type_textonly .box_doctor .info{
  width: 100%;
  min-height: unset;
  margin: 0;
}
.column_doctor .box_doctor .info .label{
  background-color: #558d0d;
  width: fit-content;
  width: -moz-fit-content;
  clear: both;
  color: #fff;
  letter-spacing: 4px;
  padding: 5px 15px 5px 19px;
  -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;
}
.column_doctor.column_doctor_type_textonly .box_doctor .info .label{
  display: inline-block;
  vertical-align: middle;
}
.column_doctor .box_doctor .info .label .type::before{
  content: "|";
  margin: 0 10px 0 5px;
  font-size: 0.8em;
  position: relative;
  top:-1px;
}
.column_doctor .box_doctor .info h3{
  margin: 10px 0;
  font-size: 1em;
  cursor: pointer;
  font-weight: bold;
}
.column_doctor.column_doctor_type_textonly .box_doctor .info h3{
  display: inline-block;
  vertical-align: middle;
}
.column_doctor .box_doctor .info .text{
  font-size: 1em;
}
.column_doctor.column_doctor_type_column_2{
  text-align: center;
}
.column_doctor.column_doctor_type_column_2 .box_doctor{
  display: inline-block;
  width: calc(50% - 35px);
  margin: 0 12px;
}
.column_doctor.column_doctor_type_column_2 .box_doctor .pic{
  width: 100%;
  height: unset;
  padding-bottom: 64.9%;
}
.column_doctor.column_doctor_type_column_2 .box_doctor .info{
  width: 100%;
  margin: 0;
  min-height: unset;
}
.column_doctor.column_doctor_type_column_2 .box_doctor .info h3{
  margin: 5px 0;
}
.column_doctor.column_doctor_type_column_2 .box_doctor .info .label{
  margin: 0 auto;
  color: #666;
  background-color: unset;
  padding: 0;
}

.column_doctor.column_doctor_type_column_3{
  text-align: center;
  max-width: 1440px;
}
.column_doctor.column_doctor_type_column_3 .box_doctor{
  display: inline-block;
  width: calc(33% - 24px);
  margin: 0 8px;
}
.column_doctor.column_doctor_type_column_3 .box_doctor .pic{
  width: 100%;
  height: unset;
  padding-bottom: 64.9%;
}
.column_doctor.column_doctor_type_column_3 .box_doctor .info{
  width: 100%;
  margin: 0;
  min-height: unset;
}
.column_doctor.column_doctor_type_column_3 .box_doctor .info h3{
  margin: 5px 0;
}
.column_doctor.column_doctor_type_column_3 .box_doctor .info .label{
  margin: 0 auto;
  color: #666;
  background-color: unset;
  padding: 0;
}
@media screen and (max-width:1000px){
  .column_doctor .box_doctor .pic{
    height: 160px;
    height: 160px;
  }
  .column_doctor .box_doctor .info{
    width: calc(100% - 278px);
  }
}
@media screen and (max-width:960px){
  .column_doctor.column_doctor_type_column_2 .box_doctor,
  .column_doctor.column_doctor_type_column_3 .box_doctor{
    display: inline-block;
    width: calc(48% - 8px);
    margin: 0 0;
  }
}
@media screen and (max-width:640px){
  .column_doctor.column_doctor_type_column_2 .box_doctor,
  .column_doctor.column_doctor_type_column_3 .box_doctor{
    width: 100%;
  }
  .box_doctor{
    text-align: center;
  }
  .column_doctor .box_doctor .pic{
    height: 160px;
    height: 160px;
    margin: 0 auto;
  }
  .column_doctor .box_doctor .info{
    width: 100%;
    margin: 15px 0 0 0;
    text-align: center;
  }
  .column_doctor .box_doctor .info .label{
    margin: 0 auto;
  }
  .column_doctor .box_doctor .info ul{
    margin: 0 auto;
    padding: 0;
    list-style: none;
  }
}
/*doctor end*************************************************/
/*相片一覽 start*************************************************/
.column_album_info{
  display: grid;
  grid-gap: 12px;
  margin: 15px auto;
  padding: 0 10px;
  width: 100%;
  max-width: 1100px;
}
.column_album_info_grid_4{grid-template-columns: repeat(4,1fr);}
.column_album_info .pic{
  width: 100%;
  border: 3px solid #fff;
  border-radius: 5px;
  line-height: 0;
  -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.4); -moz-box-shadow: 0 1px 5px rgba(0,0,0,0.4); box-shadow: 0 1px 5px rgba(0,0,0,0.4);
  text-align: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
}
.column_album_info .pic:hover{
  -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.75); -moz-box-shadow: 0 1px 5px rgba(0,0,0,0.75); box-shadow: 0 1px 5px rgba(0,0,0,0.75);
}
.column_album_info .pic img{
  width: 100%;
  border-radius: 4px;
}
.column_album_info .title{
  width: 100%;
  text-align: center;
  margin-top: 5px;
}
@media screen and (max-width:960px) {
  .column_album_info_grid_4{grid-template-columns: repeat(3,1fr);}
}
@media screen and (max-width:640px) {
  .column_album_info_grid_4{grid-template-columns: repeat(2,1fr);}
}
/*相片一覽 end*************************************************/

.row_box{
  display: block;
  border-bottom: 1px solid #ccc;
  padding: 10px;
  width: 100%;
}
.row_box a{
  display: block;
  width: 100%;
  height: 100%;
  color: #000;
}
.row_box a:hover{
  color: #558d0d;
}
.row_box .title{
  font-size: 1.1em;
}
.row_box .desc{
  color: #666;
}
.row_box .desc::after{
  content: "...";
}