/* p7 HLS Theme 1, Version: 1.1.3 -build 15 */ #p7HLS-wrap {width: 100%; background-color: #b30f14; text-align: center;} .p7HLS-01 {overflow: hidden; background-color: #b30f14; color: #fff;} .p7HLS-01 .p7hls-viewport {overflow: hidden; position: relative;} .p7HLS-01 .p7hls-wrapper {position: relative; margin: 0; padding: 0;} .p7HLS-01 .p7hls-item {margin: 0; padding: 10px 40px 10px 12px;} .p7HLS-01.bullet .p7hls-item {background-image: url(img/p7hls-bullet-light.png); background-repeat: no-repeat; background-position: left center;} .p7HLS-01 .p7hls-item a {color: #fff; text-decoration: none; border-bottom: 1px dotted;} .p7HLS-01 .p7hls-item a:hover {color: #fff; border-bottom-style: solid;} .p7HLS-01 .tool-bar {float: right; overflow: hidden; display: table; border-left: 1px solid;} .p7HLS-01 .tool-bar ul {margin: 0; padding: 0; display: table-cell; vertical-align: middle;} .p7HLS-01 .tool-bar li {list-style-type: none; float: left; margin: 0px 3px;} .p7HLS-01 .tool-bar a {font-size: 0px; color: rgba(255,255,255,1); background-position: center; background-repeat: no-repeat; width: 18px; height: 19px; display: block; opacity: 1;} .p7HLS-01 .tool-bar a:hover {opacity: .8;} .p7HLS-01 .tool-bar .previous {background-image: url(img/p7hls-prev-light.png);} .p7HLS-01 .tool-bar .pause {background-image: url(img/p7hls-pause-light.png);} .p7HLS-01 .tool-bar .play {background-image: url(img/p7hls-play-light.png);} .p7HLS-01 .tool-bar .next {background-image: url(img/p7hls-next-light.png);} @media only screen and (min-width: 0px) and (max-width: 700px) {p7HLS-01 .tool-bar {float: none; width: 100%; height: auto !important; padding: 3px 0px; text-align: center;}}