*, *:before, *:after {box-sizing: border-box; -webkit-font-smoothing: antialiased;}
body {font-family: -apple-system, "Helvetica", sans-serif;}
ul {margin: 0 0 15px; padding: 0; list-style: none;}
dl, dd, figure {margin: 0;}
figure img {margin-right: 20px; float: left;}
.wrapper:after, section:after, figure:after {content: ""; clear: both; display: block;}

#shop.en #hGlobalNav, #shop.en #footerNav, #shop.en nav.another {display: none;}

dt {font-weight: bold; margin: 0;}
#main {font-size: 12px; margin-bottom: 0;}

.language {position: absolute; top: 0; right: 0; height: 70px; line-height: 70px; margin-right: 3.5%; z-index: 800; font-size: 13px; padding: 0 16px;}
.language a {color: #ccc;}
.language .curent a {color: #666;}
.language li {display: inline-block;}
.language li+li {padding-left: 18px; position: relative;}
.language li+li:before {padding-left: 1em; position: absolute; content: "|"; top: 0; left: -10px; color: #ccc;}	

#shopListWrap {margin-bottom: 60px;}
#shopListWrap h1 {font-size: 26px; font-weight: normal; text-align: center; margin: 40px 0 0; position: relative;}
#shopListWrap > .shopListWrap__title {
	position: relative;
}
#shopListWrap > .shopListWrap__title > .shopListWrap__link {
	position: absolute;
	top: 10px;
	right: 10px;
	color: #666;
	font-size: 14px;
}
#shopListWrap > .shopListWrap__title > .shopListWrap__link > .shopListWrap__button {
	position: relative;
	padding-right: 20px;
}
#shopListWrap > .shopListWrap__title > .shopListWrap__link > .shopListWrap__button:after {
	display: block;
    position: absolute;
    top: 50%;
    right: 10px;
    width: 7px;
    height: 7px;
    margin: -3px -5px 0 0;
    border-top: solid 1px #7f7f7f;
    border-right: solid 1px #7f7f7f;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    content: "";
}
#shopListWrap > .shopListWrap__title > .shopListWrap__link > .shopListWrap__button > .separator {
	padding: 0 5px;
}
#shopListWrap h2 {font-weight: normal;}
.shopList a {display: block; background-color: #fff; margin-bottom: 0; background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="6" height="12"><line x1="0" y1="0" x2="6" y2="6" stroke="black" stroke-width="1"/><line x1="6" y1="6" x2="0" y2="12" stroke="black" stroke-width="1"/></svg>') no-repeat 95% center;}
.shopList span {padding-right: 5%;}
.shopList dt {font-weight: normal; font-size: 12px;}
.shopList .shopid, .shopList .shopaddress, .shopList .shopclosed {display: none;}

.shopListWrap__container-wrap {padding: 0 15px; text-align:center;}
.shopListWrap__container {display:inline-block;}
.shopListWrap__container > * {text-align: left;}
.shopListWrap__container a {text-decoration: underline;}

#trademark {position: absolute; top: 0; right: 0;}
#trademark img {height: 20px; margin: 25px 0 0 20px;}

@media only screen and (min-width: 700px){
	#main {margin: 0 auto; max-width: 1200px; width: 100%; padding: 0 40px;}
	#shopListWrap h2 {font-size: 22px; padding: 10px 0; margin-bottom: 0; border-top: 1px solid #eee;}
	.shopList dt {padding: 0 0 5px; width: 7em; text-align: right; float: left; color: #aaa;}
	.shopList dd {padding: 0 0 5px; margin-left: 8em; overflow: hidden;}
	.shopList a {background: none; padding: 0 0 5px;}
	.shopname {font-size: 13px;white-space: nowrap;text-overflow: ellipsis;display: block;overflow: hidden;}
}

@media only screen and (max-width: 699px){
	#shopListWrap h1 {margin: 40px 0 20px;}
	#shopListWrap h2 {font-size: 14px; padding: 15px; margin: 0; border-bottom: 1px solid #eee;}
	#shopListWrap .active h2 {background: #f7f7f7 url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="6"><line x1="0" y1="6" x2="6" y2="0" stroke="black" stroke-width="1"/><line x1="6" y1="0" x2="12" y2="6" stroke="black" stroke-width="1"/></svg>') no-repeat 95% center;}
	.dw-pnl:first-child h2 {border-top: 1px solid #eee;}
	.shopList {display: none;}
	.shopList a {padding: 15px;}
	.shopList dt {padding: 5px 15px; border-bottom: 1px solid #eee; background-color: #eee; color: #aaa; font-weight: bold;}
	.shopList dd {border-bottom: 1px solid #eee;}
	.shopList span {display: block;}
	.shopList span+span {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
	.shopname {font-size: 14px;}
	.shopListWrap__container-wrap {margin-top: -20px;}

}

@media screen and (max-width: 767px){
	#trademark {padding: 15px 0; position: absolute; left: 50%; top: 10px;}
	#trademark img {height: 16px; margin: 0;}
	#shopListWrap > .shopListWrap__title > .shopListWrap__link {
		position: relative;
		text-align: right;
		margin-bottom: 20px;
	}
}

@media screen and (max-width: 480px){
	.language {margin-right: 2%;}
}<!--ºÄʱ1769394456.4715Ãë-->