@charset "utf-8";
/* CSS Document */
/*==default use==*/
div.maskwhite{position:fixed; top:0; left:0; width:100%; height:100vh; background:#fff; z-index: 1000; animation: bodyfin 1.0s ease-in-out; animation-fill-mode: forwards; pointer-events: none;}
@keyframes bodyfin {
  from {opacity:1;}
  to {opacity:0;}
}



#defaultimg .page{max-width:1300px; width:100%;}
h2.dtit{font-size:40px; margin-bottom:0;}
h2.dtit span{font-size:18px; font-weight:300; letter-spacing: 3px;}
.bfzd2, .bfzd3{overflow:hidden; padding:50px 0;}
.bfzd3 .list .frm{background:#fff;}
.bfzd2 .list .frm section,.bfzd3 .list .frm section{padding:10px; color:#000;}
.bfzd2 .list .frm section h3.subject,.bfzd3 .list .frm section h3.subject{font-weight:300;}
.bfzd2 .list .frm section h3.subject{font-size:120%;}
.bfzd3 h2.dtit{text-align:right; float:right;}
.bfzd4{background:#000; color:#fff; font-size:18px; line-height:180%; overflow:hidden;}
.bfzd4 .page{position:relative; max-width:1900px; width:100%;}
.bfzd4 img[alt='bgimg']{width:auto; height:100%; position:absolute; right:0%; top:0;}
.bfzd4 h2{font-size:36px;line-height:180%;}
.bfzd4 h2 img{height:1.3em; width:auto;}
.bfzd4 table td:nth-of-type(1){position:relative; width:60%; line-height:0;}
.bfzd4 table td:nth-of-type(2){padding:60px 0;}
.bfzd4 .more span{display:inline-block; padding:.3em 1.5em; color:#fff; background:#9e0410;}
.syisdnews{padding:30px 0;}
.syisdnews .page{ display:flex; flex-wrap: wrap;}
.syisdnews h2.dtit{width:100%; text-align: center; padding-bottom:30px;}
.syisdnews .list *{display:flex;}
.syisdnews .list{width:50%;}
.syisdnews .list .frm{display:flex; align-items: center;}
.syisdnews .list figure{width:78px; height:78px; border-radius:100%; overflow: hidden;}
.syisdnews .list section{width:calc(100% - 78px); flex-direction: column; padding-left:20px; color:#000;}
.syisdnews .list .date{font-size:13px; color:#666;}
.syisdnews .btnmore a{color:#000; display:inline-block; padding:.5em 2em; border:1px solid #000;}
@media screen and (max-width:1286px){/*desktop*/
.bfzd2, .bfzd3,.syisdnews{padding:20px 0;}
.bfzd4 h2{font-size:20px;line-height:180%;}
.bfzd4{font-size:13px;}
.bfzd4 table td:nth-of-type(2){padding:20px 0;}
.bfzd4 img[alt='bgimg']{width:100%; height:auto; position:absolute; right:0%; top:auto; bottom:0;}
}
@media screen and (max-width:767px){/*phone*/
.bfzd2 .page{margin-left:0% !important; padding:20px !important;}
.bfzd3 .page{margin-left:0% !important; padding:20px !important;}
.bfzd2, .bfzd3{padding:0 0;}
.bfzd3 h2.dtit{text-align:left; float:left;}
.bfzd4 table td:nth-of-type(1){position:relative; width:100%; line-height:180%;}
.bfzd4 img[alt='bgimg']{width:auto; height:auto; position:static; }
.syisdnews .list{width:100%;}
}
/*====*/
/*bkw*/
.bkw .main.top{padding:10px 10px 0 10px;}
.bkw .list{padding:15px;}
.bkw .list .frm{background:#fff; padding:20px;}
.bkw .list section{color:#333; padding-top:15px;}
.bkw .list h3.subject{height:7em; font-size:24px; font-weight:300; padding-left:30px; padding-right:30px;}
.bkw .list .path{border-top:1px solid #ccc; display:block; padding:20px 0; font-size:17px; padding-left:30px; padding-right:30px; position:relative;}
.bkw .list .material-symbols-outlined{display:block; position:absolute; right:20px; top:50%; transform:translateY(-50%);}

.bkw .list .material-symbols-outlined {
  font-variation-settings:
  'FILL' 0,
  'wght' 400,
  'GRAD' 0,
  'opsz' 48
}
@media screen and (max-width:1280px){/*phone*/
.bkw .list h3.subject{font-size:18px; padding-left:0px; padding-right:0px;}

}
/*shoplist*/
.shoplist{border-top:1px solid #000;}
@media screen and (max-width:960px){/*phone*/

.shoplist .side{width:25%;}
.shoplist .main{width:75%; padding-left:30px;}
}
@media screen and (max-width:960px){/*phone*/

.shoplist .side{width:100%;}
.shoplist .main{width:100%; padding-left:0;}
}
/*checkpage*/
.checkpage,.mbpage{border-top:1px solid #000; padding-top:30px;}
.mbpage .page{padding:30px 1em 30px 1em;}
.checkpage .page{max-width:900px; margin:0 auto;}
.checkpage .main{width:100%;}
/*A0901*/
.MBLayout h1{width:66%; float:right;}
.MBLayout figure{width:33%;}
.MBLayout .innerhtml.sum{width:66%; padding-left:2em;}
.MBLayout .innerhtml{margin-top:2em;}
/*QALayout*/
.QALayout .main .list h3.subject{text-indent:-30px; margin-left:30px;}
/*syis default product*/
.Ctlist .main .list{text-align:center;}

/*syis default download*/
.DWlist .main .list{border-bottom:1px dotted #ccc;}
.DWlist .main .list h3.subject, .DWlist .main .list .path{display:inline-block; vertical-align: top;}
.DWlist .main .list .frm{padding:0;}
.DWlist .main .list .path{width:6em; line-height:180%; padding:0.5em 0;}
.DWlist .main .list h3.subject{width:calc(100% - 6em); }

@media screen and (max-width:1286px){/*desktop*/
	
}
@media screen and (max-width:960px){/*desktop-small pad*/
	/*A0209*/
.A0209 .main .list h3.subject{width:100%; display: inline-block;}
.A0209 .main .list .path{width:6em; display: inline-block; }
.A0209 .main .list .more{width:4em; display: inline-block; float:right;}
}
@media screen and (max-width:767px){/*phone*/
.MBLayout figure,.MBLayout h1{width:100%; text-align: left; font-size:20px;}
.MBLayout .innerhtml.sum{width:100%; padding-left:0;}
/*A0203 style*/
.A0203_detail .side, .A0204_detail .side{display: none;}
}