section.list h1{font-size:30px;font-weight:500;color:#3c6a83}section.list h1:after{content:'';height:2px;width:70px;display:block;margin:auto;margin-bottom:40px;background-image:url(/images/h1line.png);height:27px;background-repeat:no-repeat;background-position:center;background-size:100% 100%;margin-top:30px}section.list .wrap{margin-bottom:50px}section.list .wrap:after{content:'';display:block;clear:both}section.list .wrap li{float:left;width:25%;height:270px;list-style:none;cursor:pointer}section.list .wrap li:hover .in{border-color:#FAC24E}section.list .wrap li .in{border:1px solid #e9e9e9;border-radius:10px;padding:15px;margin:10px;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s}section.list .wrap li .in .thephoto{width:100%;padding-bottom:100%;background-color:#e9e9e9;background-size:cover;background-position:center;border-radius:5px}section.list .wrap li .in .thetext{color:#3C6A83;margin-top:10px;text-align:center;font-size:16px;letter-spacing:2px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.inpage[type=spotInfo] .wrap{overflow:unset;width:calc(100% - 135px)}.inpage[type=spotInfo] .cancelBtn{right:-40px;top:-40px}.inpage[type=spotInfo] .thephoto{width:200px;height:200px;position:absolute;left:-10px;bottom:142px;background-color:#e9e9e9;background-size:cover;background-position:center;z-index:2;border:13px solid #FFF}.inpage[type=spotInfo] .thetitle{position:absolute;left:0;bottom:100px;color:#596E79;font-size:24px}.inpage[type=spotInfo] .theintro{position:absolute;left:0;bottom:0;width:100%;height:85px;overflow-y:auto;padding-right:0;font-size:14px;line-height:1.5;color:#596E79}.inpage[type=spotInfo] .map{width:calc(100% + 90px);height:340px;position:absolute;left:-45px;top:-45px;background-color:#e9e9e9}.inpage[type=spotInfo] .mapthumb{width:100%;height:calc(300px + 40px);position:absolute;z-index:100;top:0;left:0;opacity:1;background-image:url(/images/spot/mapthumb.jpg);background-size:cover;background-position:center;z-index:1}.inpage[type=spotInfo] .mapthumb img{width:100px;position:absolute;left:50%;top:50%;margin-left:-50px;margin-top:-50px}@media screen and (max-width:1280px){section.list .wrap{margin:15px;margin-bottom:50px}section.list .wrap li{width:50%;height:auto;display:inline-block;float:none}section.list .wrap li .in .thetext{font-size:14px}.inpage[type=spotInfo] .thetitle{position:relative;left:0;top:0;color:#183442;width:auto;font-size:20px;height:55px;line-height:55px}.inpage[type=spotInfo] .thephoto{position:relative;width:100%;padding-bottom:100%;height:0;left:0;top:0;border:0}.inpage[type=spotInfo] .theintro{position:relative;left:0;bottom:0;width:auto;height:auto;overflow-y:auto;padding-right:0;font-size:14px;line-height:1.8;color:#596E79;padding-bottom:20px}.inpage[type=spotInfo] .map{width:100%;height:300px;position:relative;right:0;top:0;left:0}.inpage[type=spotInfo] .contentarea .wrap{overflow:auto;width:calc(100% - 60px)}.inpage[type=spotInfo] .cancelBtn{right:0;top:0}}