/**/
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+TC:400,500,700&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 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:#009944; 
	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: #60bd4b;
    color: #fff;}
::-moz-selection {
    background: #60bd4b;
    color: #fff;}
	
#toTop a{
	position: fixed !important;
	right:20px;
	bottom: 70px;
	width:58px;
	height:58px;
	text-align:center;
	_position:absolute;
	_top:expression(documentElement.scrollTop+documentElement.clientHeight-this.clientHeight-4);
	z-index:100000;
	background: url(../images/icon_top.png) no-repeat;
	background-size: cover;}
#toTop {
    opacity: 0.8;
    position: fixed;
    display: none;}
#toTop:hover{
    opacity: 1;
    cursor: pointer;}
	
.site-main{
	margin-top: 0;}
.carousel{
	position:relative;}
.carousel-indicators li {
    width: 12px;
	height: 12px;
	margin-top:30px;
    background-color: #FFF;
    border: 2px solid #FFF;}
.carousel-indicators .active {
    width: 12px;
    height: 12px;
    background-color: #60bd4b;
    border: 2px solid #60bd4b;}	
.carousel-control{
	width: 12%;}
.carousel-control.left, .carousel-control.right{
	background:none;}
.banner_height{
	position: relative;
	height:650px;
	background-size: auto 100% !important;}
.banner_height.page_style{
	height:430px;}
.banner_height h2{
	position: absolute;
	left: 10%;
	bottom: 38%;
	width: 25%;
	line-height: 120%;
	font-size: 3.5em;
	font-style: italic;
	font-weight: 600;
	text-shadow: -5px 5px 15px rgba(0,0,0,0.3);
	color: #FFF;
	text-align: left;}

@media (max-width:991px){
#toTop a{
	right:20px;
	bottom: 80px;
	width:60px;
	height:60px;
	background-size: 100% 100%;}
.site-main{
	margin-top: 0;}
.banner_height{
	height:570px;}
.banner_height.page_style{
	height:300px;}
.banner_height h2{
	width: 40%;
	bottom: 30%;}}

@media (max-width:991px){
.carousel-indicators {
	left: inherit;
	right: 15px;
	bottom: -6px;	
    text-align: right;}}

@media (max-width:767px){
#toTop a{
	right:10px;
	bottom: 10px;
	width:40px;
	height:40px;
	background-size: 100% 100%;}
.banner_height{
	height:500px;
	background-size: 100% auto !important;}
.banner_height.page_style{
	height:150px;
	background-size: auto 100% !important;}
.banner_height h2{
	left: 10%;
	bottom: 30%;
	width: 80%;
	text-shadow: 0 0 15px rgba(0,0,0,0.5);}}

/*PADDING*/
.padding_0, .padding_0turn5{
	padding:0}
.index_padding{
	padding-top:70px !important; 
	padding-bottom:70px !important;}
.page_padding{
	padding-top:20px !important; 
	padding-bottom:55px !important;}
.footer_padding {
	padding-top:150px !important; 
	padding-bottom:30px !important;}
@media (max-width:767px){
.padding_turn5, .padding_0turn5{
	padding:5px;}
.padding_turn0{
	padding:0;}
.index_padding{
	padding-top:40px !important; 
	padding-bottom:40px !important;}
.page_padding{
	padding-top:30px !important; 
	padding-bottom:40px !important;}
.footer_padding {
	padding-top:100px !important; 
	padding-bottom:0 !important;}}

