@charset "utf-8";

/* ######### General */
/*
   #0070BA in video a p 
   #7da5b1  icon in video
   #444444 text
   #0070BA logo
*/

* {
    margin: 0px;
    padding: 0px;
    -webkit-tap-highlight-color: transparent;
}

:root {
  --bgC: #fdfffd;
  --textC: #7f1b4f;
  --aC: #003862;
  --aHoverC: #0070bA;
  --borderC: #000000;
  --blockC: #e1e7eB;
  --iconBgC: #ffffff;
}

var {font-style: normal;}
form {display: block;}

body {
    background: var(--bgC);
    color: var(--textC);
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    width: 100%;
    max-width: 1480px;
    margin: 0 auto;
    overflow-y: scroll;
}

.error {
    margin-top: 3em;
    text-align: center;
    color: red;
    font-size: 150%;
    font-weight: bold;
}

a:link, a:visited, a:active {
    color: var(--aC);
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
}

a:hover {
    color: var(--aHoverC);
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
}

img { border: 0px solid var(--borderC); }
.underline { text-decoration: underline; }
.clear { clear: both; }

/* ########## Header */
/*
@font-face {
   font-family: Belligerent Madness;
   src: local("Helvetica"), url(belligerent.ttf);
   font-display: swap;
}
*/
@font-face {
   font-family: Belligerent Madness;
   src: url(belligerent.ttf);
}

.header { margin: 0px auto; padding-top: 5px; height: 70px; position: relative; display: flex; justify-content: space-between; }

.header A { color: var(--textC); }

.header H1, .header .logo {
    display: block;
    padding: 18px;
    font-size: 38px;
    font-weight: bold;
    font-family: "Belligerent Madness", Arial;
    flex-shrink: 0;
}

.header H1 SPAN, .header .logo SPAN { color: var(--aC); }

.header H1 A, .header .logo A { font-family: Belligerent Madness; }

.header P { padding: 20px 1em 0px 0px; width: 80%; font-size: 15px; text-align: center; }

.header_menu { font-size: 130%; align-self: center; margin-top: 2px; flex-shrink: 0; }
.header_menu A { display: inline-block; /*margin-top: 8px;*/ padding: 8px 24px; border-radius: 8px; text-decoration: none; }
.header_menu A:hover { color: var(--aC); text-decoration: none; }

.header_menu a[href*="login"], .header_menu a[href*="logout"] {
    background-color: #ddd;
    color: #444;
    margin-right: 8px;
}

.header_menu a[href*="/register"] {
    background-color: var(--aHoverC);
    color: var(--bgC);
}

#deskSearchForm {
    flex: 1 auto;
    align-self: center;
    display: flex;
    margin: 0px 40px 0px 22px;
    max-width: 608px;
    min-width: 100px;
    border-radius: 8px;
    border: 2px solid var(--blockC);
    text-align: center;
}

.deskSearchName {
    flex: 1 auto;
    height: 36px;
    padding: 2px 3px 2px 10px;
    min-width: 50px;
    background: var(--bgC);
    color: var(--borderC);
    border: 0px;
    border-radius: 8px 0px 0px 8px;
    font-size: 18px;
    outline: none;
}

.deskSearchButton, .main_menu .search_button {
    padding: 8px 24px;
    color: #444;
    cursor: pointer;
    border: 0px;
    border-radius: 6px;
    background: url("data:image/svg+xml,%3Csvg focusable='false' height='24px' viewBox='0 0 24 24' width='24px' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.49,19l-5.73-5.73C15.53,12.2,16,10.91,16,9.5C16,5.91,13.09,3,9.5,3S3,5.91,3,9.5C3,13.09,5.91,16,9.5,16 c1.41,0,2.7-0.47,3.77-1.24L19,20.49L20.49,19z M5,9.5C5,7.01,7.01,5,9.5,5S14,7.01,14,9.5S11.99,14,9.5,14S5,11.99,5,9.5z' fill='%235f6368' %3E%3C/path%3E%3Cpath d='M0,0h24v24H0V0z' fill='none'%3E%3C/path%3E%3C/svg%3E") center no-repeat;
}

