/*主要內容寬度設定*/
.main_content{
	margin: 0 auto;
	width: 1140px;
	padding-bottom: 45px;
}
ul,li{
	list-style: none;
	margin: 0;
	padding: 0;
}
/*門市分類-設定*/
.store_style{
	margin: 0 0 15px 0;
	display: block;
}
.store_style>li a{
	float: left;
	display: block;
	width: 225px;
	height: 35px;
	line-height: 35px;
	background:#BFBFBF;
	color: #fff;
	font-size: 18px;
	text-align: center;
	margin-right: 1px;
	margin-bottom: 1px;
	overflow: hidden;
}
/*門市分類hover+選取狀態*/
.store_style .store_selected,
.store_style>li a:hover,
.store_style>li a:active{
	background: #002B56;
}
/*清除門市分類浮動*/
.store_style::after{
	content: '';
	display: block;
	clear: both;
}
/*地區select*/
.store_zone{
	display: block;
	width: 450px;
	border: 1px solid #BFBFBF;
	padding: 5px 0 5px 10px;
	margin-bottom: 45px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
	box-sizing:border-box;
}
/*地區名稱*/
.store_zone_title{
	font-size: 18px;
	margin-bottom: 15px;
}
/***桌機版表格設定 start***/
.store_list{
	width: 100%;
	margin: 0;
	border-collapse:collapse;
	font-size: 16px;
	line-height: 1.5em;
}
/*奇數列背景+上下框線*/
.store_list tr:nth-child(odd){
	background: #EEEEEE;
	border-top: 1px solid #E5E5E5;
	border-bottom: 1px solid #E5E5E5; 
}
.store_list tr:first-child{
	border-top: 0;
	border-bottom: 0; 
}
/*th設定*/
.store_list th{
	text-align: left;
	vertical-align: middle;
	padding: 0;
	color: #fff;
	height: 30px;
	background: #0063B9;
	border: 0;
}
/*th-地圖 偏右*/
.store_list th:last-child{
	padding-left: 20px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
	box-sizing:border-box;
}
/*td設定*/
.store_list td{
	text-align: left;
	vertical-align: middle;
	padding: 0;
	height: 50px;
	padding-right: 5px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
	box-sizing:border-box;
}
/*編號格靠右對齊*/
.store_list td:first-child{
	text-align: right;
	padding-right: 25px;
}
/*tr hover效果*/
.store_list tr:hover{
	background: #ABD6F6;
}
/*各欄寬度設定*/
.name{
	width: 220px;
}
.add{
	width: 460px;
}
.tel{
	width: 230px;
}
.map{
	width: 150px;
}
/***桌機版表格設定 end***/

/*google map連結*/
.map_link{
	display: block;
	font-size: 14px;
	width: 70px;
	height: 24px;
	background: #A0A0A0;
	color: #fff;
	text-align: center;
	padding-bottom: 5px;
}
.map_link::before{
	content: '';
	background: url(../../images/store/skechers_store_pin.png) no-repeat;
	display: inline-block;
	width: 9px;
	height: 16px;
	margin: 5px 2px 0 0;
}
/*(桌機)tr hover+(手機)a:active時換背景色*/
.store_list tr:hover .map_link,
.map_link:active{
	background: #002D53;
}
/*隱藏頁數列*/
.page_block{
	display: none;
}
/******手機版 start******/
@media screen and (max-width: 768px){
	/*主要內容寬度設定*/
	.main_content{
		width: 100%;
		padding-bottom: 0;
	}
	.store_style,.store_zone,.store_zone_title{
		margin-left: 5%;
		margin-right: 5%;
	}
	/*門市分類*/
	.store_style>li a{
		float: none;
		width: 100%;
		margin: 0 0 1px 0;
	}
	/*地區select*/
	.store_zone{
		width: 90%;
	}
	/***手機版-表格設定 start***/
	/*隱藏th*/
	.store_list th{
		display: none;
	}
	/*取消td固定高度*/
	.store_list td{
		height: auto;
	}
	/*取消奇數列灰色背景*/
	.store_list tr:nth-child(odd){
		background: none;
	}
	/*取消tr hover效果*/
	.store_list tr:hover{
		background: none;
	}
	/*取消(桌機)tr hover時map link換背景色*/
	.store_list tr:hover .map_link{
		background: #A0A0A0;
	}
	/*在map link被hover或active時換背景色*/
	#main_content .store_list tr td .map_link:hover,
	#main_content .store_list tr td .map_link:active{
		background: #002D53;
	}
	/*上下框線設定*/
	.store_list tr{
		border-top: 1px solid #E5E5E5;
	}
	.store_list tr:last-child{
		border-top: 1px solid #E5E5E5;
	}
	/*縮小編號欄的右padding*/
	.store_list td:first-child{
		padding-right: 5px;
	}
	/*店名+地址+電話並排*/
	.store_list .name,.store_list .add,.store_list .tel{
		display: block;
		width: 100%;
	}
	/*各欄寬度設定*/
	.store_list .no{
		width: 8%;
		padding-top: 20px;
		vertical-align: top;
	}
	.store_list .name{
		padding-top: 20px;
	}
	.store_list .map{
		width: 15%;
		padding-top: 20px;
		vertical-align: top;
	}
	/*增加下方padding*/
	.store_list .tel{
		padding-bottom: 20px;
	}
	/***手機版-表格設定 end***/

	/*頁數功能列*/
	.page_block{
		display: block;
		height: 50px;
		text-align: center;
		padding: 45px 0 45px 0;
	}
	.page_block li{
		display: inline-block;
		color: #B6B6B6;
		width: 48px;
		height: 48px;
		font-size: 14.97px;		
	}
	.page_block a{
		display: block;
		border: 1px solid #B6B6B6;
		line-height: 48px;
		text-align: center;
		color: #B6B6B6;
	}
	.page_block a:hover,
	.page_block a:active{
		background: #002B56;
		color: #fff;
	}
	/*頁數輸入*/
	.page_block input{
		width: 48px;
		height: 46px;
		border: 1px solid #B6B6B6;
		text-align: center;
		color: #002B56;
		font-size: 14.97px;
	}
	/*頁數列-文字寬度*/
	.page_block .page_text{
		width: 30px;
	}

}
.store_zone_note{
	color: #0063B9;
	padding: 0 14px;
	font-size: 14px;
}