@charset "utf-8";
/* CSS Document */

.HEADER{width: 100%;height: 55px;background-color: #eff2f9;border-top: 5px solid #dee2ec;}
.HEADER ul{width: 930px;height: 55px;margin: 0 auto; padding: 0;}
.HEADER ul li{float: left;width: 155px;height: 50px; list-style: none;}
.HEADER ul li a{text-decoration: none;}

.HEADER ul li:nth-child(1){border-bottom: 5px solid #3bb2d4;background: url('http://shopping.friday.tw/event/2018mem/01/newmember/home/images/huiyuan_icon_01.png') no-repeat center top;text-align: center;text-indent:70px;}
.HEADER ul li:nth-child(1) a{display: block;width: 155px;height: 50px;font:bold 16px/60px "微軟正黑體"; color:#3bb2d4;}
.HEADER ul li:nth-child(1) a:hover{border-top: 5px solid #3bb2d4;margin-top: -5px;}
.HEADER ul li a:after{content: "";width:inherit;height: 30px; border-right: 1px solid #dee2ec;padding-left: 20px;}
.HEADER ul li:nth-child(2){border-bottom: 5px solid #4dccaf;background: url('http://shopping.friday.tw/event/2018mem/01/newmember/home/images/huiyuan_icon_02.png') no-repeat center top;text-align: center;text-indent:65px;}
.HEADER ul li:nth-child(2) a{display: block;width: 155px;height: 50px;font:bold 16px/60px "微軟正黑體"; color:#4dccaf;}
.HEADER ul li:nth-child(2) a:hover{border-top: 5px solid #4dccaf;margin-top: -5px;}
.HEADER ul li:nth-child(3){border-bottom: 5px solid #69d71e;background: url('http://shopping.friday.tw/event/2018mem/01/newmember/home/images/huiyuan_icon_03.png') no-repeat center top;text-align: center;text-indent:53px;}
.HEADER ul li:nth-child(3) a{display: block;width: 155px;height: 50px;font:bold 16px/60px "微軟正黑體"; color:#69d71e;}
.HEADER ul li:nth-child(3) a:hover{border-top: 5px solid #69d71e;margin-top: -5px;}
.HEADER ul li:nth-child(4){border-bottom: 5px solid #fdb52d;background: url('http://shopping.friday.tw/event/2018mem/01/newmember/home/images/huiyuan_icon_04.png') no-repeat center top;text-align: center;text-indent:70px;}
.HEADER ul li:nth-child(4) a{display: block;width: 155px;height: 50px;font:bold 16px/60px "微軟正黑體"; color:#fdb52d;}
.HEADER ul li:nth-child(4) a:hover{border-top: 5px solid #fdb52d;margin-top: -5px;}
.HEADER ul li:nth-child(5){border-bottom: 5px solid #fa7c7d;background: url('http://shopping.friday.tw/event/2018mem/01/newmember/home/images/huiyuan_icon_05.png') no-repeat center top;text-align: center;text-indent:70px;}
.HEADER ul li:nth-child(5) a{display: block;width: 155px;height: 50px;font:bold 16px/60px "微軟正黑體"; color:#fa7c7d;}
.HEADER ul li:nth-child(5) a:hover{border-top: 5px solid #fa7c7d;margin-top: -5px;}
.HEADER ul li:nth-child(6){border-bottom: 5px solid #f46696;background: url('http://shopping.friday.tw/event/2018mem/01/newmember/home/images/huiyuan_icon_06.png') no-repeat center top;text-align: center;text-indent:35px;}
.HEADER ul li:nth-child(6) a{display: block;width: 155px;height: 50px;font:bold 16px/60px "微軟正黑體"; color:#f46696;}
.HEADER ul li:nth-child(6) a:hover{border-top: 5px solid #f46696;margin-top: -5px;}
.HEADER ul li:nth-child(6) a:after{display: none;content: "";width:inherit;height: 30px; border-right: 1px solid #dee2ec;padding-left: 20px;}

@media screen and (max-width:768px) {
	.HEADER{width: 100%;height: 110px;background-color: #eff2f9;border-top: 5px solid #dee2ec;position: fixed;bottom: 0;left: 0;z-index: 99;}
	.HEADER ul{width: 100%;height: 110px;margin: 0 auto;}
	.HEADER ul li{float: left;width: 33.33%;height: 50px;white-space: nowrap;}
	.HEADER ul li:nth-child(1){border-bottom: 5px solid #3bb2d4;background-position: -15% center;text-align: left;text-indent:28%;background-size: 65% auto;}
	.HEADER ul li:nth-child(1) a{display: block;width:100%;height: 50px;font:bold 4.5vw/50px "微軟正黑體";}
	.HEADER ul li:nth-child(2){border-bottom: 5px solid #4dccaf;background-position: -5% center;text-align: left;text-indent:28%;background-size: 65% auto;}
	.HEADER ul li:nth-child(2) a{display: block;width:100%;height: 50px;font:bold 4.4vw/50px "微軟正黑體";color:#4dccaf;}
	.HEADER ul li:nth-child(3){border-bottom: 5px solid #69d71e;background-position: -5% center;text-align: left;text-indent:28%;background-size: 75% auto;}
	.HEADER ul li:nth-child(3) a{display: block;width: 100%;height: 50px;font:bold 4.4vw/50px "微軟正黑體"; color:#69d71e;}
	.HEADER ul li:nth-child(4){border-bottom: 5px solid #fdb52d;background-position: -15% center;text-align: left;text-indent:28%;background-size: 75% auto;}
	.HEADER ul li:nth-child(4) a{display: block;width: 100%;height: 50px;font:bold 4.4vw/50px "微軟正黑體"; color:#fdb52d;}
	.HEADER ul li:nth-child(5){border-bottom: 5px solid #fa7c7d;background-position: -15% center;text-align: left;text-indent:28%;background-size: 75% auto;}
	.HEADER ul li:nth-child(5) a{display: block;width: 100%;height: 50px;font:bold 4.4vw/50px "微軟正黑體"; color:#fa7c7d;}
	.HEADER ul li:nth-child(6){border-bottom: 5px solid #f46696;background-position: -15% center;text-align: left;text-indent:28%;background-size: 75% auto;}
	.HEADER ul li:nth-child(6) a{display: block;width: 100%;height: 50px;font:bold 4.4vw/50px "微軟正黑體"; color:#f46696;}	
}