*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *, body, html { font-size: 100%; padding: 0; margin: 0;}body {font-family: 'Tahoma', Verdana, sans-serif;color: #1d1d1d;background: #dedede}h1,h2 {margin:0;padding:0;font-weight: normal;}h1 {font-size: 1.6em;}h2, p {font-size: 1.2em;}p {text-align: left;}a {display: block;text-decoration:none;color:#fff;-o-transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;transition:.5s;}a:hover {color: #fb8571;}.listbox {width:100%;margin:0 auto;text-align:center;}.xopbox {display:inline-block;position:relative;width: 300px;height:250px;vertical-align:top;margin: 0 0 4px;border: 1px solid #000000;}.xopbox.lgtype {border: none;}.xopbox.lgtype img {width: initial;} .xopbox.lgtype h1 {padding: 2% 0;}.xopbox h2 {position: absolute;top:0;width: 100%;text-align:right;background:rgba(0,0,0,0.35);padding: 0 2% 2%}.xopbox img {width: 100%;height: auto;vertical-align: top;}
.x-frame-on > iframe {
	display: block;
	position: relative;
	top: 0;
	left: 0;
	-webkit-transform-origin: 0 0 0;
    -moz-transform-origin: 0 0 0;
    -ms-transform-origin: 0 0 0;
    -o-transform-origin: 0 0 0;
    transform-origin: 0 0 0;
    z-index: 2;
    border: 0;
    overflow: hidden;
}
@media screen and (max-width: 1834px) {.listbox {width: 1520px; } } @media screen and (max-width: 1530px) {.listbox {width: 1216px; } } @media screen and (max-width: 1226px) {.listbox {width: 912px;} .xopbox.lgtype h1 {padding: 11% 0;} } @media screen and (max-width: 922px) {.listbox, .xopbox.lgtype img {width: 100%; }.xopbox.lgtype h1 {padding: 11% 0;} .xopbox {width: 32%; height: auto; } } @media screen and (max-width: 608px) {.listbox {width: 100%; }.xopbox.lgtype h1 {padding: 2% 0;} .xopbox.lgtype img {width: initial; } .xopbox.lgtype {width: 100%; text-align: center; } .xopbox {width: 49%; height: auto; } } @media screen and (max-width: 400px) {.xopbox.lgtype h1{padding: 2% 0;}.xopbox {width: 48%;} }