/* layout */
section{width: 100%; min-width: 1000px; height: 2065px; overflow: hidden; }
.sBg{ width: 100%; min-width: 1000px; height: 865px; padding-top: 50px; box-sizing: border-box; background-image: url(../images/main/sBg01.jpg); background-repeat: no-repeat; background-size: cover; z-index: 0; }
.sBg .sTop{width: 1000px; height: 165px; margin: 0 auto; margin-bottom: 50px; }
.sBg .sSection{width: 1000px; height: 550px; margin: 0 auto; }
.sBottom01{width: 1000px; height: 350px; margin: 0 auto; }
.sBottom02{width: 100%; min-width: 1000px; height: 350px; background-image: url(../images/main/sBottom02.jpg); ; background-repeat: no-repeat; background-size: cover; z-index: 1; }
.sBottom02 .sbWrap{ width: 1000px; height: 350px; margin: 0 auto; position: relative; }


/* sTop */
.notice{ float: left; width: 490px; height: 165px; margin: 0 auto; margin-right: 20px; background-color: #000000; opacity: 0.8; background-image: url(../images/main/line.gif); background-repeat: no-repeat; background-position: 10px 38px; position: relative; }
.notice h3{ width: 100%; height: 40px; float: left; font-size: 20px; color: #e60b4d; padding: 8px 10px; margin-bottom: 10px; box-sizing: border-box; }
.notice .more{ float: right; font-weight: bold; color: #e60b4d; position: absolute; top: 13px; right: 10px;}

.notice li{ padding-left: 10px; margin-bottom: 13px; }
.notice li .num{ color: #ffffff; margin-right: 20px; }
.notice li a{ color: #ffffff; display: inline-block; width: 300px; height: 13px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.notice li a:hover{ text-decoration: underline; }
.notice li .date{ color: #ffffff; display: inline-block; position: absolute; right: 10px; }



.coffee{ float: left; width: 490px; height: 165px; margin: 0 auto; }






/* sSection */

.ssImg li{float: left; width: 320px; height: 460px; margin-right: 20px; }
.ssImg .last {margin-right: 0;}
.ssImg a{display: block; width: 100%; height: 100%; position: relative; }
.ssImg a img{position: absolute; top: 0; left: 0;}

.ssName li{float: left; width: 320px; height: 80px; margin-right: 20px; }
.ssName .last { margin-right: 0; }
.ssName a{display: block; width: 100%; height: 100%; margin-top: 10px; }
.ssName a .white{width: 320px; height: 40px; background-color: #ffffff; font-size: 20px; color: #000000; line-height: 40px; text-align: center; }
.ssName a .pink{width: 320px; height: 40px; background-color: #e60b4d; font-size: 20px; color: #ffffff; line-height: 40px; text-align: center; }



/* sBottom01 */
.sBottom01{ background-image: url(../images/main/sB_line.gif); background-repeat: no-repeat; background-position: 0px 38px; position: relative; }
.sBottom01 h3{ width: 100%; height: 40px; font-size: 20px; color: #e60b4d; padding: 8px 10px; box-sizing: border-box; }
.sBottom01 .more{ float: right; font-weight: bold; color: #e60b4d; position: absolute; top: 13px; right: 10px; box-sizing: border-box; }


/* sBottom02 */
.sBottom02 h3{font-size: 35px; color: #ffffff; line-height: 35px; text-align: center; padding-top: 105px; }
.sBottom02 p{font-size: 20px; font-weight: bold; color: #ffffff; line-height: 20px; text-align: center; padding-top: 10px; }

.sBottom02 #storeSelect{ width: 300px; height: 40px; background-color: transparent; border: 3px solid #ffffff; border-radius: 3px; padding-left: 5px; box-sizing: border-box; position: absolute; top: 215px; left: 345px; font-size: 12px; color: #ffffff; }

/* .sBottom02 #storeSelect{background-image: url(../images/main/sBtn_Ap.png); background-repeat: no-repeat; background-position: 275px; } */ 

.sBottom02 #sBtn{ width: 30px; height: 30px; background-color: transparent; border: none; background-image: url(../images/main/sBtn.png); position: absolute; top: 220px; left: 655px; }