.deskSearchButton:hover { background-color: #ddd; }
/*.deskSearchButton:hover { background-color: var(--blockC); }*/

@media screen and (max-width: 750px) {
    .header {height: 43px; padding-top: 8px;}
    .header h1, .header .logo {display: inline-block; padding: 5px; padding-top: 2px; width: calc(100% - 50px - 10px); flex-shrink: 1; text-align: center; }
}

@media screen and (max-width: 370px) {
    .header h1, .header .logo {font-size: 32px; line-height: 38px;}
}

/* ############# Header Menu */
#minifyMenuButton, #minifyLoginButton, .mobile_login, .header label { display: none; }

.header label[for="minifyMenuButton"] {
    cursor: pointer;
    transition: 0.3s;
    border-bottom: 17px double black;
    border-top: 6px solid black;
    height: 5px; 
    width:30px;
    margin: 5px 8px;
}

.header label[for="minifyLoginButton"] {
    cursor: pointer;
    transition: 0.3s;
    height: 28px;
    width: 30px;
    margin: 5px 12px 6px 8px;
    padding: 1px 0px;
    -webkit-mask: url("data:image/svg+xml,%3Csvg version='1.0' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' preserveAspectRatio='none'%3E%3Cg transform='translate(0.000000,512.000000) scale(0.100000,-0.100000)' fill='%23000000' stroke='none'%3E%3Cpath d='M2455 5114 c-288 -41 -514 -153 -717 -357 -561 -560 -653 -1572 -207 -2268 27 -42 49 -78 49 -81 0 -3 -24 -21 -52 -39 -479 -300 -806 -783 -903 -1330 -24 -134 -35 -333 -24 -424 21 -166 80 -286 204 -410 66 -67 97 -89 175 -127 167 -82 78 -78 1580 -78 1502 0 1413 -4 1580 78 158 77 288 223 345 389 61 176 48 470 -35 765 -131 466 -437 873 -857 1137 -29 18 -53 36 -53 39 0 3 22 39 49 81 184 288 281 634 281 1004 0 796 -458 1467 -1095 1603 -71 15 -264 26 -320 18z m290 -355 c244 -59 464 -245 613 -519 240 -442 240 -1048 0 -1490 -76 -140 -196 -286 -299 -366 -83 -64 -210 -129 -304 -156 -110 -31 -276 -31 -388 0 -243 68 -459 255 -605 522 -240 441 -240 1048 0 1490 141 259 345 440 575 510 138 42 261 44 408 9z m-881 -2642 c359 -292 871 -327 1266 -86 45 27 102 66 126 85 l44 36 67 -37 c180 -98 399 -296 525 -475 126 -177 225 -408 270 -628 16 -80 22 -144 22 -257 1 -143 0 -153 -26 -208 -31 -66 -105 -142 -169 -174 -24 -12 -73 -27 -109 -32 -90 -15 -2550 -15 -2640 0 -36 5 -85 20 -109 32 -64 32 -138 108 -169 174 -26 55 -27 66 -26 203 1 173 19 287 75 455 49 151 130 313 217 435 80 113 247 285 353 364 65 48 224 146 238 146 2 0 22 -15 45 -33z'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat center;
    -webkit-mask-size: 32px 28px;
    background-color: #000;
}

.header label[for="minifyLoginButton"].premium {
    background-color: var(--aC);
}

@media screen and (max-width: 920px) {
    .header_menu { display: none; }
    .header label[for="minifyLoginButton"] { display: inline-block; align-self: center; }
    #deskSearchForm {margin: 0px 24px;}

    .mobile_login { padding: 8px 0px 2px; justify-content: space-evenly; text-align: center; flex-wrap: wrap; }
    .mobile_login a {
	display: block; width: calc(100% - 16px); padding: 12px 8px; margin-bottom: 8px; box-sizing: border-box; font-weight: bold; font-size: 115%; 
	border-radius: 5px; background-color: var(--blockC);
    }
    #minifyLoginButton:checked ~ .mobile_login { display: flex; }
}

/* ############# Main Menu */
.main_menu {
    display: none;
    margin: 10px auto;
    border-radius: 5px;
    background: var(--blockC);
    width: 100%;
    width: calc(100% - 4px);
    color: var(--bgC);
    text-align: center;
    box-shadow: 0px 2px 2px rgb(0,0,0);
}

.main_menu form {
    display: inline-flex;
    width: 95%;
    max-width: 800px;
    padding: 5px 10px;
    border-radius: 5px;
    box-sizing: border-box;
}

.main_menu .search_name {
    flex: 1 auto;
    height: 40px;
    padding: 2px 3px 2px 10px;
    background: var(--bgC);
    color: var(--borderC);
    border: 1px solid var(--borderC);
    border-right: 0px;
    border-radius: 4px 0px 0px 4px;
    box-sizing: border-box;
    outline: none;
}

.main_menu .search_button {
    height: 40px;
    padding: 2px 24px;
    color:  var(--aC);
    cursor: pointer;
    border: 1px solid var(--borderC);
    border-left: 0px;
    border-radius: 0px 4px 4px 0px;
    background-color: var(--bgC);
    box-sizing: border-box;
}

.main_menu .search_button:hover { color: var(--bgC); text-decoration: none; background-color: var(--aHoverC); }

@media screen and (max-width: 750px) {
    #deskSearchForm { display: none; }
    .main_menu { display: block; }
}

/* ############# Section Title */
.section_title {
    display: flex; justify-content: center; /*space-between;*/ align-items: center;
    position: relative; margin: 30px auto 0px auto; padding: 10px 0px; width: calc(100% - 4px);
    border-radius: 5px; background-color: var(--blockC); text-align: center;
}

.section_title H1, .section_title H2, .section_title SPAN { display: inline; font-size: 18px; color: var(--textC); font-weight: bold; text-transform: uppercase; }

.desktop_sort {
    /* display: inline-flex;*/
    display: none;
    justify-content: space-evenly;
}
.section_title .compensate { /*display: inline-block; width: 180px;*/ display: none; }

.desktop_sort input[type="submit"] {
    display: block; padding: 8px; border: 0px; box-sizing: border-box; font-weight: bold; font-size: 115%; 
    border-radius: 5px; background-color: var(--blockC); cursor: pointer;
}

.desktop_sort input[type="submit"].current { color: var(--bgC); background-color: var(--aHoverC); }

.section_title .sortIcon {
    /*right: 16px; bottom: 5px; z-index: 1;*/
    height: 22px; width: 30px; padding: 4px; border-radius: 4px;
    background: var(--iconBgC);
    cursor: pointer;
}
.section_title .sortIcon div {
    width: 30px; height: 22px;
    background-color: var(--aC);
    -webkit-mask: url('/design/sort11.svg') center no-repeat;
    mask: url('/design/sort11.svg') center no-repeat;
}

.mobile_sort { padding: 8px 0px 2px; justify-content: space-evenly; text-align: center; }
.mobile_sort input[type="submit"] {
    display: block; width: 48%; padding: 12px 8px; border: 0px; box-sizing: border-box; 
    border-radius: 5px; background-color: var(--blockC); color: var(--aC);
    font-weight: bold; font-size: 115%; font-family: Arial, Helvetica, sans-serif; cursor: pointer;
}

.mobile_sort input[type="submit"].current { color: var(--bgC); background-color: var(--aHoverC); }


#minifySortButton, .mobile_sort, .section_title .sortIcon { display: none; }

@media screen and (max-width: 800px) {
    .desktop_sort { display: none; }
    .section_title { padding: 5px 10px; width: calc(100% - 24px); min-height: 30px; }
    .section_title .sortIcon { display: block; margin-left: auto; }
    .section_title h1 {
	margin-left: 16px; margin-right: 16px;
	/*text-overflow: ellipsis; overflow: hidden; white-space: nowrap;*/
    }
    .section_title .compensate { display: block; margin-right: auto; width: 38px; }

    #minifySortButton:checked ~ form .mobile_sort { display: flex; }
}

@media screen and (max-width: 480px) {
    .section_title .compensate { /*display: none;*/ flex-shrink: 1; flex-grow: 1; width: 0px; }
    .section_title h1, .section_title h2 { flex-grow: 1; }
}

/* ############# Thumbs list */
.videos_block { margin: 5px auto; background: var(--bgC); text-align: center; }
.videos_block A { display: inline-block; margin: 2px; padding: 5px; border-radius: 5px; 
    max-width: 292px; background: var(--blockC); font-size: 12px; box-sizing: border-box;}
.videos_block A:hover { color: var(--bgC); text-decoration: none; background-color: var(--aHoverC); }

.videos_block A div:first-child {position: relative; height: 0px; padding-bottom: 75.2067%; width: 100%;}
.videos_block A IMG { position: absolute; top:0; left: 0; width: 100%; height: 100%; box-sizing: border-box; border: 1px solid black; }
.videos_block A:hover IMG { border: 1px solid white; }

.videos_block A P { width: 100%; height: 2.4em; padding: 0.35em 0px 0.5em; text-align: center; font-weight: bolder; font-size: 14px; }
.videos_block A:hover P { color: var(--bgC); }

.videos_block .info { display: block; text-align: left; padding-bottom: 1px; }

.tRating { clear: both; float: right; padding-bottom: 1px; }
.videos_block .tRating var { display: inline-block; height: 12px; width: 12px; margin-right: 0.2em; vertical-align: top; }

.like, .likeGray {
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 512 512' fill='%23000000'%3E%3Cg%3E%3Cpath d='M53.333,224C23.936,224,0,247.936,0,277.333V448c0,29.397,23.936,53.333,53.333,53.333h64 c12.011,0,23.061-4.053,32-10.795V224H53.333z'/%3E%3Cpath d='M512,304c0-12.821-5.077-24.768-13.888-33.579c9.963-10.901,15.04-25.515,13.653-40.725 c-2.496-27.115-26.923-48.363-55.637-48.363H324.352c6.528-19.819,16.981-56.149,16.981-85.333c0-46.272-39.317-85.333-64-85.333 c-22.165,0-37.995,12.48-38.677,12.992c-2.517,2.027-3.989,5.099-3.989,8.341v72.341l-61.44,133.099l-2.56,1.301v228.651 C188.032,475.584,210.005,480,224,480h195.819c23.232,0,43.563-15.659,48.341-37.269c2.453-11.115,1.024-22.315-3.861-32.043 c15.765-7.936,26.368-24.171,26.368-42.688c0-7.552-1.728-14.784-5.013-21.333C501.419,338.731,512,322.496,512,304z'/%3E%3C/g%3E%3C/svg%3E") no-repeat center;
    background-size: contain;
}
.like {background-color: var(--textC); filter: brightness(150%) saturate(50%);}
.likeGray {background-color: #757575;}

.dislike {
    -webkit-mask: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' fill='%23000000'%3E%3Cg transform='matrix(-1, 0, -0, -1, 512, 512)'%3E%3Cpath d='M53.333,224C23.936,224,0,247.936,0,277.333V448c0,29.397,23.936,53.333,53.333,53.333h64 c12.011,0,23.061-4.053,32-10.795V224H53.333z'%3E%3C/path%3E%3Cpath d='M512,304c0-12.821-5.077-24.768-13.888-33.579c9.963-10.901,15.04-25.515,13.653-40.725 c-2.496-27.115-26.923-48.363-55.637-48.363H324.352c6.528-19.819,16.981-56.149,16.981-85.333c0-46.272-39.317-85.333-64-85.333 c-22.165,0-37.995,12.48-38.677,12.992c-2.517,2.027-3.989,5.099-3.989,8.341v72.341l-61.44,133.099l-2.56,1.301v228.651 C188.032,475.584,210.005,480,224,480h195.819c23.232,0,43.563-15.659,48.341-37.269c2.453-11.115,1.024-22.315-3.861-32.043 c15.765-7.936,26.368-24.171,26.368-42.688c0-7.552-1.728-14.784-5.013-21.333C501.419,338.731,512,322.496,512,304z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E%0A") no-repeat center;
    background-size: contain;
    background-color: var(--textC);
}

@media all and (min-width: 280px) {
    .videos_block a {width: 48%; width: calc(50% - 4px);}
}
@media all and (min-width: 560px) {
    .videos_block a {width: 32%; width: calc(33.33% - 4px);}
}
@media all and (min-width: 820px) {
    .videos_block a {width: 24%; width: calc(25% - 4px);}
}
@media all and (min-width: 1090px) {
    .videos_block a {width: 19%; width: calc(20% - 4px);}
}

/* ######### Pages */
.pages { margin: 30px auto 24px; background: var(--bgC); font-weight: bold; text-align: center; }

.pages a, .pages span { display: inline-block; margin: 0px 4px 8px; padding: 7px 9px;
    border-radius: 3px; min-width: 1em; color: var(--aC); font-size: 140%; }

.pages a {background: var(--blockC);}
.pages a:hover {color: var(--bgC); background: var(--aHoverC);}

/* ######### Login */
.login {
    text-align: center;
    margin: 5em auto 1em;
    width: 100%;
    max-width: 500px;
}

.login div {display: inline-block; width: 50%;}

.login A {text-decoration: underline; text-align: center;}

.loginTitle {text-align: center; padding: 2.3em 0px;}

@media all and (max-width: 500px) {
    .loginTitle{ padding-top:1.1em }
}

/* ######### Help */
.help_block {
    margin: 0px auto;
    padding: 10px;
}

.help_block ul {
    display: inline-block;
    margin: 12px auto;
    list-style: circle;
    font-size: 120%;
    text-align: left;
}

.help_block ul li {
    padding: 8px 4px
}

.help_block .block1 {
    padding-top: 48px;
}

.help_block .block2 {
    padding-top: 24px;
}

.help_block .attention {
    color: var(--aC);
    font-weight: bold;
}

.ticket {
    padding: 1em 0em;
    white-space: nowrap;
    width: 100%;
}

.ticket SPAN {
    display: inline-block;
    margin: 0.2em;
    vertical-align: center;
}

.ticket INPUT,TEXTAREA {
    display: block;
    max-width: 530px;
    width: 100%;
    padding: 2px 3px;
    font-size: 105%;
    box-sizing: border-box;
}

.ticket TEXTAREA { height: 8em; }

@media screen and (max-width: 750px) {
    .help_block .block1 {padding-top: 12px;}
}

/* ######### Footer */
.footer {
	clear: both;
	margin: 0px auto;
	padding: 40px 0px 20px 0px;
	text-align: center;
}

/* ######### View Video */
.view_block { margin: 0px auto 5px; background: var(--bgC); }
.view_block A { font-size: 12px; }
.view_block A:hover { color: var(--bgC); text-decoration: none; background-color: var(--aHoverC); }

.content_wrap { float: left; max-width: 764px; max-width: calc(100% - 316px); width: 100%; font-size: 15px; }

.right_block { float: left; width: 302px; padding-left: 14px; }

.video_title { display: flex; align-items: center; margin: 30px auto 10px auto; padding: 5px 15px;
    border-radius: 5px; background-color: var(--blockC); text-align: left; }
.right_block .video_title {justify-content: center; padding: 10px;}

.video_title H1, .video_title H2 { display: inline-block; margin-right: 24px; font-size: 18px; color: var(--textC); font-weight: bold; text-transform: uppercase; }

.video_title a { font-size: medium; padding: 6px 10px; border-radius: 4px; background: var(--iconBgC); outline: 0px; }
.video_title img { width: 18px; vertical-align: top; }
.video_title svg { fill: var(--textC); filter: brightness(150%) saturate(50%); width: 18px; height: 18px; vertical-align: top; }
.video_title a:hover svg { fill: var(--bgC); }

#container { position: relative; display: block; height: 506px; text-align: center; font-size: 150%; border-radius: 7px; overflow: hidden;}

#player { position:absolute; top:0; left:0; 
    width:100%; height:100%; outline: 0px;
}

#container A { font-size: 100%; }

#freewrn { display: none; }

#container .warning {
    position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; margin: auto;
    width: 320px; max-width: 90%; height: 200px; max-height: 75%;
    z-index: 2;  padding: 5px; 
    border-radius: 5px; background-color: rgba(225, 231, 235, 0.7); text-align: center; 
}

#container .warning A { display: block; margin-bottom: 1em; }

#container .warning2 { position: absolute; top: 300px; left: 140px; z-index: 7; margin: 2px auto; padding: 5px; 
    border-radius: 5px; width: 320px; max-width: 90%; height: 3.5em; background-color: rgba(225, 231, 235, 0.8); text-align: center; }

