/**/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;700&family=Noto+Serif+TC:wght@400;500;600;700;900&display=swap');

html{
	font-family:sans-serif;
	-ms-text-size-adjust:100%;
	-webkit-text-size-adjust:100%; 
	font-size:62.5%;
	-webkit-tap-highlight-color:rgba(0,0,0,0);}
body{
	margin:0; 
	font-family: 'Noto Serif TC', 'Noto Sans TC', 'Microsoft JhengHei';
	font-size:14px;
	line-height:1.428571429;
	color:#555;
	background-color:#fff;}
	
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{
	display:block}

a{
	background:transparent; 
	color:#1850a3; 
	text-decoration:none;
	outline: none; /* for Firefox Google Chrome  */
	behavior:expression(this.onFocus=this.blur()); /* for IE */}
a:active,a:hover{
	outline:0; 
	color:#CCC; 
	-webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
	text-decoration:none;}
a:visited{
	text-decoration:none;}
a:focus{
	outline:thin dotted;
	outline:5px auto -webkit-focus-ring-color;
	outline-offset:-2px;
	text-decoration:none;}

h1{
	font-size:2em;
	margin:.67em 0;}

img{
	border:0;
	vertical-align:middle;}
	
input,button,select,textarea{
	font-family:inherit;
	font-size:inherit;
	line-height:inherit;
	outline: none; /* for Firefox Google Chrome  */
	behavior:expression(this.onFocus=this.blur()); /* for IE */}

::selection {
    background: #7cc287;
    color: #fff;}
::-moz-selection {
    background: #7cc287;
    color: #fff;}
	
#toTop a{
	position: fixed !important;
	right:30px;
	bottom: 150px;
	text-align:center;
	_position:absolute;
	_top:expression(documentElement.scrollTop+documentElement.clientHeight-this.clientHeight-4);}
#toTop {
	z-index:100000;
    opacity: 1;
    position: fixed;
    display: none;}
#toTop:hover{
    opacity: 0.8;
    cursor: pointer;}
	
.site-main{
	margin-top: 0;}
.carousel{
	position:relative;}
.carousel-indicators {
	width: 20px;
	text-align: right;
	left: inherit;
	bottom: 40%;
	right: 30px;
    padding-left: 0;
    margin-left: 0;}
.carousel-indicators li {
    width: 12px;
	height: 12px;
	margin-top: 5px;
    background-color: #FFF;
    border: 2px solid #FFF;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;}
.carousel-indicators .active {
    width: 12px;
    height: 12px;
    background-color: #7cc287;
    border: 2px solid #7cc287;}	
.carousel-control{
	width: 12%;}
.carousel-control.left, .carousel-control.right{
	background:none;}
.carousel-inner > .item > img, .carousel-inner > .item > a > img {
	width: 100%;}

@media (max-width:991px){
#toTop a{
	right:0;
	bottom: 80px;}
#toTop a img{
	width: 60px;}
.carousel-indicators {
	bottom: 10%;}}

@media (max-width:767px){
.site-main{
	margin-top: 50px;}
.carousel-indicators {
	bottom: 40%;
	right: 10px;}
.carousel-indicators li {
    width: 12px;
	height: 12px;
	margin-top: 0px;}}

/*ICON BTN*/
.icon_style a{
	position: fixed !important;
	width:45px;
	height:45px;
	text-align:center;
	_position:absolute;
	_top:expression(documentElement.scrollTop+documentElement.clientHeight-this.clientHeight-4);
	z-index:1031;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	box-shadow: 0 0 5px rgba(0,0,0,0.3);}
.icon_style a i{
	text-align:center;
	font-size:1.7em;
	width:40px;
	height:40px;
	line-height:45px;}
.icon_style a:hover{
	-webkit-transform:rotate(375deg); 
	-moz-transform:rotate(375deg); 
	-o-transform:rotate(375deg); 
	-ms-transform:rotate(375deg); 
	transform:rotate(375deg);
	-webkit-transition: all 1.5s ease 0s;
    -moz-transition: all 1.5s ease 0s;
    -o-transition: all 1.5s ease 0s;
    -ms-transition: all 1.5s ease 0s;
    transition: all 1.5s ease 0s;}
#icon_mail a{
	top: 25px;
	right: 25px;
	color: #fff;
	background:#dac461;}
@media (max-width:1290px){
#icon_mail a{
	top: 105px;
	right: 17px;}}
@media (max-width:767px){
#icon_mail a{
	top: 5px;
	right: 1px;
	color: #7cc287;
	background:transparent;
	box-shadow: 0 0 5px rgba(0,0,0,0);}}

/*PADDING*/
.padding_0{
	padding:0}
.padding_5{
	padding:0 5px;}
.padding_10{
	padding:0 10px;}
.margin_0{
	margin:0 !important;}
.index_padding{
	padding-top:70px !important; 
	padding-bottom:50px !important;}
.page_padding{
	padding-top:0 !important; 
	padding-bottom:60px !important;}
.content_padding{
	padding: 40px;}
.footer_padding {
	padding-top: 60px !important;
	padding-bottom:10px !important;}
