* {
	margin: 0px;
	padding: 0px;
}

html, body {
	font-family: "微軟正黑體", Arial, "新細明體", Helvetica, "標楷體", sans-serif;
	font-size: 12px;
}

a {
	text-decoration: none;
	color: #000;
}

a img {
	border: none;
}

li {
	list-style: none;
	text-align: center;
	margin-top: 2px;
}

ul .item {
	opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transition: opacity 0.25s ease-in-out;
    -moz-transition: opacity 0.25s ease-in-out;
    -o-transition: opacity 0.25s ease-in-out;
    transition: opacity 0.25s ease-in-out;
    zoom: 1;
}

ul:hover .item {
	opacity: 0.7;
    filter: alpha(opacity=70);
}

.item {
	opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transition: opacity 0.25s ease-in-out;
    -moz-transition: opacity 0.25s ease-in-out;
    -o-transition: opacity 0.25s ease-in-out;
    transition: opacity 0.25s ease-in-out;
    zoom: 1;
}

.item:hover {
	opacity: 0.7;
    filter: alpha(opacity=70);
}

#denim {
	width: 1050px;
	margin-left: auto;
	margin-right: auto;
}

#denim .price {
	font-weight: bolder;
	margin-right: 5px;
}

#denim .btnIcon > a {
	display: inline;
	width: 21px;
	height: 18px;
	text-align: center;
	border: 1px solid #9f9f9f;
	padding: 1px 7px 0px 7px;
	background-color: #000;
	color: #FFF;
}

#denim a > .btnIcon  {
	width: 21px;
	height: 18px;
	border: 1px solid #9f9f9f;
	padding: 1px 7px 0px 7px;
	background-color: #000;
	color: #FFF;
	margin: 0px auto;
}

#denim .hr {
	background-image: url(images/hr.png);
	height: 3px;
}

#denim .header {
	position: relative;
}

#denim .header .animate {
	position: absolute;
	top: 135px;
	left: 10px;
	width: 132px;
}

#denim .sexy {
	height: 904px;
}

#denim .sexy > .top {
	height: 167px;
	background-image: url(images/sexyPautsTitle.png);
}

#denim .sexy .bottom {
	height: 737px;
}

#denim .sexy .bottom > div {
	height: 737px;
	float: left;
}

#denim .sexy .bottom .left {
	width: 380px;
	height: 732px;
	background-image: url(images/sexyPautsBg.png);
	padding-top: 5px;
	padding-left: 100px;
}

#denim .sexy .bottom .left > div {
	float: left;
}

#denim .sexy .bottom .left .model {
	width: 125px;
}

#denim .sexy .bottom .left .product {
	width: 195px;
	padding-top: 15px;
	margin-left: 30px;
}

#denim .sexy .bottom .left .product .marginTop {
	margin-top: 25px;
}

#denim .sexy .bottom .right {
	width: 520px;
	height: 732px;
	padding-top: 5px;
	padding-left: 40px;
}

#denim .sexy .bottom .right > div {
	float: left;
}

#denim .sexy .bottom .right .model {
	width: 160px;
}

#denim .sexy .bottom .right .product {
	width: 350px;
	height: 732px;
	margin-left: 10px
}

#denim .sexy .bottom .right .marginLeft {
	margin-left: 35px;
}

#denim .sexy .bottom .right ul {
	float: left;
}

#denim .sexy .bottom .right .product .top {
	height: 337px;
}

#denim .sexy .bottom .right .product .bottom {
	height: 380px;
	padding-top: 15px;
}

#denim .boyish {
	height: 696px;
}

#denim .boyish .top {
	height: 608px;
}

#denim .boyish .top > div {
	height: 608px;
	float: left;
}

#denim .boyish .top .left {
	width: 364px;
	height: 638px;
	padding-top: 70px;
}

#denim .boyish .top .left > div {
	margin-left: 13px;
	position: relative;
	float: left;
	width: 168px;
}

#denim .boyish .top .slingPants span {
	display: none;
	width: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	text-align: center;
}

#denim .boyish .top .slingPants span a {
	display: block;
	width: 100%;
	height: 322px;
	padding-top: 190px;
	text-align: center;
	background-color: #FFF;
	opacity: 0.8;
}

#denim .boyish .top .slingPants span p {
	margin-top: 2px;
}

#denim .boyish .top .slingPants span .btnIcon {
	margin-top: 25px;
}


#denim .boyish .top .slingPants:hover span {
	display: block;
}

