﻿@charset "utf-8";
@import url('../common/reset.css');
@import url('../common/fonts.css');
@import url('../common/jcf.css');
@import url('../common/jquery.fancybox.css');
@import url('../common/core.css');
@import url('../common/content.css');
@import url('../common/media-query.css');
@import url('../common/swiper.min.css');
@import url('../common/print.css');

body{
	font-family: "微軟正黑體", "Microsoft JhengHei",'Open Sans', Arial,sans-serif;
}
#logoWrap > a{
	background:url(../../images/doj-logo-main-tc.png) no-repeat 0 50%;
	width:167px;
	background-size: auto 73px;
}
strong{ font-weight:700;}
#secTitle{ font-weight:300; }
#mainNav > ul > li > a > span{ padding:15px 15px;}
.small_size .colorTable .date{ width:165px;}
.large_size .colorTable .date{ width:192px;}
.colorTable .date{ width:180px;}
.pdfDLTable .download{ width:80px;}
.pdfDLTable .date{ width:200px!important;}

@media screen and (min-width: 768px) {
	#newsListWrap .eventItem .date{	width:220px;}
	#newsListWrap .eventItem .title{ padding-right:220px; width:calc(99.99% - 220px);}
}
@media screen and (max-width: 767px) {
	.pdfDLTable .date{ width:130px!important;}
	#logoWrap > a{
		width:126px;
		background-size: auto 55px;
	}	
}