/* css reset 歸0 */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,caption,tfoot,thead{margin:0;padding:0;border:0;outline:0;font-size:100%}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
:focus{outline:0}
ins{text-decoration:none}
del{text-decoration:line-through}
/* css reset 歸0 end */

body{margin:0 auto;padding:0;font-family: 'Noto Sans TC', sans-serif;background: url(/Event/Judicial_Focus/images/line_bg.gif);}
#BodyContainer{margin:0 auto}
#BodyContentEvent{width:100%}
#event{background:#ffffff;overflow: hidden;}
#event a:hover{text-decoration:none;left:1px;top:1px;position:relative}
h1{font-size: 3rem}
h2{font-size: 2rem}

.bg1{background-color: #ecf2fa;border-radius: 0 60px 60px 0;transform: skew(-9deg);}
.banner{position: relative;}
.banner span{
    position: absolute;content: "";bottom: 2.8%;margin: auto;left: 0;right: 0;color: white;font-size: 1.8rem;
    text-align: center;font-weight: 500;
}
.bg1 .container{transform: skew(9deg);}
.info{display: grid;grid-template-columns: 1fr 1fr;margin: .6rem 1.5rem;}
.info figure{margin: auto;}
.info ul{margin: 3.8rem auto 0 0rem;font-size: 1.6rem;font-weight: 600;line-height: 1.8;list-style: none;}
.info li{padding-bottom: .1rem;margin-bottom: .1rem;border-bottom: solid 1px #9C9C9D;}
.info li:nth-of-type(odd){color: #C20009;}
.info li:nth-of-type(even){color: #E95504;}

/*書單*/
.booklist{margin: 0 5%;padding: 2rem 0}
.books{width: 100%;color: #4d4d4d}
.books a{color:#004588;margin-left: .5rem;}
.books, .books th, .books td {border: 1px solid #7c7c7c;border-collapse: collapse;text-align: center;font-size: 1.2rem;line-height: 1.8;}
.books th{background-color: #bedbab;color: #006934;}
.books td:nth-child(4){color: red}
.books tr:nth-of-type(odd){background-color: #f6faf3;}
.books p{text-align: left;padding-left: 1%}


@media (max-width:767px){
    .banner{background-color: #5593CB;}
    .banner span{font-size: 1.25rem;bottom: 1%;}
    @media screen and (max-width:360px){.banner span{font-size: 1rem;}.info ul{font-size: 1.1rem !important;}}
    #event_master img{max-width: 100%;}
    .info figure{grid-area: 1/1/2/3;margin: auto;}
    .info ul{margin: auto;grid-area: 2/1/3/3;font-size: 1.3rem;}
    .bg1{transform: skew(0deg);border-radius: 60px;padding-bottom: 2rem !important;}
    .bg1 .container{transform: skew(0deg);}
}

@media (min-width:768px) and (max-width:1199px){
    .info figure{grid-area: 1/1/2/2;}
    .info ul{margin: auto;grid-area: 1/2/2/3;}
}

/*各大相容檢視*/
@media screen and (-webkit-min-device-pixel-ratio:0) { /*Webkit*/
}
@-moz-document url-prefix(){/*Firefox*/
}

@media \0screen\,screen\9 {/*IE 6 7 8*/
}

@media screen\0 {/*IE 8 9 10 11*/
}

@media print {
}