@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap');
*, *:before, *:after {
    box-sizing: border-box;
}

@keyframes rotate {
	0% {
		transform:rotate(0deg);
	}
	100% {
		transform:rotate(180deg);
	}
}

@keyframes scaleDown {
	0% {
		transform:scale(4);
	}
	100% {
		transform:scale(1);
	}
}

@keyframes scale {
	0% {
		transform:scale(1.1);
	}
	100% {
		transform:scale(0.8);
	}
}

#ad {
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top: 0;
    margin: auto;
    width: 728px;
    height: 90px;
    background: #FFFFFF;
    overflow: hidden;
    -webkit-user-select: none;
        -ms-user-select: none;
            user-select: none;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
}

.btn-overlay {
    display: block;
    position: absolute;
    z-index: 50;
    left: 0;
    top: 0;
    width: 488px;
    height: 90px;
    background: transparent;
    border: none;
    outline: none;
    -webkit-user-select: none;
        -ms-user-select: none;
            user-select: none;
    cursor: pointer;
}
.btn-overlay:before {
    content: '';
    position: absolute;
    z-index: 99;
    bottom: 0;
    right: 0;
    left: 0;
    top: 0;
}

.banner {
    position: relative;
    height: 100%;
}

.banner .border {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    border: solid 1px #666;
    z-index: 49;
}

#main-container {
  position: absolute;
  width: 728px;
  height: 90px;
  border: 1px solid #555555;
  box-sizing: border-box;
  background: #ffffff;
  overflow:auto;
  overflow-x:hidden;
}

#top-container {
    height: 90px;
    width: 100%;
    text-align: center;
    overflow: hidden;
}

#top-container .frame1 {
    background-image:url(bg.jpg);
	background-size:728px;
    width:300px;
    height:250px;
}

#top-container .frame1 {
	width:728px;
	height:90px;
}

.logo {
	width: 138px;
    height: 42px;
    position: relative;
    top: 26px;
    left: 316px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 99999;
    transform: scale(1);
}

.logo.actualSize {
	animation:scale 1s forwards;
}

.logo .l1_container {
	width:126.5px;
	height:25px;
	position:absolute;
	top:0px;
	right:0;
	overflow:hidden;
}

.l1_container .l1 {
	/*width:83.5px;*/
	width:83.5px;
	height:25px;
	position:absolute;
	top:0px;
	right:33px;
	background-image:url(logo_1.png);
	background-size:100%;
	background-repeat:no-repeat;
}

.logo .l2 {
	width: 84px;
    position: absolute;
    bottom: 3px;
    right: 32.5px;
}

.logo .l3 {
 	width:21.5px;
	position:absolute;
	left:-1px;
	top:-1px;
}

.logo .l3.rotate {
	animation:rotate 3s linear infinite;
}

#top-container {
	text-transform: uppercase;
	font-size: 13px;
    font-weight: 400;
	line-height:15px;
	-webkit-font-smoothing: antialiased;
	color:#382404;
}

#top-container sup {
	line-height: 0;
    font-size: 8px;
    vertical-align: 4px;
}

.bottom-container {
	position:absolute;
	top:0px;
	right:0;
	width:33%;
	height:100%;
	opacity:0;
}

.dr {
	position:absolute;
	left: 307px;
    top:-30px;
    width: 180px;
	opacity:0;
}

.txt1 {
	position:absolute;
	width:242px;
	left:150px;
	top:29.5px;
	opacity:0;
    text-align: left;
}

.txt2_1 {
	position:absolute;
	width:256px;
	left:153px;
	top:9.5px;
	opacity:0;
	text-align: left;
	text-indent: -7px;
}

.txt2_2 {
	position:absolute;
	width:256px;
	left:150px;
	top:23px;
	opacity:0;
	text-align: left;
}

.txt2_3 {
	position:absolute;
	width:256px;
	left:150px;
	top:38px;
	opacity:0;
	text-align: left;
}

.txt2_4 {
	position:absolute;
	width:256px;
	left:150px;
	top:51px;
	opacity:0;
	text-align: left;
}

.txt2_5 {
	position:absolute;
	width:256px;
	left:234px;
	top:53px;
	opacity:0;
	font-size:9px;
	line-height:11px;
	text-align: left;
}

.txt3 {
	position:absolute;
	width:243px;
	left:150px;
	top:29.5px;
	opacity:0;
	text-align:left;
	transform: scale(4);
	font-size:11px;
	line-height:14px;
}

.txt3.scaleDown {
	animation:scaleDown 0.8s forwards ease-in;
}