#container .warning2 A { display: block; margin-top: 1em; }

.content_wrap .info { float: left; font-size: 110%; padding-left: 10px; }
.content_wrap .info P { padding-bottom: 5px; }
.content_wrap .info A { display: inline-block; margin: 2px 0px; padding: 2px 6px; font-size: 100%; background-color: var(--blockC); border-radius: 4px; }
.content_wrap .info A:hover { background: var(--aHoverC); }


.download { font-size: 100%; color: var(--aC); }

.registerInfo { display: block; text-align: center; }

.registerInfo A {
    display: inline-block;
    margin: 8px 7px;
    width: 46%;
    width: calc(50% - 14px);
    padding: 8px;
    border-radius: 7px;
    border: 1px solid;
    box-sizing: border-box;
    font-size: 105%;
    vertical-align: top;
}

.registerInfo A {background: var(--blockC); /*color: var(--aC);*/}

.registerInfo A:hover { background: var(--aHoverC); color: var(--bgC); border: 1px solid var(--aHoverC); }

.registerInfo A.bigButton {width: 100%; font-size: 130%; margin: 12px 0px 8px; box-sizing: border-box;}

@media screen and (max-width: 959px) {
    .content_wrap { float: none; max-width: none; }
    .right_block { float: none; width: 100%; padding: 0px; line-height: 0px; }
    #container { height: 0px; padding-bottom: 75%; border-radius: 0px; }
    .registerInfo A.bigButton { width: 96%; }
}

