@charset "UTF-8";

@font-face {
    font-family: 'Visby CF';
    font-style : normal;
    font-weight: 400;
    src        : url('https://media.asiaone.com/fonts/VisbyCF-Medium.woff') format('woff'),
      url("https://media.asiaone.com/fonts/VisbyCF-Medium.otf") format("opentype");
  }
  
  @font-face {
    font-family: 'Visby CF';
    font-style : normal;
    font-weight: bold;
    src        : url('https://media.asiaone.com/fonts/VisbyCF-Bold.woff') format('woff'),
      url("https://media.asiaone.com/fonts/VisbyCF-Bold.otf") format("opentype");
  }
  


/* CSS Document */
body{font-family: "Visby CF", sans-serif;}
.center {text-align: center;}
.clear_lft{clear:left;}
.clear_rig{clear:right;}
.clear_both{clear:both;}
.container a {
    color: #fff;
    outline: medium none;
    text-decoration: none;
}

.container a:hover {
    color: #faf7a3;
    text-decoration: none;
}


.dailyscope { 
    /* background: url(/assets/images/horoscope/bg1_09.jpg) repeat-y;  */
    background-color: #000;
    display: block;
    overflow: hidden;
    width: 100%;
	margin-bottom: 50px;

 }
.scroll {
    padding: 10px 0;
}

#top-box { text-align: center;}
.dailyscope-box { 
/* background-image: url(/assets/images/horoscope/bg1_05.jpg);  */
background-size:     cover;                      
background-repeat:   no-repeat;
background-position: top center;  padding-top: 20px; }


div#date { margin: 0 auto 10px auto; color:#fff; 
    font-family: "Visby CF", sans-serif;
    text-align: center; 
    font-weight: normal; font-size: 1.3em; padding-right: 0 !important; padding-left: 0 !important;}
div#date div {vertical-align: top;}
div#date strong { color: #D49E45;
    font-size: 16px;
    font-weight: bold; }



table#date {
    color: #fff;
    font-family: 'Visby CF';
    font-size: 24px; 
    font-weight: normal;
    margin: 20px auto;
    text-align: center;
    border-top:1px solid #7D5714;
    border-bottom:1px solid #7D5714;
    width: 90%;
}
table#date td {
    vertical-align: top;
    border-bottom: 1px solid #7D5714;
    padding: 8px 0 12px;
}
table#date strong {
    color: #D49E45;
    font-size: 16px;
    font-weight: bold;
}

@media (max-width: 640px) {
table#date {
    font-size: 14px;
}
}
@media (max-width: 450px) {
table#date {
    font-size: 10px;
}
}


#dailyhoroscope-container {
    border-radius: 20px;
}
#dailyhoroscope-container ul, #dailyhoroscope-container ul li {
  text-align: left;
  list-style: none;
}


#dailyhoroscope-container ul#dailyscope li {
    border-bottom: 1px solid #7D5714;
    height: auto;
    margin: 0;
    overflow: hidden;
    padding: 20px 0;
    }
#dailyhoroscope-container ul#dailyscope li svg {width: 100%;}
#dailyhoroscope-container ul#dailyscope li div p {
    color:#fff;
    display: block;
    overflow: hidden;
    font-size: 16px;
    
}
#dailyhoroscope-container ul#dailyscope li div p a {
color:#fff;
text-decoration: none;
}
#dailyhoroscope-container ul#dailyscope li div p a:hover {
color: #B58430;
text-decoration: none;
}
#dailyhoroscope-container ul#dailyscope li small.rankingno {
color:#B58430; 
font-weight: normal;
font-style: italic; font-size: 10px;
font-family: "Visby CF", sans-serif;
}
#dailyhoroscope-container ul#dailyscope li strong {
color:#B58430; 
font-weight: bold;
font-size: 14px;
font-family: "Visby CF", sans-serif;
}

