/* CSS Document */
@charset "utf-8";
/* 整體結構
---------------------------------------------------- */
body {
	padding:0;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif,"新細明體";
	margin:0;
	border:none;
	background-image: url(../images/kousi_s1.jpg);
    }
a {
	text-decoration:none;
	color:#000000;
	border:none;
    }
a:hover {
    color:#999999;
	text-decoration:none;
    }
	
a img {
	border:0;
	}
.wrapper {
	
	width:900px;
	margin:auto;
	background-color:#FFFFFF
	}
	
	
	
/* index
---------------------------------------------------- */
.headerbox{
    width:900px;
	}

.banner{}

.menubox{}

.space{
    float:left;
	}

.menu{
    float:left;
    }
	
/* content
---------------------------------------------------- */
.contentbox{
	background-color:#FFFFFF;
	width:900px;
	margin:20px 0 20px 0;
	float: left;
	}	
.leftbox{
	float:left;
	margin-right: 5px;
	width: 235px;
	}
.centerbox{
    float:left;
	width:382px;
	margin:0 10px 0 10px;
	}
.rightbox{
	float:left;
	width:230px;
	margin-left: 10px;
	}	
		
.adbox{
	width:230px;
	float: left;
	}
.ad{
	margin: 0 0 10px 0;
	float: left;
   }
.starbox{
	width:231px;
	margin-top:10px;
	float: left;
   }	
.pic{
   float:left;
   margin:0 5px 5px 0;
   }	
.startitle{
   color:#7C411E;
   font-weight:bold;
   padding-bottom:5px;
   font-size:12px;
   }  
.txt{
	font-size:10px;
	line-height:14px;
	padding: 0 15px 0 15px;
	
   }
.starbox_bg{
   background-image:url(../images/index_19_02.gif);
	background-repeat:repeat-y;
	width:231px;
	
   }   
.mamanewsbox_bg{
   background-image:url(../images/index_34_02.gif);
	background-repeat:repeat-y;
	width:231px;
	
   }  
.more{
   float:right;
   margin:5px 10px 5px 0
   }

.mamanewsbox{
	background-image:url(../images/index_34.gif);
	background-repeat:repeat-y;
	width:201px;
	margin-top:10px;
   }	
.eventbox{
   float:left;
   width:359px;
   
   }   
.event_bg{
   padding:10px;
   width:360px;
   border-bottom:1px #C0E8F1 solid;
   border-left:1px #C0E8F1 solid;
   border-right:1px #C0E8F1 solid;
   }
.newslist{
	padding: 4px 0 4px 0;
	border-bottom:1px #999999 dashed;
	margin-top:5px;
   }
   
.edit_list {
    padding: 4px 0 4px 0;
	margin-top:5px;
   } 
   
   
.newslist_title{
	padding:0;
	margin-top:5px;
	color:#F98EB1;
	font-size:14px;
	
	
   }   
.blog_list{
	padding: 4px 0 4px 0;
	float:left;
	text-align:center;
	width:80px;
   }   
   
.icon{
   color:#0482B8;
   float:left;
   }
.icon01{
   color:#F98EB1;
   float:left;
   }   
.icon02{
   color:#A1DCEA;
   float:left;
   }    
.icon03{
   color:#E80701;
   float:left;
   }       
 
.date{
   float:left;
   padding-left:5px;
   }
   
.newtxt{
   float:left;
   padding:2px 0 0 5px ;
   }
.edittxt{
   float:left;
   padding:0 0 0 20px ;
   line-height:20px;
   }
.shoppingbox{
   float:left;
   width:359px;
   margin-top:10px;
   }
   
.productlist{
	margin:4px;
	float: left;
	text-align:center;
   }
   
   
.shop_pic{
   border:#CCCCCC 1px solid;
   padding:3px;
   }
.article_pic{
	border:#CCCCCC 1px solid;
	padding:3px;
	float:left;
	margin-right: 5px;
   }   
   
.shopping_bg{
   width:380px;
   border-bottom:1px #C0E8F1 solid;
   border-left:1px #C0E8F1 solid;
   border-right:1px #C0E8F1 solid;
   }   
   