@media screen and (max-width: 480px) {
    #container .warning { bottom: 45px; }
    .video_title {padding: 5px 10px;}
    .video_title h1, .video_title h2 {
	margin-right: 16px;
	/*text-overflow: ellipsis; overflow: hidden; white-space: nowrap;*/
    }
    .video_title a {white-space: nowrap; margin-left: auto;}
    .video_title a span {display: none;}
}

/* ######### Edit title ######### */
#editTitle { display: none; font-size: 24px; margin-top: 20px; text-align: center;}
#editTitle select, #editTitle input, #editTitle button { height: 28px; box-sizing: border-box; margin-bottom: 0.5em }
#editTitle input[type="text"] { width: 25em; max-width: calc(100% - 106px);}
#editTitle button { min-width: 5em; }

#editTitle button {font-size:15px;}

/* ######### Forms ######### */
.forminput2 {
    height: 1.5em;
    width: 14em;
    max-width: 100%;
    font-size: 125%;
}

.formsubmit2 {
    height: 2em; 
    padding: 0px 1.2em;
    font-size: 125%;
}

.regForm {
    margin: 0px auto;
    font-size: 125%;
    max-width: 400px;
}

.regForm INPUT {
    padding: 2px 3px;
    font-size: 110%;
    width: 100%;
    box-sizing: border-box;
}

