.divTable 			{ display:table; width:100%; line-height:1.4; }
	.divTableRow		{ display:table-row;}
	.divTableHeading 	{ display:table-row; color:#fff; text-transform:uppercase;}
	.divTableCell 		{ border:none; display:table-cell; border-bottom:1px solid #ececec;}

	.divTableCell a 		{ color:#333; text-decoration:none; cursor:pointer;  transition: all 0.3s ease-out; }
	.divTableCell a:hover 	{ color:rgba(0, 155, 222, 1);}


	.divTableHeading .divTableCell  { padding:15px 20px  }
	.divTableRow .divTableCell 		{ padding:15px 20px }
	/* .divTableHeading .divTableCell:first-child,
	.divTableRow .divTableCell:first-child       { padding-left:20px; } */


	.divTableBody 		{ display: table-row-group;}

	.divTableHeading .divTableCell { background-color: rgba(0, 155, 222, 1); }
	.divTableHeading .divTableCell:first-child {   -webkit-border-top-left-radius: 10px;
												-webkit-border-bottom-left-radius: 10px;
												       -moz-border-radius-topleft: 10px;
												    -moz-border-radius-bottomleft: 10px;
														   border-top-left-radius: 10px;
														border-bottom-left-radius: 10px; }
	.divTableHeading .divTableCell:last-child  {  -webkit-border-top-right-radius: 10px;
											   -webkit-border-bottom-right-radius: 10px;
												  	  -moz-border-radius-topright: 10px;
												   -moz-border-radius-bottomright: 10px;
														  border-top-right-radius: 10px;
													   border-bottom-right-radius: 10px; }

    .dtc-title-m { display:none; }
	
	.no-port {
		font-family: 'Montserrat Bold','NotoSansTC-Bold';
		color: rgba(0, 46, 109, 1);
		margin-top: 50px;
	}
	.no-port:first-child {
		margin-top: 0px;
	}

	.no-port p {
		font-size: 60px;
		display: inline-block;
	}
													   
	/* • For awards template only
   ------------------------------------------------------------------------- */
	#body.awards .dtc-title-m 				 { display:none; }
	#body.awards .divTableRow .divTableCell.dtc-year 	{ color:rgba(0, 46, 109, 1);  }
	#body.awards .dtc-year 		{ width:10%; }
	#body.awards .dtc-recipient { width:20%; }
	#body.awards .dtc-award 	{ width:40%; }
	#body.awards .dtc-organiser	{ width:30%; }


	/* • For career template only
   ------------------------------------------------------------------------- */
   #body.career .dtc-region  { width:20%; }
   #body.career .dtc-port  	 { width:45%; }
   #body.career .dtc-contact { width:35%; }

   #body.career .divTableRow .divTableCell:first-child { color:rgba(0, 46, 109, 1) } 

	/* • For ports template only
   ------------------------------------------------------------------------- */
	#body.ports .dtc-p-location { width:20%; }
	#body.ports .dtc-p-port 	{ width:50%; }
	#body.ports .dtc-p-details  { width:30%; }
	#body.ports .divTableRow .divTableCell.dtc-p-location 	{ color:rgba(0, 46, 109, 1);  }


	/* ==========================================================================
	    Media Style
	============================================================================= */

	@media only screen and (max-width:1280px) {
	#body.ports .dtc-p-location { width:25%; }
	#body.ports .dtc-p-port 	{ width:45%; }
	#body.ports .dtc-p-details  { width:30%; }
	}


	@media only screen and (max-width:767px) {
	.divTable,
	.divTableBody,
	.divTableRow,
	.divTableCell,
	.divTableHeading		{ width:100%; display:block;}

	.divTableRow 			{ margin-bottom:20px; background-color:#ececec; 
							    -webkit-border-radius: 10px;
						           -moz-border-radius: 10px;
						                border-radius: 10px;}
	.divTableRow:last-child 	{ margin-bottom:0; }

	.divTableRow .divTableCell  { padding:10px; }
	.divTableCell 				{ border-bottom:none }


	/* • For awards/career template
   ------------------------------------------------------------------------- */
	#body.awards .dtc-title-m,
	#body.career .dtc-title-m,
	.dtc-title-m 			{ display:block; color:rgba(0, 46, 109, 1); margin-left:10px; margin-top:50px; font-size:20px;}
	.dtc-title-m.dtc-first { margin-top:0; }

	#body.awards .dtc-title-m 		{ font-size:26px;}
	#body.career .dtc-title-m 		{ font-size:20px;}
	
	.no-port { display: none; }


	/* • For awards template only
   ------------------------------------------------------------------------- */
	#body.awards .dtc-year, 
	#body.awards .divTableHeading 	{ display:none; } 

	#body.awards .dtc-recipient:before 	{ content: "Recipient"; display:block; text-transform:uppercase; font-size:80%; font-weight:bold; color: rgba(0, 46, 109, 1); }
	#body.awards .dtc-award:before 		{ content: "Award"; display:block; text-transform:uppercase; font-size:80%; font-weight:bold; color: rgba(0, 46, 109, 1);  }
	#body.awards .dtc-organiser:before 	{ content: "Organiser"; display:block; text-transform:uppercase; font-size:80%; font-weight:bold; color: rgba(0, 46, 109, 1); }
	:lang(tc) #body.awards .dtc-recipient:before 	{ content: "獲獎單位"; display:block; text-transform:uppercase; font-size:80%; font-weight:bold; color: rgba(0, 46, 109, 1); }
	:lang(tc) #body.awards .dtc-award:before 		{ content: "獎項名稱"; display:block; text-transform:uppercase; font-size:80%; font-weight:bold; color: rgba(0, 46, 109, 1);  }
	:lang(tc) #body.awards .dtc-organiser:before 	{ content: "主辦單位"; display:block; text-transform:uppercase; font-size:80%; font-weight:bold; color: rgba(0, 46, 109, 1); }
	:lang(es) #body.awards .dtc-recipient:before 	{ content: "DESTINATARIA"; display:block; text-transform:uppercase; font-size:80%; font-weight:bold; color: rgba(0, 46, 109, 1); }
	:lang(es) #body.awards .dtc-award:before 		{ content: "OTORGAR"; display:block; text-transform:uppercase; font-size:80%; font-weight:bold; color: rgba(0, 46, 109, 1);  }
	:lang(es) #body.awards .dtc-organiser:before 	{ content: "ORGANIZADORA"; display:block; text-transform:uppercase; font-size:80%; font-weight:bold; color: rgba(0, 46, 109, 1); }
	#body.awards .dtc-year, 		
	#body.awards .dtc-recipient, 
	#body.awards .dtc-award, 	
	#body.awards .dtc-organiser	{ width:100%; }
	#body.awards .divTableCell:nth-child(3)  { font-weight:normal; }


	/* • For career template only
   ------------------------------------------------------------------------- */
	#body.career .divTableCell:first-child, 
	#body.career .divTableHeading 	{ display:none; } 

    #body.career .dtc-region,
    #body.career .dtc-port,
    #body.career .dtc-contact { display:block; width:100%; }

	#body.career .dtc-region:before 	{ content: "Region"; display:block; text-transform:uppercase; font-size:80%; font-weight:bold; color: rgba(0, 46, 109, 1); }
	#body.career .dtc-port:before 		{ content: "Port"; display:block; text-transform:uppercase; font-size:80%; font-weight:bold; color: rgba(0, 46, 109, 1);  }
	#body.career .dtc-contact:before 	{ content: "Contact"; display:block; text-transform:uppercase; font-size:80%; font-weight:bold; color: rgba(0, 46, 109, 1); }


	/* • For ports template only
   ------------------------------------------------------------------------- */
	/*#body.ports .divTable { margin-top:-50px; }*/
	#body.ports .divTableCell:first-child, 
	#body.ports .divTableHeading 	{ display:none; } 

    #body.ports .dtc-p-location,
    #body.ports .dtc-p-port,
    #body.ports .dtc-p-details { display:block; width:100%; }

	#body.ports .dtc-p-location:before 	{ content: "Location"; display:block; text-transform:uppercase; font-size:80%; font-weight:bold; color: rgba(0, 46, 109, 1); }
	#body.ports .dtc-p-port:before 		{ content: "Port"; display:block; text-transform:uppercase; font-size:80%; font-weight:bold; color: rgba(0, 46, 109, 1);  }
	#body.ports .dtc-p-details:before 	{ content: "Port Details"; display:block; text-transform:uppercase; font-size:80%; font-weight:bold; color: rgba(0, 46, 109, 1); }
	:lang(tc) #body.ports .dtc-p-location:before 	{ content: "港口位置"; display:block; text-transform:uppercase; font-size:80%; font-weight:bold; color: rgba(0, 46, 109, 1); }
	:lang(tc) #body.ports .dtc-p-port:before 		{ content: "港口"; display:block; text-transform:uppercase; font-size:80%; font-weight:bold; color: rgba(0, 46, 109, 1);  }
	:lang(tc) #body.ports .dtc-p-details:before 	{ content: "港口詳情"; display:block; text-transform:uppercase; font-size:80%; font-weight:bold; color: rgba(0, 46, 109, 1); }
	:lang(es) #body.ports .dtc-p-location:before 	{ content: "UBICACIÓN"; display:block; text-transform:uppercase; font-size:80%; font-weight:bold; color: rgba(0, 46, 109, 1); }
	:lang(es) #body.ports .dtc-p-port:before 		{ content: "PUERTO"; display:block; text-transform:uppercase; font-size:80%; font-weight:bold; color: rgba(0, 46, 109, 1);  }
	:lang(es) #body.ports .dtc-p-details:before 	{ content: "Detalles del puerto"; display:block; text-transform:uppercase; font-size:80%; font-weight:bold; color: rgba(0, 46, 109, 1); }
	}