
.tour{
	display: block;
	width: 100%;
	max-width:1200px;
	padding-left: 0%;
	padding-right: 0%;
	margin: 0 auto;
	box-sizing: border-box;	
}
.tour .text-note{color:#D47811}
.tour .tour-bg{
	background: #b5e0ff;
	
}
.tour .box-bg{
	display: flex;
	background-image: url(https://www.pktravel.com.tw/material-alias/theme/taiwan/tours/TWN0220069A/images/food_bg.JPG);
	background: #242a4c;
	width: 100%;
	justify-content: space-around;
	align-items: center;	
	flex-wrap: wrap;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 5%;
	margin: 0;
	flex-direction: row;
	background-repeat: no-repeat;
}
.tour p{
	line-height: 31px;
    color: #000;
    font-size: 16px;
    text-align: justify;
	float: left;
	margin: 0;
}
.tour h2{
	color: #1a6da1;
	display: inline-block;
    font-size: 24px;
    line-height: 1em;
    font-weight: 700;
}
.tour h3{
	width: 100%;
	font-size: 36px;
    line-height: 39px;
	font-weight: bold;
	display: inline-block;
	color: #000;
	float: left;
}
.tour span {
   width: 100%;
    font-size: 16px;
    line-height: 24px;    
    float: left;
}
.tour h4{
	
	font-size: 30px;
    line-height: 34px;
    color: #130E07;
    FONT-WEIGHT: 600;
    
	
}
.tour h5{
	 font-size: 18px;
    line-height: 1em;
    border-bottom: 1px solid #83a13f;
    padding-bottom: 5px;
    padding-top: 5PX;
    margin: 5px 0;
    
    color: #83a13f;
	
	
}
.tour h6{
	
	font-size: 18px;  
	line-height: 24px;
    color: #130E07;
    FONT-WEIGHT: 600;
    FONT-FAMILY: "微軟正黑體";
	
}
.tour h7{
	font-size: 16px;
	line-height: 28px;
	color: #E5007F;
	FONT-FAMILY: "微軟正黑體";	
	
}
.tour .tour_text{
	display: block;	
	box-sizing: border-box;	
}
.tour .tour_box{display: flex;	float: left;
	box-sizing: border-box;padding:2%;	}
.tour .tour_box01{display: block;	
	box-sizing: border-box;	float: left; }
.tour .tour_img img{
	width: 100%;
}
.tour .tour_img01 img{
	max-width: 100%;
	margin: 0 auto;
}
.tour .tour_img{padding: 0;box-sizing: border-box;}
.tour .tour_img01{box-sizing: border-box;}
.tour .tour_title {	
	
    float: left;
	padding-top: 3%;
	padding-bottom: 3%;
}

.flex-container{
	flex-wrap: wrap;
	display: flex;
}
.tour .tour_logo{align-items: center;   
    vertical-align: middle;
    display: flex;
    height: 180px;
}
@media all and (max-width:640px){
	.tour .tour_logo{
    display: none;
   
}
.tour .tour_box{ width: 100%;    
    float: left;padding:0;	
	}
.tour .tour_img{padding: 5px 0;}
}
.tour .box-mid{width: 100%; float: left;justify-content:center; align-items: center;
    display: flex;flex-wrap: wrap;-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;padding: 0;margin: 0;}
.tour .box-mid-anti{width: 100%; justify-content:center; align-items: center;
    display: flex;flex-wrap: wrap;-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;padding: 0;margin: 0;flex-direction: row-reverse;}
@media all and (max-width:640px){
.tour .box-mid-anti{flex-direction: row;}
}
/*padding*/

.tour .pt-2{
	padding-top: 2%;
}
.tour .pt-3 {
	padding-top: 3%;
}
.tour .pt-4 {
	padding-top: 4%;
}
.tour .pt-5 {
	padding-top: 5%;
}
.tour .px-1{
	padding-left: 1%;
	padding-right: 1%;
}
.tour .px-2{
	padding-left: 2%;
	padding-right:2%;
}
.tour .px-3{
	padding-left: 3%;
	padding-right:3%;
}
.tour .px-4{
	padding-left: 4%;
	padding-right:4%;
}
.tour .px-5{
	padding-left: 5%;
	padding-right:5%;
}
.tour .pb-1{
	padding-bottom: 1%;
}
.tour .pb-2{
	padding-bottom: 2%;
}
.tour .pb-3{
	padding-bottom: 3%;
}
.tour .pb-4{
	padding-bottom: 4%;
}
.tour .pb-5{
	padding-bottom: 5%;
}
.tour .py-1{
	padding-top: 1%;
	padding-bottom: 1%;
}
.tour .py-2{
	padding-top: 2%;
	padding-bottom: 2%;
}
.tour .py-3{
	padding-top: 3%;
	padding-bottom: 3%;
}
.tour .py-4{
	padding-top: 4%;
	padding-bottom: 4%;
}
.tour .py-5{
	padding-top: 5%;
	padding-bottom: 5%;
}
.tour .padding0{
	padding-left: 0px!important;
	padding-right: 0px!important;
}
.tour .padding5{
	padding-left: 5px!important;
	padding-right: 5px!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: #212c4a 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: #212c4a;     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: #212c4a !important; background: #fff; }
.nav-tabs > li > a::after { content: ""; background: #212c4a; 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: 12px;line-height: 16px;}	
.nav-tabs > li > a {padding: 5px!important;}
}



/*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: #212c4a;     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: #212c4a !important; background: #fff; }
.nav-tabs1 > li > a::after { content: ""; background: #212c4a; 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: 49%; text-align:center;float: left;}



@media all and (max-width:724px){
.nav-tabs1 > li > a > span {font-size: 12px;line-height: 16px;}	
.nav-tabs1 > li > a {padding: 5px!important;}
}

/*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: #212c4a;     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: #212c4a !important; background: #fff; }
.nav-tabs2 > li > a::after { content: ""; background: #212c4a; 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: 16.6%;float: left;text-align:center;}



@media all and (max-width:724px){
.nav-tabs2 > li > a > span {font-size: 12px;line-height: 16px;}	
.nav-tabs2 > li > a {padding: 5px!important;}
}
/*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: #212c4a;     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: #212c4a !important; background: #fff; }
.nav-tabs3 > li > a::after { content: ""; background: #212c4a; 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-tabs3 > li  {width: 20%;float: left;text-align:center;}



@media all and (max-width:724px){
.nav-tabs3 > li > a > span {font-size: 12px;line-height: 16px;}	
.nav-tabs3 > li > a {padding: 5px!important;}
}