/*----- GLOBAL ------*/

/* Layout */

body {
	font-size: 1em;
	overflow-x: hidden;
	font-family:Microsoft JhengHei;
	/*20210313jiarong*/
	/*font-weight: 600;*/
}
* {
    font-family: Arial ,微軟正黑體;
    margin: 0px;padding: 0px;
}
@media(max-width:768px){
/* .main-content img{ width:100%} */ /* yahci_1080225 */
.main-content table{ width:100%}
.main-content .button_img img { width:67px !important ; height:27px !important ;}
}

/* 寬度 */
.w-0 {width:100% !important;}.w-5 {width:5% !important;}.w-10 {width:10% !important;}
.w-15 {width:15% !important;}.w-20 {width:20% !important;}.w-25 {width:25% !important;}
.w-30 {width:30% !important;}.w-35 {width:35% !important;}.w-40 {width:40% !important;}
.w-45 {width:45% !important;}.w-50 {width:50% !important;}.w-55 {width:55% !important;}
.w-60 {width:60% !important;}.w-65 {width:65% !important;}.w-70 {width:70% !important;}
.w-75 {width:75% !important;}.w-80 {width:80% !important;}.w-85 {width:85% !important;}
.w-90 {width:90% !important;}.w-95 {width:95% !important;}

/* 1061019 */
.xs-w-0 {width:100% !important;}.xs-w-5 {width:5% !important;}.xs-w-10 {width:10% !important;}
/* end 1061019 */

/*.inl {font-size:0;}*/
.inl ,.inl>a ,.inl>div ,.inl>dd ,.inl>dt ,
/*.inl>li ,.inl>td ,.inl>img {display:inline-block;vertical-align:top;margin-right:-4px;}*/
.inl>li ,.inl>td ,.inl>img {display:inline-block;vertical-align:top;margin-right:20px;}
input { border-radius: 0; }

td input[type=button],td input[type=reset],td input[type=submit]{height:20px;line-height:100%;}

.wrapper { padding: 35px 10px;}

.container { position: relative;  width:95%;}


.full-w { width: 100%; }

.center { text-align: center; }

.no_right_margin { margin-right: 0!important; }

.orange { }

.full{
    position: absolute;
    top: 0;
    z-index: 3000;
    width: 100%;
}

li { list-style: none; }

/* Font */

