@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Noto+Serif+TC');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Jost:wght@200&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Merriweather:wght@900&display=swap');

.tour{
	width: 100%;
	max-width:1150px;
	padding-left: 0%!important;
	padding-right: 0%!important;
	margin: auto;
	box-sizing: border-box;	 
	display: table;
	
}
.tour ol {
	padding-left: 20PX;
    list-style-type: decimal!important;
}
.tour ul{    list-style-type: disc;}
.tour .row {
   
   margin: 0; 
}
.tour b {
    font-weight: 500!important;
}
.tour img{
	max-width: 100%;
	margin: 0 auto;
}
.tour .pic-full img{
	width: 100%;
	margin: 0 auto;
	
}

.tour p{
	 font-size: 16px!important;
    line-height: 22px!important;
    color: #464646!important;
    text-align: justify;
    font-family: 'Noto Sans TC','Jost', sans-serif!important;
     margin-bottom: 1px;
   
	
	 font-weight: 300;
}
.tour h1 {
    font-size: 28px!important;
    line-height: 24px!important;
    color: #1c1c1c;
    margin-bottom: 10px!important;
    margin-top: 0px!important;
    font-family: 'Noto Sans TC','Jost', sans-serif!important;
    font-weight: 200;
}
.tour h2{
	 font-size: 65px!important;
    line-height: 30px!important;
    margin-top: 40px;
    margin-bottom: 40px!important;
    font-family: 'Noto Sans TC','Jost', sans-serif!important;
    font-weight: 600!important;
    color: #E5E5E5!important;
    border-radius: 15px;
	text-shadow: none!important;
}

.tour h3 {
    font-size: 30px!important;
    line-height: 36px!important;
    color: #000!important;
    margin-top: 5px;
    margin-bottom: 20px!important;
    font-family: 'Noto Sans TC','Jost', sans-serif!important;
   font-weight: 600!important;
}
.tour h3 span{
    font-size: 22px!important;
    line-height: 32px!important;
    color: #000!important;
    margin-top: 5px;
    margin-bottom: 20px!important;
    font-family: 'Noto Sans TC','Jost', sans-serif!important;
    font-weight: 100!important;
}
.tour h4{
	font-family: 'Noto Sans TC','Jost', sans-serif!important;
    font-weight: 400!important;
    font-size: 16PX;
    margin: auto;
    margin-bottom: 10px;
    color: #ffffff!important;
    background: #6c7504;
}



.tour h4 {
  padding: 0.5em;
    display: inline-block;
    line-height: 1;    
    vertical-align: middle;
    border-radius: 25px 25px 25px 25px;
    
}








.tour h6{
	font-size: 18px!important;
	font-family: 'Noto Sans TC','Jost', sans-serif!important;
	font-weight: 300!important;margin-bottom: 0px!important;
}
.tour h5 {   
    font-size: 22px!important;
    line-height: 28px!important;
    color: #000000!important;
    font-weight: 300!important;
    MARGIN: 5px 0 5px 0 !important;
    font-family: 'Noto Sans TC','Jost', sans-serif!important;
}
.tour h5 span{
	font-size: 14px!important;
    line-height: 23px!important;
    color: #333;
    padding: 0 5px!important;
}
.tour h7 {   
    font-size: 28px!important;
    line-height: 32px!important;
    color: #000000!important;
    font-weight: 100!important;
	margin-top: 0px;
     margin-bottom: 1em!important;
    font-family: 'Noto Sans TC','Jost', sans-serif!important;
    display: block;
	
	
}


.tour h7 {
  position: relative;
  text-align: center;
 
}

.tour h7:before {
  content: '';
  position: absolute;
  bottom: -15px;
 
  width: 60px;
  height: 5px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #fbd58c;
  border-radius: 2px;
}

.tour .tour_logo{
	align-items: center;   
    vertical-align: middle;
    display: flex;
    
}

.mobile_n{
		display: block;
	}
.mobile_on{
		display: none;
	}


.tour .imgDown{
	margin-top:30px;
}

/*color*/

.BGorange{
	background-color:#fffbe8;
}

.BGgray{
	background: #f3f3f3;
}
.BGblue{
	background-color: #D8EEFF;
}
.BGblue_3d90e9{
	background-color: #3d90e9!important;
}
.BGyellow{
	background-color: #fff000;
}
.BGgreen{
	background-color: #156044;
}

