@charset "utf-8";
body {margin-top: 0px;margin-bottom: 0px;text-align: center;margin-right: auto;margin-left: auto;}
*{margin:0;font-size: 12pt;font-family: "微軟正黑體", "Verdana", "Arial", "Helvetica", "sans-serif";}

.cc{ margin:5px;float: left; border:0px; text-align:center; width:30%;}
.cc2{ margin:10px 0px;float: left; border:0px; text-align:center; width:33%;}
.content_2_w img{
height: auto;
max-width: 100%;
} 
.content_3_u iframe{
height: auto;
max-width: 100%;
} 
.moption {padding:3px; font-size:12pt;}
.moption a{	font-size:12pt;}

label.error {
color: red;
font-size: 16px;
font-weight: normal;
line-height: 1.4;
margin-top: 0.5em;
width: 100%;
float: none;
}
 
@media screen and (orientation: portrait){
label.error { margin-left: 0; display: block; }
}
 
@media screen and (orientation: landscape){
label.error { display: inline-block; margin-left: 22%; }
}
 
em { color: red; font-weight: bold; padding-right: .25em; }
#archive { display: table;width: 100%;border-collapse: collapse; margin-top:5px;}
#archive article  {border-bottom: 1px solid #ECECEC;display:table-row ;}
#archive .article2, .item_02 {display:table-row ;}
.item_02 .list_a1, .item_02 .list_a1_2, #archive .article2 .list_a2, #archive .article2 .list_a2_2 { display: table-cell;}
.list_a1 {float:left;width:13.5%; text-align:center; position:relative; border-style:solid; border-width:1px 1px 1px 0px; border-color:#116c77; background:#20a0af; color:#ffffff; font-weight:bold;}
.list_a1_2{float:left;width:1px; text-align:center; position:relative; border-style:solid; border-width:0px 1px 0px 0px; border-color:#116c77;}
.list_a2 {float:left; width:0px; height:130px;text-align:center; position:relative;border-right:1px #CCC solid;}
.list_a2_2 {float:left; width:13.5%; height:130px;text-align:center; position:relative;border-bottom:1px #CCC solid;border-right:1px #CCC solid;}
.list_a2_date {width:100%; border-bottom:1px #CCC dashed;}
.list_a2_inside {width:100%; font-size: 10pt; text-align:left;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; cursor:pointer;}
.clrr1 {width:100%; position:relative;}
.clrr2 {position: absolute; bottom:16px; z-index: 50; width:90%; text-align:left;}
.clrr2 p img {vertical-align: middle;}
.clrr1 div:hover .clrr2, .clrr1 div a:hover .clrr2 { display:block;}
.clrr1 div .clrr2 {display:none;z-index: 1;}
.ac075 { color: #2576ab; font-family: "微軟正黑體", "Verdana"; font-size: 12pt;}
a.ac075:visited,a.ac075:link { color: #2576ab; text-decoration: none;}
a.ac075:hover { color: #e1651a; text-decoration:none }
.ac076 { color: #838383; font-family: "微軟正黑體", "Verdana"; font-size: 10pt;}
a.ac076:visited,a.ac076:link { color: #838383; text-decoration: none;}
a.ac076:hover { color: #535353; text-decoration:none }
.ac077 { color: #09952d; font-family: "微軟正黑體", "Verdana"; font-size: 11pt;}
a.ac077:visited,a.ac077:link { color: #09952d; text-decoration: none;}
a.ac077:hover { color: #086420; text-decoration:none }
.ac070 { color: #217318; font-family: "微軟正黑體", "Verdana"; font-size: 10pt; cursor:pointer;}
a.ac070:visited,a.ac070:link { color: #217318; text-decoration: none;}
a.ac070:hover { color: #ca1dcc; text-decoration:none }
.item_box_r { padding:5px 10px; margin-left:0px; margin-top:15px; background-color:#ffebff; text-align:left;border: #fccdfd 1px solid;border-radius: 8px;outline: none;}
.item_box_y { padding:5px 10px; margin-left:0px; margin-top:15px; background-color:#ffffcc; text-align:left;border: #fee3a1 1px solid;border-radius: 8px;outline: none;}
.item_box_y a { text-decoration:none;}