@charset "utf-8";

html, body, div, img, h1, h2, ol, ul, li, p, a {margin:0; padding:0}
img {border:none}
ul, ol, li {list-style:none}
/*113 28*/
.innerCon {position:relative; width:1023px; margin:0 auto;}
#wap.visual01 .content .controls .pager {background-position:0 0;transition:all 0.2s linear;}
#wap.visual02 .content .controls .pager {background-position:0 -28px;transition:all 0.2s linear;}
#wap.visual03 .content .controls .pager {background-position:0 -56px;transition:all 0.2s linear;}
#wap.visual04 .content .controls .pager {background-position:0 -84px;transition:all 0.2s linear;}
#wap.visual05 .content .controls .pager {background-position:0 -112px;transition:all 0.2s linear;}
#wap.visual06 .content .controls .pager {background-position:0 -140px;transition:all 0.2s linear;}
#wap.visual07 .content .controls .pager {background-position:0 -168px;transition:all 0.2s linear;}
#wap.visual08 .content .controls .pager {background-position:0 -196px;transition:all 0.2s linear;}

.content {position:relative; height:700px}
.content .rolling li {height:700px}
.content .rolling .innerCon {margin-top:53px}

.content .rolling li.visual06 {background:url(images2/20180524_06.jpg) no-repeat center 100px; position:relative; }
.content .rolling li.visual06 h2.title {position:absolute; }
.content .rolling li.visual06 .shoes {position:absolute;}
.content .rolling li.visual06 .model {position:absolute; left:-180px; top:86px;}

.content .rolling li.visual01 {background:url(images2/20171017_01.jpg) no-repeat center 100px}
.content .rolling li.visual01 h2.title {position:absolute; left:500px; }
.content .rolling li.visual01 .shoes {position:absolute;  top:379px;}
.content .rolling li.visual01 .model {position:absolute; left:-81px; top:86px;}

.content .rolling li.visual01 .car {position:absolute; left:-78px; top:64px;}

.content .rolling li.visual02 {background:url(images2/20171017_02.jpg) no-repeat center 100px}
.content .rolling li.visual02 h2.title {position:absolute; left:222px;}
.content .rolling li.visual02 .car {position:absolute; top:294px;}
.content .rolling li.visual02 .shoes {position:absolute; left:-80px; top:63px;}

.content .rolling li.visual04 {background:url(images2/20171017_04.jpg) no-repeat center 100px}
.content .rolling li.visual04 h2.title {position:absolute; left:305px; top:37px;}
.content .rolling li.visual04 .model {position:absolute; left:42px; top:334px;}

.content .rolling li.visual05 {background:url(images2/20180719_02.jpg) no-repeat center 100px}
.content .rolling li.visual05 h2.title {position:absolute; left:206px; }
.content .rolling li.visual05 .shoes {position:absolute;  top:379px;}
.content .rolling li.visual05 .model {position:absolute; left:-81px; top:86px;}

/*
.content .rolling li.visual01 {background:url(images2/4.jpg) no-repeat center 0}
.content .rolling li.visual01 h2.title {position:absolute; left:206px; }
.content .rolling li.visual01 .shoes {position:absolute;  top:379px;}
.content .rolling li.visual01 .model {position:absolute; left:-81px; top:86px;}
*/
.content .rolling li.visual03 {background:url(images2/20171017_03.jpg) no-repeat center 100px}


.content .rolling li.visual07 {background:url(images2/20180718_01.jpg) no-repeat center 100px}

.content .rolling li.visual08 {background:url(images2/20180719_02.jpg) no-repeat center 100px}

.content .bx-controls-direction a {position:absolute; top:320px; left:50%;width:56px; height:100px; display:block; overflow:hidden; text-indent:-9999999px}
.content .bx-controls-direction a.bx-prev:hover{margin-left:-36%;transition:all 0.2s linear;filter:alpha(opacity=100); opacity: 1; -moz-opacity:1;}
.content .bx-controls-direction a.bx-next:hover{margin-left:36%; transition:all 0.2s linear;filter:alpha(opacity=100); opacity: 1; -moz-opacity:1;}
.content .bx-controls-direction a.bx-prev {margin-left:-35%; background:url(images2/p.png) no-repeat 0 0; filter:alpha(opacity=50); transition:all 0.2s linear; opacity: 0.5; -moz-opacity:0.5; }
.content .bx-controls-direction a.bx-next {margin-left:35%; background:url(images2/next.png) no-repeat 0 0;filter:alpha(opacity=50); transition:all 0.2s linear;opacity: 0.5; -moz-opacity:0.5;}
.content .controls {position:absolute; left:0; top:650px; width:100%;}
.content .controls .pager {width:800px; height:28px; margin:0 auto;background:url(images2/nexty.png); background-repeat:no-repeat;}
.content .controls .pager a {display:block; float:left; width:113px; height:28px;  overflow:hidden; }
.content .controls .pager a.pager01,
.content .controls .pager a.pager02 {margin-right:0px;}
.content .controls .pager a:hover{background:#999;transition:all 0.2s linear; color:#000000;}
.content .controls a{color:#fff; text-decoration:none; font-size:12px; text-align:center; }