@charset "utf-8";
h1 {font-size: 220%; color : #000000; padding: 12px 0 84px 0;}
#shopSearchWrapper {background-color: #F8F8F8; color: #999999; position:relative; z-index: 102; min-width:980px; width: 100%;}
#shopPromotionWrapper {width:906px; padding: 22px 37px 40px 37px; margin-left: auto; margin-right: auto; position: relative;}
#shopPromotionWrapper h2 {padding-bottom: 27px; background:url(../images/promotion/bg_h2.gif) no-repeat 0 bottom; margin-bottom: 12px;}

.itemWrapper {padding-bottom: 32px;}
.itemWrapper .promotionItem {float: left; padding: 3px 0 5px 3px; width: 293px; height: 388px; border: 1px solid #fff; overflow:hidden; display: block; background-color: #fff; margin: 0 2px 3px 2px; position:relative;}
.itemWrapper .promotionItem img {display: block; border-bottom: 3px solid #000000;}
.itemWrapper .promotionItem span {font-family: 'Cantata One', serif; color: #999999; display: block; padding: 18px 18px 5px 18px;}
.itemWrapper .promotionItem i { font-style:normal; padding: 0 18px; font-size: 80%; line-height: 180%; display: block; font-family:Georgia, "Times New Roman", Times, serif;height: 110px; overflow: hidden;}
.itemWrapper .promotionItem span.viewDetail {font-size: 100%; color: #FFF; padding: 0; width: 290px; height: 30px; text-align:center; background:url(../images/promotion/bg_view.png) no-repeat 0 0; position:absolute; top: 184px;; left: 3px; padding-top: 8px; display: none;}
.itemWrapper a.promotionItem:hover { text-decoration:none; border: 1px solid #000;}
.itemWrapper a.promotionItem:hover span.viewDetail {display: block;}

#shopSearchWrapper #lightbox {top: -36px !important;}
#overlay {top: -43px !important;}
.backtop {margin-left: 410px;}


/*shop detail*/
.shopDetailWraper {display: none; color:#FC9; background-color:#FFF;}
.shopDetailWraper .detaiWrapper {border: 3px solid #000; width: 796px; height: 500px; padding: 36px 55px;}
.shopDetailWraper .detaiWrapper .imgPart, .shopDetailWraper .detaiWrapper .descPart {float: left; width: 410px;}
.shopDetailWraper .detaiWrapper .imgPart {width: 330px;}
.shopDetailWraper .detaiWrapper .imgPart span {display:table; height:180px; position:relative; *display: block; padding-bottom: 0; background: none; width: 100%;}
.shopDetailWraper .detaiWrapper .imgPart span i {display:table-cell; top:50%; vertical-align:middle;	*position: absolute; *display: block;}
.shopDetailWraper .detaiWrapper .imgPart span strong {*position: relative;	top:-50%; *display: block; *left: 0; font-weight: normal;}
/*updated on 20191017*/
.shopDetailWraper .detaiWrapper .descPart {margin-left: 40px; height: 500px; position: relative; background-color: #FFF;}

.shopDetailWraper .detaiWrapper .descPart div {padding: 0 0 14px 0; background:url(../images/shopping/bg_td.gif) repeat-x 0 bottom; color: #000; font-family: Georgia, "Times New Roman", Times, serif; line-height: 120%; font-size: 90%; margin-bottom: 12px;}
.shopDetailWraper .detaiWrapper .descPart div table {font-size: 110%; line-height: 120%;}
.shopDetailWraper .detaiWrapper .descPart div h3 {color: #999999; font-size: 110%;font-family:Georgia, "Times New Roman", Times, serif; line-height: 120%; padding-bottom: 5px;}
.shopDetailWraper .detaiWrapper .descPart div h4 {font-size: 160%; line-height: 120%; color: #000; font-weight: bold;}
.shopDetailWraper .detaiWrapper .descPart div span {display: block; font-style:italic; font-weight: bold;}
/*.shopDetailWraper .detaiWrapper .descPart div.detailInfo { height: 380px; overflow:auto; background:none; margin-top: 20px;}*/
/*updated on 20191017*/
.shopDetailWraper .detaiWrapper .descPart div.detailInfo { /*height: 100%;max-height: 350px;*/ width: 400px; padding-right: 10px; overflow:auto; background:none; margin-top: 20px;}
.mobilePop {display: none;} 
.shopDetailWraper .detaiWrapper .descPart div.detailInfo p {font-size: 110%; line-height: 160%;}

.shopDetailWraper .detaiWrapper .descPart ol, .shopDetailWraper .detaiWrapper .descPart ul {padding-left: 34px; font-size: 110%;}
.shopDetailWraper .detaiWrapper .descPart ol li, .shopDetailWraper .detaiWrapper .descPart ul li {padding-bottom: 3px; line-height: 160%;}
.shopDetailWraper .detaiWrapper .descPart ol li { list-style:decimal;}
.shopDetailWraper .detaiWrapper .descPart ul li { list-style:disc;}
.shopDetailWraper .detaiWrapper .descPart table {margin-bottom: 20px;}
.shopDetailWraper .detaiWrapper .descPart table tr th, .shopDetailWraper .detaiWrapper .descPart table tr td {text-align:left; vertical-align:top; padding: 5px; border: 1px solid #000;}
.shopDetailWraper .detaiWrapper .descPart table tr th {font-weight: bold;}
.shopDetailWraper .detaiWrapper .descPart h4 {padding-bottom: 10px; font-size: 100%;}

.scroll-pane{	width: 410px;	height: 380px;overflow: auto;}
.shopDetailWraper .detaiWrapper .descPart div.jspVerticalBar, .shopDetailWraper .detaiWrapper .descPart div.jspTrack, .shopDetailWraper .detaiWrapper .descPart div.jspDrag {background: none; background-color: #333; padding: 0;}
.shopDetailWraper .detaiWrapper .descPart div.jspDrag {background-color: #999999;}
.shopDetailWraper .detaiWrapper .descPart div.jspDrag div {background: none;}
.shopDetailWraper .detaiWrapper .descPart div.jspVerticalBar {right: -13px;}



/*tabWrapper*/
.itemWrapper .promotionItem .promoDate { display: none;}
.itemWrapper.upcoming .promotionItem .promoDate { display: inline-block;}
.itemWrapper .promotionItem .promoDate { padding: 8px; text-align: center; background: url(../../common/images/bg_black_75.png) repeat 0 0; box-sizing: border-box; position: absolute; top: 3px; left: 3px; font-size: 14px; font-style: italic; min-width: 100px; color: #FFFFFF;}

.itemNavWrapper > .itemNav { display: inline-block; width: 50%; text-align: center; border-bottom: 2px solid #000000; float: left; padding: 8px 0; margin: 30px 0 20px 0; box-sizing: border-box; text-decoration: none; font-family: 'Cantata One', serif; font-size: 14px; }
.itemNavWrapper > .itemNav.active { background: #000000; color: #FFFFFF;}

.itemWrapper.exist .noResultContent { display: none;}
.itemWrapper.upcoming .noResultContent { display: none; white-space: nowrap; min-height: 150px; text-align: center;}

@media only screen and (max-width: 768px) {
	.itemWrapper.upcoming.empty { width: 100% !important;}
	.itemWrapper.upcoming .noResultContent { min-height: 80px;}
	/*updated on 20191017*/
	.desktopPop {display: none;} 
	.mobilePop {display: block;} 
}

@media only screen and (max-width: 767px) {
	.itemNavWrapper > .itemNav { margin: 0 0 12px 0;}
	.shopDetailWraper .detaiWrapper .descPart { height: auto;}
}