.sidemenubox,
.gambarbox
{
display:block;
box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
padding:25px;
border-radius:1px;
Z-INDEX: 2;
position: relative;
}


.gambarbox2
{
display:block;
box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
padding:25px;
border-radius:1px;
}

.gam
{
box-shadow: rgba(67, 71, 85, 0.27) 0px 0px 0.25em, rgba(90, 125, 188, 0.05) 0px 0.25em 1em;
padding:5px;
border-radius:5px;

}

.style1
{
padding:10px 0px;
display:block;
border-top:solid #dbdbdb 1px;
}

.label {
  align-items: center;
  background-color: #fef5f5;
  background-position: 0 0;
  border: 1px solid #FAA4A4;
  border-radius: 3px;
  box-shadow: rgba(255, 255, 255, .7) 0 1px 0 0 inset;
  box-sizing: border-box;
  color: #D33A2C;
  display: inline-block;
  font-family: -apple-system,system-ui,"Segoe UI","Liberation Sans",sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.15385;
  margin: 0;
  outline: none;
  padding: 5px 5px;
  position: relative;
  text-align: left;
  text-decoration: none;
}

.keluar{
  background-color: #ECE0F7;
  border-radius: 3px;
  border: 1px solid #8713AC;
  box-shadow: rgba(255, 255, 255, .7) 0 1px 0 0 inset;
  box-sizing: border-box;
  color: #8713AC;
  cursor: pointer;
  display: inline-block;
  font-family: -apple-system,system-ui,"Segoe UI","Liberation Sans",sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.15385;
  margin: 0;
  outline: none;
  padding: 5px 5px;
  position: relative;
  text-align: center;
  text-decoration: none;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  vertical-align: baseline;
  white-space: nowrap;
}

.keluar:hover,
.keluar:focus {
  background-color: #CBA5E1;
  color: #2c5777;
}

.keluar:focus {
  box-shadow: 0 0 0 4px rgba(0, 149, 255, .15);
}

.keluar:active {
  background-color: #CBA5E1;
  box-shadow: none;
  color: #2c5777;
}



.button-pink {
  background-color: #e62143;
  border-radius: 8px;
  border-style: none;
  box-sizing: border-box;
  color: #FFFFFF;
  justify-content: center;
  display: flex;
  font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  list-style: none;
  margin: 0;
  outline: none;
  padding: 8px 10px;
  position: relative;
  text-align: center;
  text-decoration: none;
  transition: color 100ms;
  vertical-align: baseline;
 
}

.button-pink:hover {
 background-color: #e62143;
 text-decoration: underline;
  color: #FFFFFF;
}


.headertext{
  background-image: linear-gradient(-180deg, #37AEE2 0%, #1E96C8 100%);
  border-radius: 5PX;
  box-sizing: border-box;
  color: #FFFFFF;
  display: flex;
  font-size: 14px;
  justify-content: center;
  padding:10px 10px;
  text-decoration: none;
  width: 100%;
  border: 0;
  font-weight:bold;
}


ul.menu
{
margin: 10px 0 0 5px;
padding: 0px 5px 10px 5px;
display:table;
table-layout: fixed;
}

ul.menu li {
line-height: 20px;
border-bottom: dotted 1px #ccc;
display:table-row;

}

ul.menu li:before {    
font-family: 'FontAwesome';
content: '\f105';
margin:0 10px 0 0px;
color:#5eba7d;
display: table-cell;
width:15px;
padding-top:5px;
padding-bottom:5px;
}



ul.menu li a
{
font-size:12px;
font-family: Verdana, Arial, Tahoma, Serif;
margin-left:0px;
margin-top:10px;

}

ul.menu li a:hover
{
font-weight:bold;
color:#008a21;
}

ul.menu li:last-child {
border-bottom-style:none;
}






BODY {
	BACKGROUND: #fff;margin:0px; height:100%;
}
#main {
	MIN-WIDTH: 980px; MARGIN: 0px; WIDTH: 100%; COLOR: #76797c; CLEAR: both
}
#content {
	PADDING-BOTTOM: 0px; MARGIN: 0px auto; PADDING-LEFT: 0px; WIDTH: 980px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
