.l-main,.l-content,.select-wrap{display:flex;align-items:stretch;justify-content:stretch;width:100%}.select-wrap .list{display:flex;align-items:stretch;justify-content:center;flex-grow:1;position:relative;box-sizing:border-box}.select-wrap .list:before,.select-wrap .list:after{content:'';display:inline-block;position:absolute}.select-wrap .list:before{top:0;bottom:0;left:0;right:0;opacity:0.7}.select-wrap .list:after{opacity:0.6}.select-wrap .list:first-child{background:url('../img/select/1.jpg?1535445051') center bottom no-repeat}.select-wrap .list:first-child:before,.select-wrap .list:first-child:after{background:#897f72}.select-wrap .list:nth-child(2){background:url('../img/select/2.jpg?1535445052') center bottom no-repeat}.select-wrap .list:nth-child(2):before,.select-wrap .list:nth-child(2):after{background:#9f9384}.select-wrap .list:last-child{background:url('../img/select/3.jpg?1535445053') left bottom no-repeat}.select-wrap .list:last-child:before,.select-wrap .list:last-child:after{background:#58514b}.select-wrap .list .pro-wrap{display:flex;justify-content:center;flex-direction:column;width:100%;position:relative;z-index:1}.select-wrap .list .pro-wrap:before,.select-wrap .list .pro-wrap:after{content:'';background:rgba(255,255,255,0.55);position:absolute;opacity:0;transition:ease-in all 0.3s}.select-wrap .list .pro-wrap:before{left:100%}.select-wrap .list .pro-wrap:after{right:100%}.selection-title,.selection-desc{color:#FFF;transition:ease-in all 0.3s}.btn-link{box-sizing:border-box;overflow:hidden;color:#897f72;letter-spacing:1px}.btn-link .text{position:relative;z-index:1}.btn-link img{width:100%;position:absolute;top:0;left:0}.btn-link img.bg-hover{opacity:0}@keyframes zoom-in{0%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(1.5)}}@media screen and (min-width: 1001px){.l-main.zoom-in .select-wrap .list:hover .btn-link{animation:zoom-in 0.3s forwards linear}.select-wrap .list:hover{flex-grow:2}.select-wrap .list:hover:before{opacity:0}.select-wrap .list:hover:after{background:linear-gradient(to bottom, rgba(255,255,255,0.75) 45%,rgba(0,0,0,0) 75%);top:0;left:0;right:0;opacity:1}.select-wrap .list:hover:nth-child(2):after{background:linear-gradient(to bottom, #ffffff 45%,rgba(0,0,0,0) 75%)}.select-wrap .list:hover .pro-wrap{box-shadow:0 20px 0 rgba(255,255,255,0.55),0 -20px 0 rgba(255,255,255,0.55)}.select-wrap .list:hover .pro-wrap:before,.select-wrap .list:hover .pro-wrap:after{opacity:1}.select-wrap .list:hover .selection-title,.select-wrap .list:hover .selection-desc{color:#000;text-shadow:2px 0 0 #FFF,-2px 0 0 #FFF,0 2px 0 #FFF,0 -2px 0 #FFF,0 0 10px #FFF}.select-wrap .list:hover .selection-title{font-size:60px;line-height:72px}.select-wrap .list:hover .selection-desc{font-size:30px;line-height:36px}.select-wrap .list:hover .btn-link{color:#FFF}.select-wrap .list:hover .btn-link .bg-default{opacity:0}.select-wrap .list:hover .btn-link .bg-hover{opacity:1}.selection-title{font-size:48px;line-height:72px}.selection-desc{margin-top:16px;font-size:24px;line-height:36px}.btn-link{margin-top:180px;flex-shrink:0;width:268px;height:72px;position:relative}.btn-link .text{padding-left:16px;font-size:24px;line-height:72px}.btn-link .bg-default{margin:-32px 0 0 -116px;width:232px;height:64px;top:50%;left:50%}}@media screen and (min-width: 1001px) and (max-height: 680px){.btn-link{margin-top:90px}}@media screen and (min-width: 740px) and (min-height: 414px){.l-main{height:calc(100vh - 160px)}.select-wrap .list{padding:20px;transition:ease-in all 0.3s}.select-wrap .list:before,.select-wrap .list:after{transition:ease-in all 0.3s}.select-wrap .list:after{top:20px;bottom:20px;left:20px;right:20px}.select-wrap .list .pro-wrap{align-items:center;box-shadow:0 20px 0 rgba(255,255,255,0),0 -20px 0 rgba(255,255,255,0);transition:ease-in all 0.3s}.select-wrap .list .pro-wrap:before,.select-wrap .list .pro-wrap:after{width:20px;top:-20px;bottom:-20px}}@media screen and (min-width: 740px) and (orientation: portrait) and (max-width: 1000px){.select-wrap .list .pro-wrap{padding-left:40px}.selection-title{font-size:36px;line-height:54px}.selection-desc{font-size:16px;line-height:27px}.btn-link{margin-top:-24px;padding-left:12px;background-size:201px auto !important;width:174px;height:48px;right:40px;font-size:18px;line-height:48px}}@media screen and (max-width: 1000px){.l-main.zoom-in .select-wrap .list.is-selected .btn-link{animation:zoom-in 0.3s forwards linear}.select-wrap{flex-direction:column}.select-wrap .list{background-size:cover !important;overflow:hidden}.select-wrap .list .pro-wrap{align-items:flex-start}.btn-link{position:absolute;top:50%}}@media screen and (device-width: 375px) and (orientation: landscape){.l-main{height:calc(100vh - 80px)}.select-wrap .list{padding:10px}.select-wrap .list:after{top:10px;bottom:10px;left:10px;right:10px}.select-wrap .list .pro-wrap{padding-left:20px;box-shadow:0 10px 0 rgba(255,255,255,0),0 -10px 0 rgba(255,255,255,0)}.select-wrap .list .pro-wrap:before,.select-wrap .list .pro-wrap:after{width:10px;top:-10px;bottom:-10px}.selection-title{font-size:24px;line-height:36px}.selection-desc{font-size:12px;line-height:18px}.btn-link{margin-top:-16px;padding-left:8px;background-size:134px auto !important;width:116px;height:32px;right:20px;font-size:12px;line-height:32px}}@media screen and (max-width: 739px){.l-main{height:calc(100vh - 80px)}.select-wrap .list{padding:10px}.select-wrap .list:after{top:10px;bottom:10px;left:10px;right:10px}.select-wrap .list .pro-wrap{padding-left:20px;box-shadow:0 10px 0 rgba(255,255,255,0),0 -10px 0 rgba(255,255,255,0)}.select-wrap .list .pro-wrap:before,.select-wrap .list .pro-wrap:after{width:10px;top:-10px;bottom:-10px}.selection-title{font-size:24px;line-height:36px}.selection-desc{font-size:12px;line-height:18px}.btn-link{margin-top:-16px;padding-left:8px;background-size:134px auto !important;width:116px;height:32px;right:20px;font-size:12px;line-height:32px}}@media screen and (max-width: 374px){.select-wrap .list .pro-wrap{padding-left:10px}.btn-link{right:10px}}@media screen\0{.select-wrap .list:hover .btn-link:before{opacity:0}.select-wrap .list:hover .btn-link:after{opacity:1}.btn-link:before{content:'';margin:-32px 0 0 -116px;background:url('../img/shared/bg-btn.png?1535103162') no-repeat;display:block;width:232px;height:64px;position:absolute;top:50%;left:50%}.btn-link:after{content:'';margin:-36px 0 0 -134px;background:url('../img/ie/ie-lock-btn.png?1535343540') no-repeat;display:block;width:268px;height:72px;position:absolute;top:50%;left:50%;opacity:0}.btn-link img{display:none}}@supports (-ms-ime-align: auto){.select-wrap .list:hover .btn-link:before{opacity:0}.select-wrap .list:hover .btn-link:after{opacity:1}.btn-link:before{content:'';margin:-32px 0 0 -116px;background:url('../img/shared/bg-btn.png?1535103162') no-repeat;display:block;width:232px;height:64px;position:absolute;top:50%;left:50%}.btn-link:after{content:'';margin:-36px 0 0 -134px;background:url('../img/ie/ie-lock-btn.png?1535343540') no-repeat;display:block;width:268px;height:72px;position:absolute;top:50%;left:50%;opacity:0}.btn-link img{display:none}}