.google-map{

	box-sizing: border-box;

    width: 100%;

    height: 0;

    padding-bottom: 300px;

    position: relative;

    margin-bottom: 30px;

    clear: both;

}
.traffic-h2{
	background:url(../image/traffic-h2.png) no-repeat top 20% left 38%;
	background-size: auto 80%;
	width: 100%;
	text-align: center;
	margin-bottom: 30px;
	padding-top: 90px;
	padding-bottom: 30px;	
}

.google-map iframe {

    position: absolute;

    width: 100%;

    height: 100%;

    border: 0;

}

.tra-map{

	float: left;

	width: 100%;

	margin-bottom: 30px;

}

.tra-land{

	float: left;

	width: calc(100% - 40px);

	box-sizing: border-box;	

	padding:20px;

	margin: 0 20px 50px 20px;

	display: flex;

	flex-wrap: wrap;

}

.tra-land .tabcontent{

	padding-left: 0;

}

.tra-land .tab{

	width: 100%;

}

.tra-con{

	display: flex;

	flex-wrap: wrap;

}

.land-tit{

	width: 50px;

	color:#000;

	background: #f4bd38;

	font-size: 22px;

	line-height: 50px;

	letter-spacing: 1em;

	font-weight: bold;

	writing-mode: vertical-lr;

	border-radius: 10px;

	text-align: center;

	vertical-align: middle;

	margin-right: 15px;

	margin-bottom: 20px;

}

.land-con{

	width: calc(100% - 65px);	

	margin-bottom: 20px;

	border-bottom: 1px solid #f4bd38;

	padding-top: 10px;

}

.land-con dd{

	margin-bottom: 15px;

}

.land-con dd ul{

	padding: 0;

	margin: 0;



}

.tabcontent ul{

	margin: 0;	

}



h2.ship{

	padding-top:0px;

	font-size: 26px;

	padding-bottom: 0;

	margin-bottom: 20px;

}



@media screen and (min-width: 1199px){

	.tra-map{

		width: 40%;

	}

	.tra-land{

		width: calc(60% - 40px);

		padding-top: 0;

	}

	.tra-land .tab{

		margin-top: 0;



	}

	.google-map{

		padding-bottom: 600px;

	}	

}

.ship-col{

	margin-bottom: 20px;

}

@media screen and (min-width: 768px){

	.ship-con{

		display: flex;

		flex-wrap: wrap;		

	}

	.ship-con h2{

		width: 100%;

	}

	.ship-col{

		box-sizing: border-box;

		width: 32%;	

	}

	.ship-col-c{

		margin-left: 2%;

		margin-right: 2%;	

	}

}

table.table-ship{

	width: 100%;	

	border-collapse: collapse;

}

table.table-ship caption{

	font-size: 22px;

	font-weight: bold;

	margin-bottom: 15px;

}

table.table-ship th,

table.table-ship td{

	text-align:center;

}



/*泰富*/

table.tfship caption{

	color:#f05500; 	

}

table.tfship th{

	background: #f5d733;

}

table.tfship th,

table.tfship td{	

	border: 1px solid #bd8f02;

    border-collapse: collapse;

}

/*東琉*/

table.dlship caption{

	color:#095879; 

}

table.dlship th{

	background: #6ba6bf;

	color:#095879;

}

table.dlship th,

table.dlship td{	

	border: 1px solid #095879;

    border-collapse: collapse;

}

/*藍白*/

table.lbship caption{

	color:#0161e2; 

}

table.lbship th{

	background: #b8deff;

	color:#0161e2;

}

table.lbship th,

table.lbship td{	

	border: 1px solid #0161e2;    

}

/*公船*/

table.ctship caption{

	color:#a70000; 

}

table.ctship th{

	background: #e0c2c2;

}

table.ctship th,

table.ctship td{	

	border: 1px solid #c37a7a;    

}