@charset "utf-8";

html {
	box-sizing: border-box;
	overflow-y: scroll !important;
	overflow-x: hidden;
}
body {
	font-family: "微軟正黑體", "Microsoft Yahei", "微软雅黑", STXihei, "华文细黑", sans-serif;
	-webkit-text-size-adjust: none;
}
*, *:before, *:after {
	box-sizing: inherit;
}
body, input, textarea, select, button {
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-feature-settings: "liga", "kern";
	-moz-font-feature-settings: "liga", "kern";
	font-feature-settings: "liga", "kern";
	-webkit-font-kerning: normal;
	-moz-font-kerning: normal;
	font-kerning: normal;
}
a {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	outline: 0;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}
a:hover {
	color: inherit;
}
a:focus, a:active {
	outline: 0;
}
p {
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}
button, input {
	font-family: "微軟正黑體", "Microsoft Yahei", "微软雅黑", STXihei, "华文细黑", sans-serif;
}





.kv-img-mb {
	background:#090;
	}
.homenav-box {
	max-width:1200px;
	margin:auto;
	/*overflow:hidden;*/
	}
.homenav-box > li {
	float:left;
	text-align:center;
	margin-top:20px;
	}
.homenav-box > li a {
	color:#333;
	box-sizing: border-box;
	font-size:16px;
	}
.homenav-box > li a:hover {
	color:#ff6600;
	}
.homenav-item-box {
	width: max-content;
    margin: 0 auto; }
 h3.homenav-item-main {
	 margin:5px;
	 font-size:20px;
	 }
.homenav-item i {
	font-size:0.9em; 
	padding:0; 
	display:none;
	}
.homenav-item .homenav-item-sub {
	margin: auto;
	width: max-content;
	text-align:left;
		}
.homenav-item .homenav-item-sub p {
	margin:5px 0;
	padding:0;
	}
.homenav-PC .homenav-item-sub { width:120%; }
.homenav-PC a {cursor: pointer;}