.shop_title{
   color:#FB0F0C;
   font-size:12px;
   font-weight:bold;
   }

.shop_discount{}

.shop_content{}

.shop_price{}

.doctorbox{
   float:left;
   width:373px;
   margin-top:10px;
   }
.doctor_bg{
   width:380px;
   border-bottom:1px #C0E8F1 solid;
   border-left:1px #C0E8F1 solid;
   border-right:1px #C0E8F1 solid;
   padding:5px 0 5px 0;
   }   
   
.hotmamabox{
   float:left;
   width:363px;
   margin-top:10px;
   }
.hotmamabox_bg{
   width:360px;
   border-bottom:1px #C0E8F1 solid;
   border-left:1px #C0E8F1 solid;
   border-right:1px #C0E8F1 solid;
   padding:5px 10px 5px 10px;
   }     
   
   
.hotmamalist{
	padding: 4px 0 4px 0;
	border-bottom:1px #999999 dashed;
   }
.hotmama_icon{
   color:#000;
   float:left;
   }
.hotmama_date{
   float:left;
   padding-left:5px;
   }
   
.hotmama_txt{
   float:left;
   padding:2px 0 0 5px ;
   }
   
.memberbox{
	width:230px; 
   }   
.memberbox_bg{
	width:211px;
	background-image:url(../images/index_07_02.gif);
	background-repeat:repeat-y; 
	padding:0 0 0 20px;		
   }  
   
.hotmamamemberbox_bg{
	width:190px;
	background-image:url(../images/hotmama_05_02.gif);
	background-repeat:repeat-y; 
	padding:0 15px 0 15px;	
   }

.doctormemberbox_bg{
	width:190px;
	background-image:url(../images/doctor_05_02.jpg);
	background-repeat:repeat-y; 
	padding:0 15px 0 15px;	
   }
   
.mamamemberbox_bg{
	width:190px;
	background-image:url(../images/mamatake_12.jpg);
	background-repeat:repeat-y; 
	padding:0 15px 0 15px;	
   }
   
.shopmemberbox_bg{
	width:190px;
	background-image:url(../images/shop_05_02.jpg);
	background-repeat:repeat-y; 
	padding:0 15px 0 15px;	
   }       
.form{
	float: left;
   }
.member_pic{
   float:left;
   padding:6px 0 0 0;
   color:#FFFFFF;
   }
.memberform{
	float: left;
	width:170px;
	margin-top: 5px;
   }   
*html .memberform{

   }   

   
.form01{
	float: left;
   }
.login{
   float:left;
   padding:0 0 0 5px;
   }  
.choose{
   margin:10px 0 0 25px;
   }   
    
.member{
   float:left;
   color:#FFFFFF;
   }
.memberreset{
   float:left;
   color:#FFFFFF;
   }   
   
.notebox{
	width:210px; 
	margin-top:10px;
	
   }   
.notebox_bg{
	width:211px;
	background-image:url(../images/index_13_02.gif);
	background-repeat:repeat-y;
	padding:20px 0 0 20px;
   }   
.hotmama_txt{
   font-size:11px;
	line-height:14px;
	}   
.babybirth{
    float:left;
   }
.mamabirth{
	float:left;
	margin: 0 0 0 25px;
   }
.form02{
	float: left;
   }   
.form03{
	float: left;

   }   
.btn01{
   float:left;
   padding-top:2px;
   }
   
.searchbox{
   margin-top:10px;
   }

   
   
.searchtitle{
   float:left;
   }
   
.searchicon{
   float:left;
   padding-left:5px;
   }
   
.adrightbox{
   margin:10px 0 0 0;
   }
.goodbabybox{
	width:231px;
   }
.goodbabybox_bg{
   width:207px;
   padding:5px 12px 5px 12px;
   background-image:url(../images/index_29_02.gif);
   background-repeat:repeat-y;
   }   
.goodmamabox_bg{
   width:207px;
   padding:5px 12px 5px 12px;
   background-image:url(../images/index_36_02.gif);
   background-repeat:repeat-y;
   } 
