#body #map 			{ height:500px; margin-bottom:5px}
	#body .overlaymap 	{ width:100%; height:500px; background-color:#000; position:absolute; top:0; z-index:10; opacity:0; display:none} 
	#body .btn 			{ position:absolute; right:0; top:0; padding:8px 15px 8px 10px; background-color:#666; transition: all 0.3s ease-out; cursor:pointer;}
	#body .btn a 		{ color:#fff;}
	#body .btn:hover 		 { background-color:#ec2a74;}
	#body .btn.icon-location { color:#fff; z-index:20}
	#body .btn 			{ font-size:12px}

	#body .content-blk	{ padding:50px 30px}

	#body .transport-row 			{ display:table; table-layout:fixed; height:100%; width:100%;}
	#body .transport-col-sm 		{ display:table-cell; float:none; height:100%; vertical-align:top}
	#body .transport-col-sm.col-l 	{ width:40%;}
	#body .transport-col-sm.col-r 	{ width:60%;}
	#body .transport-col-sm.col-l .pos-l { padding-right:40px;}
	#body .transport-col-sm.col-r .pos-r { padding-left:40px; border-left:1px solid #ececec} 


	#body .by-blk 			{ display:table; table-layout:fixed; height:100%; width:100%; border-bottom:1px solid #ececec}
	#body .by-col-sm 		{ display:table-cell; float:none; height:100%; vertical-align:top}
	#body .by-blk .by-col-sm.icon 		{ width:7%; text-align:left}
	#body.en .by-blk .by-col-sm.icon>img 	{ padding-top:20px}
	#body.cn .by-blk .by-col-sm.icon>img 	{ padding-top:26px}

	#body .by-blk .by-col-sm.type 		{ width:93%;}
	#body .by-blk:last-child { border-bottom:none}

	#body .by-blk ul.by-col-sm 		{ margin:0; padding:20px 0 20px 20px; vertical-align:top}
	#body .by-blk ul.by-col-sm li 	{ margin:0; padding:0 0 0 15px; list-style:none; text-indent:-12px;}
	#body .by-blk ul.by-col-sm li:before 	{ content:url('images/icon-dot.svg'); padding-right:10px; }


	#body.en .transport-col-sm.intro 	{ /*font-family: 'Raleway-Light';*/ line-height:1.6; font-size:22px}
	#body.cn .transport-col-sm.intro 	{ font-family: '微軟正黑體', 'Microsoft JhengHei', 'Lucida Grande', /*'Raleway-Light',*/sans-serif; line-height:1.6; font-size:22px}


	#body.en .txt-by { font-size:16px}
	#body.cn .txt-by { font-size:20px}

	/* ==========================================================================
		(1024) Media Styles
	============================================================================= */

  	@media only screen and (max-width: 1024px) {  
	#body .overlaymap 	{ display:block;  z-index:10; } 
	#body.en .transport-col-sm.intro 	{ line-height:1.8; font-size:20px}
	#body.cn .transport-col-sm.intro 	{ line-height:1.6; font-size:20px}
	#body .content-blk	{ padding:50px 0px}
	#body .transport-col-sm.col-l .pos-l { padding-right:30px;}
	#body .transport-col-sm.col-r .pos-r { padding-left:30px; } 

	}

	@media only screen and (max-width: 745px) {

	#body .content-blk	{ padding:50px 10px}

	#body .transport-row 			{ display:block; table-layout:inherit; height:auto; width:100%;}
	#body .transport-col-sm 		{ display:block; float:left; height:auto;}

	#body .transport-col-sm.col-l 	{ width:100%;}
	#body .transport-col-sm.col-r 	{ width:100%;}
	#body .transport-col-sm.col-l .pos-l { padding-right:0; padding-bottom:20px}
	#body .transport-col-sm.col-r .pos-r { padding-left:0; border-left:none;} 

	#body .by-blk .by-col-sm.icon 		{ width:10%;}
	#body.en .by-blk .by-col-sm.icon>img 	{ padding-top:25px}
	#body .by-blk .by-col-sm.type 		{ width:80%;}
	#body .by-blk:last-child 			{ margin-bottom: 50px}


	#body.en .transport-col-sm.intro 	{ line-height:1.8; font-size:16px}
	#body.cn .transport-col-sm.intro 	{ line-height:1.8; font-size:18px}

	}