.txt4_1 {
	position:absolute;
	width:300px;
	left:150px;
	top:1.5px;
	opacity:0;
	font-size:12px;
	line-height:15px;
	text-align:left;
}

.txt4_2 {
	position:absolute;
	width:300px;
	left:150px;
	top:16px;
	opacity:0;
	font-size:12px;
	line-height:15px;
	text-align:left;
}

.txt4_3 {
	position:absolute;
	width:300px;
	left:150px;
	top:31px;
	opacity:0;
	font-size:12px;
	line-height:15px;
	text-align:left;
}


.watch_now {
	position:absolute;
	width: 81px;
    left: 150px;
    top: 52px;
	opacity:0;
	z-index:999;
}

.arrow {
	position: absolute;
    width: 22.5px;
    left: 232px;
    top: 58px;
	opacity:0;
	z-index:999;
}

.banner .isi {
    position: absolute;
    top: auto !important;
    height: 100%;
    background: white;
    z-index: 100;
    border: solid 1px #666;
    padding: 16px 5px 5px 5px;
}

.pi_footer {
	position: absolute;
    right: 0px;
    bottom: 0px;
    background-color: #DB2725;
    width: 100%;
    height: 16px;
    padding: 0 10px;
}

.pi_footer a, .pi_footer a:hover, .pi_footer a:link, .pi_footer a:visited {
    color: white;
    font-size: 10px;
    text-decoration: none;
    line-height: 17px;
    display: block;
}

.isi .isi_wrapper::-webkit-scrollbar {
  -webkit-appearance: none;
    background-color: #efefef;
  width: 7px;
}

.isi .isi_wrapper::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: #DB2725;
  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .5);
}

.isi h1 {
    font-size: 8px;
    font-weight: 700;
    color: #14255B;
	margin-top:0;
	margin-bottom:0;
}

.isi h2 {
    font-size: 8px;
    font-weight: 700;
    color: #14255B;
    margin-top: 0px;
    margin-bottom: 0px;
}

.isi p, .isi ul, .isi li {
    font-size: 7.5px;
    font-weight: 400;
    line-height: 8.5px;
}

.isi ul {
	margin-top:0;
}

.isi strong {
    color: #14255B;
}

/*#isi-container {
    height: 200px;
    width: 298px;
    position: relative;
	top:0px;
    overflow: auto;
}*/

.frost_panel {
	height: 62.5px;
    width: 242px;
	opacity:75%;
	background:#fff;
}

/*#isi-container #logo {
    width:67px;
    height:18px;
    margin-bottom:5px;
}

#isi-content {
    width: 282px;
    padding: 5px 12px 5px 5px;
	background:#fff;
	overflow-x:hidden;
}

#isi-content {
    font-family: Arial, sans-serif;
    font-size: 10px;
}   

#isi-content h1 {
    font-family: Verdana, Arial, sans-serif;
    font-size: 9px;  
    padding: 0px;
    margin: 0 0 5px 0;
	color:#14255B;
}

#isi-content h2 {
    font-family: Arial, sans-serif;
    font-size: 10px;    
    font-size: 10px;
    text-transform: uppercase;
    padding: 0px;
    margin: 0 0 3px 0;
}

#isi-content h1 sup {
	line-height:0;
	font-size:6px;
}

#isi-content p sup {
	line-height:0;
	font-size:5px;
}

#isi-content ul {
	padding:0 5px 5px 6px !important;
	margin:0 !important;
}

#isi-content ul li {
	list-style-type:none;
	font-size:8px;
	font-family:Verdana, Arial, sans-serif;
}

#isi-content ul li::before {
    content: "•";
    color: #14255B;
	font-size:8px;
    display: inline-block;
    width: 0.7em;
    margin-left: -0.7em;
}

#isi-content .margin-top {
	margin-top: 10px;
}

#isi-content .margin-top2x {
	margin-top: 15px;
}

#isi-content ul {
    margin: 0 0 5px 0;
    padding: 0 0 0 12px;
}

#isi-content li, #isi-content p {
    font-family: Verdana, Arial, sans-serif;
    font-size: 8px;   
	line-height: 110%;
    margin: 0 0 5px 0;
    padding: 0px;
}

#isi-content p strong,
#isi-content p a {
	color:#14255B;
	font-family: Verdana, Arial, sans-serif;
    font-size: 8px;  
}

#isi-content p a {
	cursor:pointer;
}*/

#bottom-container {
    position: absolute;
    background-color: #ebebeb;
    top:0;
	right:0;
    width: 33%;
    font-size: 11px;
    text-decoration: underline;
    text-align: center;
    line-height: 20px;
    font-weight: 500;
    cursor: pointer;
}