.goodnewsbox_bg{
   width:207px;
   padding:5px 12px 5px 12px;
   background-image:url(../images/index_41_02.gif);
   background-repeat:repeat-y;
   }    
    
.goodbabytitle{
   color:#7C411E;
   font-weight:bold;
   padding-bottom:5px;
   font-size:12px;
   }   
.goodbabytxt{
   font-size:11px;   
   }   
   
   
.goodmamabox{
	width:231px;
	margin-top:10px;
   }
.goodnewsbox{
	width:231px;
	margin-top:10px;
	}
.goodnewstitle	{
    color:#FF0000;
	border-bottom:#999999 1px dashed;
	padding-bottom:3px;
	font-weight:bold;
	}
	
.goodnewstxt{
    padding-top:5px;
    }
	
	
/* about
---------------------------------------------------- */
.logo{
   float:left;
   
   }
.innerbanner{
	float:left;
	background-image:url(../images/innermenu_02.gif);
	height:120px;
	width: 778px;
   }
   
.bannerad{
   margin:5px 0 0 28px;}
.headersearchbox{
   float:right;
   width:230px;
   margin:12px 0 0 0;
   }
.space{
   width:13px;
   float:left;
   height:90px;}
 
/* hotmama
---------------------------------------------------- */     
.hotmamacontent{
   float:left;
   }

.hotmamachoice{
   float:left;
   width:150px;
   }
   
.hotmamablog{
    background-image:url(../images/hotmama_03.gif);
	height:283px;
	padding:20px;
	background-repeat:no-repeat;
   }
.title{
    border-bottom:#999999 1px dashed;
   }
.bloglist{
	float:left;
	margin:20px 10px 10px 0;
	width: 190px;
   }
.blog_pic{
   background-color:#FC9A72;
   margin-right:5px;
   float:left;
   padding:5px;
   }
   
.hotmama_title{
	font-weight:bold;
	margin-bottom:3px;
   }
.hotmama_title a {
   text-decoration:underline;
   color:#00202E;
   } 
.blog_txt{
   float:left;
   width:100px;}   
   
.left{
	width:640px;
	float: left;
   }
.mamaphoto{
   margin:10px 20px 10px 20px;
   }
   
.slide{
   margin-top:10px;
   float:left;}
   
.slideicon{
   float:left;
   }   
.slidelist{
	float:left;
	width:121px;
	margin:3px 2px 0 2px;
	border:#CCCCCC 1px solid;
	padding: 3px;
   }  
.photolist{
	float:left;
	width:121px;
	margin:7px;;
	border:#CCCCCC 1px solid;
	padding: 3px;
   }     
   
.photolist-c{
	float:left;
	margin:7px;;
	border:#CCCCCC 1px solid;
	padding: 3px;
   }      
      
   
.slidetitle{
   color:#009AC0;
   font-weight:bold;
   margin-top:3px;
   }    
.slide_txt{
   color:#575757;
   }   

.slide2_txt{
   color:#000000;
   margin-top:2px;
   line-height:20px;
   }
   
.article{
   margin:10px 20px 10px 20px;
   }
   
.articlelist{
    margin-top:10px;
   float:left;
   background-color:#FBD1CE;
   padding:5px;
   width:580px;
   }
   
.articlelist01{
   margin-top:10px;
   float:left;
   padding:5px;
    width:580px;
   }
   
.article_title{
   font-weight:bold;
   margin-bottom:3px;  
   float:left;}
   
   
.article_title a {
   text-decoration:underline;
   color:#00202E;
   } 
.membershow{
   float:right;
   width:70px;}
.membericon{
   float:left;}  
.membername{
   float:left;
   padding-top:2px;}   
  
.newsbox_bg{
   background-image:url(../images/hotmama_10.gif);
	background-repeat:repeat-y;
	width:187px;
	padding:2px 17px 0 17px;
	} 
	
.doctornewsbox_bg{
   background-image:url(../images/doctor_05_05.jpg);
	background-repeat:repeat-y;
	width:187px;
	padding:2px 17px 0 17px;
	}  