/*FOOTER*/
footer {
	position: relative;
	background: #262626 url(../images/bg_footer.jpg) top center no-repeat;
    color: #FFF;}
footer a, footer a:visited {
	  color: #FFF;}
footer a:hover, footer a:active, footer a:focus  {
	color: #60bd4b;}
footer h2 {
	font-weight: 500;
	font-size: 1.5em;
	letter-spacing: 2px;
	margin: 0 0 20px;
	padding: 0;}
footer h2 span{
	font-size: 0.6em;}
footer i {
	display: inline-block;
	width: 20px;
	margin-right: 10px;
	text-align: center;}
footer p {
	font-size: 1.15em;
	margin-bottom:15px;}
footer .add_margin{
	margin-bottom:20px;}

.footer_box{
	margin-bottom:40px;}
@media (min-width:992px){
.footer_box{
	margin-bottom:0;}
footer .left_side{
	background: url(../images/line_white.html) top right 40px repeat-y;
	padding-right:60px;
	margin-bottom:35px;}
footer .add_margin{
	margin-bottom:30px;}}
@media (max-width:991px){
footer p {
	margin-bottom:10px;}
footer .left_side{
	margin-bottom:20px;
	background: url(../images/line_white.html) bottom 12px left repeat-x;}}

.copyright_area{
	background: #404040;
	padding: 15px 20px;
	text-align: center;}
.copyright_area p{
	font-size: 1em;
	line-height: 180%;
	padding: 0 20px;
	margin-bottom: 0 !important;
	color: #fff;}
.copyright_area p a{
	color: #a5a5a5;}
.copyright_area p a:hover{
	color: #fff;}
@media (max-width:767px){
footer h2 {
	font-size: 1.2em;}
footer p {
	font-size: 1.1em;}
.copyright_area{
	padding: 20px 20px;}}

.txt_red{
	color:#ff6550 !important;}
.txt_green{
	color:#009944 !important;}
.txt_greenL{
	color:#60bd4b !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:#009944; 
	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_header i{
	padding-right: 7px;}
.modal_body{
	font-size:1.05em;
	padding-bottom:0;
	padding-left:30px;}
.modal_body img{
	margin:0 auto 15px;
	text-align:center;
	border-radius: 4px;
	border: 1px #e2e2e2 solid;}

.modal_body_content{
	padding-left: 0;
    padding-bottom: 10px;}
@media (max-width:767px){
.modal_body{
	padding-left:15px;}
.modal_body_content{
	padding:0 10px 10px;}}

.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:#313131;}
.modal_product_detail_list li a:hover{
	color:#009944;}

.btn-first {
  color: #fff;
  background-color: #009944;}
.btn-second {
  color: #fff;
  background-color: #333;}
.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:1.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;}


/*----------------------------------------------------------------------------------COMMON*/

/*ICON BTN*/
.icon_style a{
	position: fixed !important;
	width:45px;
	height:45px;
	color: #FFF;
	background:#009944;
	text-align:center;
	_position:absolute;
	_top:expression(documentElement.scrollTop+documentElement.clientHeight-this.clientHeight-4);
	z-index:2;}
.icon_style a i{
	text-align:center;
	font-size:1.5em;
	width:40px;
	height:40px;
	line-height:45px;}
.icon_style a:hover{
	color: #fff;
	background:#60bd4b;
	transform: translateX(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;}
#icon_tel a{
	top: 220px;
	right:20px;}
#icon_mail a{
	top: 275px;
	right:20px;}	
@media (max-width:991px){
#icon_tel a{
	top: 120px;
	right:-20px;}
#icon_mail a{
	top: 175px;
	right:-20px;}
#icon_tel a:hover, #icon_mail a:hover{
	right:5px;}}

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

/*MAIN_TITLE*/
.main_title{
	background: url(../images/icon_title.png) no-repeat;
	padding: 30px 0 0 70px;
	margin-bottom: 30px;
	position: relative;}
.main_title h2{
	margin: 0;
	padding: 0;
	font-size: 2.4em;
	color: #333;
	line-height: 160%;
	font-weight: 500;}
.main_title span{
	margin: 0;
	padding: 0;
	font-size: 1.2em;
	font-weight: 500;}
.main_title a{
	position: absolute;
	bottom: 30%;
	right: 0;
	display: inline-block;
	background: #009944;
	color: #FFF;
	padding: 5px 15px;}
.main_title a:hover{
	background: #333;}
@media (max-width:767px){
.main_title{
	margin-bottom: 20px;
	padding: 30px 0 0 70px;}
.main_title h2{
	margin: 0;
	font-size: 1.7em;}
.main_title span{
	font-size: 1em;}
.main_title a{
	font-size: 0.8em;
	bottom: 20%;}}

/*INDEX LINKS*/
.index_project_txt p{
	font-size: 1.15em; 
	line-height: 180%; 
	color: #333;}
.index_project{
	width: 20%;
	padding: 0;
	position: relative;}
@media (max-width: 991px){
	.index_project{
		width: 33.333%;}}
@media (max-width:767px){
.index_project_txt p{
	font-size: 1.05em;}
.index_project{
	width: 50%;}}
@media (max-width:991px) and (min-width:768px){
.index_project h3{
	margin-top: 10px;
	font-size: 1em;}}
.index_project img.main_pic{
	width: 100%;
	-webkit-filter:brightness(.5);}
.index_project .top_style{
	position: absolute;
	top: 10%;
	left: 0;
	padding: 0;
	margin: 0;
	width: 100%;
	color: #FFF;
	text-shadow: 0 0 5px rgba(0,0,0,0.5);
	font-size: 1.3em;
	text-align: center;}
.index_project .bottom_style{
	position: absolute;
	bottom: 15px;
	left: 0;
	padding: 0 15px;
	margin: 0;
	width: 100%;
	color: #FFF;
	text-shadow: 0 0 5px rgba(0,0,0,0.5);
	font-size: 1.1em;
	text-align: left;}
.index_project .bottom_style.more_txt{
	-webkit-filter:opacity(0);
	opacity: 0;
	filter: alpha(opacity=0);
}
.index_project p{
	padding: 0 0 0 25px;
	position: relative;}
.index_project p i{
	position: absolute;
	top: 3px;
	left: 0;}
.index_project p.text-center{
	padding: 0;}

.index_project:hover img.main_pic{
	-webkit-filter:brightness(1);
	-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_project:hover .top_style, .index_project:hover .bottom_style{
	-webkit-filter:opacity(0);
	opacity: 0;
	filter: alpha(opacity=0);}
.index_project:hover .bottom_style.more_txt{
	-webkit-filter:opacity(1); 
	opacity: 1;
	filter: alpha(opacity=1);}
/*NEWS*/
.news_list{
	margin-bottom: 30px;
	padding: 0 20px;}
.page_padding .news_list{
	margin-bottom: 15px;}
.news_list ul{
	margin:0 0 5px;
	padding:10px 0 10px;
	width:100%;
	height:auto;
	background: #FFF;
	list-style-type:none;}
.page_padding .news_list ul{
	padding:0 0 10px;}
.news_list li{
	margin:0;
	padding:0;
	width:100%;
	height:auto;
	font-size:1.2em;}
.news_list li a{
	display: inline-block;
	width: 100%;
	height: auto;
	padding:10px 20px;
	color:#333;
	overflow:hidden; 
    white-space:nowrap;
    text-overflow:ellipsis;}
.news_list span.date{
	color: #009944;
	display:inline-block;
	width:90px;
	margin-right:10px;}
.news_list span.pull-right{
	color: #fff;}
.news_list li:hover a{
	background: #e6e6e6;
	-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;}
.news_list li:hover span.pull-right{
	color: #009944;
	-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){
.news_list{
	margin-bottom: 15px;
	padding: 0 0;}
.news_list li{
	font-size:1.05em;}
.news_list li a{
	padding:5px 15px;}
.news_list span.date{
	width:75px;}
.news_list span.pull-right{
	display: none;}}



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

/*banner標題*/

/*路徑*/	
.pathway_area{
	position: relative;}
#pathway {
	padding:15px 0 10px;
	line-height:180%;
	float: left;
	width: 100%;
	font-size: 1.05em;
	color:#999;
	text-align: right;}
#pathway span{
	font-weight:400;}
#pathway a{
	color:#999;}
#pathway a:hover, #pathway a:hover i{
	color:#009944;
	-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;}
#pathway i.fa-home{
	padding: 0;}
#pathway i{
	color:#999;
	padding: 0 11px;}
.pathway_area h2.page_title{
	position:absolute;
    z-index: 16;
	bottom: 30px;
	left: 0;
	display: inline-block;
	padding: 25px 120px;
	margin: 0;
	font-size: 2em;
	width: auto;
	height: auto;
	background: #009944;
	color: #FFF;}
@media (max-width:991px){
.pathway_area h2.page_title{
	top: -49px;
	bottom:inherit;
	padding: 20px 80px;
	font-size: 1.7em;}}
@media (max-width:767px){
#pathway {
	font-size: 0.9em;
	padding:10px 0 8px;
	border-bottom: 1px #ddd solid;
	text-align: center;
    overflow:hidden; 
    white-space:nowrap;
    text-overflow:ellipsis;}
.pathway_area h2.page_title{
	top: -49px;
	bottom:inherit;
	padding: 15px 40px;
	font-size: 1.4em;}}

/*換頁*/
.pagination{
	margin-top: 0;
	margin-bottom:20px;
	padding-top:0;
	padding-bottom:0;}
@media (max-width:767px){
.pagination{
	margin-bottom:10px;}}
.pagination > li > a, .pagination > li > span {
    color: #009944;}
.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: #009944;
    border-color: #009944;
	color:#FFF;}

/*BG*/
.bg_gray{
	background: #f4f4f4;
	padding: 30px 30px 20px;}
@media (max-width:767px){
.bg_gray{
	padding: 27px 15px 10px;}}

/*網頁編輯內容*/	
.page_content{
	float:left; 
    width: 100%;
	height:auto;}
.page_content h2{
	margin:10px 0 15px;
	font-size:22px;
	color: #009944;
    font-weight: 500;}
.page_content h3{
	display: inline-block;
	margin:0 0 10px;
	padding: 2px 25px;
	font-size:20px;
	color: #FFF;
	background: #009944;
	line-height:160%;
    font-weight: 400;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;}
.page_content h4{
	padding: 0;
	margin:10px 0 10px;
	font-size:1.2em;
	color: #009944;
	line-height:160%;
    font-weight: 500;}
.page_content p{
	font-size:16px;
	margin-bottom:20px;
	line-height:200%;
	color: #555;}
.page_content a{
	color:#009944 ;}
.page_content a:hover{
	color: #333;}
.page_content .box{
    padding: 0 8px;}
.page_content .box img{
	margin-top:5px;
	display: block;
	max-width: 100%;
	height: auto;
	margin-bottom:20px;}
.download_style{
	display: inline-block;}
.page_content .box ul li,.page_content .box ol li{
	font-size: 16px;}
.word_break{word-break: break-all;}

/*TABLE*/	
.page_content_table{
	margin:10px 0 30px;
	font-size:1.1em;}
.page_content_table th{
	font-weight:500 !important;
	padding:7px 15px !important;
	background:#60bd4b;
	color:#FFF;
	border-bottom:3px #f4f4f4 solid;
	border-left:3px #f4f4f4 solid;
	line-height:180%;}
.page_content_table table.table{
	margin:0;}
.page_content_table td{
	border: 0;
	border-top:3px #f4f4f4 solid !important;
	border-left:3px #f4f4f4 solid;
	background:#FFF;
	padding:7px 15px !important;
	line-height:180%;}
.page_content_table tr td:nth-child(1){
	border-left:0 !important;}
.page_content_table tr:nth-child(even) td{
	background:#fbfbfb;}
.page_content_table tr:hover td{
	background: #fff1bd;}
.page_content_table td ul{
	padding-left: 25px;
	margin-bottom: 0;}
.page_content_table td ul li{
	margin-bottom: 5px;}
.page_content_table a{
	color:#111;}
.page_content_table a i{
	color:#f1a03b;
	padding-right:10px;}
.page_content_table a:hover{
	color:#f17242;}
@media (max-width:767px){
.page_content_table{
	font-size:1.05em;}
.page_content_table th{
	padding:10px;}
.page_content_table td{
	padding:10px;}}
.page_content_table .table_cl_center th,.page_content_table .table_cl_center td {
	vertical-align: middle;}
	
.numlist {
	margin-top:2px;
	padding-left: 20px;}	
.numlist li{
	list-style-type:decimal;
	font-size:1.1em;
	padding-bottom:0;
	line-height:200%;
	font-family: "Noto Sans TC", "Microsoft JhengHei";}
.page_content_table .numlist li{
	margin-left: -5px;
	line-height:150%;
	font-size:1em;}
.numlist.addheight li{
	padding-bottom:10px;}
.numlist li ul li{
	font-size:1em;
	margin-left: -5px;
	list-style-type:upper-alpha;}
.numlist li ul li ul li{
	font-size:1em;
	list-style-type:lower-alpha;}

.line_button{
	width:100%;
	text-align:right;
	display:inline-block;
	margin:20px auto 0;}
.line_button a{
	display: inline-block;
	padding: 4px 30px 3px;
	margin: 0;
	color: #FFF;
	line-height: 180%;
	font-size: 1em;
	border: 1px #009944 solid;
	background: #009944;}	
.line_button a:hover, .title_box .title a:hover{
	color:#FFF !important;
	background:#333;
	border: 1px #333 solid;}

@media (max-width:767px){
.line_button{	
	margin:20px auto 10px;}}

/*PAGE MENU*/
.page_menu{	
	text-align: center;
	padding: 0;
	margin: -5px 0 10px;} 
.page_menu .list{
    display: inline-block;
    vertical-align: bottom;
    margin-left: 25px;}	
.page_menu .list li{
    display: inline-block;
    position: relative;
    line-height: 20px;
    font-size: 1.15em;
    padding: 0 25px 15px 10px;
    vertical-align: top;}	
.page_menu .list li:before{
    content: '';
    display: block;
    position: absolute;
    width: 1px;
    height: 20px;
    background: #ccc;
	top: 1px;
    right: 5px;}
.page_menu .list li:last-child:before{
    display: none;}
.page_menu .list li a{
	color: #333;}
.page_menu .list li:hover a, .page_menu .list li.active a{
	color: #009944;}
@media (max-width: 767px){
.page_menu{	
	margin: 0 0 10px;} 
.page_menu .list{
    display: block;
    height: auto;
    margin-left: 25px;
	padding: 0;}
.page_menu .list li:before{
    right: 8px;}
.page_menu .list li{
    padding: 0 25px 10px 5px;
    font-size: 1.1em;
    vertical-align: top;}}	
ul.reset, li.reset{
    margin: 0;
    padding: 0;
    list-style: none;}

/*page_menu_mobile*/
.page_menu_mobile{
	padding: 0 5px 20px;
	text-align:right;
	font-size: 1.15em;
	color: #CCC;
	position: relative;}
.container-fluid .page_menu_mobile{
	padding: 0 20px 20px;}
@media (max-width:1199px){
.page_menu_mobile{
	text-align: center;}
.page_menu_mobile select{
	-webkit-appearance:none;
	background-color: transparent;
	width: 100%;
	border: 1px #60bd4b solid;
	color: #60bd4b;
	padding: 7px 15px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;}
.page_menu_mobile i{
	position: absolute;
	top: 11px;
	right: 25px;
	z-index: -1;
	color: #60bd4b;}}

/*PROJECT*/
.project_area{
	margin-top: 20px;}
.project_area > .col-xs-12{
	margin-bottom: 60px;}
.project_area .col-md-5{
	position: relative;}
.project_area .box{
	float: left;
	width: 100%;
	height: auto;
	padding: 40px;
	background: rgba(255, 255, 255, 0.95);
	box-shadow: 0 0 20px rgba(0,0,0,0.2);
	color: #555;}
.project_area h2{
	background: url(../images/icon_title.png) no-repeat;
	background-size: auto 80%;
	margin: 0 0 10px;
	padding: 10px 0 0 50px;
	font-size: 2em;
	color: #333;
	line-height: 160%;
	font-weight: 500;}
.project_area  p{
	font-size: 1.15em;
	line-height: 180%;
	margin-bottom: 0;}

@media (min-width:992px){
.project_area .box{
	position: absolute;
	top: 100px;
	left: -45px;
	z-index: 3;}
.project_area .col_L .box{
	left: inherit;
	right: -45px;}
.project_area .col_L .slick-prev{
	display: none !important;}
.project_area .col_R .slick-next{
	display: none !important;}}

@media (min-width:1900px){
.project_area .box{
	padding: 50px;
	left: -50px;
	width: 100%;}
.project_area .col_L .box{
	right: -50px;}}

@media (min-width:1500px) and (max-width:1899px){
.project_area .box{
	padding: 50px;
	width: 100%;}}

@media (min-width:1200px) and (max-width:1499px){
.project_area .box{
	left: -50px;
	width: 100%;}
.project_area .col_L .box{
	right: -50px;}}

@media (min-width:992px) and (max-width:1199px){
.project_area .box{
	left: -100px;
	width: 120%;}
.project_area .col_L .box{
	right: -100px;}}

.slick-prev{
    left: 10px !important;
    z-index: 1;}
.slick-prev:before{
    font-family: 'Glyphicons Halflings' !important;
    content: "\e257" !important;
    font-size: 30px !important;
	background: #009944;
	color: #FFF !important;
	padding: 10px;}
.slick-next{
    z-index: 1;}
.slick-next:before {
    font-family: 'Glyphicons Halflings' !important;
    content: "\e258" !important;
    font-size: 30px !important;
	background: #009944;
	color: #FFF !important;
	padding: 10px;}
.slick-dots li {
	margin: 0 !important;}
.project_area .col_L .slick-slide img{   
	border-left: 10px #FFF solid;}
.project_area .col_R .slick-slide img{   
	border-right: 10px #FFF solid;}

@media (max-width:991px){
.project_area > .col-xs-12{
	margin-bottom: 20px;}
.project_area .box{
	padding: 25px;
	margin-bottom: 12px;}
.project_area .col-md-7{
	padding: 0 10px;}
.slick-slide img{   
	border-left: 5px #FFF solid;
	border-right: 5px #FFF solid;}
.slick-next{right: 20px !important;}
.slick-prev{left: -20px !important;}}

@media (max-width:767px){
.project_area{
	margin-top: 0;}
.project_area .box{
    padding: 20px 15px;
	top: 0;}
.project_area h2{
	margin-bottom: 5px;
	padding: 10px 0 0 40px;
	font-size: 1.5em;}
.slick-next{right: 15px !important;}
.slick-prev{left: -15px !important;}}

.project_area .slick-prev, .project_area .slick-next {
    display: none !important;}

/* 誠信經營條例 */
.page_content_tableList{
	margin:10px 0 30px;
	font-size:1.1em;    
	vertical-align: top;
	line-height: 200%;}
.page_content_tableList td:nth-child(1){
	width: 105px;    
	vertical-align: top;}
.page_content_tableList ul{
	padding-left: 24px;}
.page_content_tableList ul li{
	font-size:1em;
	list-style-type:cjk-ideographic;
	padding-left: 10px;}

.page_content_tableList2{
	margin:10px 0 30px;
	font-size:1.1em;    
	vertical-align: top;
	line-height: 200%;}
.page_content_tableList2 td:nth-child(1){
	vertical-align: top;}
.page_content_tableList2 ul{
	padding-left: 24px;
	margin-bottom: 0;}
.page_content_tableList2 ul li{
	margin-left: -3px;
	list-style-type:decimal;}
.page_content_tableList2 ul li ul li{
	margin-left: -3px;
	list-style-type:upper-alpha;}

/* 人才招募表格 */
.cl_table td p{
	margin-bottom: 0;
	font-size: 1em;}
.cl_table th, .cl_table tr td:nth-child(2), .cl_table tr td:nth-child(5){
	text-align: center;}
.cl_table td:nth-child(1), .cl_table th:nth-child(1), .cl_table td:nth-child(2), .cl_table th:nth-child(2) {
	position: sticky;
	left: 0;
	z-index: 1;}

/*報告書下載*/
.download_area{
	padding: 10px 0;}
.download_area a{
	display: inline-block;
	width: 100%;
    padding: 8px 15px;
	font-size: 1.1em;
    margin-bottom: 15px;
    line-height: 180%;
	color: #555;
    border-bottom: 2px #ddd solid;
    border-radius: 6px;}
.download_area a i{
	font-size: 0.8em;
	display: inline-block;
	width: 30px;
	height: 30px;
	line-height: 29px;
	text-align: center;
	background: #009944;
	color: #FFF;
	margin-right: 8px;
	-webkit-border-radius: 80%;
    -moz-border-radius: 80%;
    border-radius: 80%;}
.download_area a:hover{
	color: #FFF;
    background: #009944;}
.download_area a:hover i{
    color: #009944;
	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;}
@media (max-width:767px){
.download_area .col-xs-12{
	padding: 0;}}

	
	/* 自訂頁面下拉選單 */
	.custom-page-dropdown-container {
		text-align: center;
		margin-bottom:30px;
	}

	.custom-page-dropdown-container select {
		-webkit-appearance: none;
		background-color: transparent;
		width: 100%;
		border: 1px #60bd4b solid;
		color: #60bd4b;
		padding: 7px 15px;
		-webkit-border-radius: 50px;
		-moz-border-radius: 50px;
		border-radius: 50px;
	}

	.custom-page-dropdown-container i {
		position: absolute;
		top: 11px;
		right: 25px;
		z-index: -1;
		color: #60bd4b;
	}

/* 20231120_自訂頁面次選單下拉 */
.page_menu_select{
	padding: 0 5px 20px;
	text-align:right;
	font-size: 1.15em;
	color: #CCC;
	position: relative;}
.container-fluid .page_menu_select{
	padding: 0 20px 20px;}
.page_menu_select{
	text-align: center;}
.page_menu_select select{
    -webkit-appearance: none;
    background-color: transparent;
    width: 100%;
    border: none;
    border-bottom: 1px #009944 solid;
    color: #009944;
    padding: 7px 15px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    font-weight: 600;}
.page_menu_select i{
	position: absolute;
	top: 11px;
	right: 25px;
	color: #009944 !important;
	z-index:-1;
}