a { color: #000; }

a:focus, 
a:hover { text-decoration: none; }

.bold { font-weight: bold; }

.smaller_font a { font-size: 0.875em; }

.dark_bg,
.dark_bg a { color: #fff; }
.background_footer{

}
.web_link_background{
	background-color: #c8d9e8 !important;
}

.float_left { float: left; }

.navbar-collapse.collapse{    width: 100%;
    padding-bottom: 25px;}

.search_mobile{width:100%;}	
	
.navbar-collapse.collapse .sub_nav a{
	border-left: 1px solid;
    padding: 0 5px;
	float:left;
	
}
.navbar-collapse.collapse .sub_nav a.first {
	border: none;
}
.sub_nav a {
	color: #000;
    padding: 0 10px;
    font-weight: 300;
}

.sub_nav.sub_right{
    display: inline-block;
}

.sub_nav a.first { border: none; }

.orange.nav-pills>li.active>a, 
.orange.nav-pills>li.active>a:focus,
.orange.nav-pills>li.active>a:hover,
.orange.nav>li>a:focus, 
.orange.nav>li>a:hover {
	background-color: #80B34A;
    border-radius: 0;
    border-bottom: 3px solid #80B34A;
	border-radius: 8px 8px 0 0;
	color:#fff;
}

.orange.nav-pills>li>a {	 color: #000; padding: 10px 30px; border-bottom:3px solid #eaeaea;}
.orange.nav-pills>li.active{ background-color:#80B34A;}

.orange.title {
	padding: 10px 15px;
    font-size: 1em;
}

.green.nav-pills>li>a {
	background-color: #cecfce;
	border-radius: 0;
	margin: 0 5px;
}

.green.nav-pills>li.active>a,
.green.nav-pills>li.active>a:focus,
.green.nav-pills>li.active>a:hover,
.green.nav>li>a:focus, 
.green.nav>li>a:hover {
	background-color: #9cb632;
	border-radius: 0;
}

/* Scrollbar */

.scroll {
   overflow: scroll;
   overflow-y: scroll;
   overflow-x: hidden;
}

.scroll::-webkit-scrollbar { width: 12px; }

/* Toggle Buttons */

button.toggle_btn {
	position: relative;
    margin-top: 8px;
    margin-right: 15px;
    margin-bottom: 8px;
    color: #fff;
    background: #167ac6;
    padding: 7px 4px;
    border-radius: 4px;
    border: none;
}

button.toggle_btn span {
    background: #fff;
    width: 20px;
    height: 3px;
    display: block;
    border-radius: 7px;
    margin: 3px;
}


/* Slick Slider */

.slick-prev, .slick-next { 
	top: 55%!important;
	height: 60px; 
	box-shadow:none;
	color: #000000 !important;
}

.slick-next::before {
  content: "\f105";
  font-size: 1.875em;
  line-height: inherit;
  font-family: FontAwesome;
  color: #000000 !important;
}

.slick-prev::before  {
    content: "\f104";
    font-size: 1.875em;
    line-height: inherit;
    font-family: FontAwesome;
	color: #000000 !important;
}

.slick-slide img {
	width: 100%;
	height:70px;
	max-height:100%;

}

.move_slider li { 
	position: absolute; 
	cursor: pointer;
	font-size: 1.5em;
}

.move_slider .slide {
  	position: relative;
  	max-height: 236px;
  	overflow: hidden;
	margin: 0 1px;
}

.slide__caption {
  	bottom: 0;
    min-height: 30px;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 2;
    background: #222;
    opacity: 0.8;
    line-height: 30px;
    padding: 5px;
    color: #fff;
    font-weight: 200;
    margin: 0 5px;
}
#top_slider .carousel-inner{
	width:80%;
	
	overflow:hidden;
	 white-space: nowrap;
text-overflow: ellipsis;
	

}

@media(max-width:768px){
#top_slider .carousel-inner{
	width:100%;
	
	overflow:hidden;
	 white-space: nowrap;
text-overflow: ellipsis;
	
}
}

.carousel-indicators{
    right: 10px;
    width: auto !important;
    bottom: 0px !important;
    left: auto;
}
.carousel-indicators li{
	background-color: rgba(255, 255, 255, 0.7);
	border:0px solid #12438663;
}
.carousel-indicators .active{
	background-color:#1f6ad269;
}
.top_slider_outside{
	position: relative;
    background-color: #e8e8e8 !important;
    top: -50px;
    padding: 15px 20px;
	width: 100%;
}
.top_slider_outside p{
	margin:0;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
/* Slider ZOOM effect */
@-webkit-keyframes zoom {
  from {
    -webkit-transform: scale(1.2, 1.2);
  }
  to {
    -webkit-transform: scale(1, 1);
  }
}

@keyframes zoom {
  from {
    transform: scale(1.2, 1.2);
  }
  to {
  	transform: scale(1, 1);
  }
}

@-webkit-keyframes leftzoom {
  0% {
    left: 0;
    transform: scale(1, 1);
  }
  50% {
  	left: 100%;
  }
  100% {
    transform: scale(1.2, 1.2);
  }
}
@keyframes leftzoom {
  0% {
    left:0;
    transform: scale(1, 1);
  }
  50% {
  	left: 100%;
  }
  100% {
    transform: scale(1.2, 1.2);
  }
}

@-webkit-keyframes rightzoom {
  0% {
    right: 0;
    transform: scale(1.25, 1.25);
  }
  50% {
  	right: 100%;
  }
  100% {
    transform: scale(1, 1);
  }
}
@keyframes rightzoom {
  0% {
    right:0;
    transform: scale(1.25, 1.25);
  }
  50% {
  	right: 100%;
  }
  100% {
    transform: scale(1, 1);
  }
}
/*----- FADE -----*/
.carousel-fade .carousel-inner .item {
    transition-property: opacity;
}
.carousel-fade .carousel-inner .item,  
.carousel-fade .carousel-inner .active.left,  
.carousel-fade .carousel-inner .active.right {
   opacity: 0;
}
.carousel-fade .carousel-inner .active,  
.carousel-fade .carousel-inner .next.left,  
.carousel-fade .carousel-inner .prev.right {
    opacity: 1; 
}
.carousel-fade .carousel-inner .next,  
.carousel-fade .carousel-inner .prev,  
.carousel-fade .carousel-inner .active.left,  
.carousel-fade .carousel-inner .active.right {
    left: 0;
    transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control {
    z-index: 2;
}
/*----- FADE -----*/



.carousel-inner .item a.zoom > img {
  -webkit-animation: zoom 15s;
  animation: zoom 15s;

}

.carousel-inner .item a.left > img {
	-webkit-animation: leftzoom 15s;
  	animation: leftzoom 15s;
}

.carousel-inner .item a.right > img {
  -webkit-animation: rightzoom 15s;
  animation: rightzoom 15s;
}

/*----- HEADER ------*/

header.page-header {
	padding-top: 0;
	padding-bottom: 0;
	margin: 20px 0;
	width: 100%;
	background: #fff/*#314d18*/;
	border: none!important;
}

.page-header  .container{
	margin:0;
	width:100%;
	 padding:0;
}
.navbar-brand {
	height: auto;
	padding: 5px 0 5px 5px;
}

.navbar-brand > img{
    width: 600px;
}

.navbar-default .navbar-collapse, 
.navbar-default .navbar-form { border-top: none; padding:0;}

.navbar-default .navbar-toggle:focus, 
.navbar-default .navbar-toggle:hover,
header button.toggle_btn { background: #80B34A; }

.navbar-default .navbar-toggle .icon-bar { background-color: #fff; }

.navbar-toggle .icon-bar { height: 3px; }

/* Right Sub Nav */

.navbar-right { 
	width:100%;
	text-align: right;
}

.page-header .lag-a {
    background: #93a912;
    line-height: 23px;
    border-left: 0;
   	padding: 3px 15px 4px;
   	color: #fff;
    vertical-align: middle;
}


.navbar-header .phone-lag { color: #fff; }

.page-header a.round {
    border: none;
    background:#80B34A/*#93a912*/;
    text-align: center;
    padding: 10px 12px 10px 8px;
    margin-right: 20px;
    vertical-align: middle;
    display: inline-block;
}

a.subscribe img {
    width: 20px;
    height: 20px;
    margin-left: 1px;
    margin-top: -3px;
}
/*line share*/
iframe.line-it-button{
	width: 40px !important;
    height: 40px  !important;
}

#social_share {
	position: absolute;
    z-index: 999999;
    top: 80px;
    right: 10px;
    padding: 10px;
}

#lang_selector {
	position: absolute;
    z-index: 999999;
    top: 80px;
    right: -43px;
    padding: 14px;
    font-size: 0.813em;
    background-color: #a5b65d;
}

#social_share a,
#lang_selector a { 
	color: #fff;
	display: block; 
	line-height: 28px;
}

#lang_selector a { 
	width: 76px;
	padding: 0 7px;
    font-size: 0.938em;
}

/* Main Nav */

#navbar-main { 
	margin: 0;
	padding: 0;
	border: none;
	border-radius: 0;
	z-index: 9999;
}

@media(max-width:992px)
{
#navbar-main  
{
    padding-top:10px;
    background:white;
}    
    
     }
 
 
nav .wrapper { padding: 0; }

.menu-small .dropdown-menu { 
	min-width: 100%!important; 
	border-radius: 0;
	padding: 0;
}

.navbar .menu-small .dropdown-menu a {
	border-bottom: none!important;
	color:#000000 !important;
	padding: 15px 0;
	font-size: 1em;
}

.navbar .menu-small .dropdown-menu a:hover { background: none!important; }

.affix {
    top: 0;
    left: 0;
    right: 0;
}
/*page*/
.breadcrumb>li+li:before{
    content: ">";
}
.breadcrumb{
	background-color:transparent;
	margin:0;


}
.page_top_info{
	padding:0;
}
.shareandtitle_sider {
    margin-top: 20px;
	margin-bottom:20px;
}
.share_button .share_buttonimage a {
    float: left;
    display: block;
    width: 23px;
    height: 23px;
    margin-left: 3px;
    text-indent: -9999px;
    background-image: url(https://www.moi.gov.tw/chi/images/home/plug.png);
}
.share_buttonimage.print a {
    background-position: 0 0;
    width: 85px;
	cursor: pointer;
}
.share_buttonimage.fb a{
    background-position: -85px -23px;
}
.share_buttonimage.twitter a {
    background-position: -108px 0;
}
.share_buttonimage.google a {
    background-position: -131px 0;
}
.share_buttonimage.plurk a {
    background-position: -154px 0;
}
.share_buttonimage.line a {
    background-image: url(https://www.moi.gov.tw/chi/images/home/line.png);
}
.share_buttonimage.rss a {
    background-image: url(https://www.moi.gov.tw/chi/images/home/rss.png);
}

.page_breadcrumb{
	float: left;
    display: inline-block;
}
.right_content .text_size_change{
	position:absolute;
	right:25px;
}
.text_size_change{
	text-align:right;
}
.left_sidebar{
	display: block;
    width: 250px;
    float: left;
	padding:0 10px;
}
.right_content{
    width: calc(100% - 250px);
    float: left;
    margin-bottom: 20px;

}
.left_sidebar .text_size_change{
	margin:0;
}
.share_button {
  position:absolute;
  right:10px;
  /*z-index:9;*/
   z-index:6;
  padding-right:10px;
}
.share_button div{
	width:auto;
	display:inline-block;
}

/*news*/

.left-news_item h3{
	color: #86ac5b;
    border-bottom: 1px solid #86ac5b;
    text-align: center;
	margin-bottom:0;
}
.right-side-info-list .card-title:hover{
    background-color: #6cc894;
    color: #fff;
}
ul.right-side-info-list .item {
    text-align: center;
    border-bottom: 1px solid #eaeaea;
}
.news-card-list .item{
	padding:10px 10px;
	border-bottom: 1px solid #dddddd;
}
.news-card-list .item:last-child{
	border-bottom: 3px solid #dddddd;
}
.news-card-list .item:nth-child(even){
	background-color:#ffffff;
}
.news-card-list .item:nth-child(odd){
	background-color:#e9e9e9;
}
.news-card-list .item:hover {
    background-color: #c3e5cb;
}
.right-side-info-list .card-title{
	margin:0;
	padding:10px 0;

}
.news_right_info {
    display: inline-block;
    float: left;
    position: absolute;
    right: 10px;
    bottom: 10px;
    vertical-align: middle;
}
.image_right {
    width: 40px;
	display:inline-block;
}
.image_right img{
	filter: invert(30%);
	-webkit-filter: invert(30%);
}
.list_image{
    display: inline-block;
	float:left;
}
.list_image img{
	width:90px;
}
.date_info {
	display:inline-block;
	color: #254a00;
	font-size: 0.875em;
}
.date_info .date {
    margin-right: 10px;
}
.right_content .info-blk{
    width: calc(100% - 40px);
    display: inline-block;
    float: left;
    border-left: 4px solid #92d058;
	padding-left: 10px;
}
span.name_Issued {
    color: #254a00;
}
h4.card-title {
    color: #254a00;
	margin-left:10px;
	margin-bottom:0;
	float:left;
	display: inline-block;
	width: calc(100% - 100px);
	line-height:1.3;
	margin-top:0;
	font-size: 1em;
    text-align: justify;
}

.blk.prev-blk, .blk.page-link, .blk.next-blk {
    display: inline-block;
	margin:5px;
}
.blk.prev-blk a, .blk.page-link a, .blk.next-blk a, .blk.prev-blk span, .blk.page-link span, .blk.next-blk span {
    padding: 5px 10px;
    background-color: #1551a3;
    color: #fff;
    text-decoration:none;
}
.last-page:after {
    content: "\f101";
    font-family: FontAwesome;
}
.first-page:before {
	content: "\f100";
    font-family: FontAwesome;
}
.next-page:after{
    content: "\f105";
    font-family: FontAwesome;
}
.prev-page:before{
	content: "\f104";
    font-family: FontAwesome;	
}
.current{
	/*background-color:#80B34A;
	color:#fff !important;*/
}
.page-bar {
    display: inline-block;
    width: 100%;
    text-align: center;
	margin-top: 20px;
}
.page_nav_title,.page_nav_count{
	font-size: 0.875em;
	color:#000;
}
.page_nav_number.page_number_select {
    margin-top: 20px;
}
.form-control.page_nav_select{
	width: auto;
    display: inline-block;
	height:30px;
	padding:5px;
}

span.page_allnumber {
    color: #88ad5e;
}
/*news-search*/
img.ui-datepicker-trigger {
    width: 25px;
    vertical-align: middle;
    margin-left: 5px;
}
.news_searchspace label,.select_dropdown select,.search_button,.news_searchspace input,.news_searchspace span{
	color:#616161;
}
.select_dropdown select,.news_searchspace input{
	background-color: #ebebeb;
    border: 0;
	height:27px;
	vertical-align: middle;
}
.select_search_keyword div,.dp_dateselect{
	margin:5px 0;
}
.news_searchspace label:before{
	content:'\f002';
	font-family:fontawesome;
}
.news_searchspace{
	margin: 0 0 20px 0;
	padding:0;
}

.ui-datepicker *{
	color#616161 !important;
}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year{
	background-color: #fff;
}
.ui-datepicker .ui-datepicker-next{
	left:87%;
}
.ui-datepicker-calendar td{
	text-shadow:none !important;
}
.select_dropdown,
.search-container{
	display:inline-block;
	width:49%;
    padding: 0 50px 0 2px;
}
.select_dropdown{
    padding: 0 15px 0 2px;	
}
.dp_dateselect{
	display:inline-block;
    padding: 0 0 0 2px;
}
#dp_dateselect1{
    width: calc(54% - 30px);	
}
#dp_dateselect2{
    width: calc(44% - 30px);	
}


.search_button{
	display:inline-block;
	width:60px;
	background-color:#000;
	color:#fff;
	border:none;
	height:26px;
}
.select_dropdown span{
	width:122px;
}
.select_dropdown select{
    width: calc(100% - 132px);	
	height:27px;
}
.search-container label{
	width:120px;

}
.search-container input{
    width: calc(100% - 125px);	
}

#dp_dateselect1 label{
	width:95px;
}
#dp_dateselect1 input{
    width: calc(100% - 130px);
	font-size: 1em;
	
}
#dp_dateselect2 label{
	width:9.5px;
}
#dp_dateselect2 input{
    width: calc(100% - 45px);	
	font-size: 1em;
}
.ui-datepicker-prev:before, .ui-datepicker-next:before{
    content: '' !important;
}
.news_list{
	padding:0;
}