#headlines {
	PADDING-BOTTOM: 0px; MARGIN: 0px auto; PADDING-LEFT: 0px; WIDTH: 980px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
#homefooter {
	PADDING-BOTTOM: 0px; MARGIN: 0px auto; PADDING-LEFT: 0px; WIDTH: 980px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
#billboard {
	TEXT-ALIGN: left; PADDING-BOTTOM: 0px; MARGIN: 0px auto; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; DISPLAY: block; BACKGROUND: #fff; PADDING-TOP: 14px;
	Z-INDEX: 1; position: relative;
}
#billboard H1 {
	LINE-HEIGHT: 1; MARGIN-BOTTOM: 0px
}
#billboard H2 {
	LINE-HEIGHT: 1; MARGIN-BOTTOM: 0px
}
#billboard H1 IMG {
	MARGIN: 0px auto; DISPLAY: block
}
#billboard H2 IMG {
	MARGIN: 0px auto; DISPLAY: block
}
#billboard .column {
	DISPLAY: inline;
}
#billboard IMG.hero {
	MARGIN: 0px 0px 0px 0px;
}
#billboard .last {
	WIDTH: 35%
}
#billboard .last H1 {
	MARGIN: 87px 0px 40px
}
#billboard .videos {
	FONT-SIZE: 14px
}
#billboard .videos .video-thumb {
	DISPLAY: block; MARGIN-BOTTOM: 10px; FLOAT: left
}
#billboard .videos .video-thumb:hover {
	TEXT-DECORATION: underline
}
#billboard .videos .video-thumb .image {
	Z-INDEX: 1; BORDER-BOTTOM: #e6e6e6 1px solid; POSITION: relative; BORDER-LEFT: #e6e6e6 1px solid; PADDING-BOTTOM: 3px; MARGIN: 0px 10px 0px 0px; PADDING-LEFT: 4px; WIDTH: 90px; PADDING-RIGHT: 4px; DISPLAY: block; FLOAT: left; BORDER-TOP: #e6e6e6 1px solid; BORDER-RIGHT: #e6e6e6 1px solid; PADDING-TOP: 3px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-box-shadow: 0 1px 3px rgba(0,0,0,.35); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.35); box-shadow: 0 1px 3px rgba(0,0,0,.35)
}
UNKNOWN {
	BORDER-BOTTOM-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-TOP-STYLE: none; BORDER-LEFT-STYLE: none
}
#billboard .videos .video-thumb .image .play {
	Z-INDEX: 1; POSITION: absolute; WIDTH: 29px; DISPLAY: block; BACKGROUND: url(http://images.apple.com/v/home/g/images/video_play.png) no-repeat 0px 0px; HEIGHT: 28px; TOP: 17px; BEHAVIOR: url(/global/scripts/lib/iepngfix.htc); LEFT: 35px; opacity: .75; -webkit-transition-duration: .15s; -moz-transition-duration: .15s; transition-duration: .15s
}
#billboard .videos .video-thumb:hover .image .play {
	opacity: 1
}
#billboard .videos .video-thumb .image IMG {
	MARGIN: 0px; DISPLAY: block
}
#billboard .videos .video-thumb .link {
	WIDTH: 30%; DISPLAY: block; FLOAT: left; TEXT-DECORATION: none; PADDING-TOP: 13px
}
.promos UL {
	MARGIN: 0px -1px 15px -11px;WIDTH: 700px; ZOOM: 1; HEIGHT: 157px; float:left;
}
.promos UL LI {
	PADDING:5PX;WIDTH: 120px; DISPLAY: inline; FLOAT: left;  MARGIN-LEFT: 20px; border-radius: 20px; box-shadow: rgba(67, 71, 85, 0.27) 0px 0px 0.25em, rgba(90, 125, 188, 0.05) 0px 0.25em 1em;
}
.promos UL LI A {
	BORDER-BOTTOM: #d2d2d2 1px solid; BORDER-LEFT: #dbdbdb 1px solid; DISPLAY: block; BACKGROUND: #eff3f6; BORDER-TOP: #e5e5e5 1px solid; BORDER-RIGHT: #dbdbdb 1px solid;  border-radius: 20px;
}

