/* productBox */
#productBox { padding: 0 11px; }
#productBox h4.topTitle {margin: 35px 0 10px;background: #F1F1FA;padding: 15px 0;}
#productBox h4.topTitle:before {margin-right: 10px;width: 10px;height: 10px;background: #0e111a;display: inline-block;content: "";vertical-align: middle;}
#productBox h4.topTitle font {display: inline-block;font-weight: bold;font-size: 20px;vertical-align: middle;color: #333;text-transform: uppercase;letter-spacing: 1px;}

/* productBox ul */
#productBox ul { overflow: hidden; }
#productBox ul li {position: relative;overflow: hidden;margin: 10px 10px 10px 0;padding: 15px;float: left;width: calc(50% - 40px);background: #fff;border-radius: 5px;}
#productBox ul li:nth-child(2n) { margin: 10px 0 10px 10px; }
#productBox ul li >div , #productDetail #PhotoDetail >div { float: left; width: 180px; }
#productBox ul li >div:nth-child(2) , #productDetail #PhotoDetail >div:nth-child(2) {margin-left: 30px;width: calc(100% - 210px);}
#productBox ul li >div a.photo ,
#productDetail #PhotoDetail >div a.photo ,
#product2Box ul li >div a.photo {margin-bottom: 10px;background-size: 80%;}
#productBox ul li >div a.photo img ,
#productDetail #PhotoDetail >div a.photo img ,
#product2Box ul li >div a.photo { width: 100%; }
#productBox ul li >div a.more ,
#productDetail #PhotoDetail >div a.more ,
#product2Box ul li >div a.more {padding: 5px 0;background: #3ecd84;border-radius: 5px;display: block;text-align: center;color: #fff;text-transform: uppercase;letter-spacing: 1px;font-size: 14px;}
#productBox ul li >div h5 { padding-bottom: 5px; border-bottom: 1px #e0e0e0 solid; }
#productBox ul li >div h5 a {height: 25px;font-size: 16px;color: #000;font-weight: bold;text-transform: uppercase;letter-spacing: 1px;}
#productBox ul li >div p {margin: 7px 0;height: 25px;color: #020202;}
#productBox ul li >div p label , #productBox ul li >div p font {vertical-align: middle;font-size: 14px;}
#productBox ul li .bottomBox { position: absolute; width: calc(100% - 230px); bottom: 15px; right: 15px; }
#productBox ul li .bottomBox p.stars { margin: auto; display: inline-block; vertical-align: middle; }
#productBox ul li .bottomBox p.stars font {margin-right: 5px;font-size: 13px;color: #ababab;}
#productBox ul li .bottomBox p.stars font b {font-size: 20px;color: #efa218;}
#productBox ul li .bottomBox a.more {float: right;padding: 2px 15px;display: inline-block;vertical-align: middle;background: #14448f;}

/* productDetail */
#productDetail { margin: 40px auto 30px; min-height: 632px; }
#productDetail .box {position: relative;overflow: hidden;margin: 10px;padding: 20px;background: #fff;border-radius: 5px;}
#productDetail .box h6.title { overflow: hidden; }
#productDetail .box h6.title:before { margin-right: 10px; width: 5px; height: 18px; background: #13448f; display: inline-block; vertical-align: middle; content: ""; }
#productDetail .box h6.title font {display: inline-block;font-size: 20px;vertical-align: middle;font-weight: bold;color: #333;text-transform: uppercase;}
#productDetail .box h6.title a {padding: 7px 20px;float: right;background: #3ecd84;display: inline-block;color: #fff;text-transform: uppercase;border-radius: 5px;}
#productDetail .box .nolist {margin: 10px 0 0;font-size: 16px;color: #808080;}

