@charset "utf-8";
/* CSS Document */
body{ background-color:#FFF;}
.container{ background-image:url(../images/bg.png); background-repeat: repeat-y; background-position: center top; background-size: 100% auto; min-height: 100vh; }
/****/
.banner{ width:100%; height:0; padding-top: 132%; overflow: hidden; position: relative; z-index: 100}
.banner > img{ width:100%; height: 100%; position: absolute; left:0; top:0; z-index: 120; }
.btnMore{width: 50%;  height:0; padding-top: 12.5%; border: NaNpx solid #000000;background: linear-gradient(0deg, #E4AE5B, #FCE6AE, #E7B666, #FCE6AE);box-shadow: 0px 3px 4px 0px rgba(216,134,0,0.75);border-radius: 0.6rem;position: relative; z-index: 100; position: absolute; left:25%; bottom:2%; z-index: 150;}
.btnMore::after{ content: ' '; width:calc(100% - 0.5rem); height: calc(100% - 0.5rem); background-image:linear-gradient(0deg, rgba(251,75,13,1), rgba(254,159,28,1)); background-color: #FB6612; border-radius: 0.6rem; position: absolute; left:0.25rem; top:0.25rem; box-shadow: inset -2px 5px 10px rgba(216,134,0,0.5); z-index: 180;}
.btnMore > a{ display: block; width:calc(100% - 0.5rem); height: calc(100% - 0.5rem); border-radius: 0.6rem; position: absolute; left:0.25rem; top:0.25rem; z-index: 220; display: flex; flex-direction: column; justify-content: center; align-items: center; flex-wrap: nowrap; font-size: 1.5rem; overflow: hidden; /*color: #FFF !important*/ background: linear-gradient(to top, #fed27f, #FFFFFF);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;}
/****/
.list{ width:100%; height:auto; box-sizing: border-box; padding:0 2rem 2rem 2rem; }
.list > ul > li{ width: 100%;  height:0; padding-top: 45.2%; border: NaNpx solid #000000;background: linear-gradient(0deg, #E4AE5B, #FCE6AE, #E7B666, #FCE6AE);box-shadow: 0px 3px 4px 0px rgba(216,134,0,0.75);border-radius: 0.6rem;position: relative; z-index: 100;cursor: pointer; }
.list > ul > li::after{ content: ' '; width:calc(100% - 1rem); height: calc(100% - 1rem); background-color: #FFF; border-radius: 0.6rem; position: absolute; left:0.5rem; top:0.5rem; box-shadow: inset -2px 5px 10px rgba(216,134,0,0.5); z-index: auto;
}
.list > ul > li + li{ margin-top: 1.5rem; }
.list > ul > li > .item{ width:calc(100% - 1rem); height: calc(100% - 1rem); background-color: rgba(0,0,0,0); border-radius: 0.6rem; position: absolute; left:0.5rem; top:0.5rem; z-index: auto; z-index: 150; box-sizing: border-box; padding:0.5rem; display: flex; flex-direction:row; flex-wrap: nowrap; justify-content: center; align-items: stretch; border-radius: 0.6rem; overflow: hidden;}
.list > ul > li:nth-of-type(2n) > .item{ flex-direction: row-reverse; }
.itemImg{width: 44%;overflow: hidden;flex-shrink: 0;align-self: center;}
.itemImg img{ width:100%; }
.list > ul > li > .item > .itemAbout{ width:100%; overflow: hidden; display: flex; flex-direction: column; justify-content: space-around; align-items: flex-end; box-sizing: border-box; padding-top: 1rem;padding-bottom: 1rem;}
.list > ul > li:nth-of-type(2n) > .item > .itemAbout{ align-items: flex-start; }
.list > ul > li > .item > .itemAbout > h3{width:100%;height: auto;font-size: 2rem;font-weight: normal;color: #D44941;line-height: 2.5rem;overflow: hidden;display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;box-sizing: border-box;padding:0 1rem;text-align: right;}
.list > ul > li:nth-of-type(2n) > .item > .itemAbout > h3{ text-align: left }
.list > ul > li > .item > .itemAbout > h3 > a{color: #0b34a7;}
.list > ul > li > .item > .itemAbout > .iaOption{ width:100%; height: auto; display: flex; flex-direction:row; flex-wrap: nowrap; justify-content: flex-end; align-items: center; box-sizing: border-box; padding-right:1.2rem; }
.list > ul > li:nth-of-type(2n) > .item > .itemAbout > .iaOption{ padding-right:0; padding-left:1.2rem; flex-direction:row-reverse; }
.list > ul > li > .item > .itemAbout > .iaOption > p{transform: skewX(-15deg); width:auto; height: 1.3rem; line-height: 1.3rem; font-size: 0.8rem; color: #FFF; background-color: #E54B33; box-sizing: border-box; padding:0 1rem; }
.list > ul > li > .item > .itemAbout > .iaOption > p + p{ margin-left:0.5rem; }
.list > ul > li:nth-of-type(2n) > .item > .itemAbout > .iaOption > p + p{ margin-left:0; margin-right:0.5rem; }
.list > ul > li > .item > .itemAbout > .iaOption > p > span{width:100%;height: 100%;display: flex;flex-direction: column;justify-content: center;align-items: center;color: #fff;transform: skewX(15deg);}
.list > ul > li > .item > .itemAbout > .iaPrice{ width:100%; display: flex; flex-direction: row; justify-content: flex-end; align-items: center; flex-wrap: nowrap; box-sizing: border-box; padding-right:1rem; }
.list > ul > li:nth-of-type(2n) > .item > .itemAbout > .iaPrice{ padding-left:1rem; padding-right: 0; justify-content: flex-start;}
.list > ul > li > .item > .itemAbout > .iaPrice > h4{ font-weight: normal; font-size: 0.8rem; height: auto;line-height: 1.2; flex-shrink: 0; margin-right:0.5rem; }
.list > ul > li > .item > .itemAbout > .iaPrice > .iapNums{ width:auto; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: flex-end; color: #E54B33; }
.list > ul > li > .item > .itemAbout > .iaPrice > .iapNums > span{ font-size: 0.8rem; line-height: 1; display: inline-block; transform: translateY(-0.4rem); -webkit-transform: translateY(-0.4rem);}
.list > ul > li > .item > .itemAbout > .iaPrice > .iapNums > p{line-height: 1;font-size: 1.6rem;font-family: Source Han Sans SC;}
.list > ul > li > .item > .itemAbout > .iaMore{width: 10rem; transform: translateX(-1rem); -webkit-transform: translateX(-1rem);height: 2.6rem; line-height: 2.5rem; text-align: center; color: #C21D03 !important;background: linear-gradient(0deg, #FFA328, #FFD071);border: 1px solid #E54B33;box-shadow: 0px 1px 3px 0px rgba(162,139,91,0.43);border-radius: 0.4rem 0.4rem 0.4rem 0.4rem;}
.list > ul > li:nth-of-type(2n) > .item > .itemAbout > .iaMore{transform: translateX(1rem); -webkit-transform: translateX(1rem);}

.list_article{width:100%; height:auto; box-sizing: border-box; padding:0 2rem 2rem 2rem;}
.list_article h3{text-align: center;line-height: 2; font-size: 2.2rem; font-family: Source Han Sans SC;}
.list_article img{max-width: 100%;}