@charset "big5";
/* CSS Document */


/*滑鼠選單*/
.btn { display:block; margin:0 auto; width:1220px;height:111px;}
.btn_top ul{margin:0px; padding:0px;}
.btn_top li{float:left;list-style:none; margin: 0; padding: 0; display: block;}
.btn_top li img:first-child {display:none;}
.btn_top li a:hover img,
.btn_top li .selected img {display:none;}
.btn_top li a:hover img:first-child,
.btn_top li .selected img:first-child {display:inline-block;}




/*超級狂殺*/
.onsale{ height:542px;width:1220px;margin:30px auto 0px auto;padding: 0; background: url() no-repeat scroll center top;line-height:none;z-index:99999;}
.onsale ul {margin:20px 0px 0px 20px; padding:0px;}
.onsale ul li { float:left; position:relative; margin-bottom:0px; margin-right:10px; width:225px; height:225px; background-color:#fff; border:1px solid #aaaaaa;list-style:none;}
.onsale ul li a {display: block;width: 100%;height: 100%;text-decoration: none;}
.onsale ul li a img {  width:100%; height:auto;}
.onsale ul li a h3{border-radius:5px;width:148px;height:30px;line-height:30px;border:1px #8f8f8f solid;font: bold 21px/21px "微軟正黑體","Microsoft JhengHei",Helvetica;color:#8f8f8f;text-align:right;margin:7px 0 0 65px;padding:5px 5px 0 5px;}
.onsale ul li a h4 { margin:5px 0px; padding:0px; font: bold 17px/20px "微軟正黑體","Microsoft JhengHei",Helvetica; line-height:26px; text-align: center;color:#000;height:26px ; overflow: hidden ; letter-spacing:-1px}
.onsale ul li:hover a h4 { color:#d92670;}
.onsale ul li a h5{border-radius:5px;width:223px;height:44px;line-height:44px;border:1px #ff9295 solid; margin: 15px 0 0 0} /*修改線框色*/
.onsale ul li:hover a h5{ border:1px #000 solid;}
.onsale ul li a p { float:left;  width:145px;height:34px;margin:0; padding:5px 0 0 5px;text-align:left; line-height:30px; color:#ff9295;}/*修改線框色*/
.onsale ul li:hover a p { color:#000;}
.onsale ul li a p del { padding-right:5px; font-size:13px; font-family: Century Gothic; color:#5e5e5e;}
.onsale ul li a p b { padding-right:2px; font-size:14px; letter-spacing:-1px;}
.onsale ul li a p .money { font-size:16px; font-weight:bold; font-family: Century Gothic; letter-spacing: -5px; }
.onsale ul li a p .Price { font-size: 29px; font-family: Century Gothic; letter-spacing: -1px; font-weight: bold;}
.onsale ul li a .btnn {float:left;  width:80px;height:44px;padding:0px;margin:-39px 0px 0px 143px; background-color:#F69D9F;}/*修改按鈕底色*/
.onsale ul li:hover a .btnn { background-color:#000;}



/*國際大牌*/
.brand {width:1220px;height:730px;float:left;margin:0px 0px 0px 0px;display:block; text-align:left}
.brand ul li {margin:8px 3px 0px 5px;float:left;
			  -webkit-transition: all 0.2s ease;
				 -moz-transition: all 0.2s ease;
				  -ms-transition: all 0.2s ease;
				   -o-transition: all 0.2s ease;
					  transition: all 0.2s ease;}
.brand a img  { transition-duration: 0.3s;  backface-visibility: hidden;  transform: translateZ(0); display:block; margin:0; padding:0px; text-align:left}
.brand ul li:hover  {-webkit-transform: scale3d(1.05,1.05,1);transform: scale3d(0.95,0.95,1);}


/**頁籤**/
.menutableArea {position: relative; display: inline-block; margin: 90px auto 0px; width: 1220px;}
.menutableArea ul {margin: 0; padding: 0; list-style: none outside none;}
.menutableArea li { float: left  ; margin: 0;	padding: 0;	margin-left: 1px; width: 243px;  /*加旅遊改成121px*/ background: rgba(112,112,112,0.9); text-align: center;}
.menutableArea li:first-child {margin-left: 0;}
.menutableArea li a {display: block; color: #FFF; font: 25px/50px "微軟正黑體", "Microsoft JhengHei", Arial, Helvetica; text-decoration: none;}
.menutableArea li a:hover {	color: #FFF; background: rgba(0,0,0,0.6); transition: background 0.5s linear;}
.menutableArea .cate_hover a {color: #FFF; background: rgba(0,0,0,0.6);}
.menutableAreacopy {text-align: center;}
.topnavArea img:first-child {display: none;}
.topnavArea a:hover img, .topnavArea .selected img {display: none;}
.topnavArea a:hover img:first-child, .topnavArea .selected img:first-child {display: inline-block;}	


/*-- 日期 --*/
.timeImport { }
.timeImport span {/*斜線*/
	position: absolute;
	width: 113px;
	color: #2c6e38;
	left: -14px;
	top: 536px;
	font: 21px/25px Helvetica;
	text-align: right;
	height: 32px;
	right: 8px;
	bottom: 1px;
}
.timeImport .mmimport {/*月*/
	position: absolute;
	width: 35px;
	color: #2c6e38;
	left: 2px;
	top: 8px;
	font: bold 21px/25px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica;
	text-align: right;
}
.timeImport .ddimport {/*日*/
	position: absolute;
	width: 35px;
	color: #2c6e38;
	left:50px;
	top: 8px;
	font: bold 21px/25px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica;
	text-align: left;
}
.timeImport .wwimport {/*週幾*/
	position: absolute;
	width: 55px;
	color: #2c6e38;
	left: 65px;
	top: 8px;
	font: bold 21px/25px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica;
	text-align: center;
}

/*倒數時間*/
.countdown {
	position: absolute;
	color: #2c6e38;
	right: -705px;
	top: -142px;
	font-size: 21px;
	font-family: Arial, Helvetica, sans-serif;
	width: 270px;
}
	
/*tab切換內容*/

 ul, li {
		margin: 0;
		padding: 0;
		list-style: none;
		height: auto;
	}
	.abgne_tab_m{width:1220px;margin:0 auto;padding: 0;}
 	.abgne_tab {
		clear: left;
		width: auto;
		margin:0 auto;
		padding: 0;
	}
 	ul.tabs {
		width: 100%;
		height: auto;
		border-bottom: 0px solid #999;
		border-left: 0px solid #999;
	}
	ul.tabs li {
		float: left;
		height:auto;
		overflow: hidden;
		position: relative;
		margin-bottom: 0px;	/* 讓 li 往下移來遮住 ul 的部份 border-bottom */
		border: 0px solid #999;
		border-left: none;
		background: #000;
	}
 	ul.tabs li a {
		display: block;
		padding: 0;
		color: #000;
		border: 0px solid #fff;
		text-decoration: none;
	}
 	ul.tabs li a:hover {
		background: #ccc;
	}


	ul.tabs li.active  {
		background: #fff;
		border-bottom: 0px solid #fff;
	}
 	ul.tabs li.active a:hover {
		background: #fff;
	}
	ul.tabs li.AA,.AA a{float: left;
		height:292px;}
	ul.tabs li.BB,.BB a{float: left;
		height:322px;}
	
	div.tab_container {
		border: 0px solid #999;
		border-top: none;
		background: #000;
		
	}
	div.tab_container .tab_content {
		padding: 0px;
	}
	div.tab_container .tab_content h2 {
		margin: 0px;
	}