@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100;300;400;500;700;900&display=swap');
.tour{	
	width: 100%;
    max-width: 1200px;
    padding-left: 0%;
    padding-right: 0%;
    margin: 0 auto;
    box-sizing: border-box;
    
}
.tour [class*="col-"]{
	padding-left: 5px;
	padding-right: 5px;
   
}
.tour .red{color: red;}
.tour .photo img{	
	width: 100%;
   
    
}
.tour .tourbox{margin: 0;}
.tour .tourbg{    margin: 0;
    padding: 15px 20px 20px 15px;
    background: #e7f8fe;
    margin-top: 120px;}
.tour .graybg{background: #f0f0f0;   padding: 8% 4% 2% 4%;}
.tour .pictop{margin-top: -110PX;}
.tour .tourbox img{max-width: 100%;}

.tour .title{
    font-size: 20px; 
    margin-bottom: 1%;
    font-family: 'Noto Sans TC', 'Century Gothic';
	font-weight: 100;
}

.tour .title-s{
    font-size: 24px;
    margin-top: -93px;
    margin-bottom: 1%;
    margin-left: 17PX;
    font-family: 'Noto Sans TC', 'Century Gothic';
    font-weight: 100;
    float: left;
	position: relative;
}
.tour .title-s img{
    top: -16PX;
    left: -30PX;
    position: absolute;
}
.tour .title-h{
    font-size: 36px; 
    margin-bottom: 1%;
    font-family: 'Noto Sans TC', 'Century Gothic';
	font-weight: 100;
}
.tour .title-hs{
    font-size: 12px; 
    margin-bottom: 3%;
    font-family: 'Noto Sans TC', 'Century Gothic';
	font-weight: 100;
	    margin-top: -29px;
    margin-left: 134PX;
	 position: relative;
}
.tour .title-hs img{
   max-width: 100%;
    left: 24%;
    margin: 0 auto;
    position: absolute;
    bottom: -33PX;
	   
}
.tour .title-e{
    font-size: 24px;
    margin-top: 38px;
    font-family: 'Noto Sans TC', 'Century Gothic';
    font-weight: 100;
    text-align: center;
    position: relative;
}
.tour .title-e img{
    top: -16PX;
    left: 37PX;
    position: absolute;
}
.tour .title-visa{
	/* [disabled]width: 100%; */
	font-size: 24px;
	margin-top: 0;
	margin-bottom: 1%;
	font-family: 'Noto Sans TC', 'Century Gothic';
	font-weight: 700;
	float: left;
	
}
.tour .title-ps{
	color:#6dcbc9;
	width: 100%;
    font-size: 24px;
    margin-top: 0;
    margin-bottom: 1%;    
    font-family: 'Noto Sans TC', 'Century Gothic';
    font-weight: 700;
    float: left;}
.tour .border-right{border-right:1px solid #eee;height: 184PX;}

.tour .hoteltitle{
	 font-size: 28px; 
    margin-bottom: 1%;
    font-family: 'Noto Sans TC', 'Century Gothic';
	font-weight: 600;
}
.tour .hoteltitle-e{
	 font-size: 18px; 
    line-height: 1.7;
    display: inherit;  
    font-family: 'Noto Sans TC', 'Century Gothic';
    font-weight: 100;
}
.tour .hoteltitle .caption{
	 font-size: 24px; 
	float: right;
    margin-bottom: 1%;
    font-family: 'Noto Sans TC', 'Century Gothic';
	font-weight: 600;
}
.tour .bortop{border-bottom: 5px solid #649ead;
    width: 50px;
    margin-bottom: 8PX;
    margin-top: 15PX;} 

.tour h5{
    font-size: 17px;
    color: #484848;
    margin: 1% 0;
    font-family: 'Noto Sans TC', 'Century Gothic';
    font-weight: 300;
	line-height: 1.6;
}

.tour .caption{
	float: left;
    font-size: 18px; 
    margin: 15px 0;
    font-family: 'Noto Sans TC', 'Century Gothic';width: 100%;}


/*
.tour .caption img{
	
    width: 22px;
   
    
   }
.tour .caption:before{
	content: "▲";
    font-size: 13px;
    margin-right: 5px;
    color: #6d6d6d;
    line-height: 1.7;
}
.tour .caption:before{
    content: '';
    background-image: url(https://www.pktravel.com.tw/material-alias/theme/img/up.png);
    background-size: 25px 25px;
    position: absolute;
    width: 25PX;
    height: 25px;
   
}*/
.tour p{
	
   font-size: 16px;
	 line-height: 1.7;
    text-align: justify;    
    color: #6d6d6d;
    font-family: 'Noto Sans TC', 'Century Gothic';
	font-weight: 100;
}
.tour .flexend{width: 100%;justify-content: flex-end;align-items: flex-end;
    display: flex;-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;padding: 0;margin: 0;}

.tour .visa{padding-left: 5%;}


@media all and (max-width:640px){
.tour .tourbox{ /*width: 100%;    
    float: left;padding:0;margin: 0;*/	
	}
.tour p {
    font-size: 14px;    
  
    
}
.tour .tourbg{
    HEIGHT: auto;
    padding: 40px 10px;
    margin-top: 0;}
.tour .pictop{margin-top: 15PX;}
	
	
.tour .title-s {
    font-size: 16px;
    
}
.tour .title-s img {
    top: -18PX;
    left: 15PX;
    
}
	
.tour .title-h {
    font-size: 24px;
    
}
.tour .title-hs {
    margin-bottom: 30PX;
    margin-top: -28px;
    margin-left: 140PX;
    text-align: left;
    margin-right: 33PX;
}
	.tour .title-hs img {
   width: 320PX;
    left: 29px;
    bottom: 30PX;
}
	.tour .caption {    
    margin: 15px 0;
    
}
.tour .title {
    font-size: 18px;
    margin: 20PX 0;
}
.tour .nowrap{ width: 100%;float: left;
    display: flex;flex-wrap: nowrap;-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;padding: 0;margin: 0;}	
.tour .hoteltitle {
    font-size: 19px;
    
}
.tour .hoteltitle-e {
    font-size: 16px;    
    line-height: 2;
    
}	
.tour h5 {
    font-size: 15px;
	text-align: left;
    
}
.tour .caption img{
	
    width: 21px;
   }
.tour .title-visa{
	width: 100%;
    font-size: 16px;
    margin-top: 0;
    margin-bottom: 1%;    
    font-family: 'Noto Sans TC', 'Century Gothic';
    font-weight: 700;
    float: left;
	
}
.tour .title-e{
    font-size: 19px;
    margin-top: 0;
    margin-bottom: 1%;
    margin-left: 0;
    
}	
.tour .border-right{border-right:0px solid #eee;height: auto;}
.tour .title-ps{
	
    font-size: 16px;
   }
	.tour .visa{padding-left: 5px;}
	.tour .title-visa {
   
    margin-bottom: 4%;

}
.tour .graybg {
    
    padding: 20px 5px;
}
.tour ol.note {
   
    padding: 0 0 5px 0;
    
}
}






/**/
.tour .box-mid-bottom{width: 100%; float: left;align-items: flex-end;
    display: flex;flex-wrap: wrap;-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;padding: 0;margin: 0;}

.tour .flexstart{width: 100%; float: left;justify-content: flex-start;align-items: flex-end;
    display: flex;flex-wrap: wrap;-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;padding: 0;margin: 0;}
.tour .flexcenter{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{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;}
.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;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 .pl-2{
	padding-left: 2%;	
}
.tour .pl-3{
	padding-left: 3%;	
}
.tour .pl-4{
	padding-left: 4%;	
}
.tour .pl-5{
	padding-left: 5%;	
}
.tour .pr-2{
	padding-right: 2%;	
}
.tour .pr-3{
	padding-right: 3%;	
}
.tour .pr-4{
	padding-right: 4%;	
}
.tour .pr-5{
	padding-right: 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 .p0{
	padding-left: 0px;
	padding-right: 0px;
}
.tour .p5{
	padding-left: 5px;
	padding-right: 5px;
}



/*行程重點說明*/

.tour .features {
	font-size: 16px;
    margin: 0 5px 0 28px;
    font-family: 'Noto Sans TC', 'Century Gothic';
    display: flex;
    line-height: 1.7;
	
}
.tour .features:after {
	content: "◆";
    position: absolute;
    left: 16px;
    width: 5px;
    margin-top: 2px;
    font-size: 14px;
    height: 24px;
    color: #4fc3f7;
    line-height: 1.7;
    /* border-radius: 3px; */
    /* background-color: #4fc3f7;*/
}
.tour .features img{
    width:18px;
}
@media all and (max-width:640px){
.tour {
    
}
.tour .features {
    font-size: 14px;
    display: block;
    margin: 4px 23px;
}
.tour .features:after { 
    height: 20px;
	margin-top: 0;
}	
.tour .title-s{
    font-size: 24px; 
	margin-top: 0;
    
}
}

/*圖片標示*/
.cityicon-box {
	padding: 0 0 8px;
    box-sizing: border-box;
    border-bottom: 1px solid #d6d6d6;
	margin-bottom: 0;
}
.cityicon-box .icon-content {
    padding-top: 8px;
    font-size: 16px;
    display: -webkit-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
	font-family: 'Noto Sans TC', 'Century Gothic';
	font-weight: 200;
    
}
.cityicon-box .icon-content img{
    width:18px;
}
.cityicon-box .icon-content .icon-text{
	color: #6d6d6d;
    margin: 8px;
}
.icons-box {
	padding: 0 0 8px;
    box-sizing: border-box;
    border-bottom: 1px solid #d6d6d6;
	margin-bottom: 15px;
}
.icons-box .icon-content {
    padding-top: 8px;
    font-size: 16px;
    display: -webkit-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
	font-family: 'Noto Sans TC', 'Century Gothic';
	font-weight: 200;
    
}
.icons-box .icon-content img{
    width:18px;
}

.icons-box .icon-content .icon-text{
	color: #6d6d6d;
    margin: 8px;
}
@media all and (max-width:640px){
.cityicon-box .icon-content {
    padding-top: 5px;
    font-size: 14px; 
    
}
.cityicon-box .icon-content .icon-text {    
    margin: 6px;
}
.icons-box .icon-content {
    padding-top: 5px;
    font-size: 14px; 
    
}
.icons-box .icon-content .icon-text {    
    margin: 6px;
}
	
}

/*list*/

.tour ol li, .tour ul li {
	font-size: 16px;
	text-align: justify;
	color: #6d6d6d;
	line-height: 1.7;
	font-family: "微軟正黑體";
	padding: 5px 0 5px 6px;
}
.tour ol, .tour ul {
    padding: 0 0 2px 22px;
}
@media all and (max-width:640px) {
.tour ol li,.tour ul li {
		font-size: 14px;
	padding: 2px 0 2px 0;
    margin: 5px 8px;
	}
.tour ol, .tour ul {
	padding: 0 0 2px 15px;
	margin-bottom: 0;
}
}

/*note*/
.tour ol.note {
	list-style: none!important;
	padding: 0 0 5px 0;
	float: left;
}
.tour ol.note li {
    padding: 5px 0 5px 0px;
    line-height: 1.7;
    text-indent: -1.5em;
    padding-left: 10PX;
    list-style: none!important;
}
.tour ol.note li:before {
	font-size: 18px;
content: "\e2e6";
font-family: 'Material Icons Outlined'!important;
margin-right: 5px;
	color: #333333;
}


@media all and (max-width:640px) {
.tour ol.note li:before {
    font-size: 14px;
    
}
}