.regForm INPUT[type="submit"] { height: 2em; width: 40%; font-size: 100%; }

.regForm .firstCol {
    width: 33%;
    min-width: 90px;
    text-align: left;
}

.regForm .secondCol {
    text-align: left;
}

/* ######### rating ######### */
.rating { float: right; background-color: var(--bgC); font-size: 105%; padding-right: 10px; }
.rating img { width: 2.6em; border: 0px; }
.rating a, .rating div { display: inline-block; }
.rating div { margin: 0px 20px; }
.rating a { font-size: 100%; }
.rating a:hover { background-color: var(--blockC); }
.ratingInfo {vertical-align: top;}
#rateProgress { background-color: green; display: inline-block; height: 0.5em; }
.bgRateProgress { background-color: #e60000; padding: 0px; line-height: 0px; margin: 0.35em 0px; text-align: left; }

@media all and (max-width:629px) {
    .rating { float: none; margin: -0.7em auto 1em; padding: 0px; text-align: center; }
}

/* ######### bottom ad ######### */
.bottomBs {margin: 3.4em auto 0em;}
.bottomBs iframe {max-width: 914px; width: 100%; height: 252px; border: 1px solid var(--borderC);  box-sizing: border-box; box-shadow: 0 0 7px var(--borderC);}
@media all and (max-width:913px) {
    .bottomBs iframe {max-width: 608px;}
}
@media all and (max-width:607px) {
    .bottomBs iframe {max-width: 302px;}
}

/* ######### right ad ######### */
.rightBs {vertical-align: top;}
.rightBs iframe {width: calc(100% - 2px); height: 504px; border: 1px solid var(--borderC);}
@media all and (max-width:959px) {
    .rightBs {margin: 3.4em auto -2em; width: 100%; box-sizing: border-box; text-align: center;}
    .rightBs iframe {width: 100%; max-width: 608px; height: 252px; overflow: hidden; box-shadow: 0 0 7px var(--borderC);}
    .rightBs .video_title {display: none;}
}
@media all and (max-width:607px) {
    .rightBs iframe {max-width: 302px;}
}