/*director*/
.director_info{
	color:#000;
}
.director_image{
	text-align:center;
	width: 320px;
	display:inline-block;
	float:left;
}
.director_image img{
	width:100%;
}
.directory_introduce{
    margin: 20px 0 0 0 !important;
	background-color:#ebeee7;
	padding:0;
	display:inline-block;
}
.director_experience_info{
	background-color:#ebeee7;
    width: calc(100% - 330px);
    display: inline-block;
    margin-left: 10px;
}
.directory_name_title, .directory_education_title, .directory_exp_title,.directory_introduce_title {
	font-size: 1.125em;
    line-height: 0.5;
    background-color: #80B34A;
    display: inline-block;
    padding: 10px 10px;
    color: #fff;
	box-shadow: 2px 2px 3px 0px #a4a4a4;
    margin-left: -3px;
}
.directory_name_info, .directory_education_info div, .directory_exp_info div ,.directory_introduce_info,.directory_introduce_info{
    padding: 0 10px !important;
	line-height:2;
}
.unit-title-blk.mb20 {
    display: inline-block;
    float: left;
}
h2.unit-title {
    color: #86ac5b;
    font-weight: 600;
    text-align: center;
	margin:0;
}

@media (min-width: 1200px){
.main_nav.wrapper .container {
    width: 100%;

}
.dropdown-menu.megamenu { padding: 5px 5% 20px!important; }
}
/*
#mCSB_21_scrollbar_vertical, #mCSB_22_scrollbar_vertical,#mCSB_23_scrollbar_vertical,
#mCSB_24_scrollbar_vertical,#mCSB_25_scrollbar_vertical,#mCSB_26_scrollbar_vertical,
#mCSB_27_scrollbar_vertical,#mCSB_28_scrollbar_vertical
{
    display: none !important;
}*/

.main_nav .container { padding: 0; }

.dropdown-menu {
    background: #c8d9e8;
    border: none;
 }
 
.navbar .nav.main li.nav-item a:hover { border-bottom-color: transparent; }

.main_nav .navbar-nav>li>a,
.main_nav .navbar-nav>li>a:hover,
.main_nav .navbar-nav>li>a:focus,
.main_nav .navbar-nav>.open>a, 
.main_nav .navbar-nav>.open>a:focus, 
.main_nav .navbar-nav>.open>a:hover {
	color: #fff;
    background-color: #3c649c;
}

.main_nav .navbar-nav>li>a:hover {
	background-color: #3c649c;
	border-bottom:none;
}

.menu-large { position: static!important; }

.menu-large.fit{
	width:100%;
    margin: 0 auto;
}

.dropdown-menu.megamenu {
	padding: 5px 0px 20px;
/*	width: 100%;*/
	width: 120%;
	font-size: 1em;
}

.title-level3
{
 text-align: left !important;   
  
}

/*.menuleft .div:hover 
{
    color: #ffffff;
   
    background-color: #097cf2;
  
}*/


.stitle.menu:hover
{
     color: #ffffff  !important;
   
    background-color: #097cf2;
}
/*
.stitle.menu
{
        background: url(../src/plugin/sidemenu/images/off.png) top right no-repeat !important;
}

.stitle.menu.active
{
        background: url(../src/plugin/sidemenu/images/on.png) top right no-repeat !important;
}*/

.stitle.menu:hover > a
{
     color: #ffffff  !important;

}


.drop-menu
{
    background-color: #f1f1f1 !important;
}

.menuleft a:hover
{
    color: #ffffff;
}



/*.title-level3:before
 {
  content: "\27A5";
   }*/

/*.menu > ul > li > ul > li {

        background: url(../../../image/ont.png) 0 1px no-repeat;
    padding: .2em 0 .2em 15px;
    
    }*/
    
 /*   .megamenu ul > li {
       background: url(../../../image/ont.png) 0 1px no-repeat;
    padding: .2em 0 .2em 15px;
}*/



/*
.menu-large.fit > li > ul > div > div > li {
  background: url(../../../image/ont.png) 0 1px no-repeat;
    padding: .2em 0 .2em 15px;
}*/

.menu-large.fit > li > ul > li {
  background: url(../../../image/ont.png) 0 1px no-repeat;
    padding: .2em 0 .2em 15px;
}

le-level3 a:hover
{
    color: #0793e2 !important;
}

.megamenu ul  
{
    /*
    height: 125px; 
*/
    
    height: 100% !important;
    }

.megamenu ul,
.megamenu h6.title  {
	line-height: 21px;
	padding-left: 20px;
	font-weight: bold;
}
.megamenu ul > li 
{
    line-height: 21px;
}
.megamenu h6.title {
    border-bottom: solid 1px #000000;
    color: #295292!important;
    margin-bottom: 5px;
    font-size: 1em;
   /* padding: 2px 20px;*/
   line-height: 35px;
    font-weight: bold;
    word-wrap: break-word;
    /* word-break: break-all; */
}

.dropdown-menu.megamenu a 
{
    /*-----color: #000000 !important; ------ david 110309*/
   color : #007cc2 !important;
	border: none!important;
	padding: 0 !important;
	
	overflow: hidden;
    text-overflow: ellipsis;
   /* display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;*/
}
.dropdown-menu .megamenu ul{
	height:100px;
}
.community a.social.line_share{
	background:url("LINE.png") no-repeat;
	margin: -50px auto;
    width: 150px;
    height: 150px;
    transform: scale(0.25);
	background-position: -30px;
}

.community a.social {
    background: url('http://i.imgur.com/j8q9Lrq.png') no-repeat;
    background-position: -43px 0;
    margin: 10px auto;
    width: 45px;
    height: 45px;
}

.community a[name="google"] { background-position: -89px 0; }

.community a[name="twitter"] { background-position: 1px 0; }

.community a[name="print"] { background-position: -179px 0; }

.community a[name="lurk"] { background-position: -135px 0; }

/*-----header right-----*/
.navbar-header{
	width: 50%;
}
.search_right{
	width:50%;
    margin-top: 1%;
	padding: 0 30px 0 0;
    text-align: right;
}
.search_right_button{
	padding:6.5px 0;
	display:inline-block;
	width:80px;
	text-align: center;
	vertical-align: bottom;
}
.search_right_button a{
	color:#fff;
}
.english_button{
	background-color:#1551a3;
}
.child_button{
	background-color:#3ab8c7;
}
/* nav right */
.navbar-right{
	float: none;
    margin-right: 0;
	padding:5px 0;
}
/* search bar */

.search_btn{
	background-color: #86ac5b;
    padding: 8px;
    width: 35px;
    height: 100%;
	border: 0;
	float:right;
}

.search_btn i{
	color:#fff;
}
.search_input{
	border-radius:5px;
	border:none;
    vertical-align: middle;
	height: 34px;
    float: left;
    width: calc( 100% - 35px );
}
.search_bar{
	display:inline-block;
	border: 1px solid #1551a3;
	width:280px;
	margin-right: 5px;
	vertical-align: middle;
}
.button_header {
    display: inline-block;
    vertical-align: middle;
}
.search_more_btn{
	margin-left:-5px;
	border-radius:5px;
	padding: 2px;
    border: none;
	background-color: #91c7f3;
}
.link_box p{
	color:#000;
}
.link_box_padding{
	padding:0 20px !important; 
	
}

.search_more_btn a{
	color:#fff;
}


/*----- MAIN CAROUSEL ------*/

.mCustomScrollbar,
#homepage_carousel, 
.carousel-inner { width: 100%; }

.carousel-inner a img{
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  width:100%;
}

#pic1 {
    background: url('../../images/banner/1讚2009 攝影展優勝獎─邱世杰‧老幹新枝(17.4M).jpg') ;
    width: 100vw;
    height: 85vh !important;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