.promos UL LI A:hover {
	BACKGROUND: #fdfdfd
}
.promos UL LI A IMG {
	margin-left:-5px; DISPLAY: block; BEHAVIOR: url(/global/scripts/lib/iepngfix.htc);  border-radius: 2px;
}



UNKNOWN {
	BORDER-BOTTOM-COLOR: #fff; BORDER-TOP-COLOR: #fff; BORDER-RIGHT-COLOR: #fff; BORDER-LEFT-COLOR: #fff
}

.promos UL LI.bleed A {
	BORDER-BOTTOM-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-TOP-STYLE: none; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-LEFT-STYLE: none
}
.promos UL LI.bleed A IMG {
	BORDER-BOTTOM-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-TOP-STYLE: none; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-LEFT-STYLE: none; BEHAVIOR: url(/global/scripts/lib/iepngfix.htc); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px
}
.promos UL LI.bleed A.blackfriday IMG {
	BORDER-LEFT: #e5e5e5 1px solid; BORDER-RIGHT: #e5e5e5 1px solid; _margin-left: -2px
}
.promos UL LI.bleed A.blackfriday {
	BACKGROUND-COLOR: #6fa936
}
.promos UL LI.bleed A.blackfriday:hover {
	BACKGROUND-COLOR: #7bb641
}
.rememberingsteve {
	BORDER-BOTTOM: #e6e6e6 1px solid; BORDER-LEFT: #e6e6e6 1px solid; MARGIN: 0px auto 42px; WIDTH: 980px; BORDER-TOP: #e6e6e6 1px solid; BORDER-RIGHT: #e6e6e6 1px solid
}
.rememberingsteve .first {
	WIDTH: 489px; BORDER-RIGHT: #e6e6e6 1px solid
}
.rememberingsteve .last {
	WIDTH: 490px
}
.rememberingsteve .column A {
	PADDING-BOTTOM: 13px; PADDING-LEFT: 20px; PADDING-RIGHT: 0px; BACKGROUND: #fafafa; PADDING-TOP: 18px
}
.rememberingsteve .column A:hover {
	BACKGROUND: #fffffe
}
.rememberingsteve .last A IMG.video {
	MARGIN: -11px 14px -11px 0px; _position: relative; _margin-left: 14px; _z-index: 1
}
#headlines {
	Z-INDEX: 1; POSITION: relative; MARGIN-BOTTOM: 14px
}
#ticker {
	BORDER-BOTTOM: #e6e6e6 1px solid; BORDER-LEFT: #e6e6e6 1px solid; BACKGROUND-COLOR: #f6f6f6; MIN-HEIGHT: 26px; BORDER-TOP: #e6e6e6 1px solid; BORDER-RIGHT: #e6e6e6 1px solid; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; _height: 26px
}
#ticker P {
	LINE-HEIGHT: 16px; WIDTH: 100%; MARGIN-BOTTOM: 3px; FLOAT: left; PADDING-TOP: 5px
}
#ticker A {
	COLOR: #4c4c4c; TEXT-DECORATION: none
}
#ticker A#ticker-headline {
	TEXT-ALIGN: center; WIDTH: 12.5em; DISPLAY: block; FLOAT: left; COLOR: #333; FONT-WEIGHT: bold; MARGIN-RIGHT: 1em; BORDER-RIGHT: #d4d4d4 1px solid
}
#ticker A#news-link {
	Z-INDEX: 10; POSITION: relative
}
#ticker-rss-link {
	DISPLAY: none
}
#homefooter {
	TEXT-ALIGN: center; MARGIN: 0px auto 22px; COLOR: #6e6e6e; FONT-SIZE: 10px
}
#homefooter .piped A {
	BORDER-BOTTOM-COLOR: #ccc; BORDER-TOP-COLOR: #ccc; BORDER-RIGHT-COLOR: #ccc; BORDER-LEFT-COLOR: #ccc
}
#homefooter #links {
	BORDER-BOTTOM: #e5e5e5 1px solid; BORDER-LEFT: #e5e5e5 0px solid; PADDING-BOTTOM: 0.5em; MARGIN: 0.5em 0px 2em; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; ZOOM: 1; BORDER-TOP: #e5e5e5 1px solid; BORDER-RIGHT: #e5e5e5 0px solid; PADDING-TOP: 0.5em
}
#homefooter #links:after {
	DISPLAY: block; HEIGHT: 0px; VISIBILITY: hidden; CLEAR: both; CONTENT: "."
}
#homefooter #links P {
	MARGIN-BOTTOM: 0px
}
#homefooter #links P.left {
	TEXT-ALIGN: left; TEXT-INDENT: 10px; WIDTH: auto; FLOAT: left
}
#homefooter #links UL.right {
	PADDING-RIGHT: 10px; MARGIN-BOTTOM: 0px; FLOAT: right
}
#homefooter #links UL.piped A {
	PADDING-LEFT: 0.5em; MARGIN-LEFT: 0.5em
}
#homefooter P.left A {
	MARGIN-RIGHT: 0px
}
#homefooter P.left {
	TEXT-ALIGN: left; TEXT-INDENT: 10px; WIDTH: 50%; FLOAT: left
}
#homefooter P.right {
	WIDTH: 50%; FLOAT: right
}
#homefooter P.links {
	BORDER-BOTTOM: #e5e5e5 1px solid; BORDER-LEFT: #e5e5e5 0px solid; PADDING-BOTTOM: 0.5em; MARGIN: 1.5em 0px 2em; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; BORDER-TOP: #e5e5e5 1px solid; BORDER-RIGHT: #e5e5e5 0px solid; PADDING-TOP: 0.5em
}
#homefooter .sosumi {
	CLEAR: both
}
#homefooter .sosumi P {
	DISPLAY: inline; MARGIN-BOTTOM: 0px
}
#homefooter .sosumi P.copyright {
	PADDING-RIGHT: 0.75em
}
#homefooter .sosumi UL.piped {
	PADDING-RIGHT: 1.2em; DISPLAY: inline; MARGIN-BOTTOM: 0px
}
#homefooter .sosumi UL.piped:after {
	DISPLAY: none
}
#homefooter .sosumi UL.piped LI {
	FLOAT: none
}
#homefooter .sosumi UL.piped LI A.first {
	MARGIN-RIGHT: -0.2em
}
#worldwide {
	TEXT-ALIGN: left; DISPLAY: inline
}
#worldwide A {
	BORDER-BOTTOM: #e3e3e3 1px solid; POSITION: relative; BORDER-LEFT: #e3e3e3 1px solid; PADDING-BOTTOM: 0px; PADDING-LEFT: 6px; PADDING-RIGHT: 10px; DISPLAY: inline-block; BACKGROUND: #f7f7f7; BORDER-TOP: #e3e3e3 1px solid; TOP: 0.9em; BORDER-RIGHT: #e3e3e3 1px solid; PADDING-TOP: 0px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px
}
#worldwide A:hover {
	BACKGROUND: #fcfcfc; TEXT-DECORATION: none
}
#worldwide A IMG {
	MARGIN: -1.8em 6px 0px 0px; VERTICAL-ALIGN: middle
}
#worldwide A SPAN.more {
	BORDER-LEFT: #e3e3e3 1px solid; PADDING-BOTTOM: 8px; PADDING-LEFT: 5px; PADDING-RIGHT: 10px; DISPLAY: inline-block; BACKGROUND-POSITION: 100% 55%; CURSOR: pointer; PADDING-TOP: 8px
}
table td.body_outer {
	padding: 2px;
	border: 1px solid #cccccc;
}