#denim .boyish .top .center {
	width: 322px;
	height: 358px;
	padding-top: 250px;
	background-image: url(images/boyishTitle.png);
}

#denim .boyish .top .center > div {
	margin-left: 10px;
	position: relative;
	float: left;
	width: 140px;
}

#denim .boyish .top .center .slingPants span a {
	display: block;
	width: 100%;
	height: 215px;
	padding-top: 130px;
	text-align: center;
	background-color: #FFF;
	opacity: 0.8;
}

#denim .boyish .top .right {
	width: 364px;
	height: 638px;
	padding-top: 70px;
}

#denim .boyish .top .right > div {
	margin-left: 13px;
	position: relative;
	float: left;
	width: 168px;
}

#denim .boyish .bottom {
	height: 88px;
	background-image: url(images/boyishBg.png);
}

#denim .skinny {
	height: 701px;
	background-image: url(images/thinkPantsBg.png);
}

#denim .skinny > div {
	float: left;
}

#denim .skinny > .left {
	width: 180px;
	height: 556px;
	padding-left: 85px;
	padding-top: 145px;
	position: relative;
}

#denim .skinny > .animate {
	width: 154px;
	position: absolute;
	top: 0px;
	left: 0px;
}

#denim .skinny > .center {
	width: 195px;
	height: 431px;
	padding-left: 0px;
	padding-top: 270px;
}

#denim .skinny .skinnyBox {
	position: relative;
}

#denim .skinny .skinnyBox .box {
	position: absolute;
	width: 120px;
	display: none;
	top: 0px;
	left: 0px;
	top: -125px;
}

#denim .skinny > .center .box {
	top: -125px;
	left: 40px;
}

#denim .skinny .skinnyBox:hover .box {
	display: inline;
}

#denim .skinny > .right {
	width: 590px;
	height: 549px;
	padding-left: 0px;
	padding-top: 152px;
}

#denim .skinny > .right > ul {
	float: left;
	width: 168px;
	margin-right: 25px;
}

#denim .skinny > .right .box {
	left: 23px;
}

#denim .dress {
	height: 728px;
	background-image: url(images/denimDressBg.png);
}

#denim .dress > div {
	float: left;
}

#denim .dress .left {
	height: 548px;
	width: 365px;
	padding-top: 180px;
	padding-left: 45px;
}

.dressBox .item {
	opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transition: opacity 0.25s ease-in-out;
    -moz-transition: opacity 0.25s ease-in-out;
    -o-transition: opacity 0.25s ease-in-out;
    transition: opacity 0.25s ease-in-out;
    zoom: 1;
}

.dressBox:hover .item {
	opacity: 0.7;
    filter: alpha(opacity=70);
}

#denim .dress .left .dressBox {
	width: 340px;
}

#denim .dress .left .dressBox > div {
	float: left;
}

#denim .dress .left .dressBox .photo {
	width: 200px;
}

#denim .dress .describe {
	position: relative;
	text-align: center;
	width: 140px;
}

#denim .dress .dressBox.top {
	height: 200px;
}

#denim .dress .dressBox.top .describe {
	width: 120px;
	height: 70px;
	padding-top: 130px;
	padding-right: 20px;
}

#denim .dress .dressBox.bottom {
	margin-top: 30px;
}

#denim .dress .dressBox.bottom .describe {
	width: 130px;
	height: 105px;
	padding-top: 150px;
	padding-right: 10px;
}	

#denim .dress .describe p {
	margin-top: 2px;
}

#denim .dress .describe .box {
	position: absolute;
	width: 120px;
	display: none;
	top: 0px;
	left: 0px;
}

#denim .dress .dressBox.bottom .describe .box {
	top: 20px;
	left: 5px;
}

#denim .dress .dressBox:hover .box {
	display: inline;
}

#denim .dress .right {
	height: 568px;
	width: 640px;
	padding-top: 160px;
}

#denim .dress .right > ul {
	float: left;
	width: 197px;
}

#denim .dress .skinnyBox {
	position: relative;
}

#denim .dress .skinnyBox .box {
	position: absolute;
	width: 120px;
	display: none;
	top: -60px;
	right: -60px;
	z-index: 50;
}

#denim .dress .skinnyBox:hover .box {
	display: inline;
}

#denim .footer {
	height: 215px;
	text-align: center;
}

#denim .copyright {
	font-size: 10px;
	margin-top: 30px;
	font-weight: bolder;
}