.tour{
	display: block;
	width: 100%;
	max-width:1200px;
	padding-left: 0%;
	padding-right: 0%;
	margin: 0 auto;
	box-sizing: border-box;	
}
.boxp{display: block;
	width: 100%;
    float: left;
	padding: 3% 9%;
	box-sizing: border-box;	}
.tour .text-note{color:#D47811}
.tour .tour-bg{
	background: #b5e0ff;
}
.tour p{
	line-height: 31px;
    color: #000;
    font-size: 16px;
    text-align: justify;
	float: left;
	margin: 0;
}
.tour h2 {
    
    font-size: 28px;
    font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;
    color: #353535;
    margin-bottom: 0;
    font-weight: 1000;
}
.tour h7 {
     
    font-size: 14px;
    font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;
    color: #fd8131;
    margin-bottom: 5px;
}




.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_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;}
}