/*20220525_SCM_首頁改版*/
.indexStyle { background: #EFF1F3; }
.indexStyle .mainWarp { padding: 0 0 40px 0; width: 1220px; margin: 0 auto; }
.indexStyle .mainWarp .bulletinArea { position: relative; display: flex; flex-wrap: wrap; margin-bottom: 10px; width: 100%; height: 126px; box-shadow: 0px 2px 8px rgba(21,34,50,.1); border-radius: 6px; overflow: hidden; }

/*公告區*/
.indexStyle .mainWarp .bulletinArea .bulletTitle{ display: block; width: 96px; height: 100%; background-color: #F5F9FF; text-align: center;}
.indexStyle .mainWarp .bulletinArea .bulletTitle .titleName{ display: block; margin-top: 25px; width: 100%; height:27px; font: 900 18px/27px Microsoft JhengHei, sans-serif; text-align: center;  }
.indexStyle .mainWarp .bulletinArea .bulletTitle .unreadTxt { position: relative; height:21px; margin: 0; font: normal 12px/18px Microsoft JhengHei, sans-serif; color: #0070D7; font-weight: bold;}
.indexStyle .mainWarp .bulletinArea .bulletTitle .unreadTxt:hover { color: #0061C2; }
.indexStyle .mainWarp .bulletinArea .bulletTitle .unreadTxt .unreadTxt_number{ margin-right: 2px; } 
.indexStyle .mainWarp .bulletinArea .bulletTitle .pagination { position: relative; bottom:auto; left: auto; margin: 0 6px 0 0; font: normal 12px/20px Microsoft JhengHei, sans-serif; color: #888888;  }

/*輪播區*/
.indexStyle .mainWarp .bulletinArea .bulletinList{ position:relative; display: block; width:1124px; padding: 18px 20px;  background-color: #FFF; box-sizing: border-box; }
.indexStyle .mainWarp .bulletinArea .swiper-wrapper { margin: 0 auto; width:1044px; height:90px; padding:0; margin: 0; font-size: 0; list-style: none; flex-wrap: wrap; flex-direction: unset;  }
.indexStyle .mainWarp .bulletinArea .swiper-wrapper .swiper-slide { list-style: none; padding:5px 20px 5px 10px; height: 30px;  display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-orient: vertical; -webkit-line-clamp: 1;overflow: hidden; -webkit-box-sizing: border-box;  box-sizing: border-box; box-shadow: none; cursor: pointer; }


/*unread未讀、marquee重要*/


/*去除不必要屬性*/
.indexStyle .mainWarp .bulletinArea .swiper-wrapper .swiper-slide.unread {background: transparent; }
.indexStyle .mainWarp .bulletinArea .swiper-wrapper .swiper-slide.marquee {background: transparent; }
.indexStyle .mainWarp .bulletinArea .swiper-wrapper .swiper-slide.marquee.unread { background: transparent; }
.indexStyle .mainWarp .bulletinArea .swiper-wrapper .swiper-slide.marquee .dateBox { background: none; }
.indexStyle .mainWarp .bulletinArea .swiper-wrapper .swiper-slide:hover .bulletinCont { border: none; }
.indexStyle .mainWarp .bulletinArea .swiper-wrapper .swiper-slide.marquee:hover .bulletinCont { border: none; }
.indexStyle .mainWarp .bulletinArea .swiper-wrapper .swiper-slide:hover .bulletinCont .bulletinCont_p { /*font-weight: 900;*/ color:#000; }
.indexStyle .mainWarp .bulletinArea .swiper-wrapper .swiper-slide:hover .dateBox .dateBox_Date { /*font-weight: 900;*/ color:#000; }


/*未讀*/
.indexStyle .mainWarp .bulletinArea .swiper-wrapper .swiper-slide.unread .bulletinCont .bulletinCont_p { color: #000;  font:900 16px/24px Microsoft JhengHei, sans-serif;}
.indexStyle .mainWarp .bulletinArea .swiper-wrapper .swiper-slide.unread .dateBox .dateBox_Date { color: #000; font:900 16px/24px Microsoft JhengHei, sans-serif; }
.indexStyle .mainWarp .bulletinArea .swiper-wrapper .swiper-slide.unread:hover .bulletinCont .bulletinCont_p { color: #000;}

/*重要*/
.indexStyle .mainWarp .bulletinArea .swiper-wrapper .swiper-slide.marquee:hover .bulletinCont .bulletinCont_p { color: #dd2726; }
.indexStyle .mainWarp .bulletinArea .swiper-wrapper .swiper-slide.marquee .bulletinCont .bulletinCont_p { color: #dd2726; }
.indexStyle .mainWarp .bulletinArea .swiper-wrapper .swiper-slide.marquee .dateBox .dateBox_Date { color: #dd2726; }

/*日期*/
.indexStyle .mainWarp .bulletinArea .swiper-wrapper .swiper-slide .dateBox { width: fit-content; display: inline-block; padding: 0 7px 0 0;  background: transparent; text-align: left;}
.indexStyle .mainWarp .bulletinArea .swiper-wrapper .swiper-slide .dateBox .dateBox_Date { color: #000; font: 14px/20px Microsoft JhengHei, sans-serif;}
.indexStyle .mainWarp .bulletinArea .swiper-wrapper .swiper-slide .bulletinCont { padding: 0;  height: 100%;  border:none; border-radius:0; overflow: hidden; -webkit-box-sizing: border-box; box-sizing: border-box;  }
.indexStyle .mainWarp .bulletinArea .swiper-wrapper .swiper-slide .bulletinCont .bulletinCont_p { display: inline-block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin: 0; max-height: 30px; font: 14px/20px Microsoft JhengHei, sans-serif; vertical-align: middle; }

/*輪播按鈕*/
.indexStyle .mainWarp .bulletinArea .swiperBtn { z-index: 0; position: absolute; top: 0; left: 0;  width: 100%; height: 100%; }
.indexStyle .mainWarp .bulletinArea .swiperBtn button.prevBtn,
.indexStyle .mainWarp .bulletinArea .swiperBtn button.nextBtn {  position: absolute;  margin: 0; padding: 0; width: 20px; height: 40px; border-radius:0; outline: none;  cursor: pointer; border-radius: 0; border: 0; background: no-repeat center center url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' width='6px' height='11px' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform='matrix(1 0 0 1 -8 -5 )'%3E%3Cpath d='M 5.89690721649484 0.661322645290581 C 5.96563573883162 0.734802939211756 6 0.819305277221107 6 0.914829659318638 C 6 1.01035404141617 5.96563573883162 1.09485637942552 5.89690721649484 1.16833667334669 L 1.84536082474227 5.5 L 5.89690721649484 9.83166332665331 C 5.96563573883162 9.90514362057448 6 9.98964595858383 6 10.0851703406814 C 6 10.1806947227789 5.96563573883162 10.2651970607882 5.89690721649484 10.3386773547094 L 5.38144329896907 10.8897795591182 C 5.3127147766323 10.9632598530394 5.23367697594502 11 5.14432989690722 11 C 5.05498281786942 11 4.97594501718213 10.9632598530394 4.90721649484536 10.8897795591182 L 0.103092783505155 5.75350701402806 C 0.0343642611683849 5.68002672010688 0 5.59552438209753 0 5.5 C 0 5.40447561790247 0.0343642611683849 5.31997327989312 0.103092783505155 5.24649298597194 L 4.90721649484536 0.110220440881764 C 4.97594501718213 0.0367401469605875 5.05498281786942 0 5.14432989690722 0 C 5.23367697594502 0 5.3127147766323 0.0367401469605875 5.38144329896907 0.110220440881764 L 5.89690721649484 0.661322645290581 Z ' fill-rule='nonzero' fill='%23000000' opacity='25%' stroke='none' transform='matrix(1 0 0 1 8 5 )' /%3E%3C/g%3E%3C/svg%3E"); }
.indexStyle .mainWarp .bulletinArea .swiperBtn button.prevBtn { left: 0; top:calc(50% - 20px); border-radius: 0 2px 2px 0; }
.indexStyle .mainWarp .bulletinArea .swiperBtn button.nextBtn { right: 0; top:calc(50% - 20px);-webkit-transform: rotate(180deg); transform: rotate(180deg); border-radius: 0 2px 2px 0;   }
.indexStyle .mainWarp .bulletinArea .swiperBtn button:hover{ border: none; background:  rgba(0,0,0,.25) no-repeat center center url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' width='6px' height='11px' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform='matrix(1 0 0 1 -8 -5 )'%3E%3Cpath d='M 5.89690721649484 0.661322645290581 C 5.96563573883162 0.734802939211756 6 0.819305277221107 6 0.914829659318638 C 6 1.01035404141617 5.96563573883162 1.09485637942552 5.89690721649484 1.16833667334669 L 1.84536082474227 5.5 L 5.89690721649484 9.83166332665331 C 5.96563573883162 9.90514362057448 6 9.98964595858383 6 10.0851703406814 C 6 10.1806947227789 5.96563573883162 10.2651970607882 5.89690721649484 10.3386773547094 L 5.38144329896907 10.8897795591182 C 5.3127147766323 10.9632598530394 5.23367697594502 11 5.14432989690722 11 C 5.05498281786942 11 4.97594501718213 10.9632598530394 4.90721649484536 10.8897795591182 L 0.103092783505155 5.75350701402806 C 0.0343642611683849 5.68002672010688 0 5.59552438209753 0 5.5 C 0 5.40447561790247 0.0343642611683849 5.31997327989312 0.103092783505155 5.24649298597194 L 4.90721649484536 0.110220440881764 C 4.97594501718213 0.0367401469605875 5.05498281786942 0 5.14432989690722 0 C 5.23367697594502 0 5.3127147766323 0.0367401469605875 5.38144329896907 0.110220440881764 L 5.89690721649484 0.661322645290581 Z ' fill-rule='nonzero' fill='%23FFFFFF' stroke='none' transform='matrix(1 0 0 1 8 5 )' /%3E%3C/g%3E%3C/svg%3E");}
.indexStyle .mainWarp .bulletinArea .swiperBtn button.nextBtn.swiper-button-disabled,
.indexStyle .mainWarp .bulletinArea .swiperBtn button.prevBtn.swiper-button-disabled { display: none;/* opacity: .15; cursor: auto; pointer-events: none;*/}

.indexStyle .mainWarp .itemList { padding: 0; margin: 0; font-size: 0; }
.indexStyle .mainWarp .itemList .itemCard {  padding: 0 0 12px; margin: 0 16px 10px 0; overflow:hidden; background: #fff; border-radius: 6px; border: 1px solid rgba(204,204,204,0.8); box-shadow: 0px 2px 8px rgba(21,34,50,.1); font-size: 0; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex;  -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-sizing: border-box; box-sizing: border-box; }
.indexStyle .mainWarp .itemList .itemCard .itemCardDL{ position: relative; padding-left: 20px;}
.indexStyle .mainWarp .itemList .itemCard.dlNum-2 { width: 396px; }
.indexStyle .mainWarp .itemList .itemCard.dlNum-2 .itemCardDL { width: calc(100% / 2); }
.indexStyle .mainWarp .itemList .itemCard.dlNum-2 .itemCardDL { padding: 0 0 0 20px; }
.indexStyle .mainWarp .itemList .itemCard.dlNum-3 { width: 602px; }
.indexStyle .mainWarp .itemList .itemCard.dlNum-3 .itemCardDL { width: calc(100% / 3);}
.indexStyle .mainWarp .itemList .itemCard.dlNum-4 { width: 602px; }
.indexStyle .mainWarp .itemList .itemCard.dlNum-4 .itemCardDL { width: calc(100% / 4); }
.indexStyle .mainWarp .itemList .itemCard.dlNum-4 .itemCardDL dd span { width: 56px !important; }
.indexStyle .mainWarp .itemList .itemCard.nomargin { margin: 0; }
.indexStyle .mainWarp .itemList .itemCard .itemCardTitle { position: relative; margin: 0 0 12px; padding:7px 0 7px 10px; width: 100%; color: #131523; background: #E4E4E4; font:900 18px/27px '微軟正黑體', Microsoft JhengHei, sans-serif;}
.indexStyle .mainWarp .itemList .itemCard .itemCardTitle::before { display: none; }
.indexStyle .mainWarp .itemList .itemCard .itemCardTitle-2 span { display: inline-block; width: 50%;}
.indexStyle .mainWarp .itemList .itemCard .itemCardDL { text-align: left; height: 139px ; vertical-align: top; -webkit-box-sizing: border-box; box-sizing: border-box; border:none; }
.indexStyle .mainWarp .itemList .itemCard .itemCardDL:after { content:'';position: absolute; top:29px; right:0; width:1px; height: 109px; background-color: #E6E9F4; }
.indexStyle .mainWarp .itemList .itemCard .itemCardDL:last-child:after { display: none; }
.indexStyle .mainWarp .itemList .itemCard .itemCardDL .itemCardDt { z-index:1; position: relative; margin: 0 0 8px 0;  padding: 0 7px; border-radius: 30px; font: bold 16px/21px '微軟正黑體', Microsoft JhengHei, sans-serif; color: #454545; background:transparent; display: inline-block;  -webkit-box-sizing: border-box; box-sizing: border-box; }
.indexStyle .mainWarp .itemList .itemCard .itemCardDL .itemCardDt { margin-top: 8px;}
.indexStyle .mainWarp .itemList .itemCard .itemCardDL .itemCardDt:first-child { margin-top:0;}
.indexStyle .mainWarp .itemList .itemCard .itemCardDL .itemCardDt::before { z-index:-1; content: ''; position: absolute; bottom:0; left: 0; display: block; width: 100%; height: 7px; background: #FAFFB8; opacity: 43%; border-radius: 7px; }
.indexStyle .mainWarp .itemList .itemCard .itemCardDL .itemCardDd { color:#454545; font: 16px/22px Microsoft JhengHei, sans-serif; margin: 0; }

/*第一欄文案與冒號*/
.indexStyle .mainWarp .itemList .itemCard .itemCardDL .itemCardDd  .itemCardSpan{ text-align: left; display: inline-block; }
.indexStyle .mainWarp .itemList .itemCard .itemCardDL .itemCardDd  .itemCardSpan:nth-child(2) { width: auto !important; margin-right:6px;}
.indexStyle .mainWarp .itemList .itemCard .itemCardDL.txtWidth-3 .itemCardDd .itemCardSpan:nth-child(1) { width: 56px !important; }
.indexStyle .mainWarp .itemList .itemCard .itemCardDL.txtWidth-4 .itemCardDd .itemCardSpan:nth-child(1) { width: 72px !important; }
.indexStyle .mainWarp .itemList .itemCard .itemCardDL.txtWidth-5 .itemCardDd .itemCardSpan:nth-child(1) { width: 86px !important; }
.indexStyle .mainWarp .itemList .itemCard .itemCardDL.txtWidth-6 .itemCardDd .itemCardSpan:nth-child(1) { width: 102px !important; }
.indexStyle .mainWarp .itemList .itemCard .itemCardDL.txtWidth-7 .itemCardDd .itemCardSpan:nth-child(1) { width: 116px !important; }

.indexStyle .mainWarp .itemList .itemCard .itemCardDL .itemCardDd .itemCardNumber { display: inline-block; font: 16px/22px Microsoft JhengHei, sans-serif; text-align: left; }
.indexStyle .mainWarp .itemList .itemCard .itemCardDL .itemCardDd .itemCardZero { color: #454545; display: inline-block; font: 16px/22px Microsoft JhengHei, sans-serif; text-align: left; }
.indexStyle .mainWarp .itemList .itemCard .itemCardDL .itemCardDd .itemCardNumber { color: #0070d7; cursor: pointer; font-weight: 900; }
.indexStyle .mainWarp .itemList .itemCard .itemCardDL .itemCardDd .itemCardNumber:hover { color: #0061C2; }
.indexStyle .mainWarp .itemList .itemCard .itemCardDL .itemCardDd .itemCardNumber:active,
.indexStyle .mainWarp .itemList .itemCard .itemCardDL .itemCardDd .itemCardNumber:focus,
.indexStyle .mainWarp .itemList .itemCard .itemCardDL .itemCardDd .itemCardNumber:visited { color: #0061C2; }

.indexStyle .footerArea { background: #939393; color: #ffffff; padding: 20px 0; border: 0; margin: 0; text-align: center; -webkit-box-shadow: inset 0px 3px 10px rgba(0, 0, 0, 0.3); box-shadow: inset 0px 3px 10px rgba(0, 0, 0, 0.3); font: 14px/24px Microsoft JhengHei, sans-serif; }
.indexStyle .footerArea .footerArea_p { font: 14px/24px Microsoft JhengHei, sans-serif; margin: 0; color: #ffffff; }
.indexStyle .footerArea .footerArea_p:first-of-type { margin: 24px 0 0 0; }
.indexStyle .footerArea .footerArea_p .footerArea_a { color: inherit; }

.detailFL .DetailCont { padding: 0 0 20px 0; font-size: 0; }
.detailFL .DetailCont .DetailCont_p { font: bold 16px/23px Microsoft JhengHei, sans-serif; margin: 0 0 8px 0; color: #333333; }
.detailFL .DetailCont .DetailCont_dl { padding: 15px 0; margin: 0; width: 140px; height: 140px; display: inline-block; border-width: 1px 0px 1px 1px; -webkit-box-sizing: border-box; box-sizing: border-box; border-style: solid; border-color: #D0D0D0; text-align: center; }
.detailFL .DetailCont .DetailCont_dl:last-of-type { border: 1px solid #D0D0D0; }
.detailFL .DetailCont .DetailCont_dl .DetailCont_dt { font: bold 14px/20px Microsoft JhengHei, sans-serif; color: #333333; display: inline-block; border-bottom: 2px solid #1193D9; margin: 0 0 10px 0; }
.detailFL .DetailCont .DetailCont_dl .DetailCont_dd { margin: 0; font: 14px/20px Microsoft JhengHei, sans-serif; color: #333333; padding: 0 0 10px 0; }
.detailFL .DetailCont .DetailCont_dl .DetailCont_dd .DetailCont_a.DetailCont_zero { font: 14px/20px Microsoft JhengHei, sans-serif; }
.detailFL .DetailCont .DetailCont_dl .DetailCont_dd .DetailCont_a { color: #1193D9; cursor: pointer; }
.detailFL .DetailCont .DetailCont_dl .DetailCont_dd .DetailCont_a:hover { color: #35B6FF; }
.detailFL .DetailCont .DetailCont_dl .DetailCont_dd .DetailCont_a:active, .detailFL .DetailCont .DetailCont_dl .DetailCont_dd .DetailCont_a:focus, .detailFL .DetailCont .DetailCont_dl .DetailCont_dd .DetailCont_a:visited { color: #116493; }