.shopbox_bg{
   background-image:url(../images/shop_05_05.jpg);
	background-repeat:repeat-y;
	width:187px;
	padding:2px 17px 0 17px;
	}

.mamabox_bg{
   background-image:url(../images/mamatake_15.jpg);
	background-repeat:repeat-y;
	width:187px;
	padding:2px 17px 0 17px;
	}
	
.newsbox{
	background-image:url(../images/index_34.gif);
	background-repeat:repeat-y;
	width:219px;
	margin-top:10px;
   }	
.left_bg{
   background-image:url(../images/article_04.gif);
   background-repeat:repeat-y;
   width:604px;
   padding:10px 30px 10px 25px;
   } 
   
 
.article_title_inner{
  float:left;
  font-weight:bold;
  padding:5px 0 5px 0;
  }
.article_title_inner a{
  color:#085286;
  }  
.member_article_name{
  float:left;
  padding:3px 0 0 5px;
  }     
.member_article_name a{
   color:#085286;
   } 
   
.page{
    text-align:right;
	margin: 10px 10px 0 0;
   }     
.page01{

   }
.page01 a {
   color:#CCCCCC;
   }   
   
.number {
 
   }   
.number a{
   color:#EB208D;
   font-size:14px;
   
   }
.calendar{
   background-image:url(../images/blog_personal_06.gif);
   background-repeat:no-repeat;
   width:560px;
   height:420px;
   margin:10px 0 0 0;
   padding:30px 20px 10px 20px;
   } 
   
.loginin{
   background-image:url(../images/loginin.gif);
   background-repeat:no-repeat;
   padding:10px 0 0 20px;
   width:199px;
   height:31px;}  
   
.name{
   font-size:16px;
   color:#FFF;
   }      
.membertxt{
   font-size:10px;
   color:#000;
   margin:5px 0 15px 0;
   
   }
.name_txt{
   font-size:14px;
   color:#00202E;
   }
.edit{
   text-align:right;
   padding:5px 10px 0 0;
   }   
.edittitle{
   width:600px;
   color:#EF53A4;
   border-bottom:1px dashed #CCCC;}      
   
.choose_form{
   float:left;
   padding:8px;
   }
   
.publish{
   float:left;
   padding:13px 10px 7px 10px;
   }
   
.edit_pic{
   float:left;}    
   
.edit_title{
   background-image:url(../images/articleedit_07.gif);
   width:588px;
   height:18px;
   padding:10px 0 5px 10px;
   background-repeat:no-repeat;
   margin-bottom:10px;
   }   
     
.read{
   
   margin-top:5px;}	   

.overview_choose{
	width:142px;
	float: left;
	margin: 20px;
}
   
.input{
   text-align:center;
   margin-top:20px;}
   
   
.modshow{
	float:left;
	padding:5px 0 0 0;
	margin:0 20px 0 20px;
	width: 225px;
	text-align:center;
   } 
   
.modshow select {width:210px;margin:0 15px;}  

.overview{
   margin-top:20px;} 
   
.button{
   float:left;
   padding-top:90px;}   
.btnright{
   margin-top:10px;
   }
   
.btnleft{
   margin-top:10px;
   }   
   
.btnup{
   margin-top:10px;}   
.btndown{
   margin-top:10px;}   
   
.overviewtitle{
   border-bottom:#999999 1px dashed;
   margin:10px 20px 10px 20px;}
   
.table{margin:10px 20px 10px 20px;}   
.overview_txt{
  color:#F85C5F;
  padding:5px;
  }   
.overview_txt01{
  color:#000;
  padding:5px;
  }     
.twocoldr{
  float:left;
  padding-left:10px;}  
.period_txt{
  color:#861635;
  padding:5px;
  }
      
/* footer
---------------------------------------------------- */
.footer{
   width:900px;
   height:41px;
   background-image:url(../images/footer_bg.gif);
   background-repeat:no-repeat;
   margin-top:10px;
   }
.copyright{
   text-align:center;
   color:#0B175B;
   }
   
.footermenu{
   text-align:center;
   margin-top:8px;
   color:#0B175B;
   }
.inneradbox{
  margin-top:10px;}