@charset "UTF-8";
:root{
  --now-color-orange: #f8991d;
  --now-color-orange-rgb: rgb(248, 153, 29);
  --now-color-green: #419b27;
  --now-color-red: #f23d3d;
  --now-color-light-grey: #f2f2f2;
  --now-color-dark: rgb(33, 37, 41);
  --now-color-blue: #00539b;
  --now-color-blue-rgb: rgb(0, 83, 155);
  --now-font-size-sm: .825rem;
  --now-font-size-xs: .75rem;
  --now-font-size-xxs: .625rem;
  --now-container-space: 1.5rem;
}
.logo{
  background: url('../images/corp_logo_now.png') center / cover no-repeat;
  width: 107px;
  height: 40px;
}
.next-icon{
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23f8991d'%3E%3Cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
  display: inline-block;
    width: 1.25rem;
    height: 2rem;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 100% 100%;
    color: blue;
}
a {
  color: var(--now-color-dark);
  text-decoration: none;
}
a:hover{
  color: var(--now-color-orange) !important;
}
.small-title{
  /*font-size: var(--now-font-size-sm);*/
  font-weight: 500;
}
.container{
  max-width: 1140px;
}
/*right col*/
@media (min-width: 768px) {
  aside{
    max-width: 360px !important;
  }
}
.now-main{
  padding-top: 60px;
}
/*nav*/
.navbar .nav-item{
  font-weight: 700;
  margin-left: 15px;
}
.navbar .navbar-toggler{
  border: 0;
  padding: 0;
}
.navbar .navbar-toggler:focus{
  box-shadow: none;
}
.now-container{
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity));
  border-radius: var(--bs-border-radius);
  padding: 1rem;
  margin-bottom: var(--now-container-space);
}
.now-container .section-title{
  border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color);
  margin-bottom: 1rem;
  display: flex;
  justify-content: space-between;
}
.now-container .section-title a{
  display: flex;
  align-items: center;
}
.now-container .section-title img{
  height: 40px;
}
.now-container .section-title + div{
  padding: 0 1rem;
}
aside .now-container .section-title + div{
  padding: 0 .5rem;
}
@supports (-webkit-line-clamp: 2) {
  .now-content-list h6{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
.now-content-focus-label{
  background-color: var(--now-color-orange);
  padding: 1px 8px;
}
.now-content-focus small,
.now-content-list small{
  color: var(--bs-gray-500);
}
.now-content-focus img,
.now-content-list img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.now-content-list ul{
  list-style-type: none;
  margin-bottom: 0;
  padding-left: 0;
}
.now-content-list li {
  position: relative;
  padding-left: .625rem;
}
.now-content-list li:not(:last-child){
  margin-bottom: .5rem;
}
.now-content-list li:before {
  background-color: var(--now-color-orange);
  content: "|";
  color: var(--now-color-orange);
  font-size: 0;
  line-height: .875rem;
  position: absolute;
  left: 0;
  padding: .4px 2px;
  margin-top: 5px;
}
.now-content-focus h4{
  line-height: 2rem;
  margin-bottom: 0rem;
}
.now-content-list h6{
  line-height: 1.5rem;
  margin-bottom: 0rem;
}
.now-finance .now-content-list ul li::before {
  background-color: #1d84e4;
  color: #1d84e4;
}
.now-sports .now-content-list ul li::before {
  background-color: #170cc2;
  color: #170cc2;
}
.now-property .now-content-list ul li::before {
  background-color: #0cbcdc;
  color: #0cbcdc;
}
.now-technology .now-content-list ul li::before {
  background-color: #3b3b3b;
  color: #3b3b3b;
}
.now-entertainment .now-content-list ul li::before {
  background-color: #f01359;
  color: #f01359;
}
/*ad*/
.now-ad-container{
  font-size: var(--now-font-size-sm);
  color: var(--bs-gray-500);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  width: 100%;
  margin-bottom: var(--now-container-space);
}
.now-ad-container .ad-placeholder {
  align-items: center;
  background-color: rgba(0, 0, 0, 0.125);
  display: flex;
  justify-content: center;
}
.now-ad-container div[class^="ad-slot-body"] {
  width: 728px;
  height: 90px;
}
.now-ad-container div[class^="ad-slot-rightcol"] {
  width: 300px;
  height: 250px;
}
@media (max-width: 767px) {
	.now-ad-container div[class^="ad-slot-body"]{
		width: 300px !important;
		height: 250px;
	}
}
/*urgent news*/
.now-urgent{
  background-color: var(--now-color-blue);
  color: #fff;
  margin-bottom: var(--now-container-space);
  font-weight: 500 !important;
  min-height: 48px;
}
.now-urgent .carousel-control-prev,
.now-urgent .carousel-control-next{
  width: auto;
}
.now-urgent .carousel-control-next-icon, 
.now-urgent .carousel-control-prev-icon{
  width: 1.25rem;
}
/*trend news*/
.now-trend .btn{
  background-color: var(--now-color-orange);
}
/*weather*/
.now-weather .date{
  font-size: var(--now-font-size-sm);
}
.now-weather .temperature{
  font-size: 3.5rem;
  line-height: 5rem;
}
.now-weather .hko{
  font-size: var(--now-font-size-xxs);
}
.now-weather .warningsImg{
  min-height: 20px;
}
.now-weather .warningsImg img{
  height: 20px;
}
.now-weather .iconImg img{
  max-height: 80px;
}
/*app*/
.now-app .col>img{
  width: 100px;
}
img#app-nowplayer{
  -webkit-border-radius: 24%;
  border-radius: 24%;
} 
/*index*/
.now-index{
  font-size: var(--now-font-size-sm);
}
.now-index .idxStatus,
.now-index .idxVolumn span{
  color: var(--now-color-orange);
}
.now-index .icup {
  background: url(../images/ic_up_bluebg.png) no-repeat 90% 50%;
}
.now-index .icupColor {
  color: var(--now-color-green)
}
.now-index .icdown {
  background: url(../images/ic_down_bluebg.png) no-repeat 90% 50%;
}
.now-index .icdownColor {
  color: var(--now-color-red);
}
.now-index .index-btn {
  position: absolute;
  right: 0px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  height: 30px;
}
.now-index .index-input{
  font-size: var(--now-font-size-xs);
  height: 32px;
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
  border: 1px solid var(--bs-border-color);
  outline: none;
}
.now-index .idx_counter {
  width: 18px;
  height: 18px;
}
.now-index .idx_counter .c1 {
  stroke: var(--now-color-orange);
  fill: none;
  stroke-width: 4px;
}
.now-index .idx_counter .c2 {
  fill: none;
  stroke: #fff;
  stroke-width: 5px;
  stroke-dasharray: 31.4;
  stroke-dashoffset: 0;
  transform: rotate(-90deg);
  transform-origin: center;
}
@keyframes clock-animation {
  0% {
    stroke-dashoffset: 31.4;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
/*stock search*/
.ui-widget {
  border-radius: var(--now-border-radius);
  width: 250px !important;
  list-style-type: none;
  padding-left: 1rem;
  padding-right: 1rem;
}
.ui-widget .ui-menu-item{
  border-bottom: 1px solid var(--bs-border-color);
  padding: .25rem 0 .25rem 0;
  cursor: pointer;
}
.ui-widget.ui-widget-content {
  background-color: var(--now-color-light-grey);
  font-size: var(--now-font-size-xs);
  color: var(--now-color-dark);
  border: 0;
}
.ui-widget.ui-widget-content .ui-state-active,
.ui-widget.ui-widget-content .ui-state-active:hover {
  border: 1px solid var(--now-color-light-grey);
  background-color: var(--now-color-light-grey);
  color: var(--now-color-dark);
}
.ui-autocomplete {
  max-height: 200px;
  overflow-y: auto;
  overflow-x: hidden;
}
/*sitemap*/
.now-sitemap a{
  color: var(--bs-dark-text-emphasis);
  font-size: var(--now-font-size-sm);
}
.now-sitemap h5 a {
  color: #fff;
  font-size: inherit;
  margin-right: 0;
}
/* app */
.appstore-icon{
  background: url('../images/app_light_iOS_2x.png') center / cover no-repeat;
  width: 80px;
  height: 21px;
}
.playstore-icon{
  background: url('../images/app_light_android_2x.png') center / cover no-repeat;
  width: 80px;
  height: 23px;
}
/*footer*/
footer{
  background-color: var(--now-color-light-grey);
}
/*.now-product .row>*{
  flex:0 0 auto;width:9.090909%
}*/
.now-footer{
  line-height: 35px;
  font-size: var(--now-font-size-sm);
}
.now-footer a{
  color: var(--now-color-dark);
  margin-right: 1rem;
}