@media (max-width:767px){
.padding_turn5{
	padding:5px;}
.padding_turn0{
	padding:0;}
.index_padding{
	padding-top:30px !important; 
	padding-bottom:10px !important;}
.page_padding{
	padding-top:0 !important; 
	padding-bottom:40px !important;}
.content_padding{
	padding: 30px 20px;}
.footer_padding {
	padding-top:50px !important; 
	padding-bottom:0 !important;}}
.positionR{
	position: relative;}

/*FOOTER*/
footer {
	position: relative;
	background: #137f76;
    color: #FFF;
	text-align: center;}
footer a, footer a:visited {
	  color: #FFF;}
footer a:hover, footer a:active, footer a:focus  {
	color: #dac461;}
footer h2 {
	font-weight:600;
	font-size: 1.5em;
	margin: 0;
	padding: 20px 0 35px;
	font-family: 'Noto Sans TC';
	border-top: 1px rgba(255,255,255,0.5) solid;}
footer p {
	font-size: 1.15em;
	margin-bottom:15px;}
footer p i{
	color: #dac461;
	padding-left: 7px;}
footer p a:hover i{
	color: #7cc287;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;}
footer .col-md-4{
	margin-bottom: 15px;}
footer .col-md-4 p{
 	margin-bottom: 10px;}
footer .col-md-4 p.title_style{
 	font-size: 1.2em;
 	font-weight: 600;}
.footer_box{
	margin-bottom:35px;}
.copyright_area{
	background: #FFF;
	padding: 15px 0;
	text-align: center;}
.copyright_area p{
	font-size: 1em;
	line-height: 180%;
	padding: 0 20px;
	margin-bottom: 0 !important;
	color: #555;}
.copyright_area p a{
	color: #555;}
.copyright_area p a:hover{
	color: #7cc287;}
@media (max-width:767px){
footer h2 {
	padding: 20px 0 30px;
	font-size: 1.3em;}
footer p {
	margin-bottom:10px;}
.footer_box{
	margin-bottom:25px;}
.copyright_area{
	padding: 15px 0;}}

.txt_red{
	color:#d66e37 !important;}
.txt_green{
	color:#137f76 !important;}
.txt_yellow{
	color:#dac461 !important;}
.txt_black{
	color:#555 !important;}
	
.animatedDelay1{
	-webkit-animation-delay: 0.3s;
	animation-delay: 0.3s;}
.animatedDelay2{
	-webkit-animation-delay: 0.6s;
	animation-delay: 0.6s;}
.animatedDelay3{
	-webkit-animation-delay: 0.9s;
	animation-delay: 0.9s;}
.animatedDelay4{
	-webkit-animation-delay: 1.2s;
	animation-delay: 1.2s;}
.animatedDelay5{
	-webkit-animation-delay: 1.5s;
	animation-delay: 1.5s;}
.animatedDelay6{
	-webkit-animation-delay: 1.8s;
	animation-delay: 1.8s;}
.animatedDelay7{
	-webkit-animation-delay: 2.1s;
	animation-delay: 2.1s;}
.animatedDelay8{
	-webkit-animation-delay: 2.4s;
	animation-delay: 2.4s;}
.animatedDelay9{
	-webkit-animation-delay: 2.7s;
	animation-delay: 2.7s;}
.animatedDelay10{
	-webkit-animation-delay: 3.0s;
	animation-delay: 3.0s;}

/*modal*/
.modal_header{
	background:#7cc287; 
	color:#FFF;
	-webkit-border-top-left-radius: 5px; 
	-webkit-border-top-right-radius: 5px; 
	-moz-border-radius-topleft: 5px; 
	-moz-border-radius-topright: 5px; 
	border-top-left-radius: 5px; 
	border-top-right-radius: 5px;}
.modal_body{
	font-size:1.05em;
	padding-bottom:0;}
.modal_body img{
	/*margin:5px auto 10px;*/
	text-align:center;}

.modal_body_content{
	padding-bottom:10px;}
@media (max-width:767px){
.modal_body_content{
	padding:0 10px 10px;}}
.modal_body_content h3{
	margin: 0 0 7px;
    padding: 0;
    color: #333;
    line-height: 140%;
    font-weight: 500;
    font-size: 1.3em;}
.modal_body_content p{
    line-height: 180%;
    color: #7a7a7a;}
.modal_product_detail_list{
	float:left;
	list-style-type:none;
	padding:0;}
.modal_product_detail_list li{
	padding-bottom:5px;}
.modal_product_detail_list li a{
	color:#272b5b;}
.modal_product_detail_list li a:hover{
	color:#CCC;}

.text_content{
	padding:10px 15px 0;}

.btn-first {
  color: #fff;
  background-color: #7cc287;
  border-color: #7cc287;}
.btn-second {
  color: #fff;
  background-color: #686d71;
  border-color: #686d71;}
.btn-first:hover, .btn-first:active, .btn-first:focus,
.btn-second:hover, .btn-second:active, .btn-second:focus{
  color: #ccc !important;}
  
.modal-footer .btn-first, .modal-footer .btn-second{
	padding:12px 5px;
	font-size:1em;}
	
.btn_left{
	border-radius: 0;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;}

/*----------------------------------------------------------------------------------INDEX AREA*/

/*MAIN_TITLE*/
.main_title{
	margin-bottom: 20px;
	text-align: center;
	position: relative;
    line-height: 72px;}
.main_title h2{
	margin: 0;
	padding: 0;
	text-transform:uppercase;
	font-size: 1em;
	line-height: 160%;
	font-weight: bold;}
.main_title h2.cht{
	position: relative;
    z-index: 2;
    line-height: 110px;
    font-size: 2.1em;
    letter-spacing: 2px;
	color: #333;
	text-shadow: -2px -2px 0 #fff, -2px -1px 0 #fff, -2px 0px 0 #fff, -2px 1px 0 #fff, -2px 2px 0 #fff, -1px -2px 0 #fff, -1px -1px 0 #fff, -1px 0px 0 #fff, -1px 1px 0 #fff, -1px 2px 0 #fff, 0px -2px 0 #fff, 0px -1px 0 #fff, 0px 0px 0 #fff, 0px 1px 0 #fff, 0px 2px 0 #fff, 1px -2px 0 #fff, 1px -1px 0 #fff, 1px 0px 0 #fff, 1px 1px 0 #fff, 1px 2px 0 #fff, 2px -2px 0 #fff, 2px -1px 0 #fff, 2px 0px 0 #fff, 2px 1px 0 #fff, 2px 2px 0 #fff;}
.main_title h2.en{
	position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    color: #d7eddb;
	font-size: 4.7em;
    letter-spacing: 5px;
	font-family: 'Noto Sans TC', 'Microsoft JhengHei';}
.main_title.bg_green h2.cht{
	color: #FFF;
	text-shadow: -2px -2px 0 #7fc589, -2px -1px 0 #7fc589, -2px 0px 0 #7fc589, -2px 1px 0 #7fc589, -2px 2px 0 #7fc589, -1px -2px 0 #7fc589, -1px -1px 0 #7fc589, -1px 0px 0 #7fc589, -1px 1px 0 #7fc589, -1px 2px 0 #7fc589, 0px -2px 0 #7fc589, 0px -1px 0 #7fc589, 0px 0px 0 #7fc589, 0px 1px 0 #7fc589, 0px 2px 0 #7fc589, 1px -2px 0 #7fc589, 1px -1px 0 #7fc589, 1px 0px 0 #7fc589, 1px 1px 0 #7fc589, 1px 2px 0 #7fc589, 2px -2px 0 #7fc589, 2px -1px 0 #7fc589, 2px 0px 0 #7fc589, 2px 1px 0 #7fc589, 2px 2px 0 #7fc589;}
.main_title.bg_green h2.en{
	color: rgba(255,255,255,0.2);}
@media (max-width:767px){
.main_title{
	margin-bottom: 0;
	padding: 0 20px;}
.main_title h2.cht{
    line-height: 90px;
	font-size: 1.5em;}
.main_title h2.en{
	top: 10px;
	font-size: 3em;}}

/*FIXED BG*/
.fixed-bg {
	min-height: 100%;
	background-size: cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center center;}	
.fixed-bg.index_slogan{
	background-image: url(../images/bg_slogan.jpg);} 
.fixed-bg.index_laction{
	background-image: url(../images/bg_common.jpg);} 
@media (max-width:1199px){
.fixed-bg {
	background-attachment:scroll;}} 

/*INDEX NEWS*/
.index_news{
	background: #FFF;
	color: #555;
	padding: 30px;
	margin: -150px 0 0;
	border-top: 7px #7cc287 solid;
	text-transform:uppercase;
	box-shadow: 0 0 15px rgba(0,0,0,0.4);}
.news_list ul{
	margin:0 0 15px;
	padding:0;
	width:100%;
	height:auto;
	list-style-type:none;}
.news_list li{
	margin: 0;
	padding: 10px 10px 5px;
	width: 100%;
	height: auto;
	border-bottom: 1px #DDD solid;
	font-size: 1.15em;}
.news_list li a{
	display: inline-block;
	width: 100%;
	height: auto;
	color:#333;
	font-weight: 500;
	overflow:hidden; 
    white-space:nowrap;
    text-overflow:ellipsis;}
.news_list span.date{
	display:inline-block;
	width:80px;
	color:#117f75;
	margin-right:10px;}
.news_list li.title{}
.news_list li.title a{
	cursor: default;}
.news_list li.title span, .news_list li.title a{
	color: #888 !important;}
.news_list li:hover span.date{
	color: #c9a917;
	-webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;}
.index_news a.btn_more{
	z-index: 3;
	position: relative;
	display: block;
	margin: -30px 0 0;
	font-size: 1.15em;
	letter-spacing: 3px;
	color: #7cc287;}
.index_news a.btn_more:hover{
	letter-spacing: 6px;}
@media (min-width:768px){
.index_news .main_title{
	margin-top: 60px;}}
@media (max-width:1199px){
.news_list span.pull-right{
	display: none;}}
@media (max-width:991px){
.index_news{
	margin: -90px 0 0;}}
@media (max-width:767px){
.index_news{
	padding: 15px 0 30px;
	margin: -30px 0 30px;}
.index_news a.btn_more{
	display: block;
	margin: -50px 0 0;}
.index_padding .news_list ul{
	margin:-15px 0 15px;}}

/*INDEX LOCATION*/
.index_laction{}
.index_laction .bgwhite{
	background: url(../images/bg_white.jpg) bottom repeat-x;}
.index_laction .btn_nextprev{
	margin: 10px 0 30px;
	display: block;}
.index_laction .btn_nextprev a i{
	padding:15px 10px;
	margin-right: 10px;
	color: #FFF;
	border: 2px #FFF solid;
	font-size: 2.5em;
	background: rgba(255,255,255,0.2);}
.index_laction .btn_nextprev a:hover i{
	border: 2px #dac461 solid;
	background: #dac461;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;}
.index_laction .side_left{
	padding-right: 30px;}
.index_laction .side_right{
	padding-left: 30px;}
.index_laction .side_left img{
	box-shadow: 5px 10px 30px rgba(0,0,0,0.3);}
.index_laction .box{
	position: relative;
	display: block;
	background: #FFF;
	padding: 50px 50px 10px;}
.index_laction .box h3{
	margin:5px 0 20px;
	padding:0 80px 0 0;
	font-weight: 700;
	font-size: 1.8em;
	color: #137f76;}
.index_laction .box span.line_style{
	display: inline-block;
	width: 60px;
	height: 2px;
	margin-bottom: 20px;
	background: #137f76;}
.index_laction .box p{
	line-height: 180%;
	font-size: 1.2em;
	color: #555;}
.index_laction .box p a{
	color: #555;}
.index_laction .box p a:hover{
	color: #137f76;}
.index_laction .box a.btn_map{
	display: inline-block;
	margin-left:10px;
	padding: 0 15px; 
	color: #fff;
	background: #dac461;
	font-size: 0.8em;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;}
a.icon_location i{
	position: absolute;
	top: 51px;
	right: 45px;
	color: #fff;
	font-size: 1.2em;
	background: #dac461;
	width: 35px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;}
a.icon_location i.fa-map-marker-alt{
	right: 90px;}
.index_laction .box a.btn_map:hover,
a.icon_location:hover i{
	color: #FFF;
	background: #7cc287;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;}
.pic_leaf img{
	position: absolute;
	top: 0;
	right: 4%;
	z-index: 1;}
.page_padding .pic_leaf img{
	z-index: 0;}
@media (max-width:1427px){
.pic_leaf img{
	width: 150px;}
.page_padding .pic_leaf img{
	top: -20px;
	width: 100px;
	right: 2%;}}
@media (max-width:991px){
.index_laction .side_left{
	padding-right: 20px;}
.index_laction .side_right{
	padding-left: 20px;}
.index_laction .box{
	padding: 30px 25px 10px 30px;}
.index_laction .box h3{
	font-size: 1.6em;}
.index_laction .box p{
	font-size: 1.15em;}
.index_laction .btn_nextprev{
	text-align: center;
	margin: 20px 0;}
.index_laction .btn_nextprev a i{
	font-size: 1em;}
a.icon_location i{
	position: absolute;
	top: 30px;
	right: 20px;}
a.icon_location i.fa-map-marker-alt{
	right: 60px;}}
@media (max-width:767px){
.pic_leaf img{
	top: -10px;
	right: 15px;
	width: 80px;}}

/*INDEX SERVICES*/
.index_services{}
.index_services_list{
	padding: 40px 45px 40px;
	margin-bottom: 50px;
	background: #daeedd;
	box-shadow: 0 7px 0 #bde0c3;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;}
.index_services_list img{}
.index_services_list h3{
	padding: 0;
	margin: 15px 0 15px;
	font-weight: 600;
	font-size: 1.4em;
	color: #137f76;
	text-align: center;
	line-height: 160%;
	text-transform:uppercase;}
.index_services_list p{
	margin: 0;
	padding: 0;
	color: #555;
	line-height: 180%;
	font-size: 1.2em;}
@media (max-width:767px){
.index_services{
	margin-bottom: -30px;}
.index_services_list{
	margin-bottom: 30px;}}
.index_services_list:hover{
	background: #0c7e76;
	box-shadow: 0 12px 0 #0d6660;
	transform: translateY(-5px);
	-webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;}
.index_services_list:hover h3, .index_services_list:hover p, .index_services_list:hover img{
	color: #FFF;
	-webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;}
.index_services_list:hover img{
	-webkit-filter:brightness(2);}

/*INDEX SLOGAN*/
.index_slogan{
	position: relative;}
.index_slogan .box{
	padding: 150px 0 80px;
	color: #fff;}
.index_slogan .box h3{
	margin: 0 0 20px;
	padding: 0;
	font-family: 'Noto Sans TC';
	font-size: 2.3em;}
.index_slogan .box h3 span{
	color: #dac461;}
.index_slogan .box p{
	margin: 0;
	padding: 0;
	line-height: 200%;
	font-size: 1.8em;}
@media (max-width:767px){
.index_slogan .box{
	padding: 130px 0 50px;}
.index_slogan .box h3{
	font-size: 1.3em;}
 .index_slogan .box p{
	font-size: 1.2em;}}
.mask_slogan{
    position: absolute;
	top: 0;
    right: 0;
	width: 100%;
	height: 149px;
	background: url(../images/mask_slogan.png) center bottom no-repeat;}

/*ANIMATION*/
@keyframes typing {
	from {
		width: 0;
	}
}

.tossing {
	animation-name: tossing;
	-webkit-animation-name: tossing;
	animation-duration: 2.5s;
	-webkit-animation-duration: 2.5s;
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
}

@keyframes tossing {
	0% {
		transform: rotate(-10deg);
	}
	50% {
		transform: rotate(10deg);
	}
	100% {
		transform: rotate(-10deg);
	}
}

@-webkit-keyframes tossing {
	0% {
		-webkit-transform: rotate(-10deg);
	}
	50% {
		-webkit-transform: rotate(10deg);
	}
	100% {
		-webkit-transform: rotate(-10deg);
	}
}

/*----------------------------------------------------------------------------------PAGE*/

/*banner標題*/
.page_banner{
	padding: 150px 0 50px;}
.page_banner.bg_banner1{
	background: url(../images/bg_banner1.jpg) center center;}
.page_banner.bg_banner2{
	background: url(../images/bg_banner2.jpg) center center;}
.page_banner.bg_banner3{
	background: url(../images/bg_banner3.jpg) center center;}
.page_banner.bg_banner4{
	background: url(../images/bg_banner4.jpg) center center;}
.page_banner.bg_banner5{
	background: url(../images/bg_banner5.jpg) center center;}
.page_banner.bg_banner6{
	background: url(../images/bg_banner6.jpg) center center;}
.page_banner.bg_banner7{
	background: url(../images/bg_banner7.jpg) center center;}
.page_banner.bg_banner8{
	background: url(../images/bg_banner8.jpg) center center;}
.page_banner.bg_banner9{
	background: url(../images/bg_banner9.jpg) center center;}
.page_banner .main_title.bg_green h2.cht{
    letter-spacing: 5px;
	text-shadow: -2px -2px 0 #94918a, -2px -1px 0 #94918a, -2px 0px 0 #94918a, -2px 1px 0 #94918a, -2px 2px 0 #94918a, -1px -2px 0 #94918a, -1px -1px 0 #94918a, -1px 0px 0 #94918a, -1px 1px 0 #94918a, -1px 2px 0 #94918a, 0px -2px 0 #94918a, 0px -1px 0 #94918a, 0px 0px 0 #94918a, 0px 1px 0 #94918a, 0px 2px 0 #94918a, 1px -2px 0 #94918a, 1px -1px 0 #94918a, 1px 0px 0 #94918a, 1px 1px 0 #94918a, 1px 2px 0 #94918a, 2px -2px 0 #94918a, 2px -1px 0 #94918a, 2px 0px 0 #94918a, 2px 1px 0 #94918a, 2px 2px 0 #94918a;}
.page_banner .main_title h2.en{
    letter-spacing: 15px;}
@media (max-width:991px){
.page_banner{
	padding: 130px 0 50px;}}
@media (max-width:767px){
.page_banner{
	padding: 20px 0 0px;}
.page_banner{
	background-size: cover !important;}
.page_banner .main_title h2.en{
    letter-spacing: 7px;}}

/*路徑*/	
#pathway {
	padding:0 0 25px;
	margin: 0;
	line-height:180%;
	float: left;
	width: 100%;
	font-size: 1.05em;
	color:#FFF;
	text-align: right;}
#pathway span{
	font-weight:400;}
#pathway a{
	color:#FFF;}
#pathway a:hover{
	color:#dac461;}
#pathway i{
	color:#FFF;
	padding: 0 11px;}
@media (max-width:767px){
#pathway {
	padding:0 0 10px;
	font-size: 0.9em;
	text-align: center;
    overflow:hidden; 
    white-space:nowrap;
    text-overflow:ellipsis;}}

/*BG WHITE*/
.bg_white{
	background: #FFF;
	color: #555;
	padding: 0;
	margin: -60px 0 0;
	box-shadow: 0 0 15px rgba(0,0,0,0.2);
	border-bottom: 7px #7cc287 solid;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;}
@media (max-width:767px){
.bg_white{
	margin-top: 0;}}

/*PAGE TITLE*/
.page_title{
	padding: 0 0 30px;}
.page_title h1{
	display:inline-block;
	margin:0;
	padding:0;
	width:auto;
	color:#147f75;
    font-size: 1.8em;
	font-weight: 700;
	line-height:140%;}
.page_title h1::after{
	content: '';
	display: inline-block;
	position: absolute;
	bottom: -14px;
	left: 0;
	width: 60px;
	height: 2px;
	background: #147f75;}
.page_title h1 i{
	color: #7cc287;
	padding-right: 10px;}
.page_title .addthis_area{
	float: right;
	height: 42px;
	margin: -3px 0 0;}
@media (max-width:767px){
.page_title h1{
	font-size: 1.5em;}
.page_title .col-xs-12 .addthis_area{
	margin: 1px -15px -29px 0;}
.page_title .col-xs-6 .addthis_area{
	margin: -6px -15px -10px 0;}}

/*右側選單*/
.left_menu{
	margin: 0;
	padding: 0;}
.left_menu .panel-group {
	margin-bottom: 0;}
.left_menu .panel-group .panel {
	box-shadow: none;
    border-radius: 0;}
.left_menu .panel-default{
	border:0;
	background: #FFF;
    border-color: #FFF;}
.left_menu .panel-default > .panel-heading {
	margin: 0;
	padding: 0;
	border-radius: 0;
    background-color: #137f76;
	border-color: #FFF;
	position: relative;}
.left_menu .panel-default > .panel-heading a{
	cursor: default;}
.left_menu .panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top:none;}
.left_menu .panel-title {
	margin: 0;
	padding: 35px 15px;
	height: auto;
	display: flex;
	align-items: center;
	justify-content: center;
    font-size: 1.3em;
	font-weight: 600;
	text-align: center;
	text-transform: uppercase;
    color: #fff;}
.left_menu .panel-title i{
	padding-left: 7px;}
.left_menu .panel-body{
	padding: 25px 15px 40px;
	font-size:1em;
    background: transparent;}
.left_menu .nav-stacked > li + li {
    margin-top: 0;
    margin-left: 0;}
.left_menu .nav > li{
	padding: 0;
    font-size: 1.2em;}
.left_menu .nav > li > a{
	text-align: left;
    color: #333;
    font-weight: 600;
    background-color: #FFF;
	padding: 10px 20px 9px 7px;
	border-bottom: 1px #bde0c3 solid;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;}
.left_menu .nav > li > a i{
	position: absolute;
	color: #7cc188;
	top: 14px;
	right: 8px;}
@media (max-width:767px){
.left_menu .panel-title {
    font-size: 1.15em;
	padding: 15px 15px;}
.left_menu .panel-default > .panel-heading a{
	cursor: pointer;}
.left_menu .panel-body{
	padding: 25px 15px 10px;}
.left_menu .nav > li > a{
	padding: 7px 20px 6px 7px;}}
.left_menu .nav > li > a:hover,
.left_menu .nav > li > a:focus,
.left_menu .nav > li.active > a,
.left_menu .nav > li.active > a:hover,
.left_menu .nav > li.active > a:focus {
    color: #7cc188 !important;
    background: #FFF;
	border-bottom: 1px #bde0c3 solid;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;}
.left_menu .nav > li > a:hover i,
.left_menu .nav > li > a:focus i,
.left_menu .nav > li.active > a i,
.left_menu .nav > li.active > a:hover i,
.left_menu .nav > li.active > a:focus i {
    color: #7cc188 !important;
    background: #FFF;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;}

.left_menu ul.dropdown-menu-tree{
	margin: 0;
	padding: 12px 0;
	border-bottom: 1px #bde0c3 solid;
	list-style-type: none;}
.left_menu ul.dropdown-menu-tree li{
	margin: 0;
	padding: 0;
	line-height: 160%;
	font-size: 1em;
	list-style-type: none;}
.left_menu ul.dropdown-menu-tree li a{
	padding: 4px 0 4px 27px;
	display: block;
	color: #333;
	background: transparent url(../images/bg_yellodot.png) top 3px left -20px no-repeat;}
.left_menu ul.dropdown-menu-tree li.active a,
.left_menu ul.dropdown-menu-tree li a:hover{
	color: #333;
	background: transparent url(../images/bg_yellodot.png) top 3px left 15px no-repeat;}

/*網頁編輯內容*/	
.page_content{
	float:left; 
    width: 100%;
	height:auto;}
.page_content h2{
	margin:0 0 5px;
	font-size:1.4em;
	color: #147f75;
	line-height:160%;
    font-weight: 500;}
.page_content h3{
	display: block;
	padding: 5px 10px;
	margin:0 0 10px;
	text-align: center;
	font-size:1.2em;
	color: #FFF;
	background: #147f75;
	line-height:160%;
    font-weight: 500;}
.page_content h4{
	margin: 0 0 15px;
	padding: 0;
	font-size: 1.4em;
    position: relative;
	overflow: hidden;
	line-height:160%;
    color:#333;
    font-weight: 700;}
.page_content h4::after {
    background:#DDD;
    content: "";
    height: 1px;
    position: absolute;
	bottom: 45%;
    width: 100%;
	display:block;}
.page_content h4 span{
	display: inline-block;
	background: #fff;
	padding: 0 15px 0 25px;
	z-index: 1;
    position: relative;}
.page_content h4 span::before{
	content: '';
	position: absolute;
	top: 3px;
	left: 0;
	width: 10px;
	height: 10px;
	background: #f4e18a;}
@media (max-width:767px){
.page_content h4{
	margin: 0 0 15px;
	padding: 0;
	font-size: 1.3em;}}
.page_content h5{
	display: inline-block;
	padding:5px 25px;
	margin:0 0 10px;
	font-size:1.2em;
	color: #FFF;
	text-align: center;
	background: #7cc287;
	line-height:160%;
    font-weight: 500;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;}
.page_content p{
	font-size:1.2em;
	margin-bottom:20px;
	line-height:200%;
	color: #333;}
.page_content a{
	color:#7cc287;
	word-break: break-all;}
.page_content a:hover{
	color: #dac461;}
.page_content .box{
    padding: 10px 0 0;}
.page_content img{
	margin-top:5px;
	margin-bottom:20px;
    display: block;
    max-width: 100%;
    height: auto;}
.page_content a:hover img{
    -webkit-filter: opacity(.8);
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;}

p.tags_area{
	display: block;
	padding-top: 10px;
	margin: 0 0 10px -5px;}
p.tags_area a{
	display:inline-block;
	background:#FFF;
	font-size: 0.95em;
	padding:0 15px;
	margin:0 5px 10px;
	color:#137f76 !important;
	border: 1px #137f76 solid;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;}
p.tags_area a:hover{
	color:#FFF !important;
	background:#137f76;
	border: 1px #137f76 solid;}

p.attachment_area {
	padding: 15px;
	margin: 40px 0 20px;
	line-height:180%;
	color: #333;
    border: 1px solid #d3f1d8;
    border-left: 10px solid #d3f1d8;
    border-radius: 4px;}
p.attachment_area span{
	color:#147f75;}
p.attachment_area span i{
	margin-right: 8px;}
p.attachment_area a {
	color: #333;}

.numlist {
	margin-top:5px;
	padding-left: 20px;
	color: #333;}
.numlist li{
	list-style-type:decimal;
	font-size:1.2em;
	padding-bottom:5px;
	line-height:180%;}
.numlist.addheight li{
	padding-bottom:10px;}
.numlist li ul li{
	font-size:1em;
	list-style-type:upper-alpha;}
.numlist li ul li ul li{
	font-size:1em;
	list-style-type:lower-alpha;}

/*TABLE*/	
.page_content_table{
	margin:10px 0 30px;
	font-size:1.18em;
	color:#333;
	font-weight: 500;}
.page_content_table th{
	font-weight:400 !important;
	padding:8px 15px !important;
	background:#7cc287;
	color:#FFF;
	border:2px #fff solid;
	line-height:160%;
	vertical-align: middle !important;}
.page_content_table td{
	border:2px #fff solid;
	background:#fff;
	padding:8px 15px !important;
	line-height:160%;
	vertical-align: middle !important;}
.page_content_table tr:nth-child(odd) td{
	background:rgba(124,194,135,0.15);}
/*.page_content_table tr:hover td{
	background:#d3f1d8;}*/
.page_content_table a{
	color:#7cc287;}
.page_content_table a i{
	color:#7cc287;}
.page_content_table a:hover, .page_content_table a:hover i{
	color:#dac461;
	-webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;}
@media (max-width:767px){
.page_content_table{
	border: 0;
	margin:10px 0 30px;}
.page_content_table th, .page_content_table td{
	padding:8px 10px !important;}}
	

/*換頁*/
.pagination{
	margin-top: 15px;
	margin-bottom:10px;
	padding-top:0;
	padding-bottom:0;}
.pagination li a {
	margin: 0;}
.pagination > li > a, .pagination > li > span {
	background-color: transparent;
    border: 0;
    color: #137f76;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus, .pagination li a:hover {
    background-color: #137f76;
    border-color: #137f76;
	color:#FFF;}
.pagination > li:first-child > a, .pagination > li:first-child > span, .pagination > li:last-child > a, .pagination > li:last-child > span {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;}

/*LINE BTN*/
.line_button{
	width:100%;
	text-align:center;
	display:inline-block;
	margin:10px auto;}
.line_button a{
	display:inline-block;
	background:#dac461;
	padding:8px 45px;
	margin:0 5px 10px;
	font-size:1.2em; 
	color:#FFF !important;
	border: 1px #dac461 solid;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;}	
.line_button a i{
	padding-right: 10px;}
.line_button a i.fa-angle-double-right{
	padding-right: 0;
	padding-left: 10px;}
.line_button a:hover{
	color:#FFF !important;
	background:#7cc287;
	border: 1px #7cc287 solid;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;}

/**/
.tool_box{
	padding: 12px 0 5px;}
.tool_box > div{
	padding: 0 7px;
	margin: 0 0 10px;}
.tool_box .form-control{
	font-size: 1.1em;
	border: 1px #555 solid;
	border-radius:0;
	box-shadow: none;
	height: 36px;}
.tool_box .form-control:focus{
	border: 1px #7cc188 solid;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;}
.tool_box button{
	font-size: 1.1em;
	color: #FFF;
	background: #333;
	border: 1px #333 solid;
	border-radius:0;
	height: 36px;}
.tool_box button:hover{
	color:#fff !important;
	background: #7cc188;
	border: 1px #7cc188 solid;
	-webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;}
.tool_box select {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	background: transparent url(../images/chevron-down-solid.png) right 10px center no-repeat;
	background-size: auto 20%;}
@media (max-width:767px){
.tool_box{
	padding: 12px 0 10px;}}

/**/
.links_area{
	padding: 15px 0;}
.links_area p{
	line-height: 150%;
	margin-bottom: 15px;}
.links_area p a {
	display: block;
    padding: 5px 10px 5px 20px;
    margin: 0;
	color: #333;
    border: 1px solid #d3f1d8;
    border-left: 10px solid #d3f1d8;
    border-radius: 4px;}
.links_area p a:hover, p.attachment_area a:hover {
	color: #7cc287;}

/*CONTACT*/
.contact{
	padding: 0 !important;}
.contact .col-xs-12{
	margin-bottom: 25px;}
.contact.apply_style{
	margin-top: 0;
	margin-bottom: 15px;}
@media (min-width:768px){
.contact.apply_style .col-xs-12{
	margin-bottom: 20px;}
.contact label {
	margin-bottom: 0;}}

@media (max-width:767px){
.contact .col-xs-12{
	margin-bottom: 15px;
	padding: 0;}}
.contact label {
    display: inline-block;
    font-size: 1.2em;
	font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #333;
    margin-bottom: 8px;}
.contact form label {
	font-size: 1.2em;}
.contact form label small {
	color: #d66e37;}
.contact span {
	line-height: 180%;
	font-size: 1.1em;}
.contact p {
	line-height: 180%;
	font-size: 1.2em;}
.contact p i{
	display: inline-block;
	width: 35px;
	text-align: center;}
.sm-form-control{
    display: block;
    width: 100%;
    height: auto;
    padding: 8px 20px;
    font-size: 1.2em;
	color:#137f76;
	background:#ebf6ed;
    border: none;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
    -webkit-transition: border-color ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s;
    transition: border-color ease-in-out .15s;}
.contact select {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	background: #ebf6ed url(../images/chevron-down-solid.png) right 15px center no-repeat;
	background-size: auto 20%;}
.sm-form-control:focus {
	background:#fff9e3;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;}
select.sm-form-control:focus {
	background: #fff9e3 url(../images/chevron-down-solid.png) right 15px center no-repeat;
	background-size: auto 20%;}
.contact button{
	min-height:39px;
	height:auto;
	font-size:1.1em;
	margin-top: 5px;
	padding: 8px 25px;
    box-shadow: none;
	color: #fff;}
.contact button:hover, .contact button:focus{
	color: #FFF !important;
	background: #f35600;
	-webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;}
.contact button[disabled], .contact input[disabled], .contact textarea[disabled] {
    cursor: default;
    color: #aaa;}
.contact select[disabled] {
    cursor: default;
    color: #888;
    border-bottom: 2px solid #e1e1e1;}
.contact p.memo{
	font-size:1.05em;
	margin:0;
	padding-top:10px;}

/*CHECKBOX*/
ul.checkbox_list{
	float: left;
	width: 100%;
	height: auto;
	margin: 0 ;
	padding: 0;
	list-style-type: none;}
@media (min-width:992px){
ul.checkbox_list .col-md-2{
	width: 20%;}}
ul.checkbox_list li{
	position: relative;
	font-size: 1.22em;
	line-height: 160%;
	font-weight: 500;
	padding: 3px 5px 3px 28px !important;
    margin-bottom: 0 !important;}
ul.checkbox_list li a{
	color: #666;}
ul.checkbox_list li a:hover{
	color: #111;}
ul.checkbox_list li i{
	color: #137f76;
	position: absolute;
	top: 8px;
	left: 5px;}

/*PHOTO*/
.photo_area{
	padding: 0;}
.photo_area p{
	margin-bottom: 10px;}

/*STEP*/
.step_area{
	margin-bottom: 10px;}
.step_area i{
	display: inline-block;
	width: 90px;
	height: 90px;
	line-height: 88px;
	margin-bottom: 10px;
	border: 2px #dac461 solid;
	color: #fff;
	background: #dac461;
	font-size: 2.3em;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;}
.step_area .col-xs-6:hover i{
	background: #fff;
	color: #dac461;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;}

/*頁籤*/
.page_padding .info_tag{
	float:left;
	width:100%;
	height:auto;
	line-height:180%;
	padding: 0;
	margin:10px 0 5px;
	font-size:1.2em;
	border: 0;
	text-align:center;}
.page_padding .info_tag ul{
	list-style-type:none;
	margin:0;
	padding:0;}
.page_padding .info_tag li{
	list-style-type:none;
	margin:0;
	padding:0;}
.page_padding .info_tag a{
	width:100%;
	display:inline-block;
	padding:8px 0;
	color:#111;
	font-weight: 500;
	background: #eee;}
.page_padding .info_tag li:first-child a{
	-webkit-border-top-left-radius: 50px;
	-webkit-border-bottom-left-radius: 50px;
	-moz-border-radius-topleft: 50px;
	-moz-border-radius-bottomleft: 50px;
	border-top-left-radius: 50px;
	border-bottom-left-radius: 50px;}
.page_padding .info_tag li:last-child a{
	-webkit-border-top-right-radius: 50px;
	-webkit-border-bottom-right-radius: 50px;
	-moz-border-radius-topright: 50px;
	-moz-border-radius-bottomright: 50px;
	border-top-right-radius: 50px;
	border-bottom-right-radius: 50px;}
.page_padding .info_tag .active a{
	color:#FFF;
	background: #137f76;}
.page_padding .info_tag_show{
	float:left;
	width:100%;
	height:auto;
	line-height:180%;
	padding-top:20px;
	margin-bottom:5px;
	text-shadow:0 1px 0 rgba(255,255,255,0);
	font-size:1.15em;}
.page_padding .info{
	float:left;
	width:100%;
	height:auto;
	padding-top:5px;}