:root {
    --primary: #333;
    --secondary: #e1dcdc;
    --white: #fff;
    --width: 728px;
    --left: -728px;
    --right: 728px;
    --height: 90px;
    --top: -90px;
    --bottom: 90px;
    --family: Arial, Helvetica, sans-serif;
	--family2: Nunito Sans,Nunito Sans bold, regular;
    --base: 12px;
}

.border {
    top:0px;
    left:0px;
    border:1px solid #333;
    box-sizing:border-box;

}
#bar_Top{
	top:0px; left:728px;
	width: 300px; height: 12px;
    background: url(bar_Top.png);
	background-size: contain !important;
    background-repeat: no-repeat !important;
    position: relative;
}



#cont_bar{
	top:0px; left:728px;
	width: 300px; height: 19px;
	position: relative;
}

#bar_footer{
	top:0px; left:0px;
	width: 300px; height: 20px;
    background: url(bar_footer.png);
	background-size: contain !important;
    background-repeat: no-repeat !important;
}

#PI_hit {
	top:0px; left:0px;
    width: 149px;
    height: 20px;
    cursor: pointer;
    opacity: 0;
	position: absolute;
}
#link_hit {
	top:0px; left:150px;
    width: 150px;
    height: 20px;
    cursor: pointer;
    opacity: 0;
	position: absolute;
}

#isi-container{
    top:0px; left: 728px;
    width: 300px;
    height:59px;
    overflow:hidden;
    font-size:10px;
	line-height:11px;
	position: relative;
	color: var(--primary);
	background-color: var(--white);
}

#isi{
    width: 90%;
    height:59px;
    overflow-x: hidden;
    padding:0 60px 0 9px;
	font-family: var(--family2);
	letter-spacing: -0.4px;
}

.scroller-container{
	top:1px;
    right:5px;
    width:5px;
    height:45px;
	position: absolute;
}

.knob-arrange{
    right:0px;
    width:5px;
    height:53px;
    background:#EEF1F3;
    border-radius:5px; 
}

.knob{
	top:0px;
    right:0px;
    width:5px;
    height:12px;
	border-radius:5px;
    cursor:pointer;
	background:#003A5D;
	position: absolute;
}

#isi h1{
	font-size:10px; 
	line-height:11px; 
    margin:-1px 0 -6px 0;
	font-weight: bold;
	color: #004165;
	letter-spacing: -0.5px;	
}

#isi h2{
	font-size:10px; 
	line-height:11px; 
    margin: 5px 0 12px 0;
	color: #004165;
	
}

#isi p {
    margin: 7px 0 0 0;
}

#isi .blue{ 
	color: #004165;
}

#isi .bold {
    font-weight: bold;
}

#isi .link {
    text-decoration: underline;
    text-decoration-style: solid;
    font-weight: bold;
    cursor: pointer;
	color: #004165;
}

#isi .sup {
    vertical-align: 2px;
    font-size: 6.5px;
    letter-spacing: .10px;
    margin-left: 1px;
}

#isi .p_indent {
    margin-left:1em;
    text-indent: -1em;
}

ul{ 
	position:relative; 
	margin:8px 0 10px 10px; 
	padding: 0;
	list-style: none; 
}

ul li{
	margin-bottom: 2px; 
	position: relative; 
}

ul li::before {
  content: "• ";
  position: absolute;
  left: -8px;
  font-weight: bold;
}

#isi .list {
    
    margin-left: -4px;
}
#isi .nobr {
    white-space: nowrap;
}

.boxed_warning {
    position: relative;
    padding: 10px;
    border: var(--primary) 1px solid;
}

#isi .legal{
	float: left;
	margin: 7px 0 10px 10px;
    font-size: 7px;
    line-height: 9px;
	color: #000000;
}

#isi #isi_logo {
    width: 73px;
	height: 16px;
    float: left;
    margin: 8px 0 0 0;
	background-image: url(isi_logo.png);
	background-size: contain !important;
    background-repeat: no-repeat !important;
	position: relative;
}

.mb2 {
    margin-bottom: 2px !important;
}

.mb4 {
    margin-bottom: 4px !important;
}
.mb-4 {
    margin-bottom: -4px !important;
}

.mb6 {
    margin-bottom: 6px !important;
}

.mb8 {
    margin-bottom: 8px !important;
}

.mb10 {
    margin-bottom: 10px !important;
}

.mb12 {
    margin-bottom: 12px !important;
}

.mb14 {
    margin-bottom: 14px !important;
}

.mb16 {
    margin-bottom: 16px !important;
}

.pc-all {
    width: 93% !important;
}

.ie-11 {}

.ie-edge {}

.ff-mac {}

.chrome-mac {}

.safari {}

.ff-pc {}

.chrome-pc {}

.iphoneIpad {}

.android {}