@charset "utf-8";
/* CSS Document */
@import url("../../css/daocoffee.css");

#boxProLeft { width:200px; float:left; margin:0 30px 0 0}
.content_dao{ width:986px; margin:0 auto; position:relative; background:url(../images/bg/bgProduct_daoC.png) no-repeat top right;}
.content_dao_news{ width:986px; margin:0 auto; position:relative; background:url(../images/bg/bgProduct_daoC.png) no-repeat bottom right;}

.content_daofood{ width:986px; margin:0 auto; position:relative; background: url(../images/bg/bgdaofood.png) no-repeat top right;}
.content_daoWater{ width:986px; margin:0 auto; position:relative; background: url(../images/bg/bgdaoWater.png) no-repeat top right;}
.content_daoTea{ width:986px; margin:0 auto; position:relative; background: url(../images/bg/bgdaoTea.png) no-repeat top right;}
.content_daoDuty{ width:986px; margin:0 auto; position:relative; background: url(../images/bg/bgDuty.png) no-repeat top right;}


/*Home*/
#MainLogo { background:url(../images/bg/bgShaContent.png) no-repeat bottom center; padding:0 0 30px 0; text-align:center;}

/*#MainLogo { padding:0 0 30px 0; background:url(../images/bg/bgShaContent.png) no-repeat bottom center; }
*/.mainlogo { width:220px; float:left;}

