@charset "utf-8";.fashBtn{margin-left:-20px;padding:0 0 50px 0;display:flex;flex-wrap:wrap}.fashBtn .btns{width:14.2855%;padding:0 0 0 15px}.fashBtn .btns .bs{display:block;width:100%;padding-bottom:100%;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;overflow:hidden;background:#fff;position:relative;box-shadow:0 0 10px rgba(0,0,0,.15)}.fashBtn .btns .bs .colorbg{background-color:#cd2727;position:absolute;top:5px;left:5px;right:5px;bottom:5px;margin:auto;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;display:flex;flex-wrap:wrap;align-content:center;transition:.5s all;-webkit-transition:.5s all;-moz-transition:.5s all}.fashBtn .btns .bs .colorbg:before{content:"";display:block;position:absolute;left:0;right:20%;top:0;bottom:20%;background-image:url(../images/index/wbg.png);background-size:100%;background-repeat:no-repeat;z-index:0}.fashBtn .btns .bs .colorbg .imgs{width:59%;padding:7% 10px;margin:auto;max-width:106px;position:relative;z-index:1}.fashBtn .btns .bs .colorbg .imgs img{width:100%}.fashBtn .btns .bs .colorbg .imgs .img{width:100%;padding-bottom:100%;background-position:center;background-repeat:no-repeat;background-size:80%}.fashBtn .btns .bs .colorbg .imgs .img.icon01{background-image:url(../images/index/fasicon01.svg)}.fashBtn .btns .bs .colorbg .imgs .img.icon02{background-image:url(../images/index/fasicon02.svg)}.fashBtn .btns .bs .colorbg .imgs .img.icon03{background-image:url(../images/index/fasicon03.svg)}.fashBtn .btns .bs .colorbg .imgs .img.icon04{background-image:url(../images/index/fasicon04.svg)}.fashBtn .btns .bs .colorbg .imgs .img.icon05{background-image:url(../images/index/fasicon05.svg)}.fashBtn .btns .bs .colorbg .imgs .img.icon06{background-image:url(../images/index/fasicon06.svg)}.fashBtn .btns .bs .colorbg .imgs .img.icon07{background-image:url(../images/index/fasicon08.svg)}.fashBtn .btns .bs .colorbg .text{color:#fff;font-size:1.5rem;font-weight:700;text-align:center;line-height:1;width:100%}.fashBtn .btns:nth-child(2) .bs .colorbg{background-color:#f56100}.fashBtn .btns:nth-child(3) .bs .colorbg{background-color:#749b00}.fashBtn .btns:nth-child(4) .bs .colorbg{background-color:#009b28}.fashBtn .btns:nth-child(5) .bs .colorbg{background-color:#0066ad}.fashBtn .btns:nth-child(6) .bs .colorbg{background-color:#b163ce}.fashBtn .btns:nth-child(7) .bs .colorbg{background-color:#956E46}.newsbox .tabs{display:table;width:100%;margin:0 0 15px 0}.newsbox .tabs .tds{display:table-cell;vertical-align:bottom}.newsbox .tabs .tds.right{text-align:right}.newsbox .titles{color:#0072c1;font-weight:700;font-size:2.25rem;line-height:100%}.newsbox .titles a{color:#0072c1;font-size:1.25rem;text-decoration:none}.newsbox .ts{font-size:1rem;color:#0072c1}.newsbox .ranges{padding:0 0 70px 0}.newsbox .ranges .lists{display:block;background:#fff;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,.15);padding:25px 160px 25px 120px;position:relative;text-decoration:none;min-height:130px;margin-bottom:10px}.newsbox .ranges .lists .ys{line-height:42px;background:#0072c1;padding:0 15px;color:#fff;font-size:1.125rem;position:absolute;top:25px;left:30px}.newsbox .ranges .lists .ldate{font-size:.875rem;color:#555;margin:0 0 5px 0}.newsbox .ranges .lists .ltitle{font-size:1.125rem;line-height:1.6}.newsbox .ranges .lists .lmore{position:absolute;top:25px;right:20px;width:112px;height:82px;background:#cd2727;text-align:center;line-height:82px;font-size:1.25rem;color:#fff;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;transition:.5s all;-webkit-transition:.5s all;-moz-transition:.5s all;border:2px solid #cd2727}@media screen and (min-width:1024px){.fashBtn .btns:hover .bs .colorbg{background:#fb4747}.fashBtn .btns:nth-child(2):hover .bs .colorbg{background-color:#f98c00}.fashBtn .btns:nth-child(3):hover .bs .colorbg{background-color:#86b100}.fashBtn .btns:nth-child(4):hover .bs .colorbg{background-color:#0c922e}.fashBtn .btns:nth-child(5):hover .bs .colorbg{background-color:#005a98}.fashBtn .btns:nth-child(6):hover .bs .colorbg{background-color:#9f48bf}.fashBtn .btns:nth-child(7):hover .bs .colorbg{background-color:#a98158}.newsbox .ranges .lists:hover .lmore{background:#fff;color:#cd2727}}@media screen and (max-width:1100px){.fashBtn .btns{margin-bottom:20px}.fashBtn .btns .bs .colorbg .text{font-size:1.25rem}}@media screen and (min-width:768px) and (max-width:1023px){.fashBtn .btns{width:33.33334%}}@media screen and (max-width:767px){.fashBtn{margin-left:-5px}.fashBtn .btns{width:50%;margin-bottom:5px;padding:0 0 0 5px}.fashBtn .btns .bs .colorbg{top:3px;left:3px;bottom:3px;right:3px}.fashBtn .btns .bs .colorbg .text{font-size:1.125rem}.newsbox .ranges{padding:0 0 40px 0}.newsbox .ranges .lists{padding:20px;margin-bottom:20px}.newsbox .ranges .lists .ys{position:static;display:inline-block;line-height:30px;padding:0 10px;font-size:1rem}.newsbox .ranges .lists .ldate{margin:0 0 0 10px;display:inline-block;vertical-align:middle}.newsbox .ranges .lists .ltitle{margin:0 0 20px 0;padding:10px 0 0 0}.newsbox .ranges .lists .lmore{position:static;width:auto;line-height:36px;height:auto;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px}}