.header {background:#FFF;position: fixed;z-index: 30;width: 100%;transition:all 0.2s linear;box-sizing:border-box;-webkit-box-sizing:border-box;font-family: 'Open Sans','Arial',"Microsoft JhengHei";}

.header table,
.header tr,
.header td,
.header input,
.header textarea,
.header button,
.header select,
.header div,
.header a {
	font-family: 'Open Sans','Arial',"Microsoft JhengHei";
	font-size: inherit;	
}

.header table,
.header tr,
.header td,
.header button,
.header select,
.header div,
.header a {
	color: inherit;
}


.header .logo{padding: 15px 0px 12px 30px;display:inline-block;vertical-align: middle;transition:all 0.2s linear;}
/*.header .logo img{width:100%;max-width:196px;transition:all 0.2s linear;}*/
.header .logo img{height:1cm;transition:all 0.2s linear;}

.header .navbar{float: right;text-align: right;color: #000;font-size:0;}
.header .navbar .nav{display:inline-block;vertical-align: middle;margin-right: 30px;}
.header .navbar .nav .item{display:inline-block;padding:20px 20px;vertical-align:middle;position: relative;/*transition:background-color 0.2s linear,border 0.2s linear;*/box-sizing:border-box;-webkit-box-sizing:border-box;height:70px;line-height: 21px;}
.header .navbar .nav .item > a{font-size:16px;position: relative;/*font-weight: bold;*/display: inline-block;padding-bottom:8px;top: 3px;transition:background-color 0.2s linear,border 0.2s linear;}
.header .navbar .nav .item > kanhanbypass > kanhanignore > a{font-size:16px;/*font-weight: bold;*/display: inline-block;padding-bottom:8px;top: 3px;transition:background-color 0.2s linear,border 0.2s linear;}
.header .navbar .nav .hasSub>a:after{content:'';border:3px solid transparent;border-top-color:#b2b2b2;position: absolute;bottom:0px;left: 50%;margin-left: -3px;transition:all 0.2s linear;}

.header .navbar .nav .item:hover,.header .navbar .nav>a:hover{background:#ed0013;color:#FFF;}
.header .navbar .nav .item:hover>a.on,.header .navbar .nav .item>a.on:hover{color:#FFF;}
.header .navbar .nav .hasSub:hover span:after{border-top-color:#FFF;}

.header .navbar .nav .hasSub:hover>a:after{border-top-color:#FFF;}

.header .navbar .nav .submenu{position: absolute; top:100%;left:0;list-style: none;width: 300px;height:0;overflow: hidden;transition:all 0.2s linear;background:#ed0013;}
.header .navbar .nav .hasSub .submenu li.close{display:none;}
.header .navbar .nav .hasSub .submenu li.title{display:none;}
.header .navbar .nav .hasSub .submenu li{font-size:16px;background:#ed0013;color:#FFF;text-align: left;border-bottom:1px solid #df0214;/*transition:all 0.2s linear;*/}
.header .navbar .nav .hasSub .submenu li a{transition:none;}
.header .navbar .nav .hasSub .submenu li.submenu-header{position: relative;cursor: pointer;}
.header .navbar .nav .hasSub .submenu li.submenu-header .third-level:after{content:"";border:5px solid transparent;border-left-color:#FFF;position: absolute; right:15px;top:50%;margin-top:-5px;}

.header .navbar .nav .hasSub .submenu li a{display:block;padding: 15px 20px;}
.header .navbar .nav .hasSub .submenu li:hover{/*background:#DD0012;background:#CB0010;*/color:#500000;;}
.header .navbar .nav .hasSub .submenu li:last-child{border-bottom:none;}
.header .navbar .nav .hasSub .submenu li.submenu-header:hover .third-level:after{border-left-color:#FFF;}

.header .navbar .nav .hasSub .submenu li.submenu-header .third-level{padding:15px 20px;position: relative;}
.header .navbar .nav .hasSub .submenu li.submenu-header ul{list-style: none;display:none;margin-bottom:0;}
.header .navbar .nav .hasSub .submenu li.submenu-header ul li{font-size:15px;}
.header .navbar .nav .hasSub .submenu li.submenu-header ul li a{padding:10px 30px;}

.header .navbar .nav .hasSub .submenu li.submenu-header.opened .third-level:after{border-left-color:transparent;border-top-color:#FFF;margin-top: -3px;}
.header .navbar .nav .hasSub .submenu li.submenu-header.opened:hover .third-level:after{border-left-color:transparent;border-top-color:#FFF;}

.header .navbar .nav .hasSub .submenu li.mob{display:none;}

.header .navbar .nav .hasSub:hover .submenu{z-index: 1}

.header .navbar .nav .hasSub.product-menu{position: static;}
.header .navbar .nav .hasSub.product-menu .submenu{width:100%;}
.header .navbar .nav .hasSub.product-menu .submenu:after{content:"";width:100%;height:1px;background:#CE0000;position: absolute;bottom:0;left:0;}
.header .navbar .nav .hasSub.product-menu .submenu .wrapper{font-size:0;padding-top:30px;padding-bottom: 50px;}
.header .navbar .nav .hasSub.product-menu .submenu li{width:24%;padding: 0;height: auto;border-bottom:none;}
.header .navbar .nav .hasSub.product-menu .submenu li a{padding:10px 20px;}
.header .navbar .nav .hasSub.product-menu .submenu li:hover{background:transparent;}
.header .navbar .nav .hasSub.product-menu .submenu li:hover a{color:#500000;}
.header .navbar .nav .hasSub.product-menu .submenu .grid-sizer{width:25%;}
.header .navbar .nav .hasSub.product-menu .submenu .gutter-sizer{width:0%;}


.header .navbar .nav .lang{padding:24px 10px;}
.header .navbar .nav .lang a{font-size: 14px;}
.header .navbar .nav .lang.first{margin-left:10px;}
.header .navbar .nav .lang:hover{background:none;color:#ed0013;}

.header .navbar .nav .lang.en{display:none;}
.ie .header .navbar .nav .lang.en{padding-top:26px;}
.trident .header .navbar .nav .lang.en{padding-top:26px;}

.header .navbar .nav .search{display:none;}
.header .navbar .nav .login{display:none;}
.header .navbar .nav .openac{display:none;}
.header .navbar .nav .activation{display:none;}
.header .navbar .nav .cyber-security{display:none;}
.header .navbar .nav .after-login{display:none;}

.header .navbar .header-btn{display:inline-block;vertical-align: middle;background:#ed0013;width:70px;height:70px;box-sizing:border-box;-webkit-box-sizing:border-box;text-align: center;margin-left: 1px;cursor: pointer;transition:all 0.1s linear;border-bottom:1px solid #ED0013;}
.header .navbar .header-btn:before{content:'';display:inline-block;height:100%;vertical-align: middle;}
.header .navbar .header-btn .holder{display:inline-block;vertical-align: middle; text-align: center;}
.header .navbar .header-btn .holder img{margin:0 auto;margin-bottom:5px;display:block; width: 25px;transition:all 0.2s linear;}
.header .navbar .header-btn.header-btn-search .holder img{width: 20px;}
.header .navbar .header-btn.header-btn-logout{background:#6c0b14;border-bottom-color:#6c0b14;}
.header .navbar .header-btn.header-btn-logout:hover{background:#4D050C;border-bottom-color:#4D050C;}

.header .navbar .header-btn.header-btn-login .btn-menu-style{display:none;}

.header .navbar .header-btn .holder span{font-size:12px;color:#FFF;line-height: 12px;font-weight: bold;}
.header .navbar .header-btn:hover{background:#DD0012;border-bottom:1px solid #DD0012;}
.header .navbar .header-btn.on{border-bottom:1px solid #ed0013;background:#ed0013;}

.header .navbar.opened .header-btn{border-bottom:1px solid #FFF;}
.header .navbar.opened .header-btn.on{border-bottom:1px solid #ed0013;}

.header { box-shadow: 1px -1px 8px #D8D5D5;}
.header.scroll{ box-shadow: 1px -1px 10px #D8D5D5;}
.header.scroll .logo {padding: 14px 0px 6px 30px;}
.header.scroll .logo img{height: 0.85cm;}
.header.scroll .navbar .nav .item {padding: 16px 20px;height: auto;}
.header.scroll .navbar .nav .lang {padding: 16px 10px;}
.header.scroll .navbar .header-btn {width:61px;height:61px;}
.header.scroll .navbar .header-btn .holder span{line-height:10px;}
.header.scroll .navbar .header-btn .holder img{width:20px;}
.header.scroll .navbar .header-btn.header-btn-search .holder img {width: 18px;}
/*.header.scroll .navbar .nav .hasSub.product-menu .submenu{margin-top: -2px;}*/
.header.scroll .navbar .nav .lang.first {margin-left: 10px;}
.ie .header.scroll .navbar .nav .lang.en{padding-top:20px;}
.trident .header.scroll .navbar .nav .lang.en{padding-top:20px;}


.header .search{background:#ed0013;padding:20px 0;position: absolute;display:none;left:0;width:100%;    top: 100%;}
.header .search input[type="text"]{width:100%;height:50px;padding-right: 130px;padding-left:50px;font-size: 20px;line-height: 50px;}
.safari .header .search input[type="text"]{line-height:150%;}

.header .search input[type="text"]::-webkit-input-placeholder {color: #ED1C24;font-weight: bold;opacity: 1;}
.header .search input[type="text"]:-moz-placeholder { /* Firefox 18- */color: #ED1C24;font-weight: bold;  opacity: 1;}
.header .search input[type="text"]::-moz-placeholder {  /* Firefox 19+ */color: #ED1C24; font-weight: bold; opacity: 1;}
.header .search input[type="text"]:-ms-input-placeholder {  color: #ED1C24;font-weight: bold; opacity: 1; }


.header .search .search-icon{position: absolute; left: 38px;top: 14px;}
.header .search .btn{position: absolute;right:20px;top:0;border:none;border-left: 2px solid #ed0013;height:50px;padding:10px 30px;padding-top: 12px;background:#ed0013;color:#FFF !important;width: auto;min-width:0}

.header .login{background:#ed0013;position: absolute;right:0;width: 400px;display:none;top: 100%;}
.header .login .login-holder{padding:20px;text-align: right;}
.header .login .login-holder input[type="text"]{width:100%;margin-bottom:8px;vertical-align: middle;height:47px;line-height:28px;}
.header .login .login-holder input[type="password"]{width:70%;margin-right:2%;vertical-align: middle;height:47px;line-height:28px;}
.header .login .login-holder .btn{width:28%;vertical-align: middle;text-align: center;padding: 10px 0;background: #FFF;min-width:0;height: 47px;border-color: #FFF;}
.header .login .login-holder .btn:hover{color:#ED0013;}
.header .login .login-holder .forget-pw{display:inline-block;color:#FFF;margin-top:10px;}
.header .login .login-holder .login-error{text-align: left;margin-top: 10px;color: #FFF;display:none;}
.header .login .login-holder .login-error span{margin-left:0 !important;}
.header .login .activation{border-top:#c50716 1px solid;padding:20px 0;text-align: center;}
.header .login .activation a {color:#FFF;}
.header .login .activation a img{vertical-align: middle;margin-right:10px; width: 30px;}
.header .login .bottom-listed-items{border-top:#c50716 1px solid;padding:20px 0 20px 100px ;text-align: left;}
.header .login .bottom-listed-items a {color:#FFF;}
.header .login .bottom-listed-items a img{vertical-align: middle;margin-right:10px; width: 30px;}

.header .login .after-login{text-align: left;}
.header .login .after-login .username{color:#FFF;margin-bottom:20px;}
.header .login .after-login a{color:#FFF;display:block;margin-bottom:10px;}


.btn-nav{display:none;}

.btn-menu-style {display: block;width: 25px;height: 17px;position: relative;line-height:0;font-size:0;}
.btn-menu-style span {display:inline-block;width:100%;height:3px;background:#FFF;margin:7px 0;transition:all 0.2s linear;}
.btn-menu-style:before, .btn-menu-style:after {content:'';display:inline-block;width: 100%;height: 3px;background: #FFF;position: absolute;left:0;transition:all 0.2s linear;}
.btn-menu-style:before{top:0px;}
.btn-menu-style:after{top:14px;}

.opened .btn-menu-style span {opacity: 0;}
.opened .btn-menu-style:before{transform: rotateZ(-225deg);-webkit-transform: rotateZ(-225deg);top: 9px;}/*45*/
.opened .btn-menu-style:after{transform: rotateZ(225deg);-webkit-transform: rotateZ(225deg);top:9px;}


@media screen and (max-width: 1280px){
	.header {height: 60px;}
	.header .navbar .nav{margin-right: 20px;}
	.header .navbar .nav .item > a.on{color:#ed0013;}
	.header .navbar .nav .item > a {font-size:14px;}
	.header .navbar .nav .item > kanhanbypass > kanhanignore> a {font-size:14px;}
	.header .navbar .nav .lang.first{margin-left: 10px;}

	.header .logo{width:170px;padding: 14px 0px 11px 20px;padding-right:0;}
	.header .logo img{width:100%;height:auto;}
	.header .navbar .nav .item {padding: 16px 10px;height: 60px;}
	.header .navbar .nav .lang {padding: 19px 10px;}
	.ie .header .navbar .nav .lang.en{padding: 19px 10px;padding-top:21px;}
	.trident .header .navbar .nav .lang.en{padding: 19px 10px;padding-top:21px;}

	.header .navbar .header-btn {width:60px;height:60px;}	
	.header .navbar .header-btn .holder span{line-height:10px;}
	.header .navbar .header-btn .holder img{width:20px;}
	.header .navbar .header-btn.header-btn-search .holder img {width: 18px;}

	.header.scroll .logo {padding: 14px 0px 11px 20px;}
	.header.scroll .logo img{width:100%;height:auto;}
	.header.scroll .navbar .nav .item {padding: 16px 10px;height: 60px}
	.header.scroll .navbar .nav .lang {padding: 19px 10px;}
	.ie .header.scroll .navbar .nav .lang.en{padding: 19px 10px;padding-top:21px;}
	.trident .header.scroll .navbar .nav .lang.en{padding: 19px 10px;padding-top:21px;}
	.header.scroll .navbar .header-btn {width:60px;height:60px;}
	.header.scroll .navbar .header-btn .holder span{line-height:10px;}
	.header.scroll .navbar .header-btn .holder img{width:20px;}
	.header.scroll .navbar .header-btn.header-btn-search .holder img {width: 18px;}

}
@media screen and (max-width: 1024px){
	.header{height:auto}
	.header.on{position: relative;}

	.btn-nav{display:inline-block;background:#ed0013;padding: 24px 20px;vertical-align: middle;border-left: 1px solid #FFF;}

	.header .logo{width:170px;padding: 17px 0px 12px 15px;padding-right:0;}
	.header .logo img{width:100%;}

	.header .navbar .header-btn{display:none;width:65px;height:65px;}
	.header .navbar .header-btn.header-btn-login {display:inline-block;}
	.header .navbar .header-btn.header-btn-login.opened img{display:none;}
	.header .navbar .header-btn.header-btn-login.opened span{display:none;}
	.header .navbar .header-btn.header-btn-login.opened .btn-menu-style{display:inline-block;}
	.header .navbar .header-btn.header-btn-login.opened .btn-menu-style span{display:inline-block;}
	.header .navbar .header-btn.header-btn-logout{display:inline-block;}

	.header .navbar {position: static;color:#FFF;text-align: left;}
	.header .navbar .nav {position: absolute;top:65px;width:100%;left:0;background:#ed0013;height: 0;overflow: hidden;}

	.header .navbar .nav .item {width:100%;padding:0px;text-align: left;position: static;border-bottom: 1px solid #C50716;height:auto;}
	.header .navbar .nav .item:hover, .header .navbar .nav > a:hover {background:#DD0012;color: #FFF;}
	.header .navbar .nav .item > a.on{color:#ed0013;}
	.header .navbar .nav .item > a {font-size:20px;top:0;width:100%;padding: 20px;position: relative;padding-top:18px;padding-bottom:17px;}
	.header .navbar .nav .item > kanhanbypass > kanhanignore > a {font-size:20px;top:0;width:100%;padding: 20px;position: relative;padding-top:18px;}
	
	.header .navbar .nav .item.lang a{font-size:20px;top:0;width:100%;padding: 20px;position: relative;padding-top:18px;padding-bottom:17px;display:inline-block;}
	.header .navbar .nav .item.lang > kanhanbypass > kanhanignore > a{font-size:20px;top:0;width:100%;padding: 20px;position: relative;padding-top:18px;padding-bottom:17px;display:inline-block;}
	
	.header .navbar .nav .hasSub > a:after {border:5px solid transparent;border-left-color:#FFF;left:auto;bottom:auto; right:55px; top:50%;margin-top:-5px;margin-left:0;}
	.header .navbar .nav .hasSub:hover>a:after{border-top-color:transparent;}
	.header .navbar .nav .hasSub .submenu {top:0%;width:100%;z-index: 1}
	.header .navbar .nav .hasSub .submenu li:hover{background:#ed1c24;color:#FFF;}
	.header .navbar .nav .hasSub .submenu li.close{display:block;position: relative;}
	.header .navbar .nav .hasSub .submenu li.close:before{content:"";border:5px solid transparent;border-right-color:#FFF;top:50%;margin-top:-5px;left:20px;position: absolute;}
	.header .navbar .nav .hasSub .submenu li.close a{padding-left: 40px;}
	.header .navbar .nav .hasSub .submenu li.title{display:block;font-weight: bold;font-size:25px;padding: 20px;}
	.header .navbar .nav .hasSub .submenu li.title:hover{background:#ED0013;}
	.header .navbar .nav .hasSub .submenu li {font-size: 15px;}
	.header .navbar .nav .hasSub .submenu li.mob{display:block;}
	.header .navbar .nav .hasSub .submenu li a {padding:20px;}

	.header .navbar .nav .hasSub .submenu li.submenu-header .third-level:after{display:none;}
	.header .navbar .nav .hasSub .submenu li.submenu-header ul{display:block;}

	.header .navbar .nav .hasSub.product-menu .submenu li.close a{padding-left: 40px;}
	.header .navbar .nav .hasSub.product-menu .submenu .wrapper{padding: 0px;}
	.header .navbar .nav .hasSub.product-menu .submenu li{width:100%;border-bottom: 1px solid #DF0214;font-size:25px;}
	.header .navbar .nav .hasSub.product-menu .submenu li:hover{background: #ED1C24 none repeat scroll 0% }
	.header .navbar .nav .hasSub.product-menu .submenu li a{font-size: 15px;box-sizing:border-box;-webkit-box-sizing:border-box;padding:15px 20px;color:#FFF;}
	.header .navbar .nav .hasSub.product-menu .submenu .grid-sizer{width:100%;}
	.header .navbar .nav .hasSub.product-menu .submenu .gutter-sizer{width:0%;}

	.header .navbar .nav .login-container{display:none;}


	.header .navbar .nav .lang{width:auto;display:inline-block;border:none;margin-top:20px;}
	.header .navbar .nav .lang a{box-sizing:border-box;-webkit-box-sizing:border-box;}

	.header .navbar .nav .openac{display:block;}
	.header .navbar .nav .activation{display:block;}
	.header .navbar .nav .cyber-security{display:block;}

	.header .navbar .nav .search{background:#ed0013;padding:25px 0;display:block;}
	.header .navbar .nav .search:hover{background:#ed0013;}
	.header .navbar .nav .search input[type="text"]{height:45px;font-size:16px;padding-left:40px; line-height: 45px;padding-top: 9px;}
	.header .navbar .nav .search .search-icon{left: 34px;top: 14px;width: 16px;}
	.header .navbar .nav .search .btn{height:45px;padding: 7px 15px;padding-top: 9px;background:#ED0013;}

	.header .navbar .nav .login{font-size:14px;display:block;background:#ED0013;}

	.header .navbar .nav .login .login-holder {text-align: left;border-top: 1px solid #C50716;}
	.header .navbar .nav .login .login-holder input[type="text"] {height: 45px;}
	.header .navbar .nav .login .login-holder input[type="password"] {height: 45px;width:100%;margin-right:0;}
	.header .navbar .nav .login .login-holder .btn {height:45px;padding: 7px 15px;padding-top: 7px;font-size: 16px;width:27%;background: #FFF;position: absolute; right:0;top:0;border:none;border-left:8px solid #ED0013;width: 150px;}

	.header .navbar .nav .item:hover .login-holder .btn{border-left-color:#ED1C24;}

	.header .login .login-holder h3{font-size:20px;margin-bottom:10px;color:#FFF;}
	.header .login .login-holder h3 img{margin-right:10px;vertical-align: middle;}

	.header .navbar .nav .after-login{font-size:14px;display:block;background:#ED0013;}
	.header .navbar .nav .after-login .login-holder {padding: 20px;font-size:14px;display:block;background:#ED0013;}
	.header .navbar .nav .after-login .login-holder h3{font-size:20px;margin-bottom:0px;color:#FFF;}
	.header .navbar .nav .after-login .login-holder h3 img{margin-right:10px;vertical-align: middle;}

	.header .navbar .nav .with-icon img{margin-right:10px;vertical-align: middle;}

	.header.scroll .logo {padding: 17px 0px 12px 15px;}
	.header.scroll .navbar .nav .item {padding:0px;}
	.header.scroll .navbar .nav .lang {padding:0px;}
	.header.scroll .navbar .header-btn {width:65px;height:65px;}
}
@media screen and (max-width: 768px){
	.header .navbar .nav .item > a.on{color:#FFF;}
}
@media screen and (max-width: 640px){
	.header .navbar .nav .item > a.on{color:#FFF;}
}
@media screen and (max-width: 480px){
	.header .logo{width:130px;padding: 14px 0px 8px 10px;}
	.header .navbar .nav .item > a.on{color:#FFF;}
	.header .navbar .header-btn {width:51px;height:51px;}	
	.header .navbar .header-btn .holder img {width: 18px;}

	.safari .header .navbar .header-btn .holder img {margin-bottom: 0;}
	

	.btn-nav {padding:17px 15px;}

	.header .navbar .nav {top:51px;}

	.header .navbar .nav .search input[type="text"]{padding-right:0;}
	.header .navbar .nav .search .btn{display:none;}

	.header.scroll .logo {padding: 14px 0px 8px 10px;}
	.header.scroll .navbar .header-btn {width:51px;height:51px;}
	.header.scroll .navbar .header-btn .holder img {width:18px;}

	.btn-menu-style {width: 20px;height: 17px;}
	.btn-menu-style span {height:3px;margin:7px 0;}
	.btn-menu-style:before, .btn-menu-style:after {height: 3px;}
	.btn-menu-style:before{top:0px;}
	.btn-menu-style:after{top:14px;}
	.opened .btn-menu-style:before{top: 7px;}/*45*/
	.opened .btn-menu-style:after{top:7px;}
}

@media screen and (orientation:landscape) and (max-width: 480px),screen and (orientation:landscape) and (max-width: 640px){
}

.ie_8 .shk-mobile-left-menu { display: none; }

@media screen and (min-width: 481px) {
  .shk-mobile-left-menu { margin-top: 7px; };
}
@media screen and (max-width: 767px) {
  .bea-portal-book-primary-page .news-bar { display:none; }
  .bea-portal-book-primary-page > .shk-portal-layout-leftMenuPage .shk-portal-layout-container-1 { display: none; }
  table.shk-portal-display-table-1 { border-collapse: inherit; }
  .shk-portal-display-stockSearch-table #codeText1 { width: 50px !important; }
  .shk-portal-display-stockSearch-table select[name="sectorText"] { width: 50px !important; }
  .shk-portal-display-stockSearch-table select[name="consituentsText"] { width: 50px !important; }
  #stock1 { width: 80px; }
  #codeName { width: 150px; }
  select.shk-mobile-left-menu { width: 250px; margin-left: 3px; }
}
@media screen and (min-width: 768px) {
  .shk-mobile-left-menu { display: none; };
}
@media screen and (max-width: 1023px) {
  .bea-portal-book-primary-page > .shk-portal-layout-leftMenuPage .shk-portal-layout-container-1 { min-width: 100px; width: 100px !important; }
  #contactUsPage.bea-portal-book-primary-page .shk-portal-layout-contactUs .bea-portal-layout-placeholder-container { min-width: 100px; width: 100px !important; }
  #indicesLabel_1_content iframe, #indicesLabel_2_content iframe { max-width: 652px; }
  .shk-portal-body-container { width: auto; }
}

.shk-portal-display-table-1 .shk-portal-display-td-num { white-space: nowrap; }
#topTenMovers_1_2_async .shk-portal-display-table-5 .shk-portal-display-td-num { white-space: nowrap; }

body.ie_8 .bea-portal-body-content .header .navbar .nav .lang.first {top: -5px;}
body.ie_8 .bea-portal-body-content .header .navbar .nav .lang {top: -5px;}

body.trident_7 .bea-portal-body-content .header .navbar .nav .lang.first {top: 1px;}