* {
margin: 0;
padding: 0;
}
body {
overflow: none;
overflow-wrap:
break-word;
word-wrap:
break-word;
-ms-word-break: break-all;
word-break: break-all;
word-break: break-word;
-ms-hyphens: auto;
-moz-hyphens: auto;
-webkit-hyphens: auto;
hyphens: auto;
font-family: 'Open Sans', sans-serif;
font-size: 14px;
color: #777777;
background-color: #f5f1e8;
margin: 0 auto;
max-width: 500px;
-webkit-text-size-adjust: none;
text-size-adjust: none;
}
.main {
margin: 5px;
}
a {
color: #227FBE;
text-decoration: none;
}
h1 {
font-size: 16px;
}
h2 {
font-size: 15px;
}
hr {
border: none;
margin: 5px -3px;
border-bottom: 1px dashed #ede9dc;
}
h3 {
font-size: 14px;
}
img {
border: 0;
}
.bold {
font-weight: bold;
}
.italic {
font-style: italic;
}
.clear {
clear: both;
}
.center {
text-align: center;
}
.right {
text-align: right;
}
.f_red {
color: #B40033;
}
.f_blue{
color: #227FBE;
}
.f_orange {
color: #FF9900;
}
.f_green {
color: #2b8234;
}
.f_small {
font-size: 12px;
}
.f_left {
float: left;
}
.f_right {
float: right;
}
span.new {
color: red;
font-size: 12px;
}
span.text {
color: #777777;
}
.ico {
vertical-align: middle;
border: 0;
}
.logo {
background-color: #ff6666;
text-align: center;
padding: 8px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.logo a {
color: white;
font-size: 25px;
font-family: 'Open Sans', sans-serif;
font-weight: bold;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}
.box_a, .box_b, .box_i, .box_n {
line-height: 150%;
padding: 8px;
word-wrap: break-word;
clear: left;
}
.box_a {
background-color: #FFFFFF;
border-bottom: 1px solid #eaeef1;
}
.box_b {
background-color: #ECECEC;
color: #666666;
border-bottom: 1px solid #D3D3D3;
}
.box_i {
background-color: #FFF9B8;
color: #666666;
border-bottom: 1px solid #eaeef1;
}
.box_n {
background-color: #ECECEC;
border-bottom: 1px solid #D8D8D8;
color: #666666;
text-align: center;
padding: 6px;
-webkit-border-bottom-left-radius: 7px;
-webkit-border-bottom-right-radius: 7px;
-moz-border-radius-bottomleft: 7px;
-moz-border-radius-bottomright: 7px;
border-bottom-left-radius: 7px;
border-bottom-right-radius: 7px;
}
.air2 {
padding: 20px 8px;
line-height: 180%;
}
.air3 {
padding: 15px 8px;
line-height: 170%;
}
.marb_1 {
margin-bottom: 5px;
display: inline-block;
}
.marb_2 {
margin-bottom: 8px;
display: inline-block;
}
.menu {
text-align: right;
}
.menu a {
margin-right: 6px;
vertical-align: middle;
color: #666666;
font-weight: bold;
}
.menu img {
width: 24px;
}
textarea {
width: 97.5%;
color: #777777;
overflow:auto;
padding: 5px;
font-size: 13px;
resize: none;
}
input, select {
color: #777777;
font-size: 13px;
margin-bottom: 5px;
padding: 3px;
}
input.text{
width: 98%;
}
textarea:focus, input:focus, select:focus {
outline: 0;
}
.button_r, .button_g, .button_b, .button_o, .button_y, .button_s, .button_l {
background-color: #dd514c;
color: white;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-khtml-border-radius: 4px;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
font-family: inherit;
font-size: 13px;
padding: 10px 10px 10px 10px;
display: inline-block;
line-height: normal;
white-space: nowrap;
vertical-align: baseline;
text-align: center;
cursor: pointer;
text-transform: none;
text-decoration: none;
border: 0;
}
.button_r:focus, .button_g:focus, .button_b:focus, .button_o:focus, .button_y:focus, .button_s:focus, .button_l:focus {
outline: 0;
}
.button_g {
background-color: #ff6666;
}
.button_o {
background-color: #DF7514;
}
.button_b {
background-color: #42B8DD;
}
.button_y {
background-color: yellowgreen;
}
.button_s {
background-color: slategray;
}
.button_l {
background-color: lightseagreen;
}
.footer {
text-align: center;
font-size: 12px;
margin: 4px;
}
.footer a {
color: #747474;
text-decoration: none;
padding: 2px;
}
.pager {
line-height: 20px;
padding: 8px 20px;
text-align: center;
}
.pager_a, .pager_s {
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
margin-right: 3px;
padding: 3px 8px;
text-decoration: none;
}
.pager_a {
background-color: #FFFFFF;
color: #006CB4;
}
.pager_s {
background-color: #f65857;
color: #FFFFFF;
}
.selector {
width: 100%;
display: table;
padding: 0;
border-bottom: none;
}
.selector a {
display: table-cell;
text-align: center;
padding: 5px;
}
.cells_2 {
width: 50%;
}
.cells_3 {
width: 33.33%;
}
.selector .active{
background-color: #f65857;
color: #FFFFFF;
}
.avatar, .avatar_small {
float: left;
margin: 2px 8px 2px 2px;
width: 72px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
}
.avatar_small {
width: 40px;
}
.sp_booble {
background-color: #FFFFFF;
padding: 4px 0 1px 0;
}
.booble {
border: 1px solid #CCCCCC;
background-color: #fff;
border-radius: 9px;
-webkit-border-radius: 9px;
-moz-border-radius: 9px;
-khtml-border-radius: 9px;
line-height: 130%;
margin: auto;
margin-top:4px;
margin-bottom: 9px;
padding: 5px;
position: relative;
width: 95%;
clear: left;
}
.booble .arrow {
background: url("") 0px 0px no-repeat transparent;
bottom: -8px;
display: block;
height: 8px;
left: 42%;
position: absolute;
width: 15px;
}
.gift_feed {
float: left;
padding: 0 5px;
}
.time {
float: right;
}
.home {
background-color: #F8F8F8;
}
.home span{
font-weight: bold;
margin-left: 4px;
}
.home .new {
font-weight: bold;
margin-left: 4px;
color:#FF9900;
}
.settings {
color:#666;
}
.photo_list {
width: 24%;
margin-right: 5px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
}
@media screen and (max-width:360px) {
.photo_list {width: 30%;}
}
.view_photo {
min-width: 100px;
border: solid 12px #ECECEC;
border-radius: 7px;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
-khtml-border-radius: 7px;
}
/*??? random*/
.photo_border_m, .photo_border_w {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
width: 100%;
max-width: 256px;
}
.photo_border_m {
border: 5px solid #85B3C9;
}
.photo_border_w {
border: 5px solid #F4C7C0;
}
.love_block {
width: 100%;
display: table;
border-bottom: 1px solid #ccc;
}
.love_menu {
display: table-cell;
padding: 5px 0;
text-align: center;
border-right: 1px solid #ccc;
width: 33%;
background-color: #ECECEC;
font: normal normal 700 12px/normal sans-serif;
}
.love_menu img {
width: 36px;
max-width: 100%;
}
.vote_block {
padding: 12px 0 6px 0;
text-align: center;
line-height: 1.5;
}
.vote_block span {
font-size: 15px;
color: #585858;
}
.vote_block div {
margin-top: 10px;
margin-bottom: 10px;
}
/*??? ???????*/
a.smile {
margin: 5px;
padding: 7px;
border-radius: 3px;
display: inline-block;
}
a.smile:hover {
background: #ECECEC;
}
input[type="checkbox"], input[type="radio"] {
top: 1px;
cursor: pointer;
position: relative;
}
label {
cursor: pointer;
}
.small_player  {
padding-left: 0;
}
.big {
font-size:36px;
}
.medium {
font-size:24px;
}
.small {
font-size:12px;
}
.small_player  {
padding-right: 0;
}
.small_player .p_i_t_playButton {
width: 20px;
height: 20px;
}
.small_player .button_tr {
width: 28px;
}
.small_player .p_i_t_pb_image {
margin-left: -5px;
width: 12px;
height: 16px;
background: url("") transparent no-repeat;
}
.small_player .playing .p_i_t_pb_image {
background-position: 0 -16px;
}
.small_player .playing .p_i_overlay {
width: 23px;
}
.small_player .p_i_p_lines {
margin: 8px 0 9px 0;
}
.small_player .p_i_progress {
padding: 8px 0 9px 0;
}
.small_player .player_item {
margin-top: 3px;
}
.player_item, .p_i_tools, .p_i_progress, .p_i_t_playButton {
position: relative;
}
.player_item {
margin: 0 auto;
display: none;
}
.p_i_overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
cursor: pointer;
z-index: 10000;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.playing .p_i_overlay {
width: 35px;
}
.tools_table {
width: 100%;
margin: 0;
border-spacing: 0;
border-collapse: collapse;
}
.tools_table td {
padding-top: 0;
padding-bottom: 0;
}
.overfl_hid {
overflow: hidden;
}
.button_tr {
width: 39px;
vertical-align: middle !important;
}
.p_i_t_playButton {
width: 30px;
height: 30px;
cursor: pointer;
/* background: #5B9999; /*???? ??????, ????*/
}
.round_corners {
-webkit-border-radius: 4px;
border-radius: 4px
}
.p_i_t_pb_image {
display: block;
width: 10px;
height: 11px;
cursor: pointer;
position: absolute;
top: 50%;
left: 50%;
margin-top: -8px;
margin-left: -5px;
background: url("../images/play_btn.png") transparent no-repeat;
}
.playing .p_i_t_pb_image {
background-position: 0 -11px;
}
.right_text {
text-align: right;
}
.p_i_progress {
width: 100%;
height: 10px;
padding: 13px 0 12px 0;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
cursor: pointer;
}
.p_i_p_lines_bg {
width: 100%;
height: 2px;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
cursor: pointer;
}
.p_i_p_lines {
height: 10px;
top: 0;
margin: 13px 0 12px 0;
position: absolute;
display: block;
width: 0;
left: 0;
cursor: pointer;
-webkit-user-select: none;
-webkit-box-shadow: inset 0 1px 2px #7690C7;
-moz-box-shadow: inset 0 1px 2px #7690C7;
box-shadow: inset 0 1px 2px #7690C7;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.p_i_p_loadLine {
width: 0;
background-color: #bac7d4; /*???? ?????? ????????? (?????????? ????)*/
}
.p_i_p_progressLine {
width: 0;
background-color: #395387; /*???? ?????? ????????? (????????)*/
}
.p_i_p_progressLineVolume {
width: 50%;
}
.p_i_p_lines_bg {
width: 100%;
background-color: #d2e3f4; /*???? ?????? ????????? (??????????)*/
}
.volume_td {
width: 70px;
padding-left: 10px;
}
.p_i_t_timeShow {
padding-left: 10px;
}
.photo {
width: 30%;
padding: 1px;
margin: 5px 3px 5px 3px;
border: 1px solid #CCCCCC;
}
.file-upload {
position: relative; /* ???? ??????????? ?????? ????????????????, ?????? ??????? ???????? */
overflow: hidden; /* ??? ??? ??????? ?? ??????? - ???????? */
/*width: 16%; ?????? ?????? ?????? ?????? ????? */
height: 16px; /* ?????? ?????? ?????? ?????? ????? */
background: #1CB841;
border-radius: 3px;
padding: 5px 8px;
color: #fff;
text-align: center;
}
.file-upload input[type="file"]{
display: none; /* ??????????? ???????? ????????? Input File */
}
.file-upload label {
/* ??????????? label ?? ??? ????????? ??????? ????? .file-upload */
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
cursor: pointer;
}
.file-upload span {
font-size: 13px;
line-height: 27px; /* ?????? ???????????? ???????????? ??????, ??????? ??????? ?? ?????? */
}
.rolik {
clear:both;
position:relative;
width:100%;
float:left;
margin-bottom:20px;
}
.rolik img {
border-radius:5px;
float:left;
-webkit-box-shadow:inset 0px -20px 20px -10px rgba(0,0,0,0.75);
-moz-box-shadow:inset 0px -20px 20px -10px rgba(0,0,0,0.75);
box-shadow:inset 0px -20px 20px -10px rgba(0,0,0,0.75);width:100%;
}
.rolik a {
font-size:16px;
color:#f12130;
line-height:0px;
padding:0px;
background:none;
float:left;
width:100%;
}
.rolik a:hover {
vertical-align:top;
font-size:16px;
color:#f12130;
line-height:0px;
padding:0px;
background:none;
}
.time {
position:absolute;
bottom:0px;
width:60px;
background-color:#ff6666;
font-size:14px;
overflow:hidden;
text-align:center;
line-height:20px;
padding:0px;
color:#FFFFFF!important;
float:none!important;
}
.text_on_img,.time {
height:20px;
float:left;
}
.rolik_link {
font-size:24px;
margin-top:10px;
}
p {
margin-top:10px;
}
.text_on_img {
position:absolute;
bottom:0px;
background-color:#333333;
font-size:14px;
overflow:hidden;
text-align:left;
line-height:20px;
height:20px;
left:60px;
padding-left:10px;
padding-right:10px;
color:#FFFFFF;
text-shadow:0px 1px 2px #000000;
float:none!important;
}
.search_input {
background: white;
color: #000;
padding: 10px 10px 10px;
margin-right: 5px;
text-align: left;
width: 62%;
border-radius: 5px;
margin-left: 5px;
border:solid 0.7px #bbb;
}
.search_submit {
border-radius: 5px;
background: #ff6666;
color: #fff;
padding: 10px 10px 10px;
margin-left: 5px;
width: 80px;
font-weight: bold;
border:solid 0.7px #ff6666;
}
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background:#000 url('loading-bert.gif') no-repeat center;
}
/*****search associates*****/
#search-associates{margin:6px 0;padding:4px 8px;overflow:hidden;background:#ff6666;color:#fff;line-height:1.2}#search-associates strong{font-size:16px}#search-associates span,#search-associates strong{display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;padding:1px 3px;vertical-align:middle}#search-associates .size-0{font-size:12px}#search-associates .size-1{font-size:13px}#search-associates .size-2{font-size:16px}#search-associates .size-3{font-size:18px}#search-associates .size-4{font-size:20px;font-weight:700}#search-associates .show-more{display:none}#search-associates a{color: #fff;}#search-associates a:hover{text-decoration: underline;}
/*****tags*****/
.box_a .taggs a{
    line-height: 20px;
    height: 20px;
    padding: 0px 3px 2px 3px;
    background: #ECECEC;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #666;
    font-weight: 400;
}
.player {width: 100%;}
.taggs a:hover{
    background-color: #FF6666; color: white;
}