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

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
	
body { background: url(../../images/bg/bgInner.jpg) no-repeat top center;}

}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
	body { background: url(../../images/bg/bgInner.jpg)  no-repeat top center;}

}



#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;}


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

.banner img {-moz-box-shadow:1px 1px 5px #000;
	-webkit-box-shadow:1px 1px 5px #000;
	box-shadow:1px 1px 5px #000;}

.txtmenu { float:right; width:500px; padding:50px 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; background:url(../images/bg/lineType.png) no-repeat left; height:306px; display:block}
#BusinessType ul li{ margin:0; padding:0}
.boxBrand { width:166px; float:left; background:url(../images/bg/lineType.png) no-repeat right; padding:0 30px;}
.boxBrand .imglogo{ text-align:center; 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:7px; 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}
#boxProRightLine { width:750px; float:left; background:url(../images/bg/lineInner.png) no-repeat top left;}

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

.boxImgPro { margin:0 0 10px 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 0 0 0; padding:0 0 0 60px}
#boxImgS li { display:block; margin-right:2px; padding:5px 0; float:left; width:125px; text-align:center;border-radius:4px; position:relative; height:149px; }
#boxImgS li img { padding:5px 0;border-radius:4px;}
#boxImgS li img:hover { background:#041653; cursor:pointer; padding:5px 0;border-radius:4px;}
#boxImgS li img.selectImgS { background:#041653;border-radius:4px;cursor:pointer; padding:5px 0}


.icon_new { position:absolute; bottom:20px; right:5px; background:url(../images/icon_new.png) no-repeat top left; width:43px; height:35px;}

.box_product_height { min-height:300px;}

/*News*/
#BusiNews { margin:30px 0 0 20px; padding:10px 0 0 0; background:url(../images/bg/bgSha.png) no-repeat bottom center; height:350px;}
.BusiNews { width:275px; float:left; margin:0 0 40px 30px}
.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:25px 0; padding:10px 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; }

/*Contact us*/

.BusiAddress { float:right; width:280px;} 
.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 {}