#pic2{
    background: url('../../images/banner/2讚2012佳作41-凝望-劉曉嵐 攝(3.9M).jpg');
    width: 100vw;
    height: 85vh !important;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    
}

#pic3{
    background: url('../../images/banner/3讚玉山主東峰(優)-陳芳宜01.jpg');
    width: 100vw;
    height: 85vh !important;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    
}

#pic4{
    background: url('../../images/banner/4讚2013攝影比賽-(優選)-美聲!八部合音-蔡火誠(14.9MB).tif.jpg');
    width: 100vw;
    height: 85vh !important;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    
}

#pic5{
    background: url('../../images/banner/5讚2012佳作48-冒險的躍動-顧玲瑜 攝(4M).jpg');
    width: 100vw;
    height: 85vh !important;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    
}

#pic6{
    background: url('../../images/banner/6讚2013攝影比賽-(優選)-初次見面 您好！-李正紀(7MB).JPG');
    width: 100vw;
    height: 85vh !important;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    
}

/* Options */

.options {
	text-align: center;
    position: absolute;
    bottom: 80px;
    width: 100%;
    font-size: 0.875em;
}

.options .search {
	
    margin-left: 10px;
    
}

.search .glyphicon {
	text-align: center;
    margin-left: 0;
    vertical-align: middle;
    padding-bottom: 3px;
}
​
.options .search input[type="text"] {
    display: inline-block;
    border: solid 1px #b9b9b9;
    border-right: none;
    text-indent: .4em;
    font-size: 0.875em;
    
}

#tbSearchWord{
    min-width: 330px;
}

.options .search button {
    display: inline-block;
    background: #93a912;
    cursor: pointer;
    width: 31px;
    margin-left: -10px;
    line-height: 27px;
    border: none;
    text-align: center;
    color: white;
    font-size: 1em;
    max-height: 31px;
    min-height: 31px;
    vertical-align:top;
}

.options a {
    color: #fff;
    display: inline-block;
    width: 90px;
    height: 90px;
    font-size: 0.938em;
    line-height: 22px;
    border-radius: 50px;
    margin: 0 13px;

}

.options a img {
    width: 30px;
    min-height: 30px;
    display: block;
    margin: 15px auto 0;
}

.options a.customer { background: #8ba980; }

.options a.friends { background: #e9c043; }

.options a.volunteer { background: #89c4ca; }

/*----- CONTENT ------*/

/* Section 1 */
#section1 .container{
  padding: 2em 2em;
} 

#section1 .container div {
    /*display: inline-block;*/
    text-align: center;
    line-height: 26px;
 /*   padding: .95em 0 .6em;*/
    overflow: hidden;
    vertical-align: top;
    color: #fff;
    margin-bottom: 7px;
    text-align: center 

}

#section1 .container p{ text-align: center; font-size: 1em; } 

/* 20190305 yachi add 隠藏首頁5個圓形ICON左右輪播箭頭圖示 */
#section1 button{display:none !important; }
/* 20190305 yachi add 隠藏首頁5個圓形ICON左右輪播箭頭圖示 */

#section1 .container div a:hover img{opacity:0.7;}
#section1 .container div a:hover p{color:#315a1c;}
.col-s1{ width: 20%; float:left; } 
.col-s-lower{ width: 40%;} 
.col-s2{  width: 50%; float:left;  } 
#section1 img {

	width:100% !important;
	height:auto;
    display: block;
    margin: 0 auto 20px;
    padding-left: 10px;
    padding-right:10px; 
   

}

#section1 .container div.col-sm-12 {
	padding: 22px 0 18px 35px;
	line-height: 30px;
    text-align: left;
}

#section1 .container div.col-sm-12 img {
	float: left;
    margin-top: 6px;
    margin-right: 15px;
}

#section1 .container div.col-sm-12 a,
#section1 .container div.col-sm-12 .scroll {
	display: inline-block;
	margin-top: 3px;
	padding-right: 0px;
	padding-top: 0px;
	z-index: 1;
}

/* Section 2 */
/*
#section2.wrapper { background: #e3dfef; }*/

#section2 .tab-content{background-color:#ffffff !important;}

.tab-content .list { padding:20px 10px; line-height:1.5; text-align:center;}

.tab-content .list .date { width: 20%;  }

.tab-content .list .text { width: 80%; margin:0px; }


@media(max-width:768px)
{
.tab-content .list .date { width:40%; }

.tab-content .list .text { width: 60%; }
    
    }

.tab-content .list a {
	width: 100%;
    display: inline-block;
	padding:0 20px;
	
	/* yachi 20190304 add 首頁最新消息 */
	overflow : hidden;
    text-overflow : ellipsis;
    white-space : nowrap;
    /* yachi 20190304 add 首頁最新消息 */
}
.news_content{
	position:relative;
}
.btn-primary{
	background-color: #4a9be0;
    margin-top: 5% !important;
}
.text_size_change{
	margin-bottom: 5px;
}
.text_size.active
{
    

}
.text_size_change .size_bigger{
	font-size:130%;
    float: right;
}
.text_size_change .size_middle{
    float: right;
}
.text_size_change .size_smaller{
	font-size:80%;
    float: right;
}
.text_size_change .text_size{
    background-color: #1551a3  !important;
    display: inline-block;
    width: 30px;
    height: 30px;
    text-align: center;
    color: #fff;
	border-radius: 6px;
	font-weight: 300;
	cursor: pointer;
	line-height: 30px;
	margin: 0 2px!important;
	border:0;
}


.text_size.active, .text_size:hover 
{background-color: #c8d9e8 !important;
    }
/*.text_size_change .text_size:focus {
background-color: #c8d9e8 !important;
}
.text_size_change .text_size:hover {
background-color: #c8d9e8 !important;
}
.text_size_change .text_size.active{
background-color: #c8d9e8 !important;
}*/


.share_btn{
	position:absolute;
	top:5px;
	right:15px;
	z-index:99;
}	
.share_btn_box{
	font-size: 1em;
	display: inline-block;
	color:#fff;
	border-radius:8px;
	padding:2px 0;
	text-align:center;
	cursor:pointer;
}
.share_btn_box a{
	color:#fff;
}
.RSS_button{
	background-color:#ED7507;
	width:65px;
}
@media(max-width:768)
{
    
    
    }
.more_info{
	background-color:#1551A3;
	width:75px;
	margin-left:10px;
}
.more_info:after{
	font-family:fontawesome;
	content:'\f067';
	font-size: 0.875em;
	margin-left:5px;
}

.tab-pane.fade .list ul a:nth-child(odd){
	/* background-color:#dddddd; yachi 1090304*/
	background-color:#ffffff;
}
.tab-pane.fade .list ul a:nth-child(even){
	background-color:#ffffff;
}
.post_title{
	text-align:left;
	color: #254a00;	
	font-weight:300;
}
.published_date{
    color: #636363;
}
#sec_menu1 .list ul a{
	background-color:#ffffff;
	margin: 20px 0;
}
#sec_menu1 .news_tabblock {
    width: 50%;
	float: left;
	position: relative;
	text-align:center;
}
#sec_menu1 .news_detail {
    display: inline-block;
    float: left;
    width:calc( 100% - 170px );
    margin: 0 10px 0 10px;
	position:relative;
	height:112px;
}
#sec_menu1 .news_image {
    padding: 0;
    display: inline-block;
    float: left;
	width: 150px;
}
#sec_menu1 .news_image img{
	width:100%;
}
#sec_menu1 .post_content{
	color:#696969;
    font-size: 1em;
	text-align:left;
	display:block;
	font-weight:300;
	overflow: hidden;
    text-overflow:ellipsis;
	min-height:20px;
	margin:5px 0 0;
	text-align: justify;
}
#sec_menu1 .published_date {
	font-size: 1em;
    font-weight: 300;
    color: #b1b1b1;
	text-align:right;
}
#sec_menu2 li,#sec_menu3 li,#sec_menu4 li,#sec_menu5 li{padding:10px 0;}
div#engineering{
	text-align:center;
	
}
p.engineering_name{
	text-align:center;
	font-size: 1.25em;
    text-shadow: 0px 1px 6px #fff;
	color:#000;
}
.engineering.container{
    width: 100%;
    padding: 0 10% 20px;
}
.engineering_listbox{
	text-align:center;
}

#section3{
	background: url(cloud_background.png);
	padding:0;
	background-size: 100% 100%;
	background-repeat:no-repeat;
	background-size: cover;
    background-position: center;
}
.engineering_image{
	padding:1px;
	background-color:#fff;
}
.engineering_image img{
	height:220px;
	width:100%;
}
.engineering_listbox li{
    display: inline-flex;
    padding: 10px;
    margin: 0 15px;
    width: 300px;
}
.engineering a.more,
.tab-content .list a.more ,
.down_list a.more{
    width: auto;
    background-color: #80B34A;
    color: #fff;
    padding: 10px 40px;
    border-radius: 5px;
    text-align: center;
	margin: 20px auto 0;
}