#dailyhoroscope-container ul#dailyscope li small {
font-size: 14px;
}
#dailyhoroscope-container ul#dailyscope li {
  clear: both;
  
}
#dailyhoroscope-container ul#dailyscope li img.rank {
float: left;
margin-right: 0;

}
#dailyhoroscope-container ul#dailyscope li img.star, #dailyhoroscope-container ul#dailyscope li img.color, #dailyhoroscope-container ul#dailyscope li img.flag{
position: relative; 
}
#dailyhoroscope-container ul#dailyscope li span.clrcode {
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
font-size: 8px;

}
#dailyhoroscope-container ul#dailyscope li img.sign {
float: left;
margin-right: 20px;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=95);
-moz-opacity:0.95;
opacity: 0.95;
}

#dailyhoroscope-container ul#dailyscope li img.sign:hover {
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}
#dailyhoroscope-container ul#dailyscope li div p span {
font-family: "Visby CF", sans-serif;
color: #fff;
font-size: 13px; 
}
#dailyhoroscope-container ul#dailyscope li div small {color:#fff; font-size:16px;}
#dailyhoroscope-container ul#dailyscope li div span, #dailyhoroscope-container ul#dailyscope li div div span {
font-family: "Visby CF", sans-serif;
color: #fff;
font-size: 13px; 
}
#dailyhoroscope-container ul#dailyscope li div div { }
#dailyhoroscope-container ul#eachsign { padding: 0 30px; display: block;
  overflow: hidden; }
#dailyhoroscope-container ul#eachsign li {
float: left;
    background-color: #0e0041;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px; border:3px solid #221252;
    margin: 0 0 0 10px !important;
    padding: 7px;
    text-align: center;
    margin-bottom: 20px;
    

}

#dailyhoroscope-container ul#eachsign li img.sign {

	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=75);
-moz-opacity:0.75;
opacity: 0.75;

}

#dailyhoroscope-container ul#eachsign li img.sign:hover {
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

#dailyhoroscope-container ul#dailyscope li img.kma {
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);
-moz-opacity:0.9;
opacity: 0.9;
}

#dailyhoroscope-container ul#dailyscope li img.kma:hover {
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}



dl#date dt { text-indent: -9999px; height: 0px; }

