@charset "utf-8";
/* CSS Document */

@import url(reset.css);
@import url(fontawesome/css/font-awesome.min.css);

.clearfix:after {content: "."; display: block; clear: both; visibility: hidden;	line-height: 0;	height: 0;}
h1, h2, h3, h4, h5, h6, p, b, i, a{ font-family:"微軟正黑體"; letter-spacing:1px; color:#333;}

body{ background:#060302;}
.outerWrap{ width:100%;}

.headerWrap{width:100%; background:url(../images/header_wrap.jpg) repeat-x;}
.headerWrap .header{ width:1120px; height:817px; margin:0 auto; background:url(../images/header_bg.jpg) no-repeat center top;}
.headerWrap .header .header_menu{ width:900px; height:150px; margin:0 auto; background:url(../images/header.jpg) no-repeat;}
.headerWrap .header .header_menu h1{ float:left;}
.headerWrap .header .header_menu h1 a{ display:block; width:240px; height:150px; text-indent:-9999px;}
.headerWrap .header .header_menu ul{ float:left;}
.headerWrap .header .header_menu ul li{ float:left;}
.headerWrap .header .header_menu ul li a{ display:block; width:150px; height:150px; text-indent:-9999px; /*background:url(../images/header.jpg) no-repeat -240px 0;*/}

.headerWrap .header .header_menu ul li.t01 a:hover{background:url(../images/header_hover.jpg) no-repeat -240px 0;}
.headerWrap .header .header_menu ul li.t02 a:hover{background:url(../images/header_hover.jpg) no-repeat -390px 0;}
.headerWrap .header .header_menu ul li.t03 a:hover{background:url(../images/header_hover.jpg) no-repeat -540px 0;}
.headerWrap .header .header_menu ul li.t04 a:hover{background:url(../images/header_hover.jpg) no-repeat -690px 0;}

.header_top a{ display:block; width:900px; height:350px; background:url(../images/top_banner03.jpg) no-repeat; margin:0 auto;}
.header_bottom a{ display:block; width:900px; height:317px; background:url(../images/top_banner04.jpg) no-repeat; margin:0 auto;}

.contentWrap{ width:100%; background:url(../images/bg.jpg) center top repeat-y #060302;}

/*==年度推薦品牌==*/
.brandWrap{ width:900px; margin: 0 auto;}
.brandWrap table{ margin: 0; padding:0;}


/*==年度風雲榜==*/
.rankingWrap{ width:900px; margin: 0 auto; background:url(../images/content_bg.png) no-repeat left bottom;}
.rankingWrap .rankingTitle{ width:900px; background:url(../images/ranking_title.jpg) no-repeat center top;}
.rankingWrap .rankingTitle ul{ display:block; padding-top:200px;}
.rankingWrap .rankingTitle ul li{ float:left;}
.rankingWrap .rankingTitle ul li a{ display:block; text-indent:-9999px; height:73px;}
.rankingWrap .rankingTitle ul li a.rank_a{ width:310px; background:url(../images/ranking_a.jpg) no-repeat 0 0;}
.rankingWrap .rankingTitle ul li a.rank_b{ width:280px; background:url(../images/ranking_b.jpg) no-repeat 0 0;}
.rankingWrap .rankingTitle ul li a.rank_c{ width:310px; background:url(../images/ranking_c.jpg) no-repeat 0 0;}
.rankingWrap .rankingTitle ul li a.rank_a:hover{ width:310px; background:url(../images/ranking_a.jpg) no-repeat left bottom;}
.rankingWrap .rankingTitle ul li a.rank_b:hover{ width:280px; background:url(../images/ranking_b.jpg) no-repeat left bottom;}
.rankingWrap .rankingTitle ul li a.rank_c:hover{ width:310px; background:url(../images/ranking_c.jpg) no-repeat left bottom;}
.rankingWrap .rankingTitle ul li a.active{ background-position:left bottom;}

.rankingWrap .rankingCon{ width:860px; margin: 0 auto; /*background:url(../images/content_bg.png) no-repeat left bottom;*/ padding-left:40px;}
.rankingWrap .aBox{ height:1915px;}
.rankingWrap .bBox{ height:1620px;}
.rankingWrap .rankingCon .conBox{width:850px; padding: 40px 0 0 10px;}
.rankingWrap .rankingCon .conBox a{ *display:block; display: inline-block; width:190px; height:250px; text-indent:-9999px;}

.rankingWrap .rankingCon .a01{ height:262px; background:url(../images/ranking_a01.jpg) no-repeat;}
.rankingWrap .rankingCon .a02{ height:260px; background:url(../images/ranking_a02.jpg) no-repeat;}
.rankingWrap .rankingCon .a03{ height:270px; background:url(../images/ranking_a03.jpg) no-repeat;}
.rankingWrap .rankingCon .a04{ height:265px; background:url(../images/ranking_a04.jpg) no-repeat;}
.rankingWrap .rankingCon .a05{ height:270px; background:url(../images/ranking_a05.jpg) no-repeat;}
.rankingWrap .rankingCon .a06{ height:260px; background:url(../images/ranking_a06.jpg) no-repeat;}

.rankingWrap .rankingCon .b01{ height:269px; background:url(../images/ranking_b01.jpg) no-repeat;}
.rankingWrap .rankingCon .b02{ height:263px; background:url(../images/ranking_b02.jpg) no-repeat;}
.rankingWrap .rankingCon .b03{ height:264px; background:url(../images/ranking_b03.jpg) no-repeat;}
.rankingWrap .rankingCon .b04{ height:265px; background:url(../images/ranking_b04.jpg) no-repeat;}
.rankingWrap .rankingCon .b05{ height:270px; background:url(../images/ranking_b05.jpg) no-repeat;}

.rankingWrap .rankingCon .c01{ height:268px; background:url(../images/ranking_c01.jpg) no-repeat;}
.rankingWrap .rankingCon .c02{ height:263px; background:url(../images/ranking_c02.jpg) no-repeat;}
.rankingWrap .rankingCon .c03{ height:264px; background:url(../images/ranking_c03.jpg) no-repeat;}
.rankingWrap .rankingCon .c04{ height:265px; background:url(../images/ranking_c04.jpg) no-repeat;}
.rankingWrap .rankingCon .c05{ height:270px; background:url(../images/ranking_c05.jpg) no-repeat;}


/*==育兒大百科==*/
.mombookWrap{ width:900px; height:550px; margin: 0 auto; background:url(../images/mombook.jpg) no-repeat; margin-bottom:40px;}
.mombookWrap ul{ padding:165px 0 0 30px;}
.mombookWrap ul li{ float:left; padding:0 10px 10px 0;}
.mombookWrap ul li a{ display:block; width:160px; height:160px; text-indent:-9999px;}


/*==footer==*/
.footerWrap{ width:100%; background:#060302;}
.footerWrap p{ width:900px; margin:0 auto; color:#fff; font-size:13px; height:60px; line-height:60px; text-align:center; letter-spacing:2px;}