.item1 h3 { color:#97c263!important; }
.item2 h3 { color:#ed8080!important; }
.item3 h3 { color:#a784bd!important; }
.item4 h3 { color:#eaa645!important; }
.item5 h3 { color:#df8fd0!important; }
.item6 h3 { color:#82afd9!important; }
.item7 h3 { color:#78c6a7!important; }
.item8 h3 { color:#65bbcb!important; }





/*----search------------------*/
.search-bar { 
	margin:10px auto 0;
	max-width:1200px;
	padding:5px 20px; 
	background-color:#fff; 
	}

.search-input {
	/*display: inline-block;
	vertical-align: middle;*/
	border:1px solid #ccc;
	width:100%;
	padding:7px 10px;
	font-size:16px;
 	-webkit-border-radius: 50px;
	-moz-border-radiust: 50px;
	border-radius: 50px;
	}
.search-box img{
    width: 20px;
    position: absolute;
   right: 12px;
    top: 12px;
	}
.search-box i { 
    color:#999;
	font-size: 1.5em;
	display: inline-block;
	vertical-align: middle;
	}
.search-box i:hover { color:#006600; }

/* main_img */
.img_gallery {
	overflow:hidden;
	position:relative;
	height:100%;
	}
.main_img{
	height:100%;
	overflow:hidden;
	position:relative;
	; }
.main_img ul{
	width:9999px;
	height:100%;
	overflow:hidden;
	position:absolute;
	top:0;
	left:0;
	}
.main_img li{
	float:left;
	width:100%;
	height:100%;
	}
.main_img li span{
	display:block;
	width:100%;
	height:100%;
	}
.main_img li a{
	display:block;
	width:100%;
	height:100%;
	}
.main_img li .img_1 { background:url(../image/kv01.jpg) center top no-repeat; background-size: auto 110%; }
.main_img li .img_2 { background:url(../image/kv02.jpg) center top no-repeat; background-size: auto 110%; }
.main_img li .img_3 { background:url(../image/kv03.jpg) center top no-repeat; background-size: auto 110%; }
.main_img li { padding:0; margin:0; }
.img_font {
	position:absolute; 
	top:20%; 
	left:30%; 
	color:#f00; 
	width:100%; 
	padding:10px;
	}


div.point { display:none;
	position:absolute;
	bottom:33px;
	left:50%;
	z-index:999;
	width:140px;
	height:21px;
	text-align:center;	
	}
div.point a {
	float:left;
	width:21px;
	height:21px;
	margin:0;
	padding:0 30px;
	background:url(../image/btn_main_img.png) 0 0 no-repeat;
	display:block;
	text-indent:-9000px;
	}
div.point a.on {
	background-position:0 -21px;
	}
#btn_prev,#btn_next {
	z-index:11111;
	position:absolute;
	display:block;
	width:73px!important;
	height:74px!important;
	top:50%;
	margin-top:	-37px;
	display:block; opacity:.3; }
#btn_prev:hover,#btn_next :hover {opacity:.8; }
#btn_prev {
	background:url(../image/hover_left.png) no-repeat left top;
	left:5%; }
#btn_next {
	background:url(../image/hover_right.png) no-repeat right top;
	right:5%; }


 .homenav-PC { margin:0 auto 140px; }
 .homenav-MB	{ 
   display:inline-block; 
   width: 100%;
   background-color:#fff;
   padding-bottom: 20px;
   margin-bottom:120px;   
    }

/*---------------------PC ------------------------------------*/

@media only screen and (min-width: 1024px) {  
  .homenav-MB { display:none; }
 .homenav-PC { display:block; }
  
 .kv-box {height:300px; width:100%; }
  .img_font span { font-size:7vw; }
  	
 .slicknav_menu, .HomeNav {display:none; }/*----PC-close-Nav drop----*/ 
  

    .homenav-box > li {
	  float:left;
	  width:12.5%;
	  margin-bottom:25px;
	  }
  .homenav-box > li img {width:95px; }
 .homenav-item-sub a {
	   font-size: 1em;
      color:#333;
	  display:block;
	  }

 .search-bar { text-align:right}
/* .search-bar input {width:360px; }*/
 .search-box {width:360px; margin: 0 0 auto auto; }
  .homenav-box > li a {
	font-size:16px;
	}
}

@media only screen and (max-width: 1199px) and (min-width: 1024px)  {
 .homenav-box { padding: 0 20px; }
 .homenav-box > li {
	 float:left!important;
	 width:12.5%;
	 margin-bottom:25px;
	 }
 .homenav-box > li img {width:95px; }
 .homenav-item-sub > a {
	   font-size:15px;
	   padding-left:2px;
      color:#333;
	  display:block;
	  }
 h3.homenav-item-main {
	 font-size:19px!important;
	 	 width:120%;
	 margin-left:-10%;
	}
.homenav-box > li a {
	font-size:16px!important;
	}
}

/*-------------------------tablet----------------------------------------------*/


@media only screen and (max-width: 1023px) and (min-width: 768px) {
 .kv-box { height:260px; width:100%; }
 .img_font span { font-size:7vw; }
  .homenav-item-sub > a {
	   font-size: 1em;
      color:#333;
	  display:block;
	  }

 .homenav-box > li a {
	font-size:16px;
	}
}
@media only screen and (max-width: 767px) and (min-width: 600px) {
 .kv-box { height:220px; width:100%; }
 .img_font span { font-size:7vw; }


}
@media only screen and (max-width: 1023px) and (min-width: 800px) {
 .homenav-MB { display:none; }	
 .homenav-PC	{display:inline-block; }
 .slicknav_menu, .HomeNav { display:none; }/*----tablet-close-Nav drop----*/
   
 .homenav-box >  li { width:25%; }	
 .homenav-box > li img { width:85px; }
  .homenav-item-su >  a {
	   font-size: 1.1em;
      color:#333;
	  display:block;
	  margin-top: .4em;  
	  color:#000;
	  }
  .homenav-item i { font-size:.87em; color:#999; }

.homenav-box > li {width:25%; }	
 .homenav-box > li img {width:85px; }
 
  .homenav-item-PcTb { display:block; }
  .homenav-item-Mb { display:none; }

  .homenav-item-sub.collapse {display:block!important; }



 .search-box { text-align:right; width:300px; margin: 0 0 0 auto; }
 /*.search-bar input {width:250px; }*/
}
	


/*----------------------------------------------mb ------------------------------------*/

@media only screen and (max-width: 799px) {
	body {background-color:#0f4a3c;}
	header {position: fixed!important; }
	.kv-box { height:120px; margin-top: 55px; }
  .search-bar { text-align:center; 
  }
  /*.search-bar input {width:85%; }*/
  .search-box {width:100%; }
 .homenav-PC { display:none; }
  .navbar-nav { 
    width: 100%; 
    margin: 15px auto;
	}
	.dropdown {
	margin-top:0;
	position: relative;
  }

  .dropdown-menu {
	position:absolute!important;
	top: 95%;
	width:201%;
	z-index: 9998;
	display: none;
	/*background-color:#defaee;*/
	
    /*background-color: rgba(200,200,200,0.7);---灰2----*/
    /*box-shadow: 3px 3px 3px 1px #2424244a;----灰2---*/
  }
  
 /* .homenav-MB .dropdown.item1 {display:none;}-------------------------------------------202008-關閉-----*/
  
  /*-------------------------------------------20200805-關閉
  .dropdown-menu.dropdown-left { left:0; }
  .dropdown-menu.dropdown-right { left:0; }

  .dropdown > ul.dropdown-menu { 
      background-size: 20px 15px!important;
  	  background-position-y: top!important;
	  }
  .dropdown.item1 > ul, .dropdown.item3 > ul, .dropdown.item5 > ul, .dropdown.item7 > ul  { 
      background-position-x: calc(24% - 5px)!important;  }
  .dropdown.item2 > ul, .dropdown.item4 > ul, .dropdown.item6 > ul, .dropdown.item8 > ul  { 
      background-position-x: calc(24% + 5px)!important; 
	  }
-----*/	  
  
  .homenav-MB .navbar-nav li:nth-child(2n+1) > ul { left:0;  background-position-x: calc(22% + 5px)!important; }
  .homenav-MB .navbar-nav li:nth-child(2n) > ul{ left:-100%; background-position-x: calc(75% + 5px)!important; }
	
  .dropdown.item1 > ul {background: url(../image/home-open-arrow01.png) no-repeat;}
  .dropdown.item2 > ul {background: url(../image/home-open-arrow02.png) no-repeat;}
  .dropdown.item3 > ul {background: url(../image/home-open-arrow03.png) no-repeat;}
  .dropdown.item4 > ul {background: url(../image/home-open-arrow04.png) no-repeat;}
  .dropdown.item5 > ul {background: url(../image/home-open-arrow05.png) no-repeat;}      
  .dropdown.item6 > ul {background: url(../image/home-open-arrow06.png) no-repeat;}
  .dropdown.item7 > ul {background: url(../image/home-open-arrow07.png) no-repeat;}
  .dropdown.item8 > ul {background: url(../image/home-open-arrow08.png) no-repeat;}  
     
  .dropdown.item1 > ul > li { background:#97c263; }
  .dropdown.item2 > ul > li { background:#ed8080; }
  .dropdown.item3 > ul > li { background:#a784bd; }
  .dropdown.item4 > ul > li { background:#f3bb6c; }
  .dropdown.item5 > ul > li { background:#df8fd0; }
  .dropdown.item6 > ul > li { background:#82afd9; }
  .dropdown.item7 > ul > li { background:#78c6a7; }
  .dropdown.item8 > ul > li { background:#65bbcb; }
  
  
  .dropdown > ul > li { 
    width: 100%;
    float: none!important;
	display:block;
	text-align:center;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff; 
	 /*background-color: rgba(230,230,230,1);---灰2----*/
	}
  .dropdown > ul.dropdown-right > li { float:none;}	
  .dropdown > ul > li.dropdownmenu-last { border-bottom:1; }	
  .dropdown > ul > li a {
    line-height: 2.5em;
    font-size: 1em;
    padding:0 20px ;
	display:block;
	text-align:center;
	color:#fff;
  }

  .open > .dropdown-menu {
	display: block;
	padding-top:10px;
	margin-top: -10px;
  }
  .dropdown .dropdown-toggle { text-align:center; }
  .dropdown .dropdown-toggle h3 {
	   font-size:1.1em; 
      width:70%; 
	  margin:auto; 
	  height: 35px; 
	  /*color:#000!important;*/
	  padding-top: 5px;
	  }
  .dropdown.open .dropdown-toggle h3 { 
	/*background-color:#defaee;*/
	/*background-color: rgba(230,230,230,1);---灰2----*/
	 border-radius: 8px 8px 0 0;
	}
  .dropdown .homenav-item-sortUp { 
    font-size:2em; 
   color:#396; 
   margin-top: -7px;
    padding: 0;
   display:none; 
   }
  .dropdown.open .homenav-item-sortUp{ display:none; }
  .navbar-nav > li { float:left; width:50%; text-align:center; }
  .dropdown .dropdown-toggle img { 
    width: 70px;  
	}
  .dropdown  a {color:#000; font-weight:600; text-align:center; }
 }


@media only screen and (max-width: 599px) {
	.img_font span { display:none!important; }
	#btn_prev,#btn_next { display:none; }

}

@media only screen and (min-width: 1200px){
	.homenav-PC .item1 .homenav-item-sub { margin-left:30px; }
	.homenav-PC .item2 .homenav-item-sub { margin-left:40px; }
	.homenav-PC .item3 .homenav-item-sub { margin-left:30px; }
	.homenav-PC .item4 .homenav-item-sub { margin-left:30px; }
	.homenav-PC .item5 .homenav-item-sub { margin-left:40px; }
	.homenav-PC .item6 .homenav-item-sub { margin-left:30px; }
	.homenav-PC .item7 .homenav-item-sub { margin-left:20px; }
	.homenav-PC .item8 .homenav-item-sub { margin-left:30px; }
}
@media only screen and (max-width: 1199px) and (min-width: 1100px) {
	.homenav-PC .item1 .homenav-item-sub { margin-left:20px; }
	.homenav-PC .item2 .homenav-item-sub { margin-left:28px; }
	.homenav-PC .item3 .homenav-item-sub { margin-left:18px; }
	.homenav-PC .item4 .homenav-item-sub { margin-left:20px; }
	.homenav-PC .item5 .homenav-item-sub { margin-left:30px; }
	.homenav-PC .item6 .homenav-item-sub { margin-left:20px; }
	.homenav-PC .item7 .homenav-item-sub { margin-left:15px; }
	.homenav-PC .item8 .homenav-item-sub { margin-left:20px; }
}
@media only screen and (max-width: 1099px) and (min-width: 1024px) {
	.homenav-PC .item1 .homenav-item-sub { margin-left:13px; }
	.homenav-PC .item2 .homenav-item-sub { margin-left:22px; }
	.homenav-PC .item3 .homenav-item-sub { margin-left:13px; }
	.homenav-PC .item4 .homenav-item-sub { margin-left:12px; }
	.homenav-PC .item5 .homenav-item-sub { margin-left:25px; }
	.homenav-PC .item6 .homenav-item-sub { margin-left:15px; }
	.homenav-PC .item7 .homenav-item-sub { margin-left:8px; }
	.homenav-PC .item8 .homenav-item-sub { margin-left:10px; }
}
@media only screen and (max-width: 1023px) and (min-width: 950px) {
	.homenav-PC .item1 .homenav-item-sub { margin-left:29%; }
	.homenav-PC .item2 .homenav-item-sub { margin-left:34%; }
	.homenav-PC .item3 .homenav-item-sub { margin-left:28%; }
	.homenav-PC .item4 .homenav-item-sub { margin-left:28%; }
	.homenav-PC .item5 .homenav-item-sub { margin-left:32%; }
	.homenav-PC .item6 .homenav-item-sub { margin-left:28%; }
	.homenav-PC .item7 .homenav-item-sub { margin-left:24%; }
	.homenav-PC .item8 .homenav-item-sub { margin-left:28%; }
}
@media only screen and (max-width: 949px) and (min-width:900px) {
	.homenav-PC .item1 .homenav-item-sub { margin-left:26%; }
	.homenav-PC .item2 .homenav-item-sub { margin-left:32%; }
	.homenav-PC .item3 .homenav-item-sub { margin-left:28%; }
	.homenav-PC .item4 .homenav-item-sub { margin-left:28%; }
	.homenav-PC .item5 .homenav-item-sub { margin-left:32%; }
	.homenav-PC .item6 .homenav-item-sub { margin-left:28%; }
	.homenav-PC .item7 .homenav-item-sub { margin-left:23%; }
	.homenav-PC .item8 .homenav-item-sub { margin-left:28%; }
}
@media only screen and (max-width: 899px) and (min-width: 850px) {
	.homenav-PC .item1 .homenav-item-sub { margin-left:27%; }
	.homenav-PC .item2 .homenav-item-sub { margin-left:32%; }
	.homenav-PC .item3 .homenav-item-sub { margin-left:26%; }
	.homenav-PC .item4 .homenav-item-sub { margin-left:26%; }
	.homenav-PC .item5 .homenav-item-sub { margin-left:31%; }
	.homenav-PC .item6 .homenav-item-sub { margin-left:27%; }
	.homenav-PC .item7 .homenav-item-sub { margin-left:22%; }
	.homenav-PC .item8 .homenav-item-sub { margin-left:27%; }
}
@media only screen and (max-width: 849px) and (min-width:800px) {
	.homenav-PC .item1 .homenav-item-sub { margin-left:25%; }
	.homenav-PC .item2 .homenav-item-sub { margin-left:30%; }
	.homenav-PC .item3 .homenav-item-sub { margin-left:25%; }
	.homenav-PC .item4 .homenav-item-sub { margin-left:25%; }
	.homenav-PC .item5 .homenav-item-sub { margin-left:30%; }
	.homenav-PC .item6 .homenav-item-sub { margin-left:25%; }
	.homenav-PC .item7 .homenav-item-sub { margin-left:20%; }
	.homenav-PC .item8 .homenav-item-sub { margin-left:25%; }
}

input:-ms-input-placeholder{color:#999!important; }/*Internet Explorer 10+*/

@media only screen and (max-width: 1023px) 
{
  header .logo-box{ float:none; margin:auto; text-align:left; margin-left:15px!important; } /*------------202008-home logo left-----------------*/	
}


/*----home note----------------*/
.home-note { 
  font-size: 15px;
    max-width: 1200px;
    margin: 0 auto 100px;
    color: #777777;
	background: #ffffff;
    text-indent : -1em ;
	padding-left: 2.5em!important;
	}
.wrap { margin-bottom:0!important; } 
.homenav-box {padding-right:30px;}

.homenav-PC { margin: 0 auto 20px!important;} /*----覆蓋nav-pc.css--------------*/

@media only screen and (min-width: 1024px){
  .wrap { margin-bottom:0!important; } /*----覆蓋rwd-pc.css--------------*/
  }

@media only screen and (min-width: 1024px) and (max-width: 1300px){
 .home-note {padding: 0 20px 0 35px;}
}

@media only screen and (min-width: 800px) and (max-width: 1023px){
 .home-note { margin-bottom:150px!important;
	 padding: 0 35px 0 50px;
	}
	}


@media only screen and (max-width: 799px){
 .home-note {
    margin-bottom: 130px!important;
    padding: 0 25px 13px 30px;
 }
 .homenav-MB { margin-bottom:0;
   padding-bottom: 0;
   }
}