span.prev {
    background-position: 0 0;
    height: 32px;
    margin: 0 auto;
    width: 125px;
    
}
span.prev:hover {
    background-position: 0 -31px;
    height: 32px;
    margin: 0 auto;
    width: 125px;
}
span.prev {
    background: url("../images/day_06.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    cursor: pointer;
    display: block;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
    text-indent: -9999px;
}
span.next {
    background-position: 0 0;
    height: 32px;
    margin: 0 auto;
    width: 125px;
    
}
span.next:hover {
    background-position: 0 -32px;
    height: 32px;
    margin: 0 auto;
    width: 125px;
}
span.next {
    background: url("../images/day_08.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    cursor: pointer;
    display: block;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
    text-indent: -9999px;
}

span.today {
    background-position: 0 0;
    height: 32px;
    margin: 0 auto;
    width: 125px;
    
}
span.today:hover {
    background-position: 0 -31px;
    height: 32px;
    margin: 0 auto;
    width: 125px;
}
span.today {
    background: url("../images/day_15.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    cursor: pointer;
    display: block;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
    text-indent: -9999px;
}



span.tmtoday {
    background-position: 0 0;
    height: 32px;
    margin: 0 auto;
    width: 125px;
    
}
span.tmtoday:hover {
    background-position: 0 -31px;
    height: 32px;
    margin: 0 auto;
    width: 125px;
}
span.tmtoday {
    background: url("../images/day_11.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    cursor: pointer;
    display: block;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
    text-indent: -9999px;
}
span.yetoday {
    background-position: 0 0;
    height: 32px;
    margin: 0 auto;
    width: 125px;
    
}
span.yetoday:hover {
    background-position: 0 -31px;
    height: 32px;
    margin: 0 auto;
    width: 125px;
}
span.yetoday {
    background: url("../images/day_13.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    cursor: pointer;
    display: block;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
    text-indent: -9999px;
}
span.yetm { font-size: 16px; font-weight: bold;text-transform:uppercase;}

#dailyhoroscope-container ul li div p span.more {
    background-position: 0 0;
    height: 31px;
    margin: 0 auto;
    width: 60px;
}
#dailyhoroscope-container ul li div p span.more:hover {
    background-position: 0 -31px;
    height: 31px;
    margin: 0 auto;
    width: 60px;
}
#dailyhoroscope-container ul li div p span.more {
    background: url("../images/more.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    cursor: pointer;
    display: block;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
    text-indent: -9999px;
}
li#birthday {color: #fff;}
#birthdate {

background-image:  url("../images/birthday_03.jpg") ;
background-repeat: no-repeat;
    min-height:200px;
    background-position: center 10px; 
    text-align: center;
    font-family: "Visby CF", sans-serif;

height: 100px;
}
div#birthdate span#bmth {position: relative !important; top: 50px !important; color:#fff !important;}
div#birthdate span#bday {position: relative !important; top: 25px !important; font-size:55px !important; color:#fff !important;}
img.cbd {border: 5px solid rgba(0, 0, 0, 0.2)}


/* New from cj 10oct2023 */

.rank {width: 5%;float: left;}
.horoscope_ico{width: 15%;float: left;padding: 0 1%;}
.star_rating{width: 80%; float: left;padding: 0 1%}
.msg{width: 115px;display: inline-flex;flex-direction: row;}
.msg01{width: 90px;font-size:13px;display: inline-flex;flex-direction: row;color:#fff;}
.zo_h2{font-size: 24px;line-height: 2em;font-weight: 700;color: #B58430;text-transform: capitalize;}
.sign_ico{width:16%;display: inline-block;}
.lucky_color span, #todaymsg p{font-size: 16px;}
.flower_ico{width:100%; max-width:100px;}
hr.date_underline{width:22%; height:0; border-top:1px solid #7D5714;margin:0 auto 20px;}
#star-left{width: 25%;float: left;}
#todaymsg{width: 75%;float: left;padding:0 20px;}
.mt{margin-top:50px;}
.month-box{margin-top:50px;padding-top:20px}
.zodiac_breadcrumb {padding: 0;margin: 0;font-weight: bold;text-transform: uppercase;font-size: 14px;color: #B58430;}
.zodiac_breadcrumb a:hover{color:#B58430; cursor: pointer; text-decoration: underline;}
.header-container {display: flex;flex-direction: column;align-items: center;}
.header-container .header {display: flex;align-items: center;}
.header-container .header h1 {margin: 0;}
.header-container .header img {margin:5px;}
.header-container .subheader {text-align:center; font-size: 16px;}

@media (max-width:820px) {
    .msg01{width:80px;} 
}

@media (max-width:575.95px) {
.contentBox {margin-top: 5px;}
.rank {width: 15%;float:none;margin: 0 auto;}
.horoscope_ico{width: 30%; display: flex;flex-direction:column;}
.star_rating{width: 70%; float: left;padding: 0 1%}
.star_rank {width: 40px;}
.msg {width: 95px;}
hr.date_underline{width:55%;margin:0 auto}
.zo_h2 {font-size: 16px;display: block;text-transform: uppercase;margin-top: 15px;line-height: 2em;}
#star h1{font-size:35px;}
#star h5, #todaymsg p, .msg{font-size: 14px;}
#star{padding: 0;}
#star-left{width: 30%;}
#todaymsg{width: 70%; padding: 0 0 0 10px;}
#star-left svg{width:100%;height: auto;}
.mt{margin-top:5px;}
.month-box{margin-top:0px;padding-top:10px;}
.month-box strong{font-size: 20px;}
.pulse{padding:0;}
.sign_ico {width: 20%;}
.month-box{height:unset;}
}