@charset "utf-8";
<!--
h1{
margin-bottom:15px;
}
h2,h3{
color:#673122;
font-size:14px;
margin-bottom:10px;
}
h4{
color:#673122;
font-size:13px;
margin-bottom:10px;
}
h5{
font-size:12px;
margin-bottom:10px;
}
hr{
border-bottom:1px dotted #ddd;
}
#header{
background:url(../images/header-knowledge.jpg) no-repeat center top;
}
#content p{
line-height:17px;
text-indent:40px;
text-align:justify;
margin:0 0 15px 0;
}
#content strong{
color:#416304;
}
#content ol{
list-style:decimal;
margin:0 0 15px 60px;
}
#content ul{
list-style:disc;
margin:0 0 15px 60px;
}
#content dl{
margin:0 0 15px 45px;
}
#content dt{
font-weight:bold;
margin-bottom:5px;
}
#content li,#content dd{
line-height:16px;
margin-bottom:5px;
}
#content img{
margin:auto;
display:block;
margin-bottom:15px;
border:5px solid #eee;
}
#content p.list{
float:left;
clear:none;
width:300px;
margin:0 10px 15px 10px;
padding:0 0 15px 0;
border-bottom:1px dotted #ccc;
overflow:hidden;
text-align:justify;
line-height:14px;
font-size:11px;
text-indent:0;
}
* html #content p.list{	/* IE6 */
margin:0 5px 12px 5px;
padding:0 0 12px 0;
}
#content p.list img{
float:left;
margin:0 10px 0 0;
border:1px solid #ddd;
}
#content p.list strong{
display:block;
color:#673122;
}
#content p.list a{
background:url(../images/arrow-white.gif) no-repeat 92px 2px;
padding:0 0 0 107px;
margin-top:5px;
display:block;
}
#content .top{
float:right;
}
#content .group{
width:175px;
float:left;
margin:0 30px 0 10px;
font-size:11px;
}
* html #content .group{	/* IE6 */
margin:0 30px 0 5px;
}
.group h2,.group h3,.group h4{
background:#c07757 url(../images/icon-leaf-white.gif) no-repeat 5px center;
padding:5px 5px 5px 30px;
font-size:12px;
color:#fff;
}
#content .group ul{
margin:0;
}
#content .group li{
background:url(../images/arrow-white.gif) no-repeat 5px 2px;
padding:0 0 5px 23px;
margin-top:5px;
border-bottom:1px dotted #eee;
list-style:none;
}
#content .group a{
color:#444;
}
#content .group a:hover{
color:#f77c2b;
text-decoration:underline;
}
#content .photo{
text-align:center;
}
#content .photo img{
display:inline;
margin:0 5px 15px 5px
}
#content .remark{
font-size:11px;
font-style:italic;
color:red;
}
#sidebar a{
margin-bottom:15px;
display:block;
}
/* Coffee */
.coffee img.floatl{
margin:0 15px 0 0 !important;
}
.coffee img.floatr{
margin:0 0 0 15px !important;
}
/* Coffee */
/* Open Coffee Shop */
.open-coffee-shop p img.floatl{
margin:0 15px 10px 5px !important;
}
/* Open Coffee Shop */
/* Type Coffee */
.type-coffee ul{
margin:0 0 15px 40px !important;
}
.type-coffee strong{
color:#673122 !important;
}
/* Type Coffee */
/* Drinking Coffee */
.drinking-coffee strong{
color:#673122 !important;
}
/* Drinking Coffee */
/* Branding */
.branding strong{
color:#673122 !important;
}
/* Branding */
/* Choose Flower */
.choose-flower .photo{
float:left;
margin:0 1px 20px 0;
color:#416304;
}
.choose-flower strong{
color:#673122 !important;
}
.choose-flower .photo img{
margin:0 0 5px 0 !important;
display:block !important;
}
/* Choose Flower */
/* Choose Lamp */
.choose-lamp .photo{
float:left;
margin:0 10px 15px 35px;
color:#416304;
}
.choose-lamp .photo img{
margin:0 0 5px 0 !important;
display:block !important;
}
/* Choose Lamp */
/* Design Coffee Shop */
.design-coffee-shop li strong{
color:#673122 !important;
}
/* Design Coffee Shop */
-->