/* global style*/ 
* { 
     margin: 0; 
     padding: 0; 
     /*this style for form elements*/
     font-family:Verdana, 宋体, Arial;
     font-size: 12px;
}

body{font-size:12px; font-family:Verdana, 宋体, Arial; text-align:center; /*background:#c8c8c8; */background:#eeeeee; color:#000}

h1, h2, h3{font-size:12px}

a img{border:0px}

div.body img[border]{border:1px solid #ccc}

div.free-html img[border]{border:1px solid #ccc}

hr{height:1px}

a{text-decoration:none; color:#000; font-size:12px}

p a:hover { text-decoration:none; color:#666}

ul { list-style-type:none; margin:0; padding:0}

.float-break{ height:1%; /* Fix for IE */}

.float-break:after /* Terminate floating elements flow */{content:"-"; height:0; font-size:0; visibility:hidden; display:block; clear:both}

.clear { clear:both}

.user-container { border-left:60px solid #000; border-right:60px solid #000}

#container{text-align:left; width:980px; margin:0 auto}

body.body-black{background:#000;}

#container .html-row
{
	padding:20px;
	font-size:18px;
}
#container .html-row a
{
	font-size: 18px;
}

/* add by zengrong start */

#wrapper{ padding:0; margin:0 ;border-left:solid 1px #d1d1d1;border-right:solid 1px #d1d1d1;}

#wrapper .content-container{float:left; width:677px; overflow:hidden; padding:0; margin:0; background:#fff;/*border-left:solid 1px #d1d1d1;*/}

/* For menu style */
#site-logo a { display:block; width:222px; height:91px}

.home-logo { background:url(../../images/horoscope/common/home_logo.gif)}

.fashion-logo { background:url(../../images/horoscope/common/fashion_logo.gif)}

.beauty-logo { background:url(../../images/horoscope/common/beauty_logo.gif)}

.life-logo { background:url(../../images/horoscope/common/life_logo.gif)}

.health-logo { background:url(../../images/horoscope/common/health_logo.gif)}

.love-logo { background:url(../../images/horoscope/common/love_logo.gif)}

.astrology-logo { background:url(../../images/horoscope/common/astrology_logo.gif)}

.brand-logo { background:url(../../images/horoscope/common/brand_logo.gif)}

.celeb-logo { background:url(../../images/horoscope/common/celeb_logo.gif)}

.collection-logo { background:url(../../images/horoscope/common/collection_logo.gif)}

.magazine-logo { background:url(../../images/horoscope/common/magazine_logo.gif)}

.elletv-logo { background:url(../../images/horoscope/common/elletv_logo.gif)}

.club-logo { background:url(../../images/horoscope/common/club_logo.gif)}

#menu .menu-home a:hover, #menu .menu-home a.current,#menu .menu-home a.current-hover { background:#000}

#menu .menu-fashion:hover, #menu .menu-fashion a.current,#menu .menu-fashion a.current-hover { background:#000}

#menu .menu-beauty a:hover, #menu .menu-beauty a.current ,#menu .menu-beauty a.current-hover{ background:#e50083}

#menu .menu-life a:hover, #menu .menu-life a.current,#menu .menu-life a.current-hover { background:#10579e}

#menu .menu-health a:hover, #menu .menu-health a.current,#menu .menu-health a.current-hover { background:#658f3f}

#menu .menu-love a:hover, #menu .menu-love a.current,#menu .menu-love a.current-hover { background:#d88ac6}

#menu .menu-astrology a:hover, #menu .menu-astrology a.current,#menu .menu-astrology a.current-hover { background:#008ee6}

#menu .menu-brand a:hover, #menu .menu-brand a.current,#menu .menu-brand a.current-hover { background:#ccb176}

#menu .menu-celeb a:hover, #menu .menu-celeb a.current,#menu .menu-celeb a.current-hover { background:#b2001a}

#menu .menu-collection a:hover, #menu .menu-collection a.current,#menu .menu-collection a.current-hover { background:#555555}

#menu .menu-magazine a:hover, #menu .menu-magazine a.current,#menu .menu-magazine a.current-hover { background:#ffb83b}

#menu .menu-elletv a:hover, #menu .menu-elletv a.current,#menu .menu-elletv a.current-hover { background:url(../../images/horoscope/common/bg_menu_elletv_current.gif) no-repeat}

#menu .menu-club a:hover, #menu .menu-club a.current,#menu .menu-club a.current-hover { background:#6f3d63;color:#fff;}

#menu .menu-bbs a:hover, #menu .menu-bbs a.current ,#menu .menu-bbs a.current{ background:#000000}

#menu .menu-blog a:hover, #menu .menu-blog a.current,#menu .menu-blog a.current { background:#d2001e}

#menu div#menu-bottom-block .sub-fashion div.channel-name { border:1px solid #000}

#menu div#menu-bottom-block .sub-beauty div.channel-name { border:1px solid #e50083}

#menu div#menu-bottom-block .sub-life div.channel-name { border:1px solid #10579e}

#menu div#menu-bottom-block .sub-health div.channel-name { border:1px solid #658f3f}

#menu div#menu-bottom-block .sub-love div.channel-name { border:1px solid #d88ac6}

#menu div#menu-bottom-block .sub-astrology div.channel-name { border:1px solid #008ee6}

#menu div#menu-bottom-block .sub-brand div.channel-name { border:1px solid #ccb176}

#menu div#menu-bottom-block .sub-celeb div.channel-name { border:1px solid #b2001a}

#menu div#menu-bottom-block .sub-collection div.channel-name { border:1px solid #555555}

#menu div#menu-bottom-block .sub-magazine div.channel-name { border:1px solid #ffb83b}

#menu div#menu-bottom-block .sub-elletv div.channel-name { border:1px solid #000}

#menu div#menu-bottom-block .sub-club div.channel-name { border:1px solid #6f3d63}

#menu div#menu-bottom-block .sub-bbs div.channel-name { border:1px solid #000}

#menu div#menu-bottom-block .sub-blog div.channel-name { border:1px solid #d2001e}

#menu div#menu-bottom-block .sub-fashion, #menu div#menu-bottom-block .sub-fashion a { color:#000}

#menu div#menu-bottom-block .sub-beauty,  #menu div#menu-bottom-block .sub-beauty a { color:#e50083}

#menu div#menu-bottom-block .sub-life, #menu div#menu-bottom-block .sub-life a { color:#10579e}

#menu div#menu-bottom-block .sub-health, #menu div#menu-bottom-block .sub-health a { color:#658f3f}

#menu div#menu-bottom-block .sub-love, #menu div#menu-bottom-block .sub-love a { color:#d88ac6}

#menu div#menu-bottom-block .sub-astrology, #menu div#menu-bottom-block .sub-astrology a { color:#008ee6}

#menu div#menu-bottom-block .sub-brand, #menu div#menu-bottom-block .sub-brand a { color:#ccb176}

#menu div#menu-bottom-block .sub-celeb, #menu div#menu-bottom-block .sub-celeb a { color:#b2001a}

#menu div#menu-bottom-block .sub-collection, #menu div#menu-bottom-block .sub-collection a { color:#555555}

#menu div#menu-bottom-block .sub-magazine, #menu div#menu-bottom-block .sub-magazine a { color:#ffb83b}

#menu div#menu-bottom-block .sub-elletv, #menu div#menu-bottom-block .sub-elletv a { color:#000}

#menu div#menu-bottom-block .sub-club, #menu div#menu-bottom-block .sub-club a { color:#6f3d63}

#menu div#menu-bottom-block .sub-bbs, #menu div#menu-bottom-block .sub-bbs a { color:#000}

#menu div#menu-bottom-block .sub-blog, #menu div#menu-bottom-block .sub-blog a { color:#d2001e}

#menu div#menu-bottom-block .sub-fashion li { background:url(../../images/horoscope/common/bg_sub_menu_li_fashion.gif) right 6px no-repeat}

#menu div#menu-bottom-block .sub-beauty li { background:url(../../images/horoscope/common/bg_sub_menu_li_beauty.gif) right 6px no-repeat}

#menu div#menu-bottom-block .sub-life li { background:url(../../images/horoscope/common/bg_sub_menu_li_life.gif) right 6px no-repeat}

#menu div#menu-bottom-block .sub-health li { background:url(../../images/horoscope/common/bg_sub_menu_li_health.gif) right 6px no-repeat}

#menu div#menu-bottom-block .sub-love li { background:url(../../images/horoscope/common/bg_sub_menu_li_love.gif) right 6px no-repeat}

#menu div#menu-bottom-block .sub-astrology li { background:url(../../images/horoscope/common/bg_sub_menu_li_astrology.gif) right 6px no-repeat}

#menu div#menu-bottom-block .sub-celeb li { background:url(../../images/horoscope/common/bg_sub_menu_li_celeb.gif) right 6px no-repeat}

#menu div#menu-bottom-block .sub-collection li { background:url(../../images/horoscope/common/bg_sub_menu_li_collection.gif) right 6px no-repeat}

#menu div#menu-bottom-block .sub-magazine li { background:url(../../images/horoscope/common/bg_sub_menu_li_magazine.gif) right 6px no-repeat}

#menu div#menu-bottom-block .sub-elletv li { background:url(../../images/horoscope/common/bg_sub_menu_li_elletv.gif) right 6px no-repeat}

#menu div#menu-bottom-block .sub-club li { background:url(../../images/horoscope/common/bg_sub_menu_li_club.gif) right 6px no-repeat}

#menu div#menu-bottom-block .sub-fashion a.current, #menu div#menu-bottom-block .sub-fashion a:hover { background:url(../../images/horoscope/common/bg_sub_menu_a_fashion.gif) center bottom no-repeat;}

#menu div#menu-bottom-block .sub-beauty a.current,  #menu div#menu-bottom-block .sub-beauty a:hover { background:url(../../images/horoscope/common/bg_sub_menu_a_beauty.gif) center bottom no-repeat;}

#menu div#menu-bottom-block .sub-life a.current, #menu div#menu-bottom-block .sub-life a:hover { background:url(../../images/horoscope/common/bg_sub_menu_a_life.gif) center bottom no-repeat;}

#menu div#menu-bottom-block .sub-health a.current, #menu div#menu-bottom-block .sub-health a:hover { background:url(../../images/horoscope/common/bg_sub_menu_a_health.gif) center bottom no-repeat;}

#menu div#menu-bottom-block .sub-love a.current, #menu div#menu-bottom-block .sub-love a:hover { background:url(../../images/horoscope/common/bg_sub_menu_a_love.gif) center bottom no-repeat;}

#menu div#menu-bottom-block .sub-astrology a.current, #menu div#menu-bottom-block .sub-astrology a:hover { background:url(../../images/horoscope/common/bg_sub_menu_a_astrology.gif) center bottom no-repeat;}

#menu div#menu-bottom-block .sub-celeb a.current, #menu div#menu-bottom-block .sub-celeb a:hover { background:url(../../images/horoscope/common/bg_sub_menu_a_celeb.gif) center bottom no-repeat;}

#menu div#menu-bottom-block .sub-collection a.current, #menu div#menu-bottom-block .sub-collection a:hover { background:url(../../images/horoscope/common/bg_sub_menu_a_collection.gif) center bottom no-repeat;}

#menu div#menu-bottom-block .sub-magazine a.current, #menu div#menu-bottom-block .sub-magazine a:hover { background:url(../../images/horoscope/common/bg_sub_menu_a_magazine.gif) center bottom no-repeat;}

#menu div#menu-bottom-block .sub-elletv a.current, #menu div#menu-bottom-block .sub-elletv a:hover { background:url(../../images/horoscope/common/bg_sub_menu_a_elletv.gif) center bottom no-repeat;}

#menu div#menu-bottom-block .sub-club a.current, #menu div#menu-bottom-block .sub-club a:hover { background:url(../../images/horoscope/common/bg_sub_menu_a_club.gif) center bottom no-repeat;}

/* for content navi */
body.fashion-body div.content-navi a { border:1px solid #000}
body.fashion-body div.content-navi, body.fashion-body div.content-navi a { color:#000}
body.fashion-body div.content-navi a:hover { background:#000}

body.beauty-body div.content-navi a { border:1px solid #e50083}
body.beauty-body div.content-navi, body.beauty-body div.content-navi a { color:#e50083}
body.beauty-body div.content-navi a:hover { background:#e50083}

body.life-body div.content-navi a { border:1px solid #10579e}
body.life-body div.content-navi, body.life-body div.content-navi a { color:#10579e}
body.life-body div.content-navi a:hover { background:#10579e}

body.health-body div.content-navi a { border:1px solid #658f3f}
body.health-body div.content-navi, body.health-body div.content-navi a { color:#658f3f}
body.health-body div.content-navi a:hover { background:#658f3f}

body.love-body div.content-navi a { border:1px solid #d88ac6}
body.love-body div.content-navi, body.love-body div.content-navi a { color:#d88ac6}
body.love-body div.content-navi a:hover { background:#d88ac6}

body.astrology-body div.content-navi a { border:1px solid #339999}
body.astrology-body div.content-navi, body.astrology-body div.content-navi a { color:#339999}
body.astrology-body div.content-navi a:hover { background:#339999}

body.brand-body div.content-navi a { border:1px solid #ccb176}
body.brand-body div.content-navi, body.brand-body div.content-navi a { color:#ccb176}
body.brand-body div.content-navi a:hover { background:#ccb176}

body.celeb-body div.content-navi a { border:1px solid #b2001a}
body.celeb-body div.content-navi, body.celeb-body div.content-navi a { color:#b2001a}
body.celeb-body div.content-navi a:hover { background:#b2001a}

body.collection-body div.content-navi a { border:1px solid #555}
body.collection-body div.content-navi, body.collection-body div.content-navi a { color:#555}
body.collection-body div.content-navi a:hover { background:#555}

body.magazine-body div.content-navi a { border:1px solid #ffb83b}
body.magazine-body div.content-navi, body.magazine-body div.content-navi a { color:#ffb83b}
body.magazine-body div.content-navi a:hover { background:#ffb83b}

body.club-body div.content-navi a { border:1px solid #6f3d63}
body.club-body div.content-navi, body.club-body div.content-navi a { color:#6f3d63}
body.club-body div.content-navi a:hover { background:#6f3d63}

/* for channel kv arrow */
body.fashion-body div.channel-top li span.arrow { background:url(../../images/horoscope/channelhome/fashion_arrow_bg.png) no-repeat top left}

body.beauty-body div.channel-top li span.arrow { background:url(../../images/horoscope/channelhome/beauty_arrow_bg.png) no-repeat top left}

body.life-body div.channel-top li span.arrow { background:url(../../images/horoscope/channelhome/life_arrow_bg.png) no-repeat top left}

body.health-body div.channel-top li span.arrow { background:url(../../images/horoscope/channelhome/health_arrow_bg.png) no-repeat top left}

body.love-body div.channel-top li span.arrow { background:url(../../images/horoscope/channelhome/love_arrow_bg.png) no-repeat top left}

body.astrology-body div.channel-top li span.arrow { background:url(../../images/horoscope/channelhome/astrology_arrow_bg.png) no-repeat top left}

body.brand-body div.channel-top li span.arrow { background:url(../../images/horoscope/channelhome/brand_arrow_bg.png) no-repeat top left}

body.celeb-body div.channel-top li span.arrow { background:url(../../images/horoscope/channelhome/celeb_arrow_bg.png) no-repeat top left}

body.collection-body div.channel-top li span.arrow { background:url(../../images/horoscope/channelhome/collection_arrow_bg.png) no-repeat top left}

body.magazine-body div.channel-top li span.arrow { background:url(../../images/horoscope/channelhome/magazine_arrow_bg.png) no-repeat top left}

body.club-body div.channel-top li span.arrow { background:url(../../images/horoscope/channelhome/club_arrow_bg.png) no-repeat top left}

/* LEFTCOL  */
#leftcol{ float:left; width:180px; padding:0; margin:0}

/* RIGHTCOL  */
#rightcol{ border-left:1px #d1d1d1 solid;float:right; width:300px;overflow:hidden;padding:0;margin:0;}

/*slide style*/ 
.slide-prev, .slide-next { display:block; width:15px; height:60px; cursor:pointer}
.slide-prev { float:left; background:url(../../images/horoscope/global/slide_btn_prev.png) no-repeat}
.slide-next { float:right; background:url(../../images/horoscope/global/slide_btn_next.png) no-repeat}
.slide-prev span, .slide-next span { display:none}

.bglight { background:#fff}
.bgdark { background:#f3f3f3}
.no-answer { color:#999}

/* for channel home */
div.home-container .spec { font-weight:bold}
div.home-container .more { text-decoration:underline}

body.fashion-body div.home-container .spec,
body.fashion-body div.home-container .more,
body.fashion-body div.home-container .more:hover { color:#000}

body.beauty-body div.home-container .spec,
body.beauty-body div.home-container .more,
body.beauty-body div.home-container .more:hover { color:#e50083}

body.life-body div.home-container .spec,
body.life-body div.home-container .more,
body.life-body div.home-container .more:hover { color:#10579e}

body.health-body div.home-container .spec,
body.health-body div.home-container .more, 
body.health-body div.home-container .more:hover { color:#658f3f}

body.love-body div.home-container .spec,
body.love-body div.home-container .more, 
body.love-body div.home-container .more:hover { color:#d88ac6}

body.astrology-body div.home-container .spec,
body.astrology-body div.home-container .more, 
body.astrology-body div.home-container .more:hover { color:#008ee6}

body.brand-body div.home-container .spec,
body.brand-body div.home-container .more, 
body.brand-body div.home-container .more:hover { color:#ccb176}

body.celeb-body div.home-container .spec,
body.celeb-body div.home-container .more,
body.celeb-body div.home-container .more:hover { color:#b2001a}

body.collection-body div.home-container .spec,
body.collection-body div.home-container .more,
body.collection-body div.home-container .more:hover { color:#555}

body.magazine-body div.home-container .spec,
body.magazine-body div.home-container .more,
body.magazine-body div.home-container .more:hover { color:#ffb83b}

body.club-body div.home-container .spec,
body.club-body div.home-container .more,
body.club-body div.home-container .more:hover { color:#6f3d63}

body.health-body #q-a-category div.category-content .category-type,
body.health-body #q-a-hot-top div.tab-content li span,
body.health-body #q-a-hot-top div.tab-content li span a { color:#658f3f}

body.club-body #q-a-category div.category-content .category-type,
body.club-body #q-a-hot-top div.tab-content li span,
body.club-body #q-a-hot-top div.tab-content li span a { color:#6f3d63}

body.health-body div.expert-search-fields div.expert-search-content { background:url(../../images/horoscope/global/expert_search_content_bg_health.png) repeat-x}

body.club-body div.expert-search-fields div.expert-search-content { background:url(../../images/horoscope/global/expert_search_content_bg_club.png) repeat-x}
body.club-body div.expert-search-fields, body.club-body div.expert-search-fields div.expert-search-content { border:1px solid #d7bdd1}

body.health-body div.expert-tabs-box div.expert-tabs-top li a.selected,
body.health-body div.expert-tabs-box div.expert-tabs-bottom { background:#91bb6b}
body.health-body div.expert-search-fields div.expert-search-content div.search-select a.select-text {background:url(../../images/horoscope/global/expert_search_select_bg_health.png) no-repeat;}

body.club-body div.expert-tabs-box div.expert-tabs-top li a.selected,
body.club-body div.expert-tabs-box div.expert-tabs-bottom { background:#ad77a0}
body.club-body div.expert-search-fields div.expert-search-content div.search-select a.select-text {background:url(../../images/horoscope/global/expert_search_select_bg_club.png) no-repeat;}

body.brand-body div.expert-search-fields div.expert-search-content div.search-select a.select-text {background:url(../../images/horoscope/global/expert_search_bg_brand.png) no-repeat;}


/* FOOTER */

#footer { color:#cccccc;}

#footer ul li { list-style-type:none; float:left;}

#footer ul li.no-border { border-right:0;}

#footer .eng { font-size:14px}

#footer ul li a { color:#cccccc; font-family:verdana}

#footer a:hover { text-decoration:underline;}

#footer div.footer-top { background:#606060; padding:8px 9px;}

#footer div.footer-top p { padding-left:4px; padding-bottom:9px;}

#footer div.footer-top p a { font-size:14px; font-weight:bold; color:#e2e2e2;}

#footer div.footer-top .icon { float:left; width:14px; height:14px; margin-right:7px; background:url(../../images/horoscope/global/footer_house.png) no-repeat; display:inline;}

#footer div.footer-top ul { float:left; padding-top:10px; height:225px; margin-right:10px; display:inline; border-right: 1px solid #484848;}

#footer div.footer-top ul li { margin-bottom:10px; clear:both;}

#footer div.footer-top div.top-padding { height:235px; background:#252525; padding:10px 28px 15px 28px;}

#footer div.footer-top div.top-padding .one { width:74px;}

#footer div.footer-top div.top-padding .two { width:86px;}

#footer div.footer-top div.top-padding .three { width:85px;}

#footer div.footer-top div.top-padding .four { width:61px;}

#footer div.footer-top div.top-padding .five { width:62px;}

#footer div.footer-top div.top-padding .six { width:80px;}

#footer div.footer-top div.top-padding .seven { width:73px;}

#footer div.footer-top div.top-padding .eight { width:88px;}

#footer div.footer-top div.top-padding .nine { width:52px;}

#footer div.footer-top div.top-padding .last { margin-right:0; border-right:0;}

#footer .light { color:#ffffff; font-weight:bold;}

#footer div.footer-bottom { height:193px; padding: 31px 6px 0 6px; background:url(../../images/horoscope/global/footer_bottom_bg.png) repeat;}

#footer div.footer-bottom ul li a { line-height:11px;}

#footer div.footer-bottom ul.about-us { display:block; height:11px;border-top:1px solid #454545; background:#101010; padding:4px 10px 5px 10px;margin-bottom:10px;}

div.footer-bottom ul.about-us li { height:11px;padding-right:11px; margin-right:12px; line-height:11px; border-right:1px solid #ccc;}

#footer div.footer-bottom div.websites { border-top:1px solid #454545; border-bottom:1px solid #232323; padding:10px 0 14px 7px;}

#footer div.footer-bottom div.websites a { color:#999999;}

#footer div.footer-bottom div.websites ul { margin-left:198px;} 

#footer div.footer-bottom div.websites .website-title { font-family:verdana; float:left; width:184px; line-height:11px; color:#999999; padding:3px 0px 4px 4px; margin-right:10px; font-weight:bold;}

#footer div.footer-bottom div.global-website .website-title { background:url(../../images/horoscope/global/global_website_bg.png) repeat;}

#footer div.footer-bottom div.global-website { height:36px;} 

div.footer-bottom div.websites ul li { border-right:1px solid #999999; margin-top:3px; line-height:11px; margin-bottom:4px; height:11px; padding-right:7px; margin-right:9px;}

#footer div.footer-bottom div.hfm-website { height:18px; margin-top:12px;}

#footer div.footer-bottom div.hfm-website .website-title { background:url(../../images/horoscope/global/hfm_website_bg.png) repeat;}

#footer div.footer-bottom div.copyright { clear:both; height:43px; padding:7px 0px 20px 15px;}

#footer div.footer-bottom div.copyright .copyright-text { font-family:verdana; float:left; width:665px; height:43px; line-height:43px;}

#footer div.footer-bottom div.copyright .copyright-mark { float:left; width:35px; height:43px; background:url(../../images/horoscope/global/copyright_mark.png) no-repeat;}

