@charset "utf-8"; /* CSS Document */ .banner { position: relative; z-index: 1 } /* Browser Resets *********************************/ .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus { outline: none; } .slides, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none; } /* FlexSlider Necessary Styles *********************************/ .flexslider { margin: 0; padding: 0; } .flexslider .slides>li { display: none; -webkit-backface-visibility: hidden; position: relative } /* Hide the slides before the JS is loaded. Avoids image jumping */ .banner .flexslider .slides>li a { display: block; overflow: hidden; width: 100%; height: 100%; background-size: cover !important; } .banner .flexslider ul li.flex-active-slide img { transition: transform 6000ms linear 0s; -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .flexslider .slides>li.clone { position: relative } .flexslider .slides img { width: 100%; display: block; } .flex-pauseplay span { text-transform: capitalize; } /* Clearfix for the .slides element */ .slides:after { content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } html[xmlns] .slides { display: block; } * html .slides { height: 1%; } /* No JavaScript Fallback */ /* If you are not using another script, such as Modernizr, make sure you * include js that eliminates this class on page load */ .no-js .slides>li:first-child { display: block; } /* FlexSlider Default Theme *********************************/ .flexslider { position: relative; zoom: 1; } .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .loading .flex-viewport { max-height: 300px; } .flexslider .slides { zoom: 1; } .carousel li { margin-right: 5px; } /* Direction Nav */ .flex-direction-nav { * ; display: none; display: n; } .flex-direction-nav a { text-decoration: none; display: block; width: 90px; height: 90px; position: absolute; top: 50%; z-index: 99; overflow: hidden; cursor: pointer; margin-top: -45px; text-indent: 999em; transition: all 0.35s ease-in-out } .flex-direction-nav a:hover { text-shadow: 1px 1px 0 #666; } .flex-direction-nav .flex-prev { left: 3%; } .flex-direction-nav .flex-next { right: 3%; } .flexslider:hover .flex-prev { display: none; } .flexslider:hover .flex-next {} .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 0.6; } .flex-direction-nav .flex-disabled { opacity: 0 !important; filter: alpha(opacity=0); cursor: default; } /* Pause/Play */ .flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; background: #ddd } .flex-pauseplay a:before { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; } .flex-pauseplay a:hover { opacity: 1; } .flex-pauseplay a.flex-play:before { content: '\f003'; } /* Control Nav */ .flex-control-nav { width: 100%; position: absolute; bottom: -2px; /*! left:0; */ text-align: center; z-index: 9999; } .flex-control-nav li { margin: 10px 6px 0; display: block; zoom: 1; *display: inline; vertical-align: bottom; } .flex-control-paging li a { width: 8px; height: 8px; display: block; cursor: pointer; } .flex-control-paging li a:hover {} .flex-control-paging li a.flex-active {} .flex-control-thumbs { margin: 5px 0 0; position: static; overflow: hidden; } .flex-control-thumbs li { width: 25%; float: left; margin: 0; } .flex-control-thumbs img { width: 100%; display: block; opacity: .7; cursor: pointer; } .flex-control-thumbs img:hover { opacity: 1; } .flex-control-thumbs .flex-active { opacity: 1; cursor: default; } .banner .flex-prev { background: url(../images/lf.png) no-repeat; background-size: cover; display: none } .banner .flex-next { background: url(../images/rt.png) no-repeat; background-size: cover; display: none } .banner .flex-control-paging { display: none; width: 148px; position: absolute; bottom: 325px; right: 0; z-index: 1045; text-align: center; } .banner .flexslider { position: relative; z-index: 0; } .banner .container { background: rgba(41, 67, 121, 0.92); background: #294379 \0; *background: #294379; overflow: hidden; position: absolute; bottom: 42px; z-index: 1; width: 1320px; overflow: hidden; left: 50%; margin-left: -660px; } .bannerbg { background: url(../images/bannerbg.png) repeat; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 99; } .banner.current { margin-top: 60px; } /*校庆公告*/ .articleList00 { max-width: 1000px; width: 80%; overflow: hidden; position: absolute; left: 50%; top: 50%; z-index: 99; /* margin-left: -500px; */ /* margin-top: -176px; */ transform: translate(-50%, -50%); text-align: center; } .articleList00 h3 { font-size: 65px; font-size: 6.5rem; color: #fff; font-weight: normal; text-align: center; } .articleList00 p { font-size: 21px; font-size: 2.1rem; color: #fff; text-align: center; display: block; margin: 20px auto 60px auto; } .bit-Notice { background: rgba(175, 42, 60, 0.6); /* background: #af2a3c; */ * background: #af2a3c; height: 166px; border-radius: 6px; padding: 50px; box-sizing: border-box; overflow: hidden; position: relative; margin: 0 5px; /* margin: 0; */ display: inline-block; } .bit-Notice2 { /* width:100%; */ width: 463px; padding: 35px; margin: 0; } .noticeText { height: 60px; /* background: url(../images/lo.png) no-repeat left center; */ padding: 0 75px 0 92px; border-right: rgba(255, 255, 255, .33) 1px solid; margin-right: 87px; position: relative; text-align: left; } .bit-Notice2 .noticeText { background: none; } .noticeText .title { font-size: 27px; font-size: 2.7rem; color: #fff; display: block; margin: 0 0 5px 0; } .noticeText a { color: #fff; opacity: 0.7; } .noticeText a:hover { opacity: 1; } .bit-Notice .more { width: 35px; height: 33px; position: absolute; right: 50px; top: 63px; transition: all 0.3s ease-in-out; } .bit-Notice .more a { display: block; } .content { overflow: hidden; position: relative; z-index: 9; } .wrap_mode01 { overflow: hidden; } .mode01 { /* overflow: hidden; */ margin: 80px auto; } .mode01 .date { background: #af2a3c; border: #af2a3c 1px solid; height: 25px; line-height: 25px; font-size: 12px; font-weight: bold; display: inline-block; border-radius: 5px; position: absolute; left: 10px; bottom: 6px; } .mode1Top { position: relative; } .mode01 .lf { width: 49.3%; overflow: hidden; } .mode01 .rt { width: 49.2%; overflow: hidden; } .articleList01 { position: relative; border-radius: 6px; overflow: hidden; } .articleList01 a { display: block; } .articleList01 .imgResponsive { padding-bottom: 68.67%; } .articleList01 .date { background: #af2a3c; border: #af2a3c 1px solid; height: 25px; line-height: 25px; font-size: 12px; font-weight: bold; display: inline-block; border-radius: 5px; margin: 0 0 15px 23px; } .date .year { color: #fff; padding: 0 5px; display: inline-block; height: 25px; line-height: 25px; } .date .day { background: #fff; color: #af2a3c; padding: 0 5px; display: inline-block; height: 25px; line-height: 25px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; } .articleList01 .artText { width: 100%; position: absolute; left: 0; bottom: 0; overflow: hidden; } .articleList01 .artCon { display: block; height: 87px; line-height: 87px; font-size: 22px; font-size: 1.8rem; display: block; background: rgba(175, 42, 60, 0.5); color: #fff; padding: 0 3%; } /*倒计时*/ .anniversary { text-align: center; overflow: hidden; /* letter-spacing: 4px; */ /* line-height: 27px; */ /* float: left; */ } .anniversary .time { font-size: 12px; display: inline-block; color: #fff; /* margin: 0 0 5px 0; */ float: left; } .anniversary .title { font-size: 21px; font-size: 2.1rem; display: inline-block; color: #fff; letter-spacing: 4px; float: right; } .dates { margin-top: 0; text-align: right; } .dates .title { font-size: 21px; font-size: 2.1rem; color: #fff; letter-spacing: 6px; } .dates p { display: block; background: url(../images/dates-text.png) no-repeat left center; margin: 10px 0 0px 0; height: 46px; line-height: 46px; position: relative; } .dates #t_d01 { font-size: 50px; font-size: 5.0rem; color: #fff; position: absolute; right: auto; left: 216px; } .dates .school { font-size: 10px; color: #eee; } .articleList03 { margin: 30px 0 0 0; overflow: hidden; } .articleList03 ul { margin: 0 -15px; overflow: hidden; } .articleList03 li { width: 49.9%; float: left; } .articleList03 li a { display: block; margin: 0 15px; overflow: hidden; position: relative; border: #af2a3c 2px solid; border-radius: 6px; } .articleList03 .imgResponsive { padding-bottom: 57.67%; } .articleList03 .artText { height: 60px; background: url(../images/80-red.png) no-repeat left center; padding-left: 90px; display: inline-block; position: absolute; left: 50%; top: 50%; z-index: 9; margin-left: -99px; margin-top: -30px; } .articleList03 .artText.artText02 { background: url(../images/house2.png) no-repeat left center; } .articleList03 .title { font-size: 27px; font-size: 2.7rem; color: #af2a3c; display: block; margin: 0 0 5px 0; transition: all 0.3s ease-in-out; } .articleList03 .more { color: #af2a3c; opacity: 0.7; background: url(../images/more02.png) no-repeat center right; padding-right: 20px; transition: all 0.3s ease-in-out; } /*校庆新闻*/ .wrap_mode02 { background: #f8f8f8; overflow: hidden; } .mode02 { margin: 80px auto; overflow: hidden; margin-bottom: 65px; } .mode02 .lf { width: calc(50% - 60px); overflow: hidden; } .mode02 .rt { width: calc(50% - 60px); overflow: hidden; } .articleTitle01 { height: 45px; line-height: 45px; border-bottom: #af2a3c 3px solid; padding: 0 0 20px 0; margin-bottom: 30px; overflow: hidden; } .articleTitle01 .title { font-size: 34px; font-size: 3.4rem; float: left; } .articleTitle01 .more { font-size: 14px; color: #af2a3c; background: url(../images/more02.png) no-repeat right 6px center; padding-right: 30px; float: right; transition: all 0.3s ease-in-out; } .bit-List01 li { margin: 0 0 25px 0; overflow: hidden; } .bit-List01 .date, .bit-List05 .date { background: #af2a3c; border: #af2a3c 1px solid; height: 25px; line-height: 25px; font-size: 12px; font-weight: bold; display: inline-block; border-radius: 5px; float: left; } .bit-List01 a { display: block; margin-left: 110px; overflow: hidden; height: 28px; line-height: 28px; transition: all 0.3s ease-in-out; } /*通知公告*/ .bit-List02 { overflow: hidden; } .bit-List02 li { margin: 0 0 25px 0; overflow: hidden; } .bit-List02 .rightDate { float: right; color: #af2a3c; } .bit-List02 a { background: url(../images/libg.png) no-repeat left center; padding-left: 30px; height: 28px; line-height: 28px; overflow: hidden; transition: all 0.3s ease-in-out; display: block; } /*校庆安排*/ .wrap_mode03 { background: url(../images/modebg.jpg) no-repeat; overflow: hidden; background-size: cover; } .mode03 { margin: 90px auto; /*! overflow: hidden; */ } .articleTitle02 { text-align: center; overflow: hidden; position: relative; padding-bottom: 25px; margin-bottom: 60px; } .articleTitle02 .title { font-size: 43px; font-size: 4.3rem; color: #fff; /*background:url(../images/80.png) no-repeat left center;*/ background-size: 55px; padding-left: 70px; } .articleTitle02:before { /*content: "";*/ display: block; width: 24px; height: 3px; background: #fff; position: absolute; left: 50%; bottom: 0; margin-left: -12px; } .mode03 .flexslider .slides>li { display: block; } .bit-List03 { text-align: center; max-width: 967px; margin: 0 auto; background: url(../images/dian.png) no-repeat center; } .bit-List03 dd { width: 203px; display: inline-block; margin: 20px 55px; *float: left; position: relative; } .bit-List03 dd:before { content: ""; display: block; width: 58px; height: 58px; /* background:#ad2a3c;*/ border-radius: 50%; position: absolute; left: 50%; top: -18px; margin-left: -29px; /*box-shadow: 0 2px 6px 0px #5c171f;*/ z-index: 0; } .bit-List03 dd a { display: block; background: #f4e8e9; text-align: center; border: #ad2a3c 2px solid; border-radius: 6px; box-shadow: 0 2px 6px 0px #5c171f; position: relative; padding: 40px 0 20px 0; z-index: 1; } .bit-List03 .num { display: block; width: 36px; height: 36px; text-align: center; line-height: 36px; background: #e54d49; color: #fff; border-radius: 50%; margin: 0 auto; border: #f4e8e9 9px solid; position: absolute; left: 50%; top: -17px; margin-left: -27px; } .bit-List03 .artText { font-weight: bold; color: #af2a3c; } .bit-List03 dd a:hover { margin-top: -6px; } .bit-List03 dd a:hover .num { background: #af2a3c; } /*各学院主要活动*/ .bit-List04 { text-align: center; overflow: hidden; max-width: 967px; margin: 0 auto; background: url(../images/dian.png) no-repeat center; padding: 0 40px; } .bit-List04 dd { display: inline-block; margin: 20px 35px; *float: left; *width: 25%; position: relative; } .bit-List04 dd a { display: block; background: #f4e8e9; text-align: center; border: #ad2a3c 2px solid; border-radius: 6px; box-shadow: 0 2px 6px 0px #5c171f; position: relative; height: 46px; line-height: 46px; z-index: 1; } .bit-List04 dd:before { content: ""; display: block; width: 62px; height: 62px; background: #ad2a3c; border-radius: 50%; position: absolute; left: -27px; top: -6px; box-shadow: 0 2px 6px 0px #5c171f; } .bit-List04 .iconbg { display: block; width: 36px; height: 36px; background: url(../images/iconbg.png) no-repeat center #e54d49; border-radius: 50%; border: #f5e8ea 11px solid; position: absolute; left: -27px; top: -6px; z-index: 1; } .bit-List04 .artText { font-weight: bold; color: #af2a3c; padding: 0 22px 0 45px; } .mode03 .flex-direction-nav a { display: block; width: 39px; height: 36px; } .mode03 .flex-prev { background: url(../images/prev.png) no-repeat; left: 0; top: 50%; margin-top: -18px; } .mode03 .flex-next { background: url(../images/next.png) no-repeat; right: 0; top: 50%; margin-top: -18px; } .mode03 .flex-control-nav { bottom: -40px; } .mode03 .flex-control-nav li { margin: 0 3px; display: inline-block; *float: left; } .mode03 .flex-control-paging li a { width: 73px; height: 7px; border-radius: 6px; background: #c67781; text-indent: 999em; } .mode03 .flex-control-paging li a.flex-active { background: #efd8db; } /*bifa88印象*/ .mode04 { margin: 85px auto; overflow: hidden; } .mode04 .lf { width: 63%; overflow: hidden } .mode04 .rt { width: 32%; overflow: hidden; } .bit-List05 { margin: 0 -15px; overflow: hidden; } .bit-List05 li { width: 50%; float: left; } .bit-List05 li a { display: block; margin: 0 15px; } .bit-List05 .artImg { display: block; position: relative; /* border-radius: 6px; */ overflow: hidden; } .bit-List05 .date { position: absolute; left: 10px; bottom: 7px; } .bit-List05 .imgResponsive { padding-bottom: 68.67%; } .bit-List05 .artText { display: block; height: 54px; line-height: 27px; margin: 25px 0 0 0; overflow: hidden; } .bit-List05 .more { display: inline-block; width: 86px; height: 55px; text-align: center; line-height: 68px; background: rgba(229, 77, 73, 0.6); border-radius: 6px; position: absolute; left: 50%; top: 50%; margin-left: -43px; margin-top: -27px; } .bit-List05 .more img { width: auto; } /*祝福bifa88*/ .bit-List06 {} .bit-List06 li { margin-bottom: 6px; overflow: hidden; } .bit-List06 .libg { display: block; float: left; width: 52px; height: 52px; background: #e54d49; color: #fff; text-align: center; line-height: 52px; font-size: 22px; font-size: 2.2rem; border-radius: 50%; transition: all 0.3s ease-in-out; } .bit-List06 li .artText { display: block; background: #f3f2f2; line-height: 24px; border-radius: 6px; padding: 15px 20px 25px 20px; } .bit-List06 li:hover .libg { background: #af2a3c; } .bit-List06 li .artText a { display: block; max-height: 72px; transition: all 0.3s ease-in-out; overflow: hidden; } /*校史春秋*/ .wrap_mode05 { background: url(../images/modebg02.png) no-repeat; overflow: hidden; padding: 90px 0 125px 0; } .articleTitle03 { text-align: center; padding-bottom: 25px; margin-bottom: 70px; overflow: hidden; position: relative; } .articleTitle03 .title { font-size: 42px; font-size: 4.3rem; } .articleTitle03:before { /* content: "";*/ display: block; width: 24px; height: 3px; background: #4a4a4a; position: absolute; left: 50%; bottom: 0; margin-left: -12px; } .articleTitle03 .more { font-size: 14px; color: #af2a3c; background: url(../images/more02.png) no-repeat right 6px center; padding-right: 30px; transition: all 0.3s ease-in-out; position: absolute; right: 0; top: 20px; } .articleList09 .flexslider .slides>li { display: block; margin-right: 30px; } .articleList09 .flex-control-paging { max-width: 566px; margin: 20px auto auto auto; padding: 0 50px; position: relative; overflow: hidden; } .articleList09 .flex-control-paging:before { content: ""; display: block; width: 100%; height: 1px; background: #c1c0c0; position: absolute; top: 5px; left: 0; z-index: 0; } .articleList09 .flex-control-paging li { display: inline-block; margin: 0; float: left; } .articleList09 .flex-control-paging li a { display: inline-block; width: 50px; height: 11px; border-radius: 6px; text-indent: 999em; float: left; position: relative; z-index: 1; } .articleList09 .flex-control-paging li a.flex-active { background: #af2a3c; } .articleList09 .flex-direction-nav a { display: block; width: 39px; height: 36px; } .articleList09 .flex-direction-nav .flex-prev { left: 1%; background: url(../images/prev.png) no-repeat; top: 50%; display: none; } .articleList09 .flex-direction-nav .flex-next { right: 1%; background: url(../images/next.png) no-repeat; top: 50%; } .articleList09 .flexslider .slides>li a { display: block; position: relative; } .articleList09 .flexslider .slides>li .artText { display: block; width: calc(100% - 40px); /* height: 60px; */ line-height: 27px; padding: 25px 0; padding-right: 40px; box-sizing: border-box; background: #af2a3c\9; * background: #af2a3c; box-sizing: border-box; color: #4a4a4a; font-size: 18px; transition: all 0.3s ease-in-out; } .articleList09 .flexslider .slides>li .artText .artCon{position: relative; overflow : hidden; text-overflow: ellipsis; display: -webkit-box;display: -moz-box; display: -ms-flexbox;-webkit-line-clamp:2; -webkit-box-orient: vertical; -moz-box-orient: vertical;} .articleList09 .flexslider .slides>li a:hover .artText { bottom: 0; } .blessing { border: 1px solid #dcdcdc; padding: 15px; } .blessing textarea { width: 80%; height: 90px; border: 1px solid #e5e5e5; background-color: #f4f4f4; text-align: left; padding: 10px; box-sizing: border-box; } .blessingBtn { width: 100%; display: block; height: 85px; line-height: 85px; text-align: center; background: url(../images/zfbg.png) no-repeat; color: #fff; background-size: 100% 100%; font-size: 18px; font-weight: bold; border: none; margin-top: 5px; border-radius: 5px; cursor: pointer; outline: none; margin-top: 21px; } .blessingBtn:hover { color:#fff } .blessing { transition: all 0.4s ease-in-out; } textarea { outline: none; } .bit-List06 { /* min-height: 260px; */ } .bit-List06 li{ margin-bottom: 6px; } .bit-List06 li a{ display: block; padding: 15px 20px 25px; box-sizing: border-box; border-radius: 6px; background: #f3f2f2; transition: all .3s ease-in-out; } @media screen and (min-width:1024px) { .bit-Notice .more:hover { right: 45px; } .articleTitle01 .more:hover, .articleTitle03 .more:hover { background: url(../images/more02.png) no-repeat right center; } .bit-List01 a:hover { margin-left: 116px; } .bit-List02 a:hover { padding-left: 36px; } .bit-List06 li:hover a { padding-left: 6px; } .articleList03 ul li a:hover .title, .articleList03 ul li a:hover .more { padding-left: 6px; } } @media screen and (max-width:1400px) { .dates p { background-size: 255px; } .dates #t_d01 { font-size: 3.8rem; /* right: 176px; */ left: 165px; } .articleList03 { margin: 12px 0 0 0; } .bit-List06 li .artText a { max-height: 48px; } .bit-List06 li a{ padding: 15px 20px; } } @media screen and (max-width:1200px) { .banner .flexslider .slides>li a { height: 0; padding-bottom: 50%; } .container { width: auto; margin-left: 15px !important; margin-right: 15px !important; } .articleList00 h3 { font-size: 4.5rem; } .dates p { background-size: 180px; } .bit-Notice { padding: 20px 50px; height: 100px; margin-bottom: 5px; /* background: #af2a3c; */ } .bit-Notice .more { top: 30px; } .articleList00 p { margin: 10px auto 40px auto; } .dates p { margin: 0px 0 0; } .mode01, .mode02, .mode04 { margin: 60px auto; } .mode03 { margin: 60px auto 80px auto; } .wrap_mode05 { padding: 0 0 60px 0; } .dates #t_d01 { font-size: 2.6rem; /* right: 212px; */ left: 123px; } } @media screen and (max-width:1024px) { .banner .flex-direction-nav a { width: 60px; height: 60px; } .articleList01 .artCon { height: 45px; line-height: 45px; font-size: 1.8rem; } .articleList03 .imgResponsive { padding-bottom: 46.67%; } .articleList03 .title { font-size: 2.2rem; } .articleList03 .artText, .articleList03 .artText.artText02 { background-size: 50px; padding-left: 60px; margin-left: -74px; } .dates #t_d01 { font-size: 2.6rem; /* right: 25px; */ } .articleTitle01 .title { font-size: 2.6rem; } .articleTitle01 { padding: 0 0 10px 0; margin-bottom: 25px; } .articleTitle02, .articleTitle03 { margin-bottom: 25px; } .articleTitle02 .title, .articleTitle03 .title { font-size: 3.4rem; background-size: contain; } .fpx20 { font-size: 1.8rem; } .fpx24 { font-size: 2.0rem; } .mode04 .lf { width: auto; float: none; } .mode04 .rt { width: auto; float: none; margin: 10px 0 0 0; } .bit-List05 .artText { height: auto; } .bit-List06{ overflow:hidden } .bit-List06 li { width: 49%; float: left; } .bit-List06 li:nth-child(even) { float: right; } .bit-List03 dd { margin: 20px 35px; } } @media screen and (max-width:992px) { .dates p { background-size: 145px; } .dates #t_d01 { font-size: 2.2rem; right: auto; left: 91px; } } @media screen and (max-width:768px) { .articleList00 h3 { font-size: 2.5rem; } .articleList00 p { font-size: 1.6rem; margin-bottom: 15px; } .bit-Notice { padding: 20px; width: 67%; } .noticeText { background-size: 40px; padding: 0 20px 0 60px; margin-right: 60px; } .noticeText .title { font-size: 2.0rem; } .bit-Notice .more { right: 20px; } .banner .flex-direction-nav a { display: none; } .mode01, .mode02, .mode04 { margin: 30px auto; } .mode03 { margin: 30px auto 50px auto; } .wrap_mode05 { padding: 0 0 30px 0; } .mode01 .lf, .mode02 .rt { width: auto; float: none; /* margin-top: 20px; */ } .mode01 .rt, .mode02 .lf, .bit-List06 li { width: auto; float: none; } .blessingBtn{ height: 60px; line-height: 60px; } .bit-List01 li, .bit-List02 li { margin: 0 0 15px 0; } .articleTitle01 { padding: 0; height: 35px; line-height: 35px; } .articleTitle01 .title { font-size: 2.0rem; } .articleTitle02 .title, .articleTitle03 .title { font-size: 2.4rem; } .articleTitle02 .title { padding-left: 48px; } .mode03 .flex-control-nav { bottom: -22px; } .mode03 .flex-direction-nav a, .articleList09 .flex-direction-nav a { width: 26px; height: 26px; background-size: contain !important; } .bit-List06 li:nth-child(2n) { float: none; } .bit-List03 dd { margin: 10px 18px; width: 150px; } .bit-List04 dd { margin: 14px 18px; } .fpx24 { font-size: 1.8rem; } .fpx20 { font-size: 1.6rem; } .bit-List06 li .artText { margin-left: 55px; } .articleList09 .flex-control-paging { margin: 26px auto auto auto; } .articleList09 .flex-control-paging li a { width: 22px; } } @media screen and (max-width:640px) { .bit-List04 { padding: 0 40px 0 53px; } .bit-List04 dd { width: 46%; margin: 10px 0; } .bit-List04 dd:nth-child(odd) { float: left; } .bit-List04 dd:nth-child(even) { float: right; } .bit-List04 dd:before { width: 58px; height: 58px; left: -14px; top: -4px; } .bit-List04 .artText { padding: 0 20px; font-size: 1.5rem; } .bit-List04 .iconbg { width: 28px; height: 28px; top: -2px; left: -13px; } .bit-List05 { margin: 0 -12px; } .bit-List05 li a { margin: 0 12px; } .articleList00 { position: static; margin: 0 auto; transform: translate(0); margin-top: 20px; width: calc(100% - 30px); } .bit-Notice { background: #af2a3c; width: 100%; margin: 0; } .articleList00 p { margin: 20px auto; } .dates p { background-size: 130px; margin: 0; } .dates #t_d01 { font-size: 2.0rem; right: auto; left: 82px; } .articleList00 h3, .articleList00 p { color: #4a4a4a; } } @media screen and (max-width:480px) { .mode01 { margin: 15px auto; } .mode01 .lf { margin-top: 10px; } .articleList00 { position: static; margin: 20px auto; width: calc(100% - 30px); transform: translate(0); } .anniversary .title, .dates .title { font-size: 1.8rem; } .articleList03 .title { font-size: 1.8rem; } .articleList01 .artCon { font-size: 1.6rem; } .bit-List05 li { width: auto; float: none; margin-bottom: 15px; } .articleList03 li { width: auto; float: none; margin-bottom: 10px; } .articleList03 .imgResponsive { padding-bottom: 30%; } .bit-List04 dd { width: 100%; display: block; } .bit-List04 dd:nth-child(odd) { float: none; } .bit-List04 dd:nth-child(even) { float: none; } } @media screen and (max-width:414px) {} @media screen and (max-width:375px) {}