.tab-content .list p,
.down_list p{
	margin:0;F
}
.tab-content .list li p:first-child{
	font-size: 1em;
	text-align:left;
	font-weight:300;
    text-align: justify;
}

.tab-content .engineering_image img{
	width: 100%;
    height: 200px;
    border-radius: 10px;
    padding: 2px;
    background-color: #fff;
    border: 1px solid #eaeaea;
}

#video_sec h5 {
	color: #a50c10;
    font-size: 1.3em;
}

#video_sec p {
    line-height: 32px;
    height: 130px;
    overflow: hidden;
}

#video_sec .page_nav a {
	background: none;
    border: none;
    color: #000;
    font-size: 1em;
}

/* Section 4 */

#section3.wrapper {  }

#section3 .tab-pane { margin: 25px 0; }

#section3 .col-sm-6 { line-height: 30px; }

#section3 .col-sm-6 h5 {
	color: #acc28d;
    border-bottom: 1px solid #acc28d;
    border-top: 1px solid #acc28d;
    font-size: 1.188em;
    padding: 10px 0;
}

#section3 .col-sm-6 a {
	width: 32%;
    display: inline-block;
}
#section3 .slider.youtube-items .item{

}



/* Section 5 */

#section5.wrapper {
	background: #e3dfef;
    padding: 15px 10px;
}
.slick-prev:before, .slick-next:before{
	color:#000000 !important;
}

.company-logos .move_slider li { top: 11px; }

.company-logos button  
{        
    padding-top: 12px;     
}

/* Section 6 */

#web_links.container {
    width: 100%;
    padding: 0;
	/*margin-bottom:20px;*/
}

#section6.wrapper {
    color: #000;
	padding:0;
}

#section6 h3 {
    padding: 0 .4em;
    border-left: solid 1px #425e01;
    border-right: solid 1px #425e01;
    width: 175px;
    margin: 0 auto 25px;
}

#section6 a,
#section6 h3,
#section6 .panel-default>.panel-heading {
	display: block;
	line-height:1.5;
	color:#000000;
	font-weight: normal;
    word-wrap: break-word;
}

#section6 .panel-group .panel {
	background-color: transparent;
	border: none;
	box-shadow: none;
}

#section6 .panel-default>.panel-heading 
{
    border-bottom: 1px solid #0d53bc;
   /* background-color: transparent;
    border-bottom: 1px solid #000000;
	text-align:center;*/
}

#section6 .panel-group .panel-heading+.panel-collapse>.panel-body { border: none; }

#section6 .panel-group .panel+.panel { margin-top: 0; }

#section6 .panel-group { padding: 0 23px; margin:20px 0;}

#section6 .panel-heading_seclist{border: 1px solid #fff;text-align:center;}

#section6 .panel-collapse.collapse_seclist .panel-body {padding: 5px 0;border-bottom: 1px solid #fff;}

#web_links h4,
#web_links button {
	float: left;
	line-height: 25px;
}
.close_btn{
	/*cursor: pointer;
		padding:10px 0;
	color: #000;
	text-align:center;
background-color: #1551a3;*/
}
.close_btn:after{
		/*content:"\f055";
	font-family: FontAwesome;*/
}
.footer_weblink {
    width: 80%;
    margin: auto;
}
#section6 .panel-collapse{
    width: auto;
    margin: auto;
/*	text-align:center;*/
}
/* Section banner */
#section_banner.wrapper{
    padding: 0 0 0 0;
}

#section_banner img{
    width: 100%;
    height: 100%;
}

/*----- FOOTER ------*/
.footer_area1,
.footer_area2,
.footer_areanav {
	font-size: 0.938em;
    line-height: 1.8;
    color: #676767;
	font-weight:300;
}
.footer_areanav a,.footer_area2 a{
	color: #1551a3;
}

.foot.wrapper {
    line-height: 26px;
	padding: 20px 0;
}

.foot_nav.wrapper {
    background: #ebeee7;
    padding: 15px 0;
}

.legal.wrapper { padding: 20px 0; background: #d8d8d8; color: #3a3a3a;font-weight: 500;font-size: 1em;}

/*------ Back top Top Button ------*/

#myBtn 
{
  
    display: none; /* Hidden by default */
    position: fixed; /* Fixed/sticky position */
    bottom: 80px; /* Place the button at the bottom of the page */
    right: 12px; /* Place the button 30px from the right */
    z-index: 990; /* Make sure it does not overlap */
    border: none; /* Remove borders */
    outline: none; /* Remove outline */
    cursor: pointer; /* Add a mouse pointer on hover */
    background-color:transparent;
    
}

#myBtn1
 {
     display: none; /* Hidden by default */
    position: fixed; /* Fixed/sticky position */
   top: 0px; /* Place the button at the bottom of the page */
    right: 30px; /* Place the button 30px from the right */
    z-index: 999999; /* Make sure it does not overlap */
    border: none; /* Remove borders */
    outline: none; /* Remove outline */
    cursor: pointer; /* Add a mouse pointer on hover */
    
   background-color:transparent;
      }
      
      
.back-top
{
    position:absolute; 
    right:50px;
    bottom:15%;
z-index:99;
    }


/*----- DESKTOP ONLY ------*/

@media (max-width: 1300px) {
.engineering.container{
    width: 100%;
    padding: 0;
}
}
@media (min-width: 768px) {
.container{
/*	width:95%;*/
	width:80%;
	    padding: 20px 0 40px 0;
}	

.link_box p{
color:#000;
}



/* Top Navigation */

.dropdown:hover .dropdown-menu { display: block; }

.navbar .navbar-inner {
    padding: 0;
}

.navbar .nav.main {
    margin: auto;
    display: table;
    width: 100%;
	float:none;
}
.navbar .nav.main li.nav-item:nth-child(1) a.nav-link{
  background: #1551a3;
   /* background: linear-gradient(#da9ca6,#ce543b,#bf1f1f);*/
}
.navbar .nav.main li.nav-item:nth-child(2) a.nav-link {
   background: #1551a3;
   /* background: linear-gradient(#F7f4ad,#e1c124,#da822b);*/
}
.navbar .nav.main li.nav-item:nth-child(3) a.nav-link {
   background: #1551a3;
   /* background: linear-gradient(#dec686,#bb983d,#b88c29);*/
}
.navbar .nav.main li.nav-item:nth-child(4) a.nav-link {
   background: #1551a3;
/*	background: linear-gradient(#e5fd8d,#9fe261,#56ad4d);*/
}
.navbar .nav.main li.nav-item:nth-child(5) a.nav-link {
   background:#1551a3;
   /* background: linear-gradient(#dfff73,#7fc553,#009d44);*/
}
.navbar .nav.main li.nav-item:nth-child(6) a.nav-link {
  background: #1551a3;
   /* background: linear-gradient(#8fbd94,#33a748,#166d28);*/
}
.navbar .nav.main li.nav-item:nth-child(7) a.nav-link {
   background: #1551a3;
/*	background: linear-gradient(#cfe5e8,#71c0c7,#249FB1);*/
}
.navbar .nav.main li.nav-item:nth-child(8) a.nav-link {
   background: #1551a3;
	/*background: linear-gradient(#75acc5,#475686,#393875);*/
}
.navbar .nav.main li.nav-item:nth-child(9) a.nav-link {
   background: #1551a3;
   /* background: linear-gradient(#8ac1da,#697ab1,#3D5da8);*/
}
.navbar .nav.main li.nav-item:nth-child(10) a.nav-link {
   background: #1551a3;
   /* background: linear-gradient(#8ac1da,#697ab1,#3D5da8);*/
}
.navbar .nav.main li.nav-item:nth-child(11) a.nav-link {
   background: #1551a3;
   /* background: linear-gradient(#8ac1da,#697ab1,#3D5da8);*/
}

.navbar .nav.main li.nav-item {
    display: table-cell;
    float: none;
    width: auto;
    table-layout: fixed;
	/*
    min-width: 145px;
	*/
    font-size: 1.2vw;/*19px*/
}

.navbar .nav.main li.nav-item a {
    font-weight: bold;
    text-align: center;
    border: none;
	font-size: 1em;
	padding:15px 5px;
}



/* Section 1 */

#section1 .container div.col-sm-4 {
	width: 32%;
	max-width: 372px;
	margin-right: 0.7%;
	padding: 0;
}

#section1 .container div.col-sm-6 {
    max-width: 182px;
    width: 49%;
    margin-right: 2%;
}
/*
#section2 .nav-justified>li {
    display: inline-block;
    width: auto;
    background-color: #d6d5d5;
    margin: 0;
    float: left;
	border-radius: 8px 8px 0 0;
}*/

}

@media screen and (min-width: 768px) and (max-width: 1000px) {
	
	.left_sidebar{
		display:none;
	}
	.right_content{
		width:100%;
	}
	/*directory*/

	.director_image{
		float:left;
	}
	.director_experience_info{
		float:left;
	}

	.directory_introduce{
		display:inline-block;
	}
	.text_size_change{
		margin-bottom:50px;
	}
	.right_content .text_size_change{
		margin:0;
	}
	.share_btn{
		
		right:10px;
	}
}



