#Main #CMain .CCMain { margin: 0 auto; width: 100%; border-top: solid 1px rgb(255 197 108); } #Main #CMain .CCMain:after { float: none; clear: both; content: ''; display: block; height: 0; overflow: hidden; } #Main #CMain .CCMain .CM1 { margin: 0px auto 0px; text-align: center; } #Main #CMain .CCMain .CM1 .CMMarquee { position: relative; z-index: 5; width: 100%; } #Main #CMain .CCMain .CM1 .CMMarquee .CMContent { position: relative; margin: 0 auto; width: 100%; } #Main #CMain .CCMain .CM1 .CMMarquee .CMContent .HomeMarqueeImage { position: absolute; z-index: 1; bottom: -5.2vw; left: 0px; width: 100%; height: 17.96vw; background-repeat: no-repeat; background-position: top center; background-size: 100% auto; } #Main #CMain .CCMain .CM1 .CMMarquee .CMContent #HomeMarquee { position: relative; overflow: hidden; font-size: inherit; background-color: var( --DfMenuBgColor ); } #Main #CMain .CCMain .CM1 .CMMarquee .CMContent #HomeMarquee .BtnLeft { position: absolute; z-index: 5; left: 5px; top: calc( 50% - 18px ); width: 36px; height: 36px; border-radius: 50%; background-color: rgba( 0, 0, 0, 0.6 ); padding: 0px 0px; transition: 0.3s; } #Main #CMain .CCMain .CM1 .CMMarquee .CMContent #HomeMarquee .BtnLeft:hover { background-color: rgba( 0, 0, 0, 0.5 ); cursor: pointer; } #Main #CMain .CCMain .CM1 .CMMarquee .CMContent #HomeMarquee .BtnLeft .material-symbols-outlined { color: #FFF; font-size: 36px; } #Main #CMain .CCMain .CM1 .CMMarquee .CMContent #HomeMarquee .BtnRight { position: absolute; z-index: 5; right: 5px; top: calc( 50% - 18px ); width: 36px; height: 36px; border-radius: 50%; background-color: rgba( 0, 0, 0, 0.6 ); padding: 0px 0px; transition: 0.3s; } #Main #CMain .CCMain .CM1 .CMMarquee .CMContent #HomeMarquee .BtnRight:hover { background-color: rgba( 0, 0, 0, 0.5 ); cursor: pointer; } #Main #CMain .CCMain .CM1 .CMMarquee .CMContent #HomeMarquee .BtnRight .material-symbols-outlined { color: #FFF; font-size: 36px; } #Main #CMain .CCMain .CM1 .CMMarquee .CMContent #HomeMarquee .ImageMain { height: 0px; overflow: hidden; } #Main #CMain .CCMain .CM1 .CMMarquee .CMContent #HomeMarquee .ImageMain:after { float: none; clear: both; content: ''; display: block; height: 0; overflow: hidden; } #Main #CMain .CCMain .CM1 .CMMarquee .CMContent #HomeMarquee .ImageMain .Item { position: relative; overflow: hidden; float: left; width: 100%; height: 0px; padding: 0px; background-size: 100% auto; background-repeat: no-repeat; background-position: top center; background-size: cover; } #Main #CMain .CCMain .CM1 .CMMarquee .CMContent #HomeMarquee .ImageMain .Item .MarqueeItemPicture { width: 100%; height: max-content; background-size: 100% auto; background-repeat: no-repeat; background-position: top center; background-size: cover; } #Main #CMain .CCMain .CM1 .CMMarquee .CMContent #HomeMarquee .ImageMain .Item .MarqueeItemPicture img { width: 100%; } #Main #CMain .CCMain .CM1 .CMMarquee .CMContent #HomeMarquee .ImageMain .Item[animate="N"] .MarqueeItemPicture { display: flex; justify-content: center; height: 100%; } #Main #CMain .CCMain .CM1 .CMMarquee .CMContent #HomeMarquee .ImageMain .Item[animate="N"] .MarqueeItemPicture img { width: auto; height: 100%; } /* #Main #CMain .CCMain .CM1 .CMMarquee .CMContent #HomeMarquee .ImageMain .Item .MarqueeItemPicture { animation: animate 15s linear infinite; } @keyframes animate { 0%, 10% { margin-top: 0px; } 45%, 55% { margin-top: -300px; } 100% { margin-top: 0px; } } */ #Main #CMain .CCMain .CM1 .CMMarquee .CMContent #HomeMarquee .ImageMain .Item .ICM { /*display: none;*/ position: absolute; right: 10px; bottom: 20px; font-size: 1.8rem; text-align: center; background-color: rgba( 255, 255, 255, 0.6 ); padding: 8px 15px; border-radius: 8px; box-shadow: 0px 5px 5px rgb(0 0 0 / 20%); text-shadow: 0px 3px 5px rgb(0 0 0 / 30%); letter-spacing: 2px; } #Main #CMain .CCMain .CM1 .CMMarquee .CMContent #HomeMarquee .ImageMain .Item .ICM.ICM1 { } #Main #CMain .CCMain .CM1 .CMMarquee .CMContent #HomeMarquee .ImageMain .Item .ICM.ICM2 { } #Main #CMain .CCMain .CM1 .CMMarquee .CMContent #MarqueePointer { position: absolute; z-index: 2; bottom: 1.56vw; left: 0px; display: flex; justify-content: center; width: 100%; } #Main #CMain .CCMain .CM1 .CMMarquee .CMContent #MarqueePointer ul.Pointer { list-style-type: none; } #Main #CMain .CCMain .CM1 .CMMarquee .CMContent #MarqueePointer ul.Pointer:after { float: none; clear: both; content: ''; display: block; height: 0; overflow: hidden; } #Main #CMain .CCMain .CM1 .CMMarquee .CMContent #MarqueePointer ul.Pointer li { float: left; margin-left: 10px; height: 14px; width: 14px; border-radius: 8px; background-color: #FFFFFF; border: solid 1px #909090; transition: .3s; } #Main #CMain .CCMain .CM1 .CMMarquee .CMContent #MarqueePointer ul.Pointer li.Current { background-color: var( --DfMenuBgColor ); width: 30px; } .NoData { margin: 15px auto; font-size: 1rem; text-align: center; } .HTML {} .HTML p { margin: 5px 0px; } #Main #CMain .CCMain .CM2 { display: flex; margin: 0px auto 0px; width: 100%; max-width: var( --ContentsMaxWidth ); padding: 0px 0px; } #Main #CMain .CCMain .CM2 .DivStyle { background-color: #FFF; box-shadow: 0px 8px 8px rgba( 0, 0, 0, 0.25 ); border-radius: 5px; } #Main #CMain .CCMain .CM2 .CM2L { flex: none; width: 330px; padding: 10px 10px; } #Main #CMain .CCMain .CM2 .CM2L .TitleStyle { font-size: 1.5rem; color: var( --DfTitleColor1 ); font-weight: 700; border-bottom: solid 3px var( --DfTitleColor1 ); } #Main #CMain .CCMain .CM2 .CM2L .CM2L1 { padding: 10px 15px; } #Main #CMain .CCMain .CM2 .CM2L .CM2L1 .MT { padding: 0px 0px 3px; } #Main #CMain .CCMain .CM2 .CM2L .CM2L1 .MC { padding: 5px 0px; } #Main #CMain .CCMain .CM2 .CM2L .CM2L1 .MC .Data { } #Main #CMain .CCMain .CM2 .CM2L .CM2L1 .MC .Data a.I { display: block; padding: 5px 2px; border-radius: 3px; transition: .3s; } #Main #CMain .CCMain .CM2 .CM2L .CM2L1 .MC .Data a.I:hover { background-color: #F2F2F2; } #Main #CMain .CCMain .CM2 .CM2L .CM2L1 .MC .Data a.I .T { color: #e30000; font-size: 1.2rem; } #Main #CMain .CCMain .CM2 .CM2L .CM2L1 .MC .Data a.I .C { color: #333333; font-size: 0.9rem; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; } #Main #CMain .CCMain .CM2 .CM2L .CM2L1 .MC a.More { display: block; margin-top: 8px; padding: 1px 0px; border-top: solid 1px #999; border-bottom: solid 1px #999; color: #7a4616; text-align: right; } #Main #CMain .CCMain .CM2 .CM2L .CM2L2 { margin-top: 20px; padding: 10px 15px; } #Main #CMain .CCMain .CM2 .CM2L .CM2L2 .MT { padding: 0px 0px 3px; } #Main #CMain .CCMain .CM2 .CM2L .CM2L2 .MC { padding: 5px 0px; } #Main #CMain .CCMain .CM2 .CM2L .CM2L2 .MC .Data { } #Main #CMain .CCMain .CM2 .CM2L .CM2L2 .MC .Data a.I { display: block; padding: 5px 2px; border-radius: 3px; transition: .3s; } #Main #CMain .CCMain .CM2 .CM2L .CM2L2 .MC .Data a.I:hover { background-color: #F2F2F2; } #Main #CMain .CCMain .CM2 .CM2L .CM2L2 .MC .Data a.I .T { color: #333333; font-size: 1rem; } #Main #CMain .CCMain .CM2 .CM2L .CM2L2 .MC a.More { display: block; margin-top: 8px; padding: 1px 0px; border-top: solid 1px #999; border-bottom: solid 1px #999; color: #7a4616; text-align: right; } #Main #CMain .CCMain .CM2 .CM2L .CM2L3 { margin-top: 20px; padding: 10px 15px; } #Main #CMain .CCMain .CM2 .CM2L .CM2L3 .MT { padding: 0px 0px 3px; } #Main #CMain .CCMain .CM2 .CM2L .CM2L3 .MC { padding: 5px 0px; } #Main #CMain .CCMain .CM2 .CM2L .CM2L3 .MC .Data { } #Main #CMain .CCMain .CM2 .CM2L .CM2L3 .MC .Data a.I { display: block; margin: 4px 0px; padding: 5px 2px; border-radius: 3px; transition: .3s; } #Main #CMain .CCMain .CM2 .CM2L .CM2L3 .MC .Data a.I:hover { background-color: #F2F2F2; } #Main #CMain .CCMain .CM2 .CM2L .CM2L3 .MC .Data a.I .C { color: #333333; font-size: 1rem; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } #Main #CMain .CCMain .CM2 .CM2C { flex: 1; padding: 10px 10px; } #Main #CMain .CCMain .CM2 .CM2C .CM2C1 { padding: 17px 15px; } #Main #CMain .CCMain .CM2 .CM2C .CM2C1 .MTop { display: flex; justify-content: space-between; align-items: flex-end; } #Main #CMain .CCMain .CM2 .CM2C .CM2C1 .MTop .MTLeft { flex: 1; border-bottom: solid 1px #999; } #Main #CMain .CCMain .CM2 .CM2C .CM2C1 .MTop .MTRight { display: flex; justify-content: flex-end; flex: none; margin-left: 20px; width: max-content; } #Main #CMain .CCMain .CM2 .CM2C .CM2C1 .MTop .MTRight span.material-symbols-outlined { color: #555; } #Main #CMain .CCMain .CM2 .CM2C .CM2C1 .MTop .MTRight .DepartmentSelect { position: relative; } #Main #CMain .CCMain .CM2 .CM2C .CM2C1 .MTop .MTRight .DepartmentSelect button { display: flex; align-items: center; padding: 4px 15px; border-radius: 3px; background-color: #DDD; color: #555; } #Main #CMain .CCMain .CM2 .CM2C .CM2C1 .MTop .MTRight .DepartmentSelect .DepartmentList { overflow: auto; position: absolute; z-index: 5; display: none; width: 100%; max-height: 200px; border: solid 1px #AAA; background-color: #FFF; border-radius: 3px; box-shadow: 0px 3px 3px rgba( 0, 0, 0, 0.2 ); } #Main #CMain .CCMain .CM2 .CM2C .CM2C1 .MTop .MTRight .DepartmentSelect .DepartmentList.Open { display: block; } #Main #CMain .CCMain .CM2 .CM2C .CM2C1 .MTop .MTRight .DepartmentSelect .DepartmentList ul { padding: 3px 0px; } #Main #CMain .CCMain .CM2 .CM2C .CM2C1 .MTop .MTRight .DepartmentSelect .DepartmentList ul li { padding: 3px 0px; } #Main #CMain .CCMain .CM2 .CM2C .CM2C1 .MTop .MTRight .DepartmentSelect .DepartmentList ul li button { width: 100%; padding: 4px 14px; background-color: #FFF; font-size: 0.95rem; } #Main #CMain .CCMain .CM2 .CM2C .CM2C1 .MTop .MTRight .DepartmentSelect .DepartmentList ul li button:hover { background-color: #fef7da; cursor: pointer; } #Main #CMain .CCMain .CM2 .CM2C .CM2C1 .MTop .MTRight .DepartmentSelect .DepartmentList ul li button.This { background-color: #ffefab; } #Main #CMain .CCMain .CM2 .CM2C .CM2C1 .MTop .MTRight .Rss { display: flex; align-items: center; margin-left: 10px; padding: 3px 5px; background-color: #DDD; border-radius: 3px; } #Main #CMain .CCMain .CM2 .CM2C .CM2C1 .MCenter { } #Main #CMain .CCMain .CM2 .CM2C .CM2C1 .MCenter .MCTag { overflow: auto; width: 100%; padding: 15px 0px 0px; } #Main #CMain .CCMain .CM2 .CM2C .CM2C1 .MCenter .MCTag ul { display: flex; align-items: center; width: 100%; } #Main #CMain .CCMain .CM2 .CM2C .CM2C1 .MCenter .MCTag ul li { flex: none; width: max-content; height: max-content; padding-right: 10px; } #Main #CMain .CCMain .CM2 .CM2C .CM2C1 .MCenter .MCTag ul li button { display: flex; padding: 3px 15px; font-size: 1.2rem; color: #f19100; background-color: #FFF; border-top-right-radius: 8px; border: solid 2px #f6b221; } #Main #CMain .CCMain .CM2 .CM2C .CM2C1 .MCenter .MCTag ul li button:hover { padding: 5px 17px; border: none; color: #FFF; background: linear-gradient(#ffdf99 0%, #ffdf99 50%, #ffbc57 51%, #ffbc57 100%); cursor: pointer; } #Main #CMain .CCMain .CM2 .CM2C .CM2C1 .MCenter .MCTag ul li button.This { padding: 5px 17px; border: none; color: #FFF; background: linear-gradient( #f6b221 0%, #f6b221 50%, #f19100 51%, #f19100 100% ); } #Main #CMain .CCMain .CM2 .CM2C .CM2C1 .MCenter .MCList { height: max-content; padding: 5px 0px 10px; transition: .5s; /*background-size: 60px auto; background-position: center center; background-repeat: no-repeat;*/ } #Main #CMain .CCMain .CM2 .CM2C .CM2C1 .MCenter .MCList.Loading { -webkit-filter: opacity( 20% ); filter: opacity( 20%) ; /*height: 60px; background-image: url( '/__/app/s/loading.svg' );*/ } #Main #CMain .CCMain .CM2 .CM2C .CM2C1 .MCenter .MCList .I { display: flex; justify-content: space-between; align-items: center; } #Main #CMain .CCMain .CM2 .CM2C .CM2C1 .MCenter .MCList .I .C { padding: 12px 5px; text-align: center; font-size: 1rem; color: #333333; } #Main #CMain .CCMain .CM2 .CM2C .CM2C1 .MCenter .MCList .I.Title { border-bottom: solid 1px #42a08f; } #Main #CMain .CCMain .CM2 .CM2C .CM2C1 .MCenter .MCList .I.Title .C { font-size: 1rem; color: #555; } #Main #CMain .CCMain .CM2 .CM2C .CM2C1 .MCenter .MCList .I.Title .C.S { padding-left: 30px; text-align: left; } #Main #CMain .CCMain .CM2 .CM2C .CM2C1 .MCenter .MCList .ListContent { border-bottom: solid 1px #d3d3d3; } #Main #CMain .CCMain .CM2 .CM2C .CM2C1 .MCenter .MCList .I.List { } #Main #CMain .CCMain .CM2 .CM2C .CM2C1 .MCenter .MCList .I.List:nth-child(even) { background-color: #fef7da; } #Main #CMain .CCMain .CM2 .CM2C .CM2C1 .MCenter .MCList .I.List:hover { background-color: #dbdbdb; cursor: pointer; } #Main #CMain .CCMain .CM2 .CM2C .CM2C1 .MCenter .MCList .I.List .C.S { text-align: left; padding: 5px; padding-left: 25px; } #Main #CMain .CCMain .CM2 .CM2C .CM2C1 .MCenter .MCList .I.List .C.S span.material-symbols-outlined { color: #f09100; font-size: 1.3rem; } #Main #CMain .CCMain .CM2 .CM2C .CM2C1 .MCenter .MCList .I.List .C.S span.material-symbols-outlined.File { color: #17a100; } #Main #CMain .CCMain .CM2 .CM2C .CM2C1 .MCenter .MCList .I.List .C.S span.material-symbols-outlined.OutSiteLink { color: #0080bd; } #Main #CMain .CCMain .CM2 .CM2C .CM2C1 .MCenter .MCList .I.List .C.S.Top { position: relative; } #Main #CMain .CCMain .CM2 .CM2C .CM2C1 .MCenter .MCList .I.List .C.S.Top::before { content: ''; position: absolute; z-index: 0; top: 0px; left: 0px; display: block; width: 0; height: 0; border-top: 30px solid #fcd067; border-right: 30px solid transparent; } #Main #CMain .CCMain .CM2 .CM2C .CM2C1 .MCenter .MCList .I .S { flex: 1; } #Main #CMain .CCMain .CM2 .CM2C .CM2C1 .MCenter .MCList .I .D { flex: none; width: max-content; min-width: 130px; padding: 0px 20px; color: #666666; } #Main #CMain .CCMain .CM2 .CM2C .CM2C1 .MCenter .MCList .I .DT { flex: none; width: 80px; font-size: 0.8rem; text-align: left; color: #666666; } #Main #CMain .CCMain .CM2 .CM2C .CM2C2 { margin-top: 20px; padding: 17px 15px; } #Main #CMain .CCMain .CM2 .CM2C .CM2C2 iframe { width: 100%; height: 700px; } #Main #CMain .CCMain .CM2 .CM2R { flex: none; width: 330px; padding: 10px 10px; } #Main #CMain .CCMain .CM2 .CM2R .fb-page { overflow: hidden; } @media screen and (max-width: 1280px) { #Main #CMain .CCMain .CM2 { flex-wrap: wrap; } #Main #CMain .CCMain .CM2 .CM2L { order: 1; flex: 1; width: 100%; } #Main #CMain .CCMain .CM2 .CM2C { order: 3; flex: none; width: 100%; } #Main #CMain .CCMain .CM2 .CM2R { order: 2; flex: none; width: 100%; max-width: 500px; } } @media screen and (max-width: 1024px) { } @media screen and (max-width: 768px) { #Main #CMain .CCMain .CM2 .CM2L { order: 1; flex: none; width: 100%; } #Main #CMain .CCMain .CM2 .CM2C { order: 2; } #Main #CMain .CCMain .CM2 .CM2R { order: 3; flex: none; max-width: 100%;; display: flex; justify-content: center; } #Main #CMain .CCMain .CM2 .CM2C .CM2C1 .MCenter .MCTag ul li button { padding: 3px 10px; font-size: 1rem; } #Main #CMain .CCMain .CM2 .CM2C .CM2C1 .MCenter .MCList .I .C { padding: 5px 5px; } #Main #CMain .CCMain .CM2 .CM2C .CM2C1 .MCenter .MCList .I.Title .S { flex: 1; } #Main #CMain .CCMain .CM2 .CM2C .CM2C1 .MCenter .MCList .I.List { padding: 5px 0px; } #Main #CMain .CCMain .CM2 .CM2C .CM2C1 .MCenter .MCList .I { flex-wrap: wrap; justify-content: flex-end; } #Main #CMain .CCMain .CM2 .CM2C .CM2C1 .MCenter .MCList .I .S { flex: none; width: 100%; } #Main #CMain .CCMain .CM2 .CM2C .CM2C1 .MCenter .MCList .I .D { } #Main #CMain .CCMain .CM2 .CM2C .CM2C1 .MCenter .MCList .I .DT { font-size: 0.8rem; } #Main #CMain .CCMain .CM1 .CMMarquee .CMContent #HomeMarquee .ImageMain .Item .ICM { bottom: 40px; font-size: 1.5rem; padding: 4px 15px; } } @media screen and (max-width: 550px) { #Main #CMain .CCMain .CM1 .CMMarquee .CMContent #HomeMarquee .ImageMain .Item .MarqueeItemPicture { overflow: hidden; height: 100%; } #Main #CMain .CCMain .CM1 .CMMarquee .CMContent #HomeMarquee .ImageMain .Item .MarqueeItemPicture img { width: auto; height: 100%; } }