/* ==========================================================================
   Desktop
   ========================================================================== */

@media (min-width: 1000px) {
	div.mainjobleftcol{float:left; width:66%;padding:20px; }
	div.mainjobrightcol{float:right; width:30%;}
	.mainjobrightopen{height:auto;}
	.mainjobrightclose{height:auto;}
	
	a.mainjobopenclosebtn{color:#000; padding:10px 0px 10px 0px; font-weight:bold; display:block;}
	
	div.mainjobinfobox{float:left; width:100%;border:#999 solid 1px; background-color:#FFF; margin:0px 0px 20px 0px;}
	div.mainjobinfotitle{float:left; width:100%; background-color:#415056; font-size:18px; font-weight:bold;padding:15px 20px 15px 20px; color:#FFF;}
	div.mainjobinfo{float:left; width:100%; padding:20px;}
	div.mainjobwriting{float:left; width:100%; max-height:200px;  text-overflow: ellipsis; overflow: hidden; margin:0px 0px 15px 0px; }
	div.mainjobinforeadmore{float:left; width:50%; }
	div.mainjobinfoposteddate{float:left; width:50%; font-size:11px; color:#B8B8B8; text-align:right;}

	div.mainjobdetailleftcol{float:left; width:72%; padding:0px 30px 0px 0px; border-right:#CCC solid 1px;}
	div.mainjobdetailrightcol{float:right; width:25%;}
	div.mainjobsimiliarbox {float:left; width:100%; padding:15px 0px 15px 0px; border-bottom: solid #CCC 1px;}
	div.mainjobsimiliarbox:last-Child{ border:none;}

	div.mainjobdetailgreybox{float:left; width:100%; padding:20px;}
	div.mainjobdetailgreybox h3{margin:0px 0px 5px 0px;}

	div.mainjobsubmitcvleftcol{ float:left; width:65%;}
	div.mainjobsubmitcvrightcol{float:right; width:32%;}

}

/* ==========================================================================
   Mobile
   ========================================================================== */
@media (min-width: 0px) and (max-width: 999px){
	div.mainjobrightcol{float:left; width:100%; border:#999 1px solid; padding:0px 10px 10px 10px; margin:15px 0px 15px 0px;}
	div.mainjobleftcol{float:left; width:100%; padding:20px;}
	.mainjobrightopen{height:auto; }
	.mainjobrightclose{height:36px; overflow:hidden; }

	a.mainjobopenclosebtn{color:#000; padding:8px 0px 8px 0px; font-weight:bold; display:block; width:100%; background-image:url(/images/main_nav_arrowdown_black.svg); background-position:center right; background-repeat:no-repeat; background-size: 20px 20px;}

	div.mainjobinfobox{float:left; width:100%;border:#999 solid 1px; background-color:#FFF; margin:0px 0px 20px 0px;}
	div.mainjobinfotitle{float:left; width:100%; background-color:#415056; font-size:18px; font-weight:bold;padding:15px 20px 15px 20px; color:#FFF;}
	div.mainjobinfo{float:left; width:100%; padding:20px;}
	div.mainjobwriting{float:left; width:100%; max-height:200px;  text-overflow: ellipsis; overflow: hidden; margin:0px 0px 15px 0px; }
	div.mainjobinforeadmore{float:left; width:50%; }
	div.mainjobinfoposteddate{float:left; width:50%; font-size:11px; color:#B8B8B8; text-align:right;}

	div.mainjobdetailleftcol{float:left; width:100%;}
	div.mainjobdetailrightcol{float:right; width:100%; padding:20px; background-color:#F6F6F6; margin:15px 0px 0px 0px;}
	div.mainjobsimiliarbox {float:left; width:50%; padding:10px 20px 10px 0px; }
	div.mainjobsimiliarbox:last-Child{ border:none;}

	div.mainjobdetailgreybox{float:left; width:100%; padding:20px;}
	div.mainjobdetailgreybox h3{margin:0px 0px 5px 0px;}

	div.mainjobsubmitcvleftcol{ float:left; width:100%; margin:15px 0px 0px 0px;}
	div.mainjobsubmitcvrightcol{float:left; width:100%;}

}

/* ==========================================================================
   Share CSS
   ========================================================================== */
div.mainjobrightcol ul, li{padding:0px; margin:0px;}
div.mainjobrightcol li{ float:left; width:100%; list-style:none;margin:10px 0px 0px 0px;}
div.mainjobrightcol li a{width:100%; display:block;}