.BGgreen_97a58c{
	background-color: #97a58c!important;
}
@media all and (max-width:640px){
	.tour .tour_logo{
    display: none;
   
}   
	.tour h6{margin-bottom: 0px!important;font-size: 16px!important;
    line-height: 24px!important;   }
	.tour h2 {
        font-size: 28px!important;
    line-height: 28px!important;
    margin: 0!important;}
	
	.tour h5 {    
    font-size: 17px!important;
    line-height: 26px!important;   
}
	.tour h1 {
    font-size: 18px!important;
    line-height: 24px!important;}
	.tour p {
    font-size: 16px!important;
    line-height: 24px!important;    
    margin-bottom: 5px;
    
}.tour h1 {
    font-size: 16px!important;
	line-height: 18px!important;}
	.tour h4 {
    font-size: 18px!important;
    line-height: 26px!important;
    margin: 1.6em 0!important;
    padding: 0!important;
    }
	.tour h4:before {   
    top: -19px;
    left: 50%;
    width: 123px;
    height: 68px;
   
}
	.tour h3 {
        font-size: 30px!important;
    line-height: 34px!important;
    margin-top: 5px;
    margin-bottom: 10px!important;}
	.tour h3 span {
        font-size: 24px!important;
    line-height: 28px!important;
    }
	.tour h7 {
    padding: 0;
		font-size: 28px!important;
    line-height: 28px!important;
		margin-bottom: 0;
}
.tour h7 span{   
    font-size: 22px!important;
    line-height: 24px!important;
    
}

}



/*頁籤*/
.tour_card {background: #FFF none repeat scroll 0% 0%; /*box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);*/    width: 98%;
    margin: 0 auto; }
