@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@600&display=swap');
/*==================default page==================*/
.syisdbk1{background:#e9f7f6; position:relative; overflow: hidden;}
.syisdbk1 .bgimg{width:100%; height:100%; position:absolute; top:0; left:0; display: block; overflow: hidden;}
.syisdbk1 .bgimg img{width:100%; height:auto;}
.syisdbk1 .innerhtml{text-align:center;}
.syisdbk1 table{line-height:2em; font-size:16px; padding:5%; position:relative; z-index: 3; width:1300px; max-width:1300px; display: inline-block; text-align: left;}
.syisdbk1 table h3{font-size:26px; line-height:1.6em; margin:0; color:#005077;}
.syisdbk1 table td:nth-of-type(1){width:70%;}
.syisdbk1 .more a, .syisdnews .more span{display:inline-block; background:#005077; color:#fff; padding:0.3em 1em;}
.syisdbk1 .more a::after, .syisdnews .more span::after{content:""; width:10px; height:10px; border:1px solid #fff; display:inline-block; transform:rotate(45deg); margin-left:1em; border-bottom:none; border-left:none;}
.syisdnews .list{width:49%; display: inline-block; vertical-align: top;}
.syisdnews .list figure{width:160px; height:auto; display: inline-block; vertical-align: top; margin-right:10px;}
.syisdnews .list section{width:calc(100% - 180px); display: inline-block; vertical-align: top;}
.syisdnews section{width:calc(100% - 170px);}
.syisdnews .list figure img{width:100%; height:auto;}
.syisdnews .list .date, .syisdnews .list .more{display:inline-block; font-size:15px; color:#719dc2; position:relative;}
.syisdnews .list .more::after{content:""; width:40px; height:1px; background:#719dc2; display:inline-block;}
.syisdnews .list .more::before{content:""; width:10px; height:1px; background:#719dc2; display:block; position:absolute; right:0; bottom:5px; transform:rotate(30deg);}
.syisdbk0 .dtit, .syisdbk1 .dtit, .syisdnews .dtit, .syisdbk3 .dtit {text-align:center; position:relative;}
.syisdbk0 .dtit::before, .syisdbk1 .dtit::before, .syisdnews .dtit::before, .syisdbk3 .dtit::before{content:""; display:block; width:2em; height:2px; background:#719dc2; position:absolute; left:50%; bottom:-10px; transform:translateX(-50%);}
.syisdbk0, .syisdnews, .syisdbk3{padding:50px 0;}
@media screen and (max-width:1286px){/*desktop*/

}
@media screen and (max-width:960px){/*desktop-small pad*/
.syisdnews .list section{padding:1em;}

.syisdbk1 table{width:100%;}
}
@media screen and (max-width:767px){/*phone*/
.syisdbk1 table,.syisdnews .list .innerhtml{font-size:14px;}
.syisdnews .list section h3.subject{font-size:20px;}
.syisdnews .list figure{padding:0;}
.syisdnews .list figure, .syisdnews .list section{width:100%;}
.syisdnews .list.rr figure,.syisdnews .list.rr section{transform:translateX(0%);}

}
.presentall .list, .presentall .list .frm{margin:0; padding:0;}
.presentall .list{margin-top:0.5em;}
.A0604 .list h3.subject{font-weight:normal; width:calc(100% - 5em); display:inline-block; margin:0;}
.A0604 .list .more{width:5em; display:inline-block;}
.A0604 .list .more span{display:inline-block; border-radius:1em; padding:2px 6px; background:#666; color:#fff;}
.A0604 .list h3.subject .foricon{padding:5px; opacity:.5; }
.A0604 .list{border-bottom:1px dotted #999; padding:0; margin:0;}
.A0604 .list .frm{padding:0;}
.A0604 .list .frm:hover .more span{background:#333;}
/*A0901*/
.MBLayout h1{width:66%; float:right;}
.MBLayout figure{width:33%;}
.MBLayout .innerhtml.sum{width:66%; padding-left:2em;}
.MBLayout .innerhtml{margin-top:2em;}
/*Contact4*/
.Contact4{padding-bottom:0;}
.Contact4 .gmap .page{max-width:100%; width:100%;}
/*====================================*/
@media screen and (max-width:1286px){/*desktop*/
	
}
@media screen and (max-width:960px){/*desktop-small pad*/
	
}
@media screen and (max-width:767px){/*phone*/
.syisdnews .list figure, .syisdnews .list section{width:100%;}
.syisdnews .list{width:100%;}
.m2 .list{width:50%;}
}