.txtmenu { float:right; width:500px; padding:10px 0 0 0; text-align:right;}
.txtmenu li { list-style:none; display:inline; padding:0  0 0 10px; text-align:right;font-size:16px; color:#fff; font-weight:bold;}


#BusinessType { margin:20px 0;}
#BusinessType ul { margin:0 0 0 40px; padding:0; height:430px; display:block}
#BusinessType ul li{ margin:0; padding:0}
.boxBrand { width:369px; float:left; background:url(../images/bg/lineBrand.png) no-repeat top right; padding:30px 40px 100px 40px;}
.boxBrand .imglogo{ text-align:left; margin:0 0 20px 0}
.boxBrand h2.txtbrand { font-size:24px; font-weight:bold; margin-bottom:10px !important; text-transform:capitalize !important}
.boxBrand a { text-decoration:none;}
.boxBrand a:hover .readMore { background:url(../images/bullet_mnleft_over.png) no-repeat top left; color:#ff0}
.boxBrand .imglogo img {filter:alpha(opacity=100); -moz-opacity:1.0; opacity:1.0;}
.boxBrand:hover .imglogo img {filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7;}


#boxProLeft { margin:0; padding:0; width:210px; float:left;}
#boxProLeft ul { margin:0; padding:0; width:210px}
#boxProLeft ul li { margin:0 0 0 0; padding:0; width:200px; list-style:none;} 
.boxBusiness { width:197px;}
.boxBusiness_de { width:197px; }

#BannerProfile { background:url(../images/bg/bgShaBanner.png) no-repeat bottom left; padding-bottom:5px; margin-bottom:30px}
#BannerProfile img {-moz-box-shadow:1px 1px 5px #000;
	-webkit-box-shadow:1px 1px 5px #000;
	box-shadow:1px 1px 5px #000; }




.submn { margin:0 0 7px 12px; padding:5px 0 0 0; }
.submn li { list-style:none; display:block;}
.submn li a {  display:block;  padding:3px 0 3px 20px !important; background:url(../images/bullet_submn.png) no-repeat top left; color:#fff;}
.submn li a:hover { background:url(../images/bullet_submn_over.png) no-repeat top left;color:#ffa801;text-decoration: none}
.submn li:hover { background:url(../images/bullet_submn_over.png) no-repeat top left;color:#ffa801;}
.submn li a.selectSubmnDao {  display:block;  padding:3px 0 3px 20px !important; background:url(../images/bullet_submn_over.png) no-repeat top left; color:#ffa801;}

.submn li ul { margin:0 !important; padding:0 !important;}
.submn li ul li { height:22px !important; width:150px !important; list-style:inside !important}
.submn li ul li a {  display:block; border-bottom:none !important; border-radius:0  !important ; width:143px !important; padding:5px 0 2px 33px !important; background: url(../images/bullet_subtype.png) no-repeat top left !important; color:#555; text-transform: capitalize; font-weight:bold; list-style:inside !important}
.submn li ul li a:hover { background: url(../images/bullet_subtype_over.png) no-repeat top left !important;}
.submn li ul li:hover { background:none !important;color:#ffa801;}
.submn li ul li a.selectTypeDao { background: url(../images/bullet_subtype_over.png) no-repeat top left !important;color:#ffa801;}


#boxProRight { width:750px; float:left; padding-top:4px}
#boxProRightLine { width:750px; float:left; background:url(../images/bg/lineInner.png) no-repeat top left; margin-bottom:30px;} 

h1.txtcate { text-align:right;}
h2.txtprofile { font-size:24px !important; font-weight:bold !important; margin-bottom:10px !important;}

.boxImgPro { margin:0 0 20px 0; padding:0 0 40px 0; background:url(../images/bg/bgSha.png) no-repeat bottom center}
.boxImgPro h2 { margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:32px; font-weight:bold; line-height:30px;}

.boxPromo { margin:0 0 20px 30px; padding:0 0 40px 0}
.boxPromo h2 { margin:0 auto; padding:0 0 15px 0; font-family:Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold;  width:667px; color:#ffc82e; }

.boxPromoContent {width:667px;margin:0 auto;}
.boxImgPromo { margin:0; padding:0 0 15px 0; background:url(../images/bg/bgSha.png) no-repeat bottom center;  }




#boxImgS { margin:0 50px; padding:0}
#boxImgS li { display:block; margin-right:2px; padding:5px 0; float:left; width:125px; text-align:center;border-radius:4px }
#boxImgS li:hover { background:#041653; cursor:pointer}
#boxImgS li.selectImgS { background:#041653;border-radius:4px;cursor:pointer}

/*News*/
#BusiNews { margin:0 0 0 20px; padding:4px 0 0 0; background:url(../images/bg/bgSha.png) no-repeat bottom center; height:410px;}
.BusiNews { width:275px; float:left; margin:0 0 40px 55px}
.BusiNews img { background:#000;
	-moz-box-shadow:1px 1px 5px #000;
	-webkit-box-shadow:1px 1px 5px #000;
	box-shadow:1px 1px 5px #000; }
.BusiNews a { text-decoration:none;}
.BusiNews a:hover { text-decoration:none;}

.BusiNews p.readMore { padding:4px 0 0 10px; color:#01d1fd; margin:15px 0 0 0; background:url(../images/bullet_more.png) no-repeat top left}
.BusiNews p.readMore a { color:#01d1fd; text-decoration:none;}
.BusiNews p.readMore a:hover { color:#01d1fd; text-decoration:none;}
.BusiNews:hover p.readMore  { color:#ffcc01; text-decoration: none; background:url(../images/bullet_mnleft_over.png) no-repeat top left; }

.BusiNews:hover p.readMore a {border-bottom:2px solid #ffcc01}
.BusiNews:hover  img {filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}

#BusiNewsInner { margin:0 0 25px 25px; padding:4px 0 50px 0; background:url(../images/bg/bgSha.png) no-repeat bottom center;}
#BusiNewsGall  { margin:0 0 20px 0}
.BusiNewsGall {  float:none; background: url(../images/bg/bgGallNews.png) no-repeat bottom left; padding-bottom:15px; margin:0}
.BusiNewsGall img {background:#000;
	-moz-box-shadow:1px 1px 5px #000;
	-webkit-box-shadow:1px 1px 5px #000;
	box-shadow:1px 1px 5px #000;}
	
.boxIconBusiNews { }
ul.iconBusiNews { margin:0; display:block;}
ul.iconBusiNews li { display:block; float:left; margin:0 20px 0 0;  padding-bottom:5px;border-bottom:2px solid #041b67;}
ul.iconBusiNews li:hover { border-bottom:2px solid #FC0}
ul.iconBusiNews li a { color:#fff; text-decoration:none; display: block; float:right;}
ul.iconBusiNews li a:hover { color:#fff; text-decoration:none;}

.iconBack {color:#fff; margin:20px 0}
.iconBack a { background:url(../images/arrow_left.png) no-repeat top left; padding:10px 0 10px 30px; color:#fff; text-decoration:none;}
.iconBack a:hover { color:#FC0; text-decoration:none; }



.boxBusiNews { width:275px; float:left; margin:0 0 40px 50px}
.boxBusiNews img { background:#000;
	-moz-box-shadow:1px 1px 5px #000;
	-webkit-box-shadow:1px 1px 5px #000;
	box-shadow:1px 1px 5px #000; }
.boxBusiNews a { text-decoration:none;}
.boxBusiNews a:hover { text-decoration:none;}

.boxBusiNews p.readMore { padding:4px 0 0 10px; color:#01d1fd; margin:15px 0 0 0; background:url(../images/bullet_more.png) no-repeat top left}
.boxBusiNews p.readMore a { color:#01d1fd; text-decoration:none;}
.boxBusiNews p.readMore a:hover { color:#01d1fd; text-decoration:none;}
.boxBusiNews:hover p.readMore  { color:#ffcc01; text-decoration: none; background:url(../images/bullet_mnleft_over.png) no-repeat top left; }

.boxBusiNews:hover p.readMore a {border-bottom:2px solid #ffcc01}
.boxBusiNews:hover  img {filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}



/*Contact us*/


.BusiAddress { float:right; width:290px;} 
.BusiAddress a { color:#01d1fd; text-decoration:none;}
.BusiAddress a:hover { color:#01d1fd; text-decoration: underline;}

.BusiContactForm { width:380px; float:left; margin:0 0 0 25px}
.boxForm { margin:20px 0 0 0;}
.BusibannerLeft { float:left; }
.BusibannerLeft img {  background:#000;
	-moz-box-shadow:1px 1px 5px #000;
	-webkit-box-shadow:1px 1px 5px #000;
	box-shadow:1px 1px 5px #000;}


.txtbox { background:url(../images/bg/bgTxtfield.png) no-repeat top left; padding:8px ; color:#3e3e3e; font-family:Arial, Helvetica, sans-serif; font-size:12px; border:none; margin-bottom:4px; width:378px;}
.txtarea{ background: url(../images/bg/bgTxtarea.png) no-repeat top left; padding:8px 8px 20px 8px ; color:#3e3e3e; font-family:Arial, Helvetica, sans-serif; font-size:12px; border:none; margin-bottom:4px; width:378px;}
.btn { background:#01d1fd; padding:8px 16px 8px 16px; color:#039; border-bottom:none; border-left:none;border-top:none;border-right:none;font-size:14px; margin:0 7px 0 0; cursor:pointer; font-weight:bold; border-radius:5px; text-transform:uppercase;}
.btn:hover {}

.iconBusiBack {color:#fff; margin:20px 0 0 25px}
.iconBusiBack a { background:url(../images/arrow_left.png) no-repeat top left; padding:10px 0 18px 30px; color:#fff; text-decoration:none;}
.iconBusiBack a:hover { color:#FC0; text-decoration:none; }