/* PhotoDetail */
#PhotoDetail >div:nth-child(2) h1 {margin-right: 10px;font-size: 20px;display: inline-block;color: #333;font-weight: bold;letter-spacing: 1px;}
#PhotoDetail >div:nth-child(2) p.stars , p.noCom { display: inline-block; }
#PhotoDetail >div:nth-child(2) p.stars font.gbox * { font-weight: normal; font-size: 12px; vertical-align: sub; }
#PhotoDetail >div:nth-child(2) p.stars font.gbox.count { margin-right: 10px; }
#PhotoDetail >div:nth-child(2) p.noCom , #InfoCommentBox #score ul li p font.noCom { color: #9a9a9a; }
#PhotoDetail >div:nth-child(2) article {margin: 10px 0;font-size: 14px;color: #525252;text-align: justify; padding-right: 50px;}
#PhotoDetail >div:nth-child(2) .otherList { margin: 2px 0; }
#PhotoDetail >div:nth-child(2) .otherList label , #PhotoDetail >div:nth-child(2) .otherList font { display: inline-block; color: #525252; vertical-align: bottom; }
#PhotoDetail >div:nth-child(2) .otherList label { margin-right: 10px; color: #000; }

/* InfoCommentBox */
#InfoCommentBox , #InfoCommentBox >div ul , #InfoCommentBox #score ul li { overflow: hidden; }
#productDetail #InfoCommentBox .box { margin: 10px; float: left; width: 300px; }
#productDetail #InfoCommentBox #info { width: calc(100% - 421px); }
#InfoCommentBox >div ul , #comment ul , #gameImg ul {margin: 15px 0;}
#InfoCommentBox >div ul:nth-child(3) { margin-bottom: 0; }
#InfoCommentBox #info ul li { position: relative; margin-bottom: 1px; float: left; width: 50%; border-bottom: 1px #e9eaea dashed; }
#InfoCommentBox #info ul li.lag { width: 100%; }
#InfoCommentBox #info ul li label , #InfoCommentBox #info ul li font {position: relative;padding: 2px 10px;width: 160px;display: inline-block;vertical-align: text-top;z-index: 2;text-transform: capitalize;color: #fff;}
#InfoCommentBox #info ul li font {width: calc(100% - 200px);color: #333;}
#InfoCommentBox #info ul li:after {position: absolute;width: 180px;height: 100%;background: #333;display: block;top: 0;left: 0;z-index: 1;content: "";}
#InfoCommentBox #info ul li font a { color: #000; }
#InfoCommentBox #score ul { margin-bottom: 3px; }
#InfoCommentBox #score ul li p { float: left; width: 50%; }
#InfoCommentBox #score ul li p label , #InfoCommentBox #score ul li p font { overflow: hidden; padding: 5px 0; display: block; }
#InfoCommentBox #score ul li p label { border-bottom: 1px #dedede solid; display: none; }
#InfoCommentBox #score ul li:first-child p label {margin-bottom: 14px;display: block;text-transform: uppercase;color: #333;}
#InfoCommentBox #score ul li p font b { margin-right: 5px; float: left; width: 23px; height: 23px; background: #13448f; display: block; border-radius: 50%; text-align: center; line-height: 23px; color: #fff; }
#InfoCommentBox #score ul li p font a { float: left; width: calc(100% - 35px); height: 23px; color: #000; }
#InfoCommentBox #score .stars i , #InfoCommentBox #score .stars span{ color: #f15f69; }

/* backupurl */
#backupurl { margin: 10px; }
#backupurl a { margin: 10px; padding: 5px 10px; background: #41659c; display: inline-block; color: #fff; }

/* gameImg */
#gameImg ul.slick-slider { margin-bottom: 0; }
#gameImg .slick-slider .slick-track ,
#gameImg .slick-slider .slick-list ,
#searchBtnBox .slick-slider .slick-track ,
#searchBtnBox .slick-slider .slick-list { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; }
#gameImg ul li a.photo { margin: 0 5px; background-size: contain; border: 1px #000 solid; }
#gameImg ul li a img:first-child { display: none; }
#gameImg .slick-prev { top: -30px; left: auto; right: 35px; }
#gameImg .slick-next { top: -30px; right: 10px; }
#gameImg .slick-prev:before , #gameImg .slick-next:before { color: #000; }

