@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 .row {
   
    
}
.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: 18px!important;
    line-height: 24px!important;
    color: #707070;
    margin-bottom: 10px!important;
    margin-top: 10!important;
    font-family: 'Noto Sans TC','Jost', sans-serif!important;
    font-weight: 300;
}
.tour h2{
	      width: 100%;
    color: #000000!important;
    font-family: 'Noto Sans TC','Jost', sans-serif!important;
    font-weight: 300!important;
    font-size: 28px!important;
    line-height: 30px!important;
}

.tour h3{
	    font-size: 22px!important;
    line-height: 24px!important;
    color: #000!important;
    margin-top: 10px;
    margin-bottom: 10px!important;
    font-family: 'Noto Sans TC','Jost', sans-serif!important;
    font-weight: 300!important;
   
}
.tour h4 {
   font-size: 18px!important;
    line-height: 16px!important;
    font-weight: 300!important;
    margin: 0;
    font-family: 'Noto Sans TC','Jost', sans-serif!important;
    color: #000000!important;
    background: #d8dcfa;
    padding: 8PX 12px;
}
.tour h4 span{
	font-size: 22px!important;
    line-height: 25px!important;
    font-weight: 100!important;   
	font-family: 'Noto Sans TC','Jost', sans-serif!important;
	
}
.tour h5 {
    width: 100%;
    font-size: 22px!important;
    line-height: 38px!important;
    color: #000000!important;
    font-weight: 300!important;
    
    MARGIN: 5px 0 0 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 .tour_logo{
	align-items: center;   
    vertical-align: middle;
    display: flex;
    
}

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


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

/*color*/
.white{
	color:#fff!important;
}
.black{
	color:#000!important;
}
.pink{
	color:#E00E56!important;
}
.yellow{
	color: #fff000!important;
}
.red{
	color:red!important;
}
.blue{
	color: #015ebc!important;
}
.deepBlue{
	color:#152242!important;
}
.deepBlue_213651{
	color:#213651!important;
}
.green_97a58c{
	color:#97a58c!important;
}
.green_656565{
	color:#656565!important;
}
.color_965556{
	color:#965556!important;
}
.orange{
	color:#de7d42!important;
}
.BGorange{
	background-color:#fff7c1;
}

.BGgray{
	background-color: #ededeb;
}
.BGblue{
	background-color: #D8EEFF;
}
.BGblue_3d90e9{
	background-color: #3d90e9!important;
}
.BGyellow{
	background-color: #fff000;
}
.BGgreen{
	background-color: #156044;
}
.BGgrey{
	background-color: #eee;
}
.BGgreen_97a58c{
	background-color: #97a58c!important;
}
@media all and (max-width:640px){
	.tour .tour_logo{
    display: none;
   
}
	.tour h2 {
    font-size: 24px!important;
    line-height: 26px!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 h4 {
    font-size: 16px!important;
	line-height: 18px!important;
    border-bottom: 0px solid #dee2e6!important;    
    margin: 10PX 0;
    padding: 0!important;}
	.tour h3 {
    font-size: 18px!important;
		line-height: 20px!important;
	    margin-top: 10px;
    margin-bottom: 10px!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;}
}