@media (max-width: 1199px) {
	.link_box p{
	color:#000;
	}


    .page-header a.round{ margin-right: 5px; }
    .navbar-brand img { max-width: 100%; }
    .navbar-brand{ margin-left: 0px; }
    
    .page-header a.round {
        position: absolute;
        color: #fff;
        padding: 7px 9px 7px 6px;
        margin-top: -7px;
    }
    
    a.subscribe {
        right: 102px;
        top: 20px;
    }
    
    a.phone-lag {
        right: 52px;
        top: 20px;
        padding: 10px 2px!important;
        font-size: 0.781em;
    }
    
    header button.toggle_btn {
        position: absolute;
        color: #fff;
        right: -5px;
        top: 6px;
        border-color: #167ac6;
    }
    
    #lang_selector { right: -10px; }
    #social_share { right: 95px; }
    
        /* Main Nav Mobile */
    
    .header-right {
        position:fixed !important;
        width:0px;
        height:100%;
        top:0;
        left:0;
        z-index:9;
        overflow:hidden;
        transition: all .3s ease;
        -webkit-transition: all .3s ease;
        -o-transition: all .3s ease;
        -moz-transition: all .3s ease;
        background-color: #000!important;
        /* opacity: 0.8; */ /* yahci_1080225 */
    }
    
    .header-right .menu { position:relative; }
    .header-right .menu .menu-a {
        display: block;
        width: 200px;
        border-bottom: solid 1px white;
    }
    .header-right .menu .menu-a > a {
        display:block;
        padding:14px .5em;
        color:white;    
    }
    .header-right .menu .menu-a .drop-menu {
        min-height: 50px;
        background:#fff;
        z-index:9999;
        right:0;
        display:none;
        position:static;
        padding:1em 0;
        width:100%;
    }
    .header-right .menu .menu-a:hover .drop-menu { display:block; }
    
    .header-right.adk { 
        width:200px;
        display: block!important; 
    }
    
    .header-right .menu .menu-a {
        display:block;
        width:200px;
        border-bottom:solid 1px white;
    }
    .header-right .menu .menu-a > a:after { display:none; }
    .header-right .menu .menu-a .drop-menu.adk {display:block!important;}
    .header-right .menu .menu-a .drop-menu .mask {
        display: inline-block;
        vertical-align:top;
        padding:0;
        padding-bottom:0.5em;
        margin-bottom:0.5em;
        width:100% !important;
        border-bottom: 1px solid #000;
        line-height: 20px;
    }
    .header-right .menu .menu-a .drop-menu .mask a + a { /*display:none;*/ }
    .header-right .menu .menu-a:hover .drop-menu { display:none; }
    .header-right .menu .menu-a.adk .drop-menu { display:block; }
    .header-right .menu {
        overflow-y:auto;
        width:220px;
        height:100%;
    }
    .header-right .menu .menu-a .drop-menu .mask a {
        color: #BD6D10;
        padding: 0 10px 5px;
        width: 100%;
    }
    .header-right .menu .menu-a .drop-menu .mask a.title {
        font-size: 1em !important; 
        color:black; 
        color: #314D18;
        font-weight: bold;
        display: block;
    }


}

/*----- MOBILE, TABLET ONLY ------*/
/**/
@media screen and (max-width: 425px)
{
#section1 .container p{ font-size: 0.625em; }    
.carousel-indicators
{
    display:none;
}
.text_size_change{
	margin-bottom:50px;
}
.right_content .text_size_change{
	margin:0;
}
.link_box p{
	color:#000;
}
.qrcode_image{
	width:50% !important;
	margin:10% 0;
}
.Identity_Paging{
	width:100%;
	display:inline-block !important;
}
.position_i{
	width:100%;
	display:inline-block !important;
}
.share_btn{
    top: -30px;	
}
/*page*/
.share_button{
	margin:20px ;
}
/*news*/
.adv-condition-blk,
.btn-search-clear{
	display:none;
}
.row.row-keyword{
	width:60%;
	display:inline-block;
	float:left;
}

button.btn-search-submit,.btn-show-adv{
	width: 20%;
    padding: 2px 0;
}
.condition-search-blk{
	display:block !important;
}
.btn-show-adv{
	display:inline-block !important;
	float:left;
	margin:0;
	background-color:#55afcf;
}

.show-search,.row.row-keyword label,.blk.page-link{
	display:none !important;
}
.blk.prev-blk a,.blk.next-blk a{
	visibility: hidden;
	width: 40px;
	display:inline-block;
	height:40px;
	float:left;
}
.blk.prev-blk a{
    margin: 0 3px;
}
.blk.prev-blk a:before ,.blk.next-blk a:after{
    visibility: visible;
    padding: 5px 15px;
    background-color: #80B34A;
	font-size: 1.5em;
}
.blk.next-blk {
    position: relative;
    top: -66px;
}
/*search*/
.ui-widget.ui-widget-content {
    z-index: 9999 !important;
}

.news_searchspace label,.news_searchspace select,.news_searchspace input,.news_searchspace button{
	width:100%;
}
.news_searchspace div>div{
	margin:5px 0;
}
.date_select span{
	display:none;
}
.date_select label,.date_select div{
	width:100% !important;
}
.date_select input{
	width: calc(100% - 30px) !important;
}

/*list*/
.list_image {
    display: block;
    float:none;
    text-align: center;	
}
.list_image img{
	width:120px;
}
h4.card-title{
	margin-top:10px;
	width:100%;
}

}

@media screen and (min-width: 400px) and (max-width: 768px){
	

    #section1 .container div.col-sm-12 {
    width: 100%;
    height: 130px;
    }
	.text_size_change{
	margin-bottom:50px;
	}
	.right_content .text_size_change{
		margin:0;
	}	
	.link_box p{
	color:#000;
	}
	.carousel-indicators{
	}
	.share_btn{
		top:-30px;
	}
}
@media screen and (min-width: 426px) and (max-width: 767px){
    
    .footer_adjust{
        width: 50%;
    }
}
/* 1061016 玉山典藏精選*/

/*@media screen and (min-width:768px) and (max-width:999px){
    .move_slider .slide {
        position: relative;
        max-height: 188px;
        overflow: hidden;
    }    
}*/
@media screen and (max-width:991px){
	#sec_menu1 .news_tabblock{
		width:100%;
	}
	#sec_menu1 .published_date{
		position:static;
		float:right;
	}
	
	header.page-header{margin:0;}
	.navbar-header{width:100%;}
	.navbar-brand img { width: 600px; }
    .navbar-brand{ margin-left: 0px; width:100%;}
	/*search bar */
	.button_header{
		width:40%;
		padding-right:10px;
	}
	.navbar-right{
		padding:0;
		position:absolute;
		top: 40px;
		
	}
	.search_right{
		float: none !important;
		padding: 0;
		width:100%;
	}
	.search_bar{
	    position: relative;
		width: 60%;
		margin: 0;
		float:left;
		border:0;
		padding-top:3px;
		
	
	}
	.search_input {
		float: left;
		height: 32px;
	}

	.search_right_button {
		width: 50%;
		float:left;
	}

	
	.search_btn{
		position: absolute;
		right: 0;
		bottom: 0;
	}

	
}



@media (max-width:600px){

	.nav-justified>li{
		float: none !important;
		width: 100% !important;
		margin: 0;
		display: inline-block;
		border-radius:0 !important;
	}
	
	.orange.nav-pills>li>a{
		border-radius:0 !important;
		border: 0;
	}
	#sec_menu1 .news_image{
		display:block;
		float:none;
		width:100%;
	}
	#sec_menu1 .news_detail{
		display:block;
		float:none;
		width:80%;
		margin:auto;
	}
	#sec_menu1 .news_image img{
		width:80%;
		margin:auto;
	}
	

}

@media screen and (min-width:519px) and (max-width:999px){
    .move_slider .slide {
        position: relative;
        max-height: 160px;
        overflow: hidden;
    }  

	
}
@media screen and (min-width:300px) and (max-width:519px){
    .move_slider .slide {
        position: relative;
        max-height: 170px;
        overflow: hidden;
    }

}
@media screen and (min-width:200px) and (max-width:300px){
    .move_slider .slide {
        position: relative;
        max-height: 125px;
        overflow: hidden;
    } 

}

/* end 1061016 */
@media screen and (max-width: 768px) and (min-width: 400px)
{
 .carousel-indicators
{
    display:none;
}
#section1 .container div.col-sm-12 {
    width: 100%;
    height: 130px;
}


}


