/* productBox */
#productBox { overflow: hidden; }
#productBox li { margin: 10px 1%; float: left; width: 18%; }
#productBox li p a.photo { position: relative; background-size: auto 100%; }
#productBox li p a.photo img { background: url(/images/32/main/img-gamesPhotoHover.png) no-repeat 0 500%; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
#productBox li:hover p a.photo img { background-position: 0 0; }
#productBox li p a.photo font { position: absolute; padding: 3px 0; width: 100%; background: #367b13; background: -moz-linear-gradient(top, #367b13 5%, #65b13e 100%); background: -webkit-linear-gradient(top, #367b13 5%,#65b13e 100%); background: linear-gradient(to bottom, #367b13 5%,#65b13e 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#367b13', endColorstr='#65b13e',GradientType=1 ); display: block; left: 0; bottom: -70px; text-align: center; font-size: 16px; color: #fff; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
#productBox li:hover p a.photo font { bottom: 0; }
#productBox li h3 a , #productBox li p { text-align: center; color: #1a1a1a; }
#productBox li h3 a { height: 27px; -webkit-line-clamp: 1; }
#productBox li p.star i ,
#productInfo .productdetail .rightBox article p.star i ,
#productInfo .comment ul li p.star i ,
#article #otherProduct ul li .info p.star i { margin: 0 1px; vertical-align: initial; font-size: 16px; color: #b0b0b0; }
#productBox li p.star i.light ,
#productInfo .productdetail .rightBox article p.star i.light ,
#productInfo .comment ul li p.star i.light ,
#article #otherProduct ul li .info p.star i.light { color: #f73000; }

/* moerLink */
p.moerLink { text-align: center; }
p.moerLink a { margin: 15px 0; padding: 5px 45px; background: #c7a883; display: inline-block; font-size: 18px; color: #fff;	}
p.moerLink a:hover { opacity: 0.7; }

/* otherP */
#otherP { margin-top: 40px; }

/* + productInfo */
#article { overflow: hidden; margin-bottom: 30px; }
#article > div , #productInfo .productdetail > div { float: left; width: 70%; }
#productInfo > div { overflow: hidden; padding: 20px 40px; color: #333333; }
#productInfo > div h5 { font-size: 22px; }
#productInfo > div h5 img { margin-right: 10px; }

/* productdetail */
#productInfo .productdetail { background: #eee; }
#productInfo .productdetail > div { margin-bottom: 0; width: 45%; }
#productInfo .productdetail .rightBox { margin-left: 5%; width: 50%; }
#productInfo .productdetail .rightBox h4 { font-size: 25px; }
#productInfo .productdetail .rightBox article { margin: 10px 1%; display: inline-block; width: 30%; vertical-align: middle; }
#productInfo .productdetail .rightBox article p { text-align: center; }
#productInfo .productdetail .rightBox article p:first-child { font-size: 76px; line-height: 96px; }
#productInfo .productdetail .rightBox article font { display: block; text-align: center; color: #7c7c7c; text-decoration: underline; }
#productInfo .productdetail .rightBox article.Int { width: 63%; line-height: 200%; color: #525252; }
#productInfo .productdetail .rightBox p.webLink { text-align: right; }
#productInfo .productdetail .rightBox p.webLink a { padding: 5px 20px; font-size: 14px; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; background: #65b13e; display: inline-block; color: #fff; }
#productInfo .productdetail .rightBox p.webLink a:hover { opacity: 0.7; }
#productInfo .content , #productInfo .comment { border-bottom: 1px #eaeaea solid; }

/* comment */
#productInfo .comment ul.commentList { overflow-y: scroll; margin-top: 30px; height: 300px; }
#productInfo .comment ul.commentList ::selection { background: #65b13e; color: #fff; }
#productInfo .comment ul.commentList::-webkit-scrollbar { width: 7px; }
#productInfo .comment ul.commentList::-webkit-scrollbar-track { background: #c5c5c5; }
#productInfo .comment ul.commentList::-webkit-scrollbar-thumb { background: #65b13e; outline: 1px solid #fff; }
#productInfo .comment ul li { margin-bottom: 25px; }
#productInfo .comment ul li p.img { width: 70px; border: 1px #afafaf solid; background: rgba(255, 255, 255, 0.3); }
#productInfo .comment ul li p b { font-size: 16px; color: #5c5c5c; }

/* score */
#productInfo .score h6 { margin: 25px 0 5px; font-size: 18px; }
#productInfo .score font { color: #777777; }
#productInfo .score textarea { margin-bottom: 20px; padding: 5px 1%; width: 98%; border-bottom: 2px #e0e0e0 solid; resize: none; font-size: 16px; }
#productInfo .score p.send { overflow: hidden; }
#productInfo .score p.send input { padding: 5px 30px; width: 70px; background: #6a6a6a; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; color: #fff; }
#productInfo .score p.send img { margin-left: 10px; vertical-align: text-top; }
#productInfo .score p.send a { padding: 5px 30px; float: right; background: #c7a883; color: #fff; }

/* otherProduct */
#article #otherProduct { position: relative; margin-left: 2%; padding: 10px 1%; width: 26%; background: #eee; }
#article #otherProduct h2 { font-size: 22px; font-weight: normal; color: #1f1f1f; }
#article #otherProduct h2 a { position: absolute; padding: 5px 20px; font-size: 14px; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; background: #c7a883; color: #fff; right: 20px; top: 15px; }
#article #otherProduct h2 a:hover { opacity: 0.7; }
#article #otherProduct ul li { overflow: hidden; margin: 10px 0; padding: 10px; background: #fff; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); }
#article #otherProduct ul li > div { margin: 0 1%; float: left; width: 48%; }
#article #otherProduct ul li .info h3 a { height: 30px; font-size: 18px; font-weight: normal; color: #1f1f1f; -webkit-line-clamp: 1; }
#article #otherProduct ul li .info article { height: 55px; font-size: 12px; color: #565656; line-height: 160%; -webkit-line-clamp: 3; }

@media screen and (max-width: 1280px) {
	#article #otherProduct ul li .info p.star i { font-size: 14px; }
	#article #otherProduct ul li .info article { height: 40px; -webkit-line-clamp: 2; }
}
@media screen and (max-width: 768px) {
	#productBox li { width: 23%; }
	#otherP #productBox li:nth-child(9) , #otherP #productBox li:nth-child(10) { display: none; }
	#article > div { width: 100%; }
	#productInfo > div { padding: 20px; }
	#article #otherProduct { margin-top: 20px; margin-left: 0; padding: 10px 1%; width: 98%; }
	#article #otherProduct ul li { margin: 10px 1%; padding: 10px 1%; float: left; width: 46%; }
	#article #otherProduct ul li .info article { height: 55px; -webkit-line-clamp: 3; }
}
@media screen and (max-width: 480px) {
	#productBox li { width: 47%; }
	#otherP #productBox li:nth-child(9) , #otherP #productBox li:nth-child(10) { display: block; }
	#productInfo .productdetail > div , #productInfo .productdetail .rightBox { margin: 10px 0; margin-left: 0; width: 100%; }
	#productInfo .comment ul li p.img { width: 200px; }
	#article #otherProduct ul li { width: 96%; }
	#article #otherProduct ul li .info article { height: 79px; -webkit-line-clamp: 4; }
}
@media screen and (max-width: 450px) {
	#article #otherProduct ul li .info article { height: 55px; -webkit-line-clamp: 3; }
}