@charset "UTF-8"; /* apo-rot | CSS Document */ .pagecontainer {min-height: 800px} .pagecontainer > p {display: none;} /* Bugfix: Basisheader -> BreadCrumbs:before | Case: ContentPage | Bug: empty

-Tag = Spacer */ table.fallback {margin: 0 auto;} table.fallback td#CentralArea {text-align: center!important;} #shopContent {float: left; width: 100%; height: 1px; overflow: hidden;} /* font-family: 'Roboto', Arial; */ #doc:before, #doc:after {content:""; display:table;} #doc:after {clear:both;} #doc {margin: 0; padding: 0; width: 100%; background: url(../img/bg.gif) -300px -143px repeat; font-family: 'Roboto', Arial; color: #4c4c4c; text-align: center;} #doc * {margin: 0; padding: 0; } #doc img {border: none; font-size: small;} #doc a {text-decoration: none; outline: none;} #doc .section {width: 980px; margin: 0 auto; clear: both; background: #fff;} #doc .section:before, #doc .section:after {content:""; display:table;} #doc .section:after {clear:both;} #doc #header {float: left; width: 100%; padding-top: 20px; background: #fff; border-bottom: 2px solid #4c4c4c;} #doc #header .section {position: relative;} #doc #header ul.links {float: right;} #doc #header ul.links li {float: left;color: #b7b7b7; margin-left: 10px; font-size: 12px; line-height: 16px; list-style: none; list-style-type: none;} #doc #header ul.links li a {display: block; float: left; margin-right: 10px;color: #b7b7b7} #doc #header ul.links li a:hover {color: #4c4c4c} #doc #header a.logo {float: left; width: 209px; height: 116px; line-height: 116px; font-size: 12px; background: #fff url(../img/aporot.png) 0 0 no-repeat} #doc #header .search {float: left; position: absolute; right: 0; top: 60px;} #doc #header .search p {float: left; margin-right: 10px; line-height: 36px; font-size: 14px; color: #b20932} #doc #header .search form {float: left; width: 658px; height: 34px; border: 1px solid #b7b7b7; border-radius: 3px;} #doc #header .search form input {border: 0; background: none;} #doc #header .search form input.text {float: left; width: 580px; margin: 8px 0 0 10px; height: 20px; line-height: 20px; font-size: 12px; color: #4c4c4c;} #doc #header .search form input.button {float: right; height: 34px; line-height: 34px; width: 34px; border-left: 1px solid #b7b7b7; cursor: pointer; background: #fff url(../img/aporot.png) -238px 1px no-repeat;} #doc #header .search form input.button:hover {background-position: -278px 1px; background-color: #b20932} #doc #header #menu {float: left; width: 100%; margin-top: 20px;} #doc #menu.min-height {height: 34px;} #doc #menu ul li.level-1 a.level-1 {height: 34px; line-height: 34px;} #doc #menu ul {float: left; width: 100%;} #doc #menu ul li {float: left; list-style: none; list-style-type: none;} #doc #menu ul.level-1 {display: none;} #doc #menu ul li.level-1 {margin-right: 2px;} #doc #menu ul li.level-1.last {margin-right: 0;} #doc #menu ul li.level-1.tag-1 {width: 102px} #doc #menu ul li.level-1.tag-2 {width: 105px} #doc #menu ul li.level-1.tag-3 {width: 116px} #doc #menu ul li.level-1.tag-4 {width: 119px} #doc #menu ul li.level-1.tag-5 {width: 120px} #doc #menu ul li.level-1.tag-6 {width: 112px} #doc #menu ul li.level-1.tag-7 {width: 137px} #doc #menu ul li.level-1.tag-8 {width: 155px; margin-right: 0;} #doc #menu ul li.level-1 a.level-1 {display: block;font-size: 17px; color: #fff; text-align: center; box-sizing: border-box; border: 1px solid #b20932; border-radius: 3px 3px 0 0; background: #b20932} #doc #menu ul li.level-1 a.level-1:hover {background: linear-gradient(to bottom, #ffffff 24%,#dddddd 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(24%,#ffffff), color-stop(100%,#dddddd)); color: #b20932; border-color: #b7b7b7} #doc #page {float: left; width: 100%;} #doc.error #page {display: none;} #doc #page .section {clear: both; background: #fff; box-shadow: 3px 0 5px #666, -3px 0 5px #666} #doc #page #navi {float: left; width: 194px; margin: 13px 0 13px 13px;} #doc #page #content {float: right; width: 748px; margin: 13px 13px 13px 0; min-height: 570px;} #doc #content #wait {} #doc #content #wait p.text {font-size: 26px; line-height: 30px; margin-top: 60px; color: #b20932; padding-bottom: 90px; background: url(../img/ajax-loader.gif) center center no-repeat} #doc #content #topic {float: left; width: 100%; display: none;} #doc #footer {position: relative; float: left; width: 100%; margin-top: -1px; background: #fff;} #doc #footer li {list-style: none; list-style-type: none;} #doc #footer .links {position: relative; float: left; width: 100%; height: 24px; line-height: 24px; background: #4c4c4c; color: #fff;} #doc #footer .links .section {background: #4c4c4c; color: #fff;} #doc #footer .links ul {float: right;} #doc #footer .links ul li {float: left; padding-left: 10px;} #doc #footer .links ul li a {display: block;float: left; padding-right: 10px; color: #fff;} #doc #footer .links ul li a:hover { text-decoration: underline} #doc #footer .icons {float: left; width: 100%;} #doc #footer .icons ul {float: left; width: 100%;} #doc #footer .icons ul li {float: left; width: 20%; padding: 20px 0;} #doc #footer .icons ul li.tag-4, #doc #footer .icons ul li.tag-5 {cursor: pointer;} #doc #footer .icons ul li div {float: left; height: 41px; background: url(../img/aporot.png) -3000px -3000px no-repeat} #doc #footer .icons ul li div a {display: block; width: 100%; float: left; height: 41px; line-height: 41px; font-size: 12px; background: url(../img/blind.gif) repeat;} #doc #footer .icons ul li.tag-1 div {width: 36px; margin-left: 80px; background-position: -331px -1px} #doc #footer .icons ul li.tag-2 div {width: 51px; margin-left: 72px; background-position: -397px 0} #doc #footer .icons ul li.tag-3 div {width: 39px; margin-left: 78px; background-position: -464px 0} #doc #footer .icons ul li.tag-4 div {width: 51px; margin-left: 72px; background-position: -516px 0} #doc #footer .icons ul li.tag-5 div {width: 70px; margin-left: 63px; background-position: -585px 0} #doc #footer .icons ul li p {float: left; margin-top: 10px; width: 100%; font-size: 15px; line-height: 20px;} #doc #footer .icons ul li p a {color: #4c4c4c;} #doc #footer .icons ul li p a:hover {color: #b20932;} #doc #copyright {float: left; width: 100%; padding: 10px 0; border-top: 1px solid #4c4c4c; background: #fff; font-size: 12px; line-height: 14px; color: #4c4c4c} #doc.error #copyright {display: none;} #doc #copyright .left {float: left;} #doc #copyright .right {float: right;} #doc #copyright a {color: #b20932;} #doc #copyright a:hover {color: #4c4c4c;} #doc #copyright strong {color: #b20932;} #doc #navi .menu {float:left;width:100%; min-height: 50px;box-sizing:border-box;border:1px solid #b7b7b7;border-radius:3px;background:url(../img/ajax-loader.gif) center 25px no-repeat;} #doc #navi .menu .hl {float: left; width: 100%; text-align: left; background: linear-gradient(to bottom, #ffffff 31%,#dedede 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(24%,#ffffff), color-stop(100%,#dddddd));} #doc #navi .menu .hl p {padding: 0 10px; font-size: 14px; line-height: 24px; font-weight: 700; color: #b20932} #doc #navi .menu .list {float: left; width: 100%; text-align: left; display: none;} #doc #navi .menu ul {float: left; width: 100%;} #doc #navi .menu li {float: left; width: 100%;list-style: none; list-style-type: none;} #doc #navi .menu span {display: block; padding: 3px 0; font-weight: 700;} #doc #navi .menu a {padding: 3px 45px 3px 10px; position: relative; display: block; color: #4c4c4c; font-size: 12px; line-height: 14px; text-align: left; cursor: pointer;} #doc #navi .menu a:hover {color: #000} #doc #navi .menu ul.lev1, #doc #navi .menu ul.level-1 {padding: 1px 0; background: #efefef;} #doc #navi .menu ul.lev2 {padding-bottom: 3px;} #doc #navi .menu ul.lev1 li, #doc #navi .menu ul li.level-1 {border-top: 1px solid #bcbcbc; position: relative;} #doc #navi .menu ul.lev1 li:first-of-type, #doc #navi .menu ul li.level-1.first {border-top: none;} #doc #navi .menu ul li.level-1:hover, #doc #navi .menu ul.lev1 > li:hover { background: #e0e0e0;} #doc #navi .menu ul.lev1 li a, #doc #navi .menu ul.lev1 li span {padding-left: 10px; padding-right: 35px;} #doc #navi .menu ul.lev2 li a, #doc #navi .menu ul.lev2 li span {padding-left: 20px; padding-right: 35px;} #doc #navi .menu ul.lev3 li a, #doc #navi .menu ul.lev3 li span {padding-left: 25px; padding-right: 35px;} #doc #navi .menu ul.lev4 li a, #doc #navi .menu ul.lev3 li span {padding-left: 30px; padding-right: 35px;} #doc #navi .menu span.cnt {display: inline-block; padding: 0!important; width: 35px; text-align: center; position: absolute; top: 4px; right: 0; font-size: 10px; font-weight: 400;} #doc #navi .content-navi {float:left;width:100%; margin-top: 13px;min-height:60px;box-sizing:border-box;border:1px solid #b7b7b7;border-radius:3px;background:url(../img/ajax-loader.gif) center 35px no-repeat;} #doc #navi .content-navi.loaded {background-image: none;} #doc #navi .content-navi .hl {float: left; width: 100%; text-align: left; background: linear-gradient(to bottom, #ffffff 31%,#dedede 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(24%,#ffffff), color-stop(100%,#dddddd));} #doc #navi .content-navi .hl p {padding: 0 10px; font-size: 14px; line-height: 24px; font-weight: 700; color: #b20932} #doc #navi .content-navi ul {float: left;padding: 1px 0; width: 100%; display: none; background: #efefef;} #doc #navi .content-navi li {float: left; width: 100%;list-style: none; list-style-type: none;border-top: 1px solid #bcbcbc;} #doc #navi .content-navi li:hover {background: #e0e0e0;} #doc #navi .content-navi a {padding: 3px 10px; position: relative; display: block; color: #4c4c4c; font-size: 12px; line-height: 14px; text-align: left; cursor: pointer;} #doc #navi .content-navi a:hover {color: #000;} #doc #navi .adds {float: left; width: 100%;} #doc #navi .adds .seal { float: left; width: 128px; margin: 13px 0 0 33px; height: 157px; background: url(../img/aporot.png) -542px -143px no-repeat} #doc .shop-items {float: left; width: 100%;} #doc .shop-items .item {position: relative; float: left; width: 180px; margin: 10px 9px 0 0;} #doc .shop-items .item.first {} #doc .shop-items .item.last {margin-right: 0;} #doc .shop-items .item:nth-child(4n+4) {margin-right: 0;} #doc.item-page .shop-items .item {width: 249px; margin-right: 0;} #doc .shop-items .item div.details {float: left; width: 100%;} #doc .shop-items .item div.details, #doc .shop-items .item a {height: 320px;} #doc .shop-items .item a {line-height: 320px; margin-top: -320px;position: relative; float: left; width: 100%;} #doc.item-page .shop-items .item div.details, #doc.item-page .shop-items .item a {height: 302px;} #doc.item-page .shop-items .item a {line-height: 302px; margin-top: -302px;position: relative; float: left; width: 100%;} #doc.item-view-page .shop-items .item div.details, #doc.item-view-page .shop-items .item a {height: 270px;} #doc.item-view-page .shop-items .item a {line-height: 270px; margin-top: -270px;position: relative; float: left; width: 100%;} #doc .shop-items .item a:hover {box-shadow: 0 0 5px #ccc;} #doc .shop-items .item a span {display: none;} #doc .shop-items .item p {float: left; width: 90%; margin: 0 0 0 5%; font-size: 12px; line-height: 18px; text-align: center;} #doc .shop-items .item div.details {display: block; box-sizing: border-box;} #doc .shop-items .item p.img {float: none; margin: 10px auto 0; width: 140px; height: 140px;background: url(../img/ajax-loader.gif) center center no-repeat} #doc .shop-items .item p.name {margin-top: 10px; height: 54px; overflow: hidden;} #doc.item-page .shop-items .item p.name {height: 36px;} #doc .shop-items .item p.price {margin-top: 10px; font-size: 18px; line-height: 20px; font-weight: 700; color: #b20932} #doc .shop-items .item p.bitbet img {margin-top: 10px;} #doc .shop-items .item p.shipping strong {font-weight: 400;} #doc .shop-items .item p.shipping span {font-weight: 700;} #doc .shop-items .item p.base-price {margin-top: 3px; color: #999; font-size: 11px; line-height: 13px;} #doc .shop-browser {float: left; width: 100%; margin-top: 20px; text-align: center;} #doc .shop-browser .button {float: left;} #doc .shop-browser .button.tag-1 {float: left; margin-right: 20px;margin-left: 3px;} #doc .shop-browser .button.tag-2 {margin-right: 10px;} #doc .shop-browser .button.tag-3 {} #doc .shop-browser .button a {display: block; height: 26px; line-height: 26px; padding: 0 20px; font-size: 14px; color: #fff; background:#b20932; cursor: pointer; border-radius: 3px; border: 1px solid transparent;} #doc .shop-browser .button a:hover {background: linear-gradient(to bottom, #ffffff 24%,#dddddd 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(24%,#ffffff), color-stop(100%,#dddddd)); color: #b20932; border-color: #bcbcbc;} #doc #image-slider {border: 1px solid #bcbcbc; border-radius: 3px; position: relative; width: 746px; height: 266px; box-sizing: border-box; float: left; background: url(../img/ajax-loader.gif) center center no-repeat;} #doc #image-slider.loaded {background-image: none;} #doc #image-slider .slider {overflow: hidden;} #doc #image-slider .slider, #doc #image-slider .viewport, #doc #image-slider .slider-item, #doc #image-slider .slider-item img, #doc #image-slider .slider-item a {height: 264px; float: left;} #doc #image-slider .slider, #doc #image-slider .slider-item, #doc #image-slider .slider-item a {width: 744px;} #doc #image-slider .slider-item img {display: block;} #doc #image-slider .slider-item a {line-height: 264px; margin-top: -264px; position: relative; background: url(../img/slider.png) bottom left no-repeat} #doc #image-slider .navi {float: left; width: 100%;} #doc #image-slider .navi a {display: block; float: left; cursor: pointer;} #doc #image-slider .navi a.control {position: absolute;float: left;display: block;width: 13px; top: 50%; margin-top: -11px; height: 23px; line-height: 23px; font-size: 11px; background: url(../img/aporot.png) -3000px -3000px no-repeat;} #doc #image-slider .navi a.control.prev {left: 13px; background-position: -239px -62px} #doc #image-slider .navi a.control.prev:hover {background-position: -295px -62px} #doc #image-slider .navi a.control.next {right: 13px; background-position: -270px -62px} #doc #image-slider .navi a.control.next:hover {background-position: -326px -62px;} #doc #image-slider .navi .pages {position: absolute; float: left; bottom: 13px; right: 13px;} #doc #image-slider .navi .pages a {background: #bcbcbc;margin:0 3px;width: 10px; height: 10px; line-height: 10px; font-size: 8px; border-radius: 5px;} #doc #image-slider .navi .pages a:hover {background: #4c4c4c;} #doc #image-slider .navi .pages a.active {background: #b20932; cursor: default;} #doc .api-slider {position: relative; float: left; width: 100%; margin-top: 13px; min-height: 320px; box-sizing: border-box; border: 1px solid #bcbcbc; border-radius: 3px; background: url(../img/ajax-loader.gif) center center no-repeat;} #doc .api-slider.loaded {background-image: none;} #doc .api-slider .hl {float: left; width: 100%; padding: 12px 0; font-weight: 700; text-align: center; font-size: 18px; line-height: 20px;} #doc .api-slider .hl strong {font-weight: 400;} #doc .api-slider .hl em {font-style: normal;} #doc .api-slider .shop-items {display: none; float: left; width: 684px; margin-left: 30px;} #doc .api-slider .slider {overflow: hidden;} #doc .api-slider .slider, #doc .api-slider .viewport, #doc .api-slider .slider-item {height: 335px; float: left;} #doc.item-view-page .api-slider .slider, #doc.item-view-page .api-slider .viewport, #doc.item-view-page .api-slider .slider-item {height: 290px; float: left;} #doc .api-slider .slider, #doc .api-slider .slider-item {width: 684px;} #doc .api-slider .slider-item .item { width: 24%; margin: 5px .5%;} #doc .api-slider .navi {float: left; width: 100%;} #doc .api-slider .navi a {display: block; float: left; cursor: pointer;} #doc .api-slider .navi a.control {position: absolute;float: left;display: block;width: 13px; top: 50%; margin-top: -11px; height: 23px; line-height: 23px; font-size: 11px; background: url(../img/aporot.png) -3000px -3000px no-repeat;} #doc .api-slider .navi a.control.prev {left: 13px; background-position: -239px -62px} #doc .api-slider .navi a.control.prev:hover {background-position: -295px -62px} #doc .api-slider .navi a.control.next {right: 13px; background-position: -270px -62px} #doc .api-slider .navi a.control.next:hover {background-position: -326px -62px;} #doc.item-page {} #doc.item-page .shop-items { position: relative; width: 102%;} #doc.item-page .shop-items .item {} #doc.item-page .no-result {} #doc.item-page .no-result .text {float: left; width: 100%; margin-top: 10px;} #doc.item-page .no-result .text p {padding: 10px 3px 0; font-size: 14px; line-height: 16px; text-align: left;} #doc.item-page .page-hl {float: left; width: 100%; line-height: 30px; padding-bottom: 7px; border-bottom: 1px solid #b7b7b7; text-align: left;} #doc.item-page .page-hl h1 {float: left; padding-left: 3px; font-size: 20px; font-weight: 400;} #doc.item-page .page-hl h1 span {font-style: italic;color: #b20932} #doc.item-page .page-hl p.page-count {float: right; line-height: 20px; margin: 7px 3px 0 0; font-size: 12px;} #doc.item-page .page-control {float: left; width: 100%; margin-top: 13px; padding: 13px 0; line-height: 23px; border-bottom: 1px solid #bcbcbc;border-top: 1px solid #bcbcbc;} #doc.item-page .page-control.cloned {border-top: none; padding-top: 0;} #doc.item-page .page-control .step.next {float: right; margin-right: 3px;} #doc.item-page .page-control .step.prev {float: left; margin-left: 3px;} #doc.item-page .page-control .step a {font-size: 12px; color: #4c4c4c; cursor: pointer;} #doc.item-page .page-control .step a:hover {color: #b20932} #doc.item-page .page-control .step a strong {font-weight: 400; display: none;} #doc.item-page .page-control .step a span {display: inline-block; width: 13px; height: 23px; line-height: 23px; font-size: 12px; background: url(../img/aporot.png) -3000px -3000px no-repeat} #doc.item-page .page-control .step.prev a span {background-position: -239px -62px} #doc.item-page .page-control .step.prev a:hover span {background-position: -295px -62px} #doc.item-page .page-control .step.next a span {background-position:-270px -62px} #doc.item-page .page-control .step.next a:hover span {background-position: -326px -62px} #doc.item-page .page-control .pages {margin: 0 auto;} #doc.item-page .page-control .pages * {display: inline-block; padding: 0 1px; margin: 0 2px; font-size: 12px; color: #4c4c4c;} #doc.item-page .page-control .pages a:hover {color: #b20932} #doc.item-page .page-control .pages a.disabled {color: #b20932; font-weight: 700; cursor: default} #doc.home {} #doc .home-teaser {float: left; width: 100%;} #doc .home-teaser .tag {position: relative; float: left; width: 177px; height: 177px; margin: 13px 13px 0 0; box-sizing: border-box; border: 1px solid #bcbcbc; border-top: none; border-radius: 3px; background: url(../img/teaser.png) -3000px -3000px no-repeat} #doc .home-teaser .tag-4, #doc .home-teaser .tag-8 {margin-right: 0;} #doc .home-teaser .tag .hl {float: left; width: 100%; text-align: center; font-size: 16px; line-height: 24px; font-weight: 500; color: #fff; background: #b20932; border-radius: 3px 3px 0 0;} #doc .home-teaser .tag:hover .hl {color: #b20932; background: linear-gradient(to bottom, #ffffff 31%,#dedede 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(24%,#ffffff), color-stop(100%,#dddddd));} #doc .home-teaser .tag .img {float: left; width: 100%; height: 150px;background: url(../img/teaser.png) -3000px -3000px no-repeat} #doc .home-teaser .tag-1 .img {background-position: -138px -25px} #doc .home-teaser .tag-2 .img {background-position: -325px -25px} #doc .home-teaser .tag-3 .img {background-position: -512px -25px} #doc .home-teaser .tag-4 .img {background-position: -699px -25px} #doc .home-teaser .tag-5 .img {background-position: 0 -212px} #doc .home-teaser .tag-6 .img {background-position: -187px -212px} #doc .home-teaser .tag-7 .img {background-position: -374px -212px} #doc .home-teaser .tag-8 .img {background-position: -561px -212px} #doc .home-teaser .tag a {display: block;position: absolute; top: 0; left: 0; float: left; width: 100%; height: 177px; line-height: 177px; font-size: 12px; background: url(../img/blind.gif) repeat} #doc .home-teaser .tag:hover {box-shadow: 0 0 5px #ccc;} #doc .home-teaser-bottom {display: block; float: left; width: 100%; border-top: 1px solid #bcbcbc; padding: 30px 0 17px; margin-top: 30px;} #doc .home-teaser-bottom .tag {width: 365px; height: 178px;box-sizing: border-box; border: 1px solid #bcbcbc; border-radius: 3px;} #doc .home-teaser-bottom .tag-1 {float: left;} #doc .home-teaser-bottom .tag-2 {float: right;} #shopCont, #shopContent {display: none;} #doc .item-view {float: left; width: 100%;} #doc .item-view #gallery {float: left; width: 402px;} #doc .item-view .no-zoom {float: left; width: 402px; border-collapse: collapse;} #doc .item-view .no-zoom td {width: 400px; height: 400px; vertical-align: middle; text-align: center;border: 1px solid #ccc; box-shadow: 0 0 6px #ccc;} #doc .item-view .no-zoom td img {width: auto!important; height: auto!important; width: 400px; height: 400px; max-width: 400px; max-height: 400px;} #doc .item-view #widshop_gallery {float: left; width: 402px; margin: 0; padding: 0;} #doc .item-view #img_main_pic_box {float: left; width: 400px!important; height: 400px!important; margin: 0!important; padding: 0!important; border: 1px solid #ccc; box-shadow: 0 0 6px #ccc;} #doc .item-view #img_main_pic_box table {float: left; width: 400px; border-collapse: collapse; border: none!important; background: #fff;} #doc .item-view td#img_main {width: 400px!important; height: 400px!important; text-align: center; border: none!important; margin: 0; border-collapse: collapse;} #doc .item-view #img_main img {margin: 0; padding: 0;} #doc .item-view #img_main img#main_img {width: 400px;} #doc .item-view #mto_pic_slider_box {float: left; width: 402px; margin-top: 5px; overflow: hidden;} #doc .item-view #mto_pic_slider {height: 81px!important; width: 400px!important;} #doc .item-view #mto_pic_slider_nav {float: left; width: 100%; height: 0; background: #fff;} #doc .item-view #slider_tbl {border-collapse: collapse;} #doc .item-view #slider_tbl td {width: 81px!important; height: 80px!important; border: none; text-align: center; background: none; } #doc .item-view #slider_tbl td a {display: table-cell; padding: 0!important; margin: 0 5px 0 0!important; float: left; width: 76px!important; height: 76px!important; vertical-align: middle; text-align: center;border: 1px solid #cecece;} #doc .item-view #slider_tbl td img {width: auto!important; margin-top: 1px; width: 74px; max-width: 74px; height: auto!important;height: 74px; max-height: 74px; background: none; padding: 0!important;} #doc .item-view .slider-button {position: relative; z-index: 2; width: 13px; height: 23px; margin: -54px 0 0; padding: 0;} #doc .item-view #mto_slide_right {float: right;margin-right: 3px;} #doc .item-view #mto_slide_left {float: left;margin-left: 3px;} #doc .item-view .slider-button a {float: left; width: 13px; height: 23px; line-height: 23px; white-space: nowrap; text-indent: -999em; overflow: hidden; background: url(../img/aporot.png) -3000px -3000px no-repeat;} #doc .item-view #mto_slide_right a { background-position:-270px -62px} #doc .item-view #mto_slide_right a:hover {background-position: -326px -62px} #doc .item-view #mto_slide_left a { background-position: -239px -62px} #doc .item-view #mto_slide_left a:hover {background-position: -295px -62px} #doc .item-view #debug {display: none; font-size: 1px!important; height: 1px!important; margin: 0!important; padding: 0!important;} #doc .item-view .character {float: right; width: 320px; font-size: 12px; line-height: 18px; text-align: left;} #doc .item-view .character h1 {float: left; width: 100%; margin-top: 10px; font-size: 24px; line-height: 32px; font-weight: 700;} #doc .item-view .character .price-set {float: left; width: 100%; margin-top: 40px;} #doc .item-view .character .price-set .price {float: left; width: 100%; font-size: 36px; line-height: 38px; font-weight: 700;} #doc .item-view .character .price-set .tax {float: left; width: 100%; color: #999;} #doc .item-view .character .price-set .tax a { color: #4c4c4c; text-decoration: underline;} #doc .item-view .character .price-set .tax a:hover { color: #b20932; text-decoration: none;} #doc .item-view .character #buy-button {display: none;} #doc .item-view .character .mto_buy_but { display: none; margin-top: 20px; float: left; height: 36px; line-height: 36px; padding: 0 25px; border: 1px solid #4c4c4c; border-radius: 3px; font-size: 24px; color: #fff;background: #9e9b9b; background: -moz-linear-gradient(top, #9e9b9b 0%, #4c4c4c 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9e9b9b), color-stop(100%,#4c4c4c)); background: -webkit-linear-gradient(top, #9e9b9b 0%,#4c4c4c 100%); background: -o-linear-gradient(top, #9e9b9b 0%,#4c4c4c 100%); background: -ms-linear-gradient(top, #9e9b9b 0%,#4c4c4c 100%); background: linear-gradient(to bottom, #9e9b9b 0%,#4c4c4c 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9e9b9b', endColorstr='#4c4c4c',GradientType=0 ); cursor: pointer; } #doc .item-view .character .mto_buy_but:hover {background: #b20932; border-color: #b20932} #doc #rTab {float: left; width: 100%; margin: 20px 0;} #doc #rTab ul.tabs {float: left; width: 100%;} #doc #rTab ul.tabs li {position: relative; float: left; margin-left: -1px; list-style: none; list-style-type: none; cursor: pointer; text-align: center; border: 1px solid #ccc; border-radius: 3px 3px 0 0; background: linear-gradient(to bottom, #ffffff 31%,#dedede 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(24%,#ffffff), color-stop(100%,#dddddd));} #doc #rTab ul.tabs li.tag-1 {margin-left: 0;} #doc #rTab ul.tabs li p {position: relative; padding: 0 10px; font-size: 12px; line-height: 24px;} #doc #rTab ul.tabs li p span {display: none; position: absolute; float: left; bottom: -8px; left: 50%; margin-left: -9px; width: 18px; height: 7px; line-height: 7px; font-size: 5px; background: url(../img/aporot.png) -362px -64px no-repeat} #doc #rTab ul.tabs li:hover {background: #b20932; color: #fff; border-color: #b20932} #doc #rTab ul.tabs li.active {color: #4c4c4c; border-color: #ccc; background: linear-gradient(to bottom, #ffffff 31%,#dedede 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(24%,#ffffff), color-stop(100%,#dddddd)); cursor: default;} #doc #rTab ul.tabs li.active p span { display: block;} #doc #rTab .tabContainer {float: left; width: 100%; max-height: 350px; overflow: auto;} #doc #rTab .tabContent {float: left; width: 100%;} #doc #rTab .tabContent h2 {padding-top: 25px; font-size: 20px; line-height: 24px; font-weight: 400;} #doc #rTab .tabContent h3 {padding-top: 20px;font-size: 18px; line-height: 22px; font-weight: 400;} #doc #rTab .tabContent h4 {padding-top: 20px; font-size: 16px; line-height: 20px; font-weight: 400;} #doc #rTab .tabContent .pos {padding: 10px; text-align: left; font-size: 13px; line-height: 19px;} #doc #rTab .tabContent li {margin-left: 20px; padding: 3px 0;} #doc #rTab .tabContent p, #doc #rTab .tabContent ul, #doc #rTab .tabContent div, #doc #rTab .tabContent table {padding-top: 10px;} #doc #rTab .tabContent p.hl {font-size: 20px; line-height: 24px;} #doc .text-page {font-size: 13px; line-height: 19px; padding: 0 10px; text-align: left;} #doc .text-page h1 { padding-top: 10px; font-size: 24px; line-height: 28px; font-weight: 400;} #doc .text-page h2 {padding-top: 25px; font-size: 20px; line-height: 24px; font-weight: 400;} #doc .text-page h3 {padding-top: 20px;font-size: 18px; line-height: 22px; font-weight: 400;} #doc .text-page h4 {padding-top: 20px; font-size: 16px; line-height: 20px; font-weight: 400;} #doc .text-page p, #doc .text-page table, #doc .text-page ul, #doc .text-page ol {padding-top: 12px;} #doc .text-page li {margin-left: 20px;} #doc .text-page ul li {list-style: disc; list-style-type: disc;} #doc .text-page ol li {list-style: decimal; list-style-type: decimal;} #doc .text-page .note {font-size: 12px; color: #999;}=