@media (max-width: 768px) {
	
	header .container .visible-xs { display: block!important; } 
    header .container .hidden-xs, nav.hidden-xs ,share_button { display: none!important; }
	header .container {
		padding-right: 5px;
    	padding-left: 5px;
	}
	.text_size_change{
		margin-bottom:50px;
	}
	.right_content .text_size_change{
		margin:0;
	}
    .page-header a.round{
        margin-right: 5px;
    }
	.navbar .nav.main{
		width: 100%;
	}
    .navbar-brand{
        margin-left: 0px;
    }
	.navbar-brand img{
		margin:auto;
	}
    .options{
        bottom: 10px;
    }

    .options a{
        width: 70px !important;
        height: 70px !important;
        margin: 0 5px 0 0 ;
    }

    .options a img{
        margin: 10px auto 0;
    }

	
    #tbSearchWord{
    min-width: 255px;
}
	
	#pic1,#pic2,#pic3,#pic4,#pic5,#pic6{
    height: 270px!important;
    width: 100vw;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
	}



	/* Top Navigation */
	
	.navbar-nav { margin:0;}
  	.navbar .nav > li {
    	display: block;
    	width: 100%;
    	float: none;
    	text-align: center;
  	}

    .nav-pills{/*
        margin: 15px 0 0px 10px !important;*/
    }
  	
  	.navbar-brand img { max-width: 90%;}
  		

	
	a.subscribe {
    	right: 102px;
    	top: 20px;
	}
	
	a.phone-lag {
    	right: 52px;
    	top: 20px;
    	padding: 10px 2px!important;
    	font-size: 0.781em;
    }

	.search_bar{
		position:  relative;
	    border:0;
	    margin-top:3px;
	    width:70%;
	}
	
	.search_inputbox {
		border: 1px solid #86ac5b;
		width: 100%;
		height: 35px;
		position: relative;
	}
	.search_right {
		float: none !important;
		padding: 0;
		width: 100%;
	}
	.search_input {
		height: 32px;
	}
	.search_right_button {
		width: 80px;
	}
	.button_header {
		position: relative;
		float: right;
		width: auto;
	}
	header button.toggle_btn {
		position: static;
		width: 35px;
		margin: auto;
		display: inline-block !important;
		float: left;
    	border-color: #167ac6;
		border-radius: 0;
    }
    .page-header a.round{
		position: static;
		width: 35px;
		border-radius: 0;
		margin: auto;
		display: inline-block !important;
		color: #fff;
		padding: 7px 9px 6px 6px;
		float: left;
	}
	
	
	.navbar-nav .open .dropdown-menu { background: #253553; }
    
    .navbar-default .navbar-nav .open .dropdown-menu>li>a,
    .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
    	color: #fff;
    	text-align: center;
    	padding: 10px;
    	border: 1px solid #a0ad98!important;
    }
    .main_nav .navbar-nav>li>a:hover { border-bottom: none; }
    
    #social_share {
	top: 120px;
    right: 0px;
	}

	#lang_selector {
	    top: 65px;
	    right: -4px;
	}
	
	/* Main Nav Mobile */
	
	.header-right {
    	position:fixed !important;
    	width:0px;
    	height:100%;
    	top:0;
    	left:0;
    	z-index:9;
    	overflow:hidden;
    	transition: all .3s ease;
    	-webkit-transition: all .3s ease;
    	-o-transition: all .3s ease;
    	-moz-transition: all .3s ease;
    	background-color: #000!important;
    	 /* opacity: 0.8; */ /* yahci_1080225 */
	}
	
    .header-right .menu { position:relative; }
    .header-right .menu .menu-a {
    	display: block;
    	width: 200px;
    	border-bottom: solid 1px white;
    }
    .header-right .menu .menu-a > a {
    	display:block;
    	padding:14px .5em;
    	color:white;    
    }
    .header-right .menu .menu-a .drop-menu {
    	min-height: 50px;
        background:#fff;
        z-index:9999;
        right:0;
        display:none;
        position:static;
		padding:1em 0;
		width:100%;
    }
	.header-right .menu .menu-a:hover .drop-menu {display:block;}
	.header-right.adk { width:200px; }
	.header-right .menu .menu-a {
		display:block;
		width:200px;
		border-bottom:solid 1px white;
	}
	.header-right .menu .menu-a > a:after { display:none; }
	.header-right .menu .menu-a .drop-menu.adk {display:block!important;}
	.header-right .menu .menu-a .drop-menu .mask {
		display: inline-block;
    	vertical-align:top;
    	padding:0;
    	padding-bottom:0.5em;
    	margin-bottom:0.5em;
    	width:100% !important;
    	border-bottom: 1px solid #000;
    	line-height: 20px;
	}
	.header-right .menu .menu-a .drop-menu .mask a + a { /*display:none;*/ }
	.header-right .menu .menu-a:hover .drop-menu { display:none; }
	.header-right .menu .menu-a.adk .drop-menu { display:block; }
	.header-right .menu {
		overflow-y:auto;
		width:220px;
		height:100%;
	}
	.header-right .menu .menu-a .drop-menu .mask a {
	    color: #BD6D10;
	    padding: 0 10px 5px;
	    width: 100%;
	}
	.header-right .menu .menu-a .drop-menu .mask a.title {
		font-size: 1em !important; 
		color:black; 
	   	color: #314D18;
	   	font-weight: bold;
	   	display: block;
	}
	    
    /* Tabs */
    #section2 ul.orange.dark_bg.nav.nav-pills.nav-justified{
		background-color: #d6d5d5;
	}
	 #section2 .nav-justified>li {
	    float: left;
    	width: 33.3%;
		background-color: #d6d5d5;
		float: left;
		border-radius:0 !important;
	 }
	.orange.nav-pills>li.active>a, .orange.nav-pills>li.active>a:focus, .orange.nav-pills>li.active>a:hover, .orange.nav>li>a:focus, .orange.nav>li>a:hover{
		border-radius:0;
	}
    .nav-justified>li {
    	float: none;
    	width: 25%;
    	margin: 0;
		margin: auto;
	}

    
    .nav-justified>li a,
    .nav-pills>li+li{	
    	margin: 0!important;
    	padding: 0;
    }
    
    /* Slick Slider */
    
    .move_slider {
    	width: 95%;
    	margin: 0 auto!important;
    	padding: 0 20px;
    }

    /* Section 1 */
    
    /* 1080319 yachi
    #section1 .container div img{
		width:100%;
	}
    #section1 .container div.col-sm-12 { width: 100%; }
    
    #section1 .container div.col-sm-6 {
    	width: 49.5%;
    	float: left;
    	margin-right: 1%;
    }
    
    #section1 .container div.col-sm-4,
    #section1 .container div.col-md-4,
     {
    	width: 100%;
    	padding: 0;
    	margin: 0;
    }
    
    #section1 .container div { margin-bottom: 4px; padding:0 !important;}
    */
    #section1 .container p{ font-size: 0.875em; }
.col-s1{ width: 33.3333%; }
.col-s2{ width: 50%; }
.col-s-lower{ width: 66.66% !important; margin: 0 auto;  }
  .cse .gsc-control-cse, .gsc-control-cse 
  {
    padding-top:0px !important;
     
     }
    
    /* Section 4 */
    
    #section4 .nav-pills { width: 100%; }
    
    #section4 .nav-pills>li { width: 33%; }
	
	#section4 .nav>li>a {
		padding: 10px 3px;
		margin: 0;
	}
	
	#section4 .tab-pane { margin: 10px auto!important; }
	
	/* Section 5 */
	
	#section5 .panel-group {
    	padding: 0;
    	margin-bottom: 0;
	}
	/*page*/
	/*news*/
	.left_sidebar{
		display:none;
	}
	.right_content{
		width:100%;
	}
	.right_content .text_size_change{
		position:relative;
		right:0;
	}

	/*news search bar*/
	.select_dropdown, .search-container{
		width:100%;
		padding:0;
	}
	#dp_dateselect1{
		width: calc(100% - 20px);
	}
	#dp_dateselect2{
		width: calc(100% - 70px);
	}
	/*directory*/
	.director_image{
		width:100%;
	}
	.director_image img {
		max-width: 80%;
		min-width: 60%;
	}
	.director_experience_info{
		width:100%;
		margin:0;
	}
	
}