/* Replay Btn
--------------------------------------------------------------------------- */
.ad-overlay {
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top: 0;
    margin: auto;
    width: 300px;
    height: 250px;
    overflow: hidden;
    -webkit-user-select: none;
        -ms-user-select: none;
            user-select: none;
}

.replay-btn {
  position: absolute;
  right: 10px;
  top: 10px;
  height: 16px;
  width: 16px;
  z-index: 55;
  cursor: pointer;
}

.replay-btn:hover img {
  -webkit-animation: rotate-animation 1s infinite linear;
  animation: rotate-animation 1s infinite linear;
}


:focus {
  outline:none;
}
::-moz-focus-inner {
  border:0;
}


/* perfect-scrollbar v0.6.16 */
.ps-container {
  -ms-touch-action: auto;
  touch-action: auto;
  overflow: hidden !important;
  -ms-overflow-style: none; }
  @supports (-ms-overflow-style: none) {
    .ps-container {
      overflow: auto !important; } }
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .ps-container {
      overflow: auto !important; } }
  .ps-container.ps-active-x > .ps-scrollbar-x-rail,
  .ps-container.ps-active-y > .ps-scrollbar-y-rail {
    display: block;
    background-color: #DDDDDD;
	border-radius:10px;}
  .ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
    background-color: #DDDDDD;
    opacity: 0.9;
display:none !important;}
.ps-container.ps-active-x > .ps-scrollbar-x-rail {
	display:none !important;
}
    .ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
      background-color: #999;
      height: 11px; }
  .ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
    background-color: #DDDDDD;
    opacity: 1; }
    .ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
      background-color: #D10000;
      width: 6px; }
  .ps-container > .ps-scrollbar-x-rail {
    display: none;
    position: absolute;
    /* please don't change 'position' */
    opacity: 1;
    -webkit-transition: background-color .2s linear, opacity .2s linear;
    -o-transition: background-color .2s linear, opacity .2s linear;
    -moz-transition: background-color .2s linear, opacity .2s linear;
    transition: background-color .2s linear, opacity .2s linear;
    bottom: 0px;
    /* there must be 'bottom' for ps-scrollbar-x-rail */
    height: 15px; }
    .ps-container > .ps-scrollbar-x-rail > .ps-scrollbar-x {
      position: absolute;
      /* please don't change 'position' */
      background-color: #aaa;
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      border-radius: 6px;
      -webkit-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;
      transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;
      -o-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
      -moz-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;
      transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
      transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -webkit-border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;
      bottom: 2px;
      /* there must be 'bottom' for ps-scrollbar-x */
      height: 6px; }
    .ps-container > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x, .ps-container > .ps-scrollbar-x-rail:active > .ps-scrollbar-x {
      height: 11px; }
  .ps-container > .ps-scrollbar-y-rail {
    position: absolute;
    /* please don't change 'position' */
    opacity: 1;
   /* -webkit-transition: background-color .2s linear, opacity .2s linear;
    -o-transition: background-color .2s linear, opacity .2s linear;
    -moz-transition: background-color .2s linear, opacity .2s linear;
    transition: background-color .2s linear, opacity .2s linear;*/
    right: 2px;
    /* there must be 'right' for ps-scrollbar-y-rail */
    width:6px; }
    .ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {
      position: absolute;
      /* please don't change 'position' */
      background-color: #D10000;
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      border-radius: 6px;
      -webkit-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;
      transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;
      -o-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
      -moz-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;
      transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
      transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -webkit-border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;
      right:0px;
      /* there must be 'right' for ps-scrollbar-y */
      width: 6px; }
    .ps-container > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y, .ps-container > .ps-scrollbar-y-rail:active > .ps-scrollbar-y {
      /*width: 11px;*/}
  .ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
/*
    background-color: #eee;
    opacity: 0.9; 
*/
  }
    .ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
/*
      background-color: #999;
      height: 11px; 
*/
    }
  .ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
/*
    background-color: #eee;
    opacity: 0.9; 
*/
  }
    .ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
/*
      background-color: #999;
      width: 11px; 
*/
    }
  .ps-container:hover > .ps-scrollbar-x-rail,
  .ps-container:hover > .ps-scrollbar-y-rail {
/*    opacity: 0.6; */
  }
  .ps-container:hover > .ps-scrollbar-x-rail:hover {
/*
    background-color: #eee;
    opacity: 0.9; 
*/
  }
    .ps-container:hover > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x {
/*      background-color: #999; */
    }
  .ps-container:hover > .ps-scrollbar-y-rail:hover {
/*
    background-color: #eee;
    opacity: 0.9; 
*/
  }
    .ps-container:hover > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y {
/*      background-color: #999; */
    }