@charset "utf-8";

html, body {
	margin: 0px;
	padding: 0px;
	background-color: #102646;
}

a, a:hover {
	text-decoration: none;
	position: absolute;
}

a:hover {
	background-color: #ccc;

	/* Theoretically for IE 8 & 9 (more valid)... but not required as filter works too should come BEFORE filter */
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
	
	/* This works in IE 8 & 9 too, ... but also 5, 6, 7 */
	filter: alpha(opacity=40);
	
	/* Older than Firefox 0.9 */
	-moz-opacity:0.4;
	
	/* Safari 1.x (pre WebKit!) */
	-khtml-opacity: 0.4;
    
	/* Modern!, Firefox 0.9+, Safari 2?, Chrome any?, Opera 9+, IE 9+ */
	opacity: 0.4;
}

.align-center {
	text-align: center;
}

.clear {
	float: none !important;
	width: 0px !important;
	height: 0px !important;
	overflow: hidden !important;
}

.body-content {
	width: 980px;
	margin: 0px auto;
	padding: 0px;
}

.body-content > div {
	float: left;
	width: 980px;
	position: relative;
}

.header-1 {
	background: url(http://img.eprice.com.tw/img/tw/project/20150701-water3c/header-1.jpg) no-repeat;
	height: 263px;
}

.header-2 {
	background: url(http://img.eprice.com.tw/img/tw/project/20150701-water3c/header-2.jpg) no-repeat;
	height: 254px;
}

.header-3 {
	background: url(http://img.eprice.com.tw/img/tw/project/20150701-water3c/header-3.jpg) no-repeat;
	height: 226px;
}

.block-1 {
	background: url(http://img.eprice.com.tw/img/tw/project/20150701-water3c/block-z4-tablet.jpg) no-repeat;	
	height: 334px;
}
.block-2 {
	background: url(http://img.eprice.com.tw/img/tw/project/20150701-water3c/block-m4-aqua.jpg) no-repeat;	
	height: 334px;
}
.block-3 {
	background: url(http://img.eprice.com.tw/img/tw/project/20150701-water3c/block-z3-plus.jpg) no-repeat;	
	height: 334px;
}
.block-4 {
	background: url(http://img.eprice.com.tw/img/tw/project/20150701-water3c/block-bf2-z3.jpg) no-repeat;	
	height: 361px;
}
.block-5 {
	background: url(http://img.eprice.com.tw/img/tw/project/20150701-water3c/block-s5.jpg) no-repeat;	
	height: 361px;
}

.more {
	background: url(http://img.eprice.com.tw/img/tw/project/20150701-water3c/more.jpg) no-repeat;	
	height: 242px;
}

.articles {
	background: url(http://img.eprice.com.tw/img/tw/project/20150701-water3c/articles.jpg) no-repeat;	
	height: 765px;
	background-color: #093262;
}

.ip68 {
	background: url(http://img.eprice.com.tw/img/tw/project/20150701-water3c/ip68.jpg) no-repeat;	
	height: 698px;
}

.article {
  width: 70px;
  height: 20px;
  display: block;
}

.product {
  width: 140px;
  height: 20px;
  display: block;
}

.block-1 .article {
  bottom: 60px;
  left: 318px;	
}

.block-1 .product {
  bottom: 20px;
  right: 358px;
}

.block-2 .article {
  bottom: 40px;
  left: 472px;	
}

.block-2 .product {
  bottom: 12px;
  right: 128px;
}

.block-3 .article {
  bottom: 46px;
  left: 336px;	
}

.block-3 .product {
  bottom: 8px;
  right: 360px;
}

.block-4 .article {
  bottom: 46px;
  left: 446px;
}

.block-4 .product {
  bottom: 18px;
  right: 200px;
}

.block-5 .article {
  bottom: 58px;
  left: 336px;
}

.block-5 .product {
  bottom: 20px;
  right: 360px;
}

.articles a {
	width: 216px;
	height: 197px;
	display: block;
}

.articles .article-1 {
	left: 44px;
	top: 1px;
}
.articles .article-2 {
	left: 268px;
	top: 1px;
}
.articles .article-3 {
	left: 492px;
	top: 1px;
}
.articles .article-4 {
	left: 716px;
	top: 1px;
}

.articles .article-5 {
	left: 44px;
	top: 231px;
}
.articles .article-6 {
	left: 268px;
	top: 231px;
}
.articles .article-7 {
	left: 492px;
	top: 231px;
}
.articles .article-8 {
	left: 716px;
	top: 231px;
}

.articles .article-9 {
	left: 44px;
	top: 464px;
}
.articles .article-10 {
	left: 268px;
	top: 464px;
}
.articles .article-11 {
	left: 492px;
	top: 464px;
}
.articles .article-12 {
	left: 716px;
	top: 464px;
}