.tab-nav > li > a::after { background: #5a4080 none repeat scroll 0% 0%; color: #fff; }
.tab-pane { padding: 15px 0; }
.tab-content{padding:5px}

.nav-tabs ul,.nav-tabs1 ul,.nav-tabs2 ul,.nav-tabs3 ul{width: 100%;}
/*1*/

.nav-tabs { border-bottom: 2px solid #DDD; }
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { border-width: 0; }
.nav-tabs > li > a { border: none; color: #ffffff;background: #5a4080;     font-size: 16px;display: flex;
    justify-content: center;height: 50px;
    flex-direction: column}
.nav-tabs > li.active > a, .nav-tabs > li > a:hover { border: none;  color: #5a4080 !important; background: #fff; }
.nav-tabs > li > a::after { content: ""; background: #5a4080; height: 2px; position: absolute; width: 100%; left: 0px; bottom: -1px; transition: all 250ms ease 0s; transform: scale(0); }
.nav-tabs > li.active > a::after, .nav-tabs > li:hover > a::after { transform: scale(1); }
.nav-tabs > li  {width: 33.33%; text-align:center;float: left;}



@media all and (max-width:724px){
.nav-tabs > li > a > span {font-size: 14px;}	
.nav-tabs > li > a {padding: 5px 5px;}
}



/*2*/

.nav-tabs1 { border-bottom: 2px solid #DDD; }
.nav-tabs1 > li.active > a, .nav-tabs1 > li.active > a:focus, .nav-tabs > li.active > a:hover { border-width: 0; }
.nav-tabs1 > li > a { border: none; color: #ffffff;background: #5a4080;     font-size: 16px;display: flex;
    justify-content: center;height: 50px;
    flex-direction: column}
.nav-tabs1 > li.active > a, .nav-tabs1 > li > a:hover { border: none;  color: #5a4080 !important; background: #fff; }
.nav-tabs1 > li > a::after { content: ""; background: #5a4080; height: 2px; position: absolute; width: 100%; left: 0px; bottom: -1px; transition: all 250ms ease 0s; transform: scale(0); }
.nav-tabs1 > li.active > a::after, .nav-tabs1 > li:hover > a::after { transform: scale(1); }
.nav-tabs1 > li  {width: 50%; text-align:center;float: left;}



@media all and (max-width:724px){
.nav-tabs1 > li > a > span {font-size: 14px;}	
.nav-tabs1 > li > a {padding: 5px 5px;}
}

/*3*/

.nav-tabs2 { border-bottom: 2px solid #DDD; }
.nav-tabs2 > li.active > a, .nav-tabs2 > li.active > a:focus, .nav-tabs > li.active > a:hover { border-width: 0; }
.nav-tabs2 > li > a { border: none; color: #ffffff;background: #5a4080;     font-size: 16px;display: flex;
    justify-content: center;height: 50px;
    flex-direction: column}
.nav-tabs2 > li.active > a, .nav-tabs2 > li > a:hover { border: none;  color: #5a4080 !important; background: #fff; }
.nav-tabs2 > li > a::after { content: ""; background: #5a4080; height: 2px; position: absolute; width: 100%; left: 0px; bottom: -1px; transition: all 250ms ease 0s; transform: scale(0); }
.nav-tabs2 > li.active > a::after, .nav-tabs2 > li:hover > a::after { transform: scale(1); }
.nav-tabs2 > li  {width: 25%;float: left;text-align:center;}



@media all and (max-width:724px){
.nav-tabs2 > li > a > span {font-size: 14px;}	
.nav-tabs2 > li > a {padding: 5px 5px;}
}
/*4*/

.nav-tabs3 { border-bottom: 2px solid #DDD; }
.nav-tabs3 > li.active > a, .nav-tabs3 > li.active > a:focus, .nav-tabs > li.active > a:hover { border-width: 0; }
.nav-tabs3 > li > a { border: none; color: #ffffff;background: #5a4080;     font-size: 16px;display: flex;
    justify-content: center;height: 50px;
    flex-direction: column}
.nav-tabs3 > li.active > a, .nav-tabs3 > li > a:hover { border: none;  color: #5a4080 !important; background: #fff; }
.nav-tabs3 > li > a::after { content: ""; background: #5a4080; height: 2px; position: absolute; width: 100%; left: 0px; bottom: -1px; transition: all 250ms ease 0s; transform: scale(0); }
.nav-tabs3 > li.active > a::after, .nav-tabs3 > li:hover > a::after { transform: scale(1); }
.nav-tabs2 > li  {width: 25%;float: left;text-align:center;}



@media all and (max-width:724px){
.nav-tabs3 > li > a > span {font-size: 14px;}	
.nav-tabs3 > li > a {padding: 5px 5px;}
}







/*輪播*/
.boxrun{
    width: 100%;
    height: 400PX;    
    position: relative;
  }
  .boxrun>div{
    display: block;
    position: absolute;
    top:0;
    left:0;
    opacity: 0;
    filter: alpha(opacity=0);
    /*當圖片數量增加，影片長度需更改，變為5s*圖片數量*/
    -webkit-animation: silder 15s linear infinite;
            animation: silder 15s linear infinite;
  }
  .boxrun>div>img{
    max-width: 100%;
	  height: auto;
  }



/*每個圖片各延遲5秒*/
  .boxrun>div:nth-child(3) {
    -webkit-animation-delay: 10s;
            animation-delay: 10s;             
  }

  .boxrun>div:nth-child(2) {
    -webkit-animation-delay: 5s;
            animation-delay: 5s;
  }

  .boxrun>div:nth-child(1) {
    -webkit-animation-delay: 0s;
            animation-delay: 0s;    
  }
/*滑入時停止播放*/
  .boxrun:hover>div{
    -webkit-animation-play-state: paused;
            animation-play-state: paused;
}


.boxrun01{
    width: 100%;
    height: 550PX;    
    position: relative;
  }
  .boxrun01>div{
    display: block;
    position: absolute;
    top:0;
    left:0;
    opacity: 0;
    filter: alpha(opacity=0);
    /*當圖片數量增加，影片長度需更改，變為5s*圖片數量*/
    -webkit-animation: silder 15s linear infinite;
            animation: silder 15s linear infinite;
  }
  .boxrun01>div>img{
    max-width: 100%;
	  height: auto;
  }



/*每個圖片各延遲5秒*/
  

  .boxrun01>div:nth-child(2) {
    -webkit-animation-delay: 5s;
            animation-delay: 5s;
  }

  .boxrun01>div:nth-child(1) {
    -webkit-animation-delay: 0s;
            animation-delay: 0s;    
  }
/*滑入時停止播放*/
  .boxrun01:hover>div{
    -webkit-animation-play-state: paused;
            animation-play-state: paused;
}








/*動畫關鍵影格*/
  @-webkit-keyframes silder {
      3% {
          opacity: 1;
          filter: alpha(opacity=100);
      }
      27% {
          opacity: 1;
          filter: alpha(opacity=100);
      }
      30% {
          opacity: 1;
          filter: alpha(opacity=1);
      }
  }
  @keyframes silder {
      3% {
          opacity: 1;
          filter: alpha(opacity=100);
      }
      27% {
          opacity: 1;
          filter: alpha(opacity=100);
      }
      30% {
          opacity: 1;
          filter: alpha(opacity=1);
      }
  }




@media all and (max-width:640px){
	.boxrun{
   
    height: 130PX;    
   
  }
	.boxrun01{
   
    height: 180PX;    
    
  }
}