/* CSS Document */


/*********************************


      header


*********************************/

#header{
	width:100%;
	
}

.content{
	width:960px;
	margin:0 auto;
	position:relative;
}

#header .header_info{
	width:100%;
	height:80px;
	background-color:#FFF;
}

#header .header_info .content .logo{
	position:absolute;
	left:0px;
	top:0px;
}

#header .header_info .content .tel{
	position:absolute;
	left:376px;
	top:18px;
}

#header .header_info .content .fax{
	position:absolute;
	left:560px;
	top:18px;
}

#header .header_info .content .hr{
	position:absolute;
	left:743px;
	top:16px;
}

#header .header_info .content .businesshour{
	position:absolute;
	left:376px;
	top:47px;
}

#header .header_info .content .btn_cart{
	position:absolute;
	left:760px;
	/*top:18px;*/
	top: 7px;/*soldout*/
}




#header .header_main{
	width:100%;
	height:161px;
	background-image:url(../img/header_bg.png);
	background-repeat:repeat-x;
	background-position : center;
}


#header .header_main .content h1{
	position:absolute;
	left:0px;
	top:60px;
}

#header .header_main .content h2{
	position:absolute;
	left:0px;
	top:27px;
}

#header .header_main .content .header_mainimg{
	position:absolute;
	left:670px;
	top:2px;
}
/*********************************


      navi


*********************************/


#navi{
	width:100%;
	height:49px;
	background-image:url(../img/navi_bg.png);
	background-repeat:repeat-x;
}

#navi ul{
	background-image:url(../img/navi_bg_hr.png);
	background-repeat:no-repeat;
	width:960px;
	margin:0 auto;
	
}

#navi ul li{
	float:left;
	margin-right:5px;
}

#navi ul li:first-child{
	margin-left:11px;
	
}


/*********************************


      content


*********************************/


#content{
	width:960px;
	margin:0 auto;
	
}

#content .section{
	margin-top:50px;
	position:relative;
}

#content .section h3{
	margin-left:10px;
}

#content .section h4{
	margin-top:25px;
	margin-left:10px;
}

#content .section .character{
	position:absolute;
}


/*********************************


      section1


*********************************/

#content .section1 .character{
	top:-25px;
	left:715px;
}

#content .section1 ul{
	margin-top:20px;
	margin-left:10px;
	background-image:url(../img/section1_bg.jpg);
	background-repeat:no-repeat;
	width:940px;
	height:325px;
}

#content .section1 ul li{
	float:left;
	width:270px;	
	margin-left:50px;
}

#content .section1 ul li:first-child{
	margin-left:15px;	
}

#content .section1 ul li h5{
	margin-top:16px;
}
#content .section1 ul li .chapter_img{
	margin-top:12px;
}
#content .section1 ul li p{
	margin-top:15px;
	line-height:24px;
}




/*********************************


      section2


*********************************/

#content .section2 .character{
	top:-40px;
	left:743px;
}

#content .section2 .sectionwrapper{
	width:940px;
	margin:23px auto 0 auto;
	
}


#content .section2 .sectionwrapper .text{
	float:left;
	width:500px;
	margin-right:20px;
}

#content .section2 .sectionwrapper .text p{
	line-height:24px;
}

#content .section2 .sectionwrapper .text h5{
	margin-top:24px;
}


#content .section2 .sectionwrapper .text ul li{
	margin-top:15px;
}

#content .section2 .sectionwrapper .text ul li p{
	padding-left:20px;
	padding-top:15px;
	line-height:24px;
}



#content .section2 .sectionwrapper .image{
	float:left;
	width:420px;
	
}

/*********************************


      section3


*********************************/

#content .section3 .character{
	top:-11px;
	left:735px;
}


#content .section3 .sectionwrapper{
	width:940px;
	margin:23px auto 0px auto;
	
}




#content .section3 .sectionwrapper .text{
	float:left;
	width:500px;
	margin-right:20px;
	line-height:24px;
}

#content .section3 .sectionwrapper .image{
	float:left;
	width:420px;
	margin-top:-20px;
	
}

/*********************************


      section4


*********************************/

#content .section4 .character{
	top:22px;
	left:550px;
}


#content .section4>p{
	margin-top:18px;
	margin-left:10px;
	line-height:24px;
}



#content .section4 .section4_order{
	position: relative;
	background-image:url(../img/section4_order_bg.png);
	margin:30px auto 0 auto;
	width:620px;
	height:145px;
}

#content .section4 .section4_order h5{
	display:block;
	width:255px;
	margin:0 auto 0 auto;
	padding-top:10px;
}

#content .section4 .section4_order .order_text{
	margin-top:25px;
	margin-left:20px;
}

#content .section4 .section4_order .order_attention{
	color:#F00;
	line-height:18px;
	margin-top:16px;
	margin-left:20px;
}

#content .section4 .section4_order .soldout {
	position: absolute;
	top: 0;
	left: 0;
	width: 620px;
	height: 145px;
	text-align: center;
	background: url("../img/section4_order_soldout_bg.png");
}

#content .section4 .section4_order .soldout img {
	padding-top: 50px;
}


#content .section4 ul{
	margin-top:25px;
	margin-left:10px;
}


#content .section4 ul li{
	float:left;
	width:305px;
	height:403px;
	background-image:url(../img/section4_bgmemo.png);
	background-repeat:no-repeat;
	margin-left:15px;
}

#content .section4 ul li:first-child{
	margin-left:0px;
}

#content .section4 ul li .gift_title{
	margin-top: 29px;
	margin-left: 14px;
}

#content .section4 ul li .gift_image{
	margin-top: 0px;
	margin-left: 14px;
	margin-bottom: 10px;
}

#content .section4 ul li .gift_price{

	margin-left:14px;
}

#content .section4 ul li .gift_hr{
	margin-left:14px;
	margin-top:-2px;
	margin-bottom:-7px;
}


#content .section4 .btn_cart{
	margin:10px auto 20px auto;
	/* width:550px; */
	/* height:138px; */
	width: 430px;
	height: 141px;
}
#content .section4 .btn_fax{
	margin:10px auto 50px auto;
	/* width:550px; */
	/* height:138px; */
	width: 430px;
}

#content .farm_btn{
	width: 942px;
	margin: 15px auto;
}