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

/*body {
	background: #666;
	margin: 0;
	padding: 0;
	position: relative;
}
a img {
	border: none;
}*/
ul, li {
	margin: 0;
	padding: 0;
	list-style: none;
}
#productBox {
	background: #FFF;
	padding: 15px;
	/*height: 580px;*/
	width: 730px;
	/*margin: 10px 5px;*/
	margin: 10px auto;
}
#productLeft {
	float: left;
	width: 240px;
	/*position: relative;*/
}
#productRight {
	float: left;
	padding-left: 20px;
	width: 470px;
}
#productLeft #pLineLogo {
	width: 238px;
	height: 98px;
	border: solid 1px #ccc;
	text-align: center;
	margin-bottom: 4px;
}
#pLineLogo img {
	margin: 17px auto;
	vertical-align: middle;
}
#productLeft #pPhoto {
	margin-bottom: 10px;
	width:238px;
	height:298px;
}
#prodIcons ul {
	margin-left: 2px;
}
#prodIcons .functions li,
#prodIcons .icons li,
#prodIcons .addToMyList li,
#prodIcons .socialIcons li,
#howToUse li,
#prodLinkBox1 li,
ul.inlineList li {
	display: inline;
}

#prodIcons .socialIcons li{
	margin-bottom:5px;
}


#prodIcons .socialIcons li.simple_tweet {
	margin-right: 20px;
}
#prodIcons .socialIcons li.face {
}

* #prodIcons .functions li {
	margin-right: 4px;
	margin-bottom: 4px;
}

ul.inlineList {
	margin-top: 10px;
}
ul.inlineList li {
	display:block;
	float: left;
	height: 25px;
	margin-right: 10px;
	margin-bottom: 10px;
}
#prodIcons p {
	font-size: 10px;
	color: #646464;
	margin-bottom: 12px;
}
#myListOperation {
	/*position: relative;*/
}
#productBox #productRight h3 {
	font-size: 16px;
	font-weight: bold;
	line-height: 33px;
	background-color: #767676;
	color: #FFF;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 15px;
	margin: 0px 0px 15px 0px;
}

#productBox #productRight  #productText2 h3{
	font-size: 16px;
	font-weight: bold;
	line-height: 25px;
	color: #000;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 15px;
	margin: 0px 0px 15px 0px;
	background-color: #fff;
	width:350px;
	margin:0 auto;
	font-family:"微軟正黑體", "Microsoft JhengHei",arial;
	text-align:center;
	margin-bottom:10px;
}

#productBox #productRight .prodLabel {
	line-height: 1.6em;
	font-size: 12px;
	padding-top: 15px;
}
#productBox #productRight .prodLabel span {
	font-size: 10px;
}
#productText h4 {
	font-size: 12px;
	line-height: 1.8em;
}
#productText {
	margin-bottom: 15px;
}
#productText .note {
	font-size: 11px;
	line-height: 1.6em;
	margin-bottom:15px;
	padding: 0 10px 0 5px ;
}

#productText .red{
	color:#CC3300;
	}

#howToUse #howToText p {
	font-size: 11px;
	margin-top: 5px;
	line-height: 1.4em;
}

#howToUse #howToText ol#howToStep{
	font-size: 11px;
	line-height:1.4em;
	margin-left:2em;
}

#howToUse #howToText ol#howToStep li{
	list-style: decimal outside;
	display:list-item;
}

#howToUse #howToText p.fright{
	float:right;
}


#howToUse #prodLinkBox1 {
	margin-top: 13px;
}
#prodLinkBox1 .lineSiteLink {
	float: right;
/*	float: left;	*/
/*	margin-right: 150px;	*/
	margin-right: 50px;
}
#productRight #others {
	margin-bottom: 13px;
	margin-top: 10px;
}

#prodLinkBox1 .labelBox {
	margin-bottom: 9px;
}

#prodLinkBox1 ul {
	margin-bottom: 30px;
}
#prodLinkBox1 #otherAccesses {
	font-size: 12px;
	padding-left: 8px;
	margin-top: -15px;
	background: #efefef;
	color: #434343;
}
#prodLinkBox1 #otherAccesses ul li {
	margin-right: 3px;
}

#prodLinkBox1 .lineSiteLink img {
	border:none;
}

#productBox #productRight {
	color: #434343;
}
#productRight .prodExp {
	font-size: 11px;
	line-height: 1.6em;
	padding: 15px 10px 0 5px ;
}


#prodIcons .functions {
	margin-bottom: 4px;
}
#prodIcons .icons {
	margin-bottom: 12px;
}
.lineBox {
	padding-bottom: 20px;
	width:470px;
}
.lineBox div.ui-flickable-content {
	height:60px;
	overflow:hidden;
}
.lineBox .ui-flickable-wrapper {

	height:59px;
}
.lineCarousel {
	float: left;
/*	height: 60px;	*/
	height: 61px;
/*	overflow: auto;	*/
	overflow: hidden;
	width: 440px;
	margin-left: 3px;
	margin-right: 3px;
}
.lineCarousel .lineProds {
	width: 60px;
	height: 60px;
	float: left;
	margin-right: 3px;
}
.lineCarousel .lineProds img {
	border: solid 1px #ccc;
}
.lineCarousel .lineProds img:hover {
	cursor: pointer;
}
.linPprev {
	float: left;
	cursor: pointer;
}
.linPnext {
	float: right;
	cursor: pointer;
}
.lineBox a img {
/*	border: solid 1px #ccc;	*/
}
#otherAccesses {
	clear: both;
}
#otherAccesses ul li a img {
	margin-bottom: 10px;
	/margin-right: 3px;
}
#prodLinkBox1 #otherAccesses p {
	/* [disabled]margin-top: 20px; */
	padding-top: 10px;
}

a.tgt {
	text-decoration: none;
	font-size: 0;
	line-height: 0;
}

#prodIcons .icons li {
	/margin-right: 4px; /* IE6&7 hack */
	width:22px;
	height:20px;
}
#addToMyList li {
	/margin-right: 4px; /* IE6&7 hack */
	height:25px;
}
#membernotice {
	position: absolute;
	left: 30px;
	z-index: 8000;
	width: 218px;
	padding: 10px;
	background-color: #666;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
}
#membernotice p {
	color: #fff;
	font-size: 10px;
	line-height: 16px;
}
/* social icons position tuning */
#myListOperation {
	margin-bottom: 3px;
}
.connect_widget_like_button {
	margin-top: 3px;
}

/* BestCosme */

#productText p.bestcosmeBanner {
	float:right;
}

#productText p.bestcosmeBanner img{
	margin:3px;
}

* html .lineCarousel {
	top:auto !important;
}
*:first-child+html .lineCarousel {
	top:auto !important;
}
.pro_table .point{
	vertical-align: top;
	}