@media (max-width: 425px){
	
	.search_bar {
		position: absolute;
		left: 0;
		width: 60%;
		padding: 0;
		border: 0;
	}
	.english_button
	{
	    padding-right:5px;
		/*width:40px;*/
	}
	.english_button a{
		/*visibility: hidden;*/
	}
	.english_button a:before {
		/*content: 'EN';
		visibility: visible;
		padding: 0 10px;*/
	}
	.engineering_listbox li{
		margin:auto;
		width:100%;
	}
	.engineering_image img{
    height: auto;
	}
	
	a.subscribe{
		right:80px;
		top:18%;
	}
	.top_slider_outside{
		top:-32px;
		padding: 5px 20px;
	}
	.tab-content .list{
		padding: 15px 10px;
	}

	.link_box_padding{
		width:100%;
		margin:auto;
		display:block;
	}


	.right_content .text_size_change {
		position: static;
		display: block !important;
		margin: 90px 0 0px;
	}
	.share_buttonimage.print a{
		width:25px;
	}
	.news_right_info{
		top:50px;
	}
	#sec_menu1 .list ul a{
		padding:0;
	}
}
/* CSS */
@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);
@import url(http://fortawesome.github.io/Font-Awesome/assets/font-awesome/css/font-awesome.css);
  
.ui-datepicker {
  background:#29323f;width:250px;
  padding-bottom:1em;border-radius:3px;
  box-shadow:0 0 2px rgba(0,0,0,.6);z-index:99999 !important;
}
.ui-datepicker * {color:#000;font-family:微軟正黑體;text-decoration:none;}
.ui-datepicker-header {
  padding:.8em 0;text-align:center;position:relative;
}
.ui-datepicker-title span {color:#FCEE6D;}
.ui-datepicker-title select {background:none;border:none;}
.ui-datepicker-title select option {color:Black;}
.ui-datepicker-prev ,.ui-datepicker-next {
  position:absolute;width:20px;height:20px;overflow:hidden;
  left:15%;margin-top:.2em;cursor:pointer;
}
.ui-datepicker-prev:before ,.ui-datepicker-next:before {
  content:"\f053";font-family:FontAwesome;display:block;height:20px;
}
.ui-datepicker-next:before {content:"\f054";}
.ui-datepicker-calendar {width:95%;margin:auto;}
.ui-datepicker-calendar th ,.ui-datepicker-calendar td {text-align:center;padding:.4em 0;}
.ui-datepicker-calendar td {font-family:'Monserrat', sans-serif;text-shadow:0 0 4px rgba(0,0,0,1)}

/* 文字顏色 */
.blue {color:#299ee8 !important;}.green {color:#8bdb56 !important;}.red {color:#d34444 !important;}
.black {color:#555555 !important;}.white {color:white !important;}

input.datepicker
{
    font-size: 0.831em;
}
input#keywords
{
    font-size: 0.831em;
}


table .detail-table{ width:100% !important;}
table .detail-table iframe{ width:100% !important;}



@media ( max-width:992px)
{
   
   .cse .gsc-control-cse, .gsc-control-cse{ padding-top:0px !important; }
.container { position: relative;  width:100%;}
   
    }
    
@media( max-width:768px)
{
  .cse .gsc-control-cse, .gsc-control-cse 
  {
    padding-top:0px !important;     
     }
     
    }
	
	
a, a:active, a:hover {
    text-decoration: none;
}

a:active, a:focus {
    /*border: #FFBF47 solid 0.4rem;*/
   z-index:99999;
   /*background:#FFBF47;*/
   color:#000000;
   font-weight:700;
   outline:#00a6ff dashed 2px;

}

.footitem a:active, .footitem a:focus {
    /*border: #FFBF47 solid 0.4rem;*/
    z-index: 99999;
    /*background:#FFBF47;*/
    color: #ffffff !important;
    font-weight: 700;
    outline: #00a6ff dashed 2px;
}

input:active,input:focus { 
   z-index:99999;
   /*background:#FFBF47;*/
   color:#000000;
   font-weight:700;
   outline:#00a6ff solid 2px !important;
}

textarea:active,textarea:focus { 
    z-index:99999;
    /*background:#FFBF47;*/
    color:#000000;
    font-weight:700;
    outline:#00a6ff solid 2px !important;
 }

button:active,button:focus{ 
   z-index:99999 !important;
   /*background:#FFBF47;*/
   color:#000000 !important;	
   font-weight:700 !important;
   outline:#00a6ff dashed 2px !important;
}

select:active,select:focus{ 
   z-index:99999;
   /*background:#FFBF47;*/
   color:#000000;
   font-weight:700;
   outline:#00a6ff dashed 2px;
}

iframe:active,iframe:focus{ 
   z-index:99999;
   /*background:#FFBF47;*/
   color:#000000;
   font-weight:700;
   outline:#00a6ff dashed 2px;
}    

.slick-slide a:active img, 
.slick-slide a:focus img{
border : #00a6ff dashed 2px;
}

.mesimg a:active img, 
.mesimg a:focus img{
border : #00a6ff dashed 2px;
}  

textarea:active,textarea:focus,select:active,select:focus,button:active,button:focus { 
   z-index:99999;
   /*background:#FFBF47;*/
   color:#000000;
   font-weight:700;
   outline:#00a6ff solid 2px !important;
} 

.asck {position:absolute;top:0;left:0;width:1px;height:1px;margin:-50px 0 0 -50px;
overflow:hidden;font-size:0.85em;z-index:5;display:block;padding:3px 8px;border:1px solid #fe8f01;
color:#000 !important;}
.asck:focus { width:auto; height:auto; margin:0; overflow:visible;}


A:hover {
	color: #FF0000;
	text-decoration: underline;
}

.menu-large a:active .title,
.menu-large a:focus .title{

	border : #00a6ff dashed 2px;
}


#section6
{
    background: #f4f4f4;
}


#mycontent
{
    font-weight: normal;
}

.img_shadow
{
-webkit-box-shadow: 1px 1px 5px #666666;
}


.menu h6.title
{
    font-weight: normal;
    }
    
    
    .menu .title-level3
{
    font-weight: normal;
    }
    
    .firstclub
{
    font-weight: normal !important;
    }
    /*20210316jiarong*/
    .gvclass table th {text-align:center;vertical-align: middle; line-height:1.5em; margin-left:15px;border: 1px solid #fff;}
    .gvclass{line-height:200%;}
     .gvclass table th,
    .gvclass table td{padding:8px;min-width: 55px; vertical-align: middle;}
    
    .gvclass>tbody>tr>td>div>table>tbody>tr>td>span>a {
        color: #343434;
        }
        
        .gvclass tr:nth-child(even)
        {
            background-color:White;
        }
         .gvclass tr:nth-child(odd)
        {
            background-color:#f5f5f5;
        }
        
         .gvclass tr:last-child
        {
            background:none;
        }
        
        
        .gvclassstyle2 table td
        {
            line-height:120%;
            }
            
            
            
            @media screen and (min-width: 1000px) {

  .Pagecontentmenu{
   display:none;
  }
            }
            
            
                .Pagecontentmenu .active{
       color: #000000;
  }
  



.search-box-main {
}
.search-box {
    width: 100%;
    height: 100%;
    position: fixed;
	z-index: 10000000;
    align-items: center;
    justify-content: center;
    color: #434449;
    top: 0;
    font-family: 微軟正黑體, Arial;
    left: 0;
    background-color: rgb(255,255,255,0.9);
	display:none;
}

.search-box-content {
    width: 500px;
    height: contain;
    padding:25px;
    position: relative;
	z-index: 10000002;
    text-align: center;
}

/*body {
    background-color: blue;
}*/

.search-box-content-title {
    font-size: 1.33em;
    font-weight: bold;
}

.search-box-content-hotkeyword-title {
    margin-top: 0.55rem;
	margin-bottom: 0.5rem: 
    font-weight: bold;
    text-align: left;
}

.search-box-content-hotkeyword-content {
    text-align: left;
    font-size: 0.9rem;
	line-height:15pt;
}

.search-box-content-hotkeyword-item {
    margin-right: 5px;
    color: #434449;
    text-decoration: none;
}

    .search-box-content-hotkeyword-item:hover {
        color: #007CC2;
        transition: .2s ease;
    }


.search-box-content-box {
    width: 100%;
    text-align: left;
    background-color: white;
    margin-top: 8px;
    border: 2px solid rgb(0, 124, 194);
    padding: 5px 0px;
    position: relative;
}

.search-box-content-box-input {
    border: 0px;
    padding: 6px 8px;
    margin: 0px;
    width: calc(100% - 70px);
}

    .search-box-content-box-input:focus {
        outline: none !important ;
        padding: 6px 15px;
        transition: 0.3s;
    }

.search-box-content-box-button {
    width: 20px;
    right: 9px;
    top: 9px;
    position: absolute;
}

.search-box-close {
    border: 0px;
    width: 55px;
	z-index: 10000003;
}

.search-box-close-main {
    position:absolute;
    left:0px;
    
    padding-right:20px;
    text-align:right;
    width:100%;
    max-width:1500px;
    top:25px;
}
.search-button-main
{
	    text-align: right;
    margin-right: 55px;
}
.search-button
{    fill: white;
    width: 20;
    height: 20;
    text-align: right;
}



.logoBlk {
    float: left;
}

.logoBlk a {
    display: block;
    height: 80px;
    padding: 0px 0px 0px 70px;
    background: transparent url(../images/LogoMAB.png) 0px 0px no-repeat;
}

.logoBlk h1 {
    display: block;
    font-size: 1.75em;
    font-weight: bold;
    color: #0a2674;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    letter-spacing: 1px;
}

.logoBlk p {
    display: block;
    font-size: 0.750em;
    font-family: Candara, Arial, Verdana;
    color: #6f8390;
}