/* comment */
#comment ul li { margin-bottom: 10px; }
#comment ul li p.cName { overflow: hidden; padding: 2px 10px; background: #f5f5f5; border-bottom: 1px #e7e4e4 solid; }
#comment ul li p.cName font {float: left;height: 23px;width: 200px;text-align: right;line-height: 23px;color: #333;}
#comment ul li p.cName font.stars { line-height: 19px; }
#comment ul li p.cName font:first-child {width: calc(100% - 400px);text-align: left;}
#comment ul li p.cName font:first-child span {font-size: 18px;line-height: 23px;color: #333;}
#comment ul li p.cName font b {font-weight: normal;vertical-align: middle;color: #333;}
#comment ul li p.cName font span[itemprop="bestRating"] { margin-right: 5px; }
#comment ul li article {margin: 5px 10px;color: #a2a2a2;}
#comment ul li font { margin: 5px 0; background-position: 50%; background-repeat: no-repeat; background-size: contain; display: inline-block; }

/* searchBtnBox */
#searchBtnBox { margin-top: 5px; float: left; width: 280px; }
#searchBtnBox h4 {position: relative;padding: 5px 0;background: #F1F1FA;text-align: center;font-size: 20px;color: #333;text-transform: uppercase;font-weight: bold;}
#searchBtnBox h4:before {position: absolute;width: 0;height: 0;border-style: solid;border-width: 12px 12px 0 12px;border-color: #f1f1fa transparent transparent transparent;content: "";bottom: -12px;left: calc(50% - 12px);z-index: 2;}
#searchBtnBox .list p {position: relative;padding: 10px;background: #ffffff;border-bottom: 1px #e8e8e8 solid;font-size: 16px;color: #141414;z-index: 1;}
#searchBtnBox .list p a { position: absolute; color: #000; top: calc(50% - 14px); right: 10px; }
#searchBtnBox .list >div {overflow: hidden;-webkit-transition: none;-moz-transition: none;-ms-transition: none;-o-transition: none;transition: none;background: #edecec;}
#searchBtnBox .list .current {display: none;background: #edecec;}
#searchBtnBox .list >div a {padding: 10px 0;float: left;width: calc((100% - 1px) / 2);border-right: 1px #e4e3e3 solid;border-bottom: 1px #e4e3e3 solid;display: block;text-align: center;font-size: 14px;color: #141414;}
#searchBtnBox .list >div a:nth-child(2n) { border-right: 0; }
#searchBtnBox .list >div a.action , #searchBtnBox .list >div a:hover { background: #13448f; color: #fff; }

/* product2Box */
#product2Box { margin-top: 5px; float: right; width: calc(100% - 320px); }
#product2Box form {overflow: hidden;background: #F1F1FA;}
#product2Box form .list { margin: 10px; }
#product2Box form .list label {display: inline-block;font-size: 16px;color: #333;vertical-align: middle;text-transform: uppercase;font-weight: bold;}
#product2Box form .list font {padding: 5px 10px;background: #fff;display: inline-block;}
#product2Box form .list font input { width: 250px; }
#product2Box form .list font a { color: #000; }
#product2Box form .mb { display: none; }
#product2Box form .list select { position: relative; width: 100%; padding: 2px 28px 2px 10px; background: url(/images/01/icon-arrow.svg) no-repeat scroll right center transparent; background-position: calc(100% - 7px) 50%; background-size: 7px; background-color: #fff; border: 0; border-radius: 0; font-size: 16px; appearance: none; -moz-appearance: none; -webkit-appearance: none; }
#product2Box ul { margin: 20px 0; }
#product2Box ul li {overflow: hidden;padding: 10px 15px;border-bottom: 1px #edecec solid;background: #fff;}
#product2Box ul li >div { float: left; width: 190px; }
#product2Box ul li >div a.photo { margin-bottom: 0; }
#product2Box ul li >div a.photo img { height: 150px; }
#product2Box ul li .infoBox {padding: 0 30px;width: calc(100% - 400px);}
#product2Box ul li .infoBox h5 a {font-size: 18px;color: #000;text-transform: uppercase;font-weight: bold;}
#product2Box ul li .infoBox p {color: #4a4a4a;overflow: hidden;height: 78px;font-size: 13px;text-align: justify;line-height: 200%;}
#product2Box ul li .infoBox p.stars {margin-bottom: 15px;height: auto;}
#product2Box ul li .scoreBox {width: 150px;}
#product2Box ul li .scoreBox >div {margin-bottom: 10px;padding: 10px 0;border: 1px #dedede solid;}
#product2Box ul li .scoreBox .noCom { padding: 10px 30px; background: #d8d8d8; border-color: #9a9494; text-align: center; font-size: 26px; color: #908b8b; }
#product2Box ul li .scoreBox >div p { text-align: center; }
#product2Box ul li .scoreBox >div p.score { margin-bottom: 20px; font-size: 20px; }
#product2Box ul li .scoreBox >div p b { color: #EF070B; }
#product2Box ul li .scoreBox >div p.score b { font-size: 35px; }

@media screen and (max-width: 1200px){
	#productBox ul li .bottomBox { position: relative; width: 100%; right: auto; bottom: auto; }
	#productBox ul li .bottomBox p.stars { display: block; }
	#productBox ul li .bottomBox a.more { margin-top: 5px; }
	#productDetail .box { padding: 15px; }
	#productDetail #InfoCommentBox .box { width: 270px; }
	#productDetail #InfoCommentBox #info { width: calc(100% - 371px); }
}
@media screen and (max-width: 910px){
	#productBox ul li , #productBox ul li:nth-child(2n) { margin: 10px; width: calc(100% - 42px); }
	#productDetail #InfoCommentBox .box , #productDetail #InfoCommentBox #info { width: calc(100% - 50px); }
	#InfoCommentBox #info ul li , #product2Box { width: 100%; }
	#searchBtnBox { display: none; }
	#product2Box form .mb , #product2Box form .list font { display: block; }
	#product2Box form .list font input { width: calc(100% - 19px); }
}
@media screen and (max-width: 700px){
    #PhotoDetail >div:nth-child(2) article{padding:0;}
	#productDetail #PhotoDetail >div , #productDetail #PhotoDetail >div:nth-child(2) { margin-left: 0; width: 100%; }
	#productDetail #PhotoDetail >div a.photo img { width: auto; }
	#productDetail #PhotoDetail >div a.more { display: none; }
	#comment ul li p.cName { padding: 0; background: none; border-bottom: 0; }
	#comment ul li p.cName font { margin-left: 10px; width: auto; text-align: left; font-size: 12px; }
	#comment ul li p.cName font:first-child { margin-left: 0; padding: 2px 10px; width: 100%; background: #f5f5f5; border-bottom: 1px #e7e4e4 solid; font-size: 18px; }
}
@media screen and (max-width: 680px){
	#product2Box ul li >div a.photo img { height: auto; }
	#product2Box ul li .infoBox { width: calc(100% - 260px); }
	#product2Box ul li .scoreBox { width: 100%; text-align: right; }
	#product2Box ul li .scoreBox >div { overflow: hidden; margin-bottom: 0; padding: 0; border: 0; display: inline-block; }
	#product2Box ul li .scoreBox .noCom { margin-right: 10px; padding: 0; background: none; font-size: 14px; }
	#product2Box ul li .scoreBox >div p { margin-top: 5px; margin-right: 10px; float: left; }
	#product2Box ul li .scoreBox >div p.score { margin-top: 0; margin-bottom: 0; font-size: 14px; }
	#product2Box ul li .scoreBox >div p.score b { font-size: 25px; }
	#product2Box ul li .scoreBox a.more { padding: 2px 15px; display: inline-block; }
}
@media screen and (max-width: 480px){
	#productBox ul li >div , #productBox ul li >div:nth-child(2) { margin-left: 0; width: 100%; }
	#productBox ul li >div:nth-child(1) { margin-bottom: 10px; }
	#productBox ul li >div:nth-child(1) a.more , #InfoCommentBox #info ul li:after { display: none; }
	#productBox ul li >div a.photo img {}
	#InfoCommentBox >div ul , #comment ul { margin: 15px 0; }
	#InfoCommentBox #info ul li label , #InfoCommentBox #info ul li font {width: calc(100% - 20px);display: block;padding: 10px;}
	#InfoCommentBox #info ul li label {background: #474747;}
	#product2Box ul li >div:nth-child(1) , #product2Box ul li .infoBox { float: none; padding: 0; width: 100%; }
	#product2Box ul li .infoBox { margin: 10px 0; }
}