@charset "utf-8";

/* ecoffee CSS Document */


body{
	font-size: 12px;
	color: #666;
	font-family:Arial, Helvetica, sans-serif;
	line-height: 160%;
	margin: 0;
	padding: 0;/*background:#E9E1CE url(../_img/00_layout/header_bg.jpg) center top repeat;*/
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: none;

}
img { border: 0;}
a{ color: #666; text-decoration: none; cursor:hand;}
a:hover{ color: #000;text-decoration: none; cursor:hand;}

ul { list-style-type: none; margin: 0px; padding: 0px;}
li { list-style-type: none; margin: 0px; padding: 0px;}
.clear { clear: both; zoom: 1; }
.clear:after { clear: both; content: ''; display: block; height: 0; visibility: hidden; }
dd,dl,dt { margin: 0px; padding: 0px; float:left;}
.red{ color:#CE2A36;}
.overicon a{text-decoration: underline;}
.overicon a:hover{text-decoration: none;position: relative;left: 1px;top: 1px;}

::selection { background: #B50006; color: #fff; }
::-moz-selection { background: #B50006; color: #fff;}
img::selection { background: #B50006;}
img::-moz-selection { background: #B50006;}


/*---------------wrapper---------------------*/
#index_wrapper{ width:1100px; margin: 0 auto; height:100%;}
#wrapper_all{ width:1100px;	margin: 0 auto;	height:100%;}
#wrapper_all_header{ width:1100px; margin: 0 auto; height:20px; background: url(../image/layout/all_bg_top.jpg) no-repeat center; float:left;}
#wrapper_all_bottom{ width:1100px;	margin: 0 auto 6px auto; height:20px;	background: url(../image/layout/all_bg_bottom.jpg) no-repeat center;	float:left;}
#wrapper_all_inside{ width:1100px;	margin: 0 auto;	background: url(../image/layout/all_bg_inside.png) repeat-y center;	float:left;}
#wrapper_all_inside div.main_pic{ width:1100px;	height:170px; text-align:center;}
#wrapper_all_inside div.path{ margin: 11px 60px 0 0; float:right; clear:both; color:#9D7246;}
#wrapper_all_inside div.path a{	color:#9D7246;}
#wrapper_all_inside div.path a:hover{ text-decoration:underline;}
#wrapper_all_inside div.title{ margin: 43px 0 0 45px; float:left; clear:both;}
#wrapper_all_inside div.back{ margin: 43px 60px 0 0; float:right;}


/*---------------all---------------------*/
#background_all { width:100%; margin: 0 auto; background: url(../image/layout/all_bg.jpg) repeat;}
#header_all { width:1100px;	margin: 0 auto;	height:118px;}
#header_all div.logo{ float:left; margin: 61px 0 0 35px;}
#header_all div.area{ width:250px; height:50px;	float:right; margin: 30px 0 0 0;}
#header_all div.area div.regional{ float:right;	margin: 1px 17px 0 0;}
#header_all div.area ul{ float:right; font-size:13px; font-weight:bold;	color:#999;	margin-right:31px}
#header_all div.area li{ float:left; margin:10px 7px 0 0;}
#header_all div.area li a{ color:#999;}
#header_all div.area li a:hover{ color:#000;}
#header_all div.navi{ width:550px; height:38px; float:right; clear:right; margin: 0 0 0 0;}
#header_all div.subnavi{ width:182px; height:50px; float:right;}
#header_all div.subnavi ul{	float:right; margin: 11px 22px 0 0;}
#header_all div.subnavi li{ float:left;	margin: 0 13px 0 0;}
#header_all div.mainnavi{ width:368px; height:50px; float:right;}
#header_all div.mainnavi ul{ float:right; margin: 5px 0 0 0;}
#header_all div.mainnavi li{ float:left;}

#footer { width:1100px;	height:90px; margin: 0 auto; float:left;}
#footer div.mainavi{ float:left;}
#footer div.mainavi ul{	margin:0 0 0 22px;}
#footer div.mainavi li{ float:left;	margin:0 0 0 21px;}
#footer div.mainavi li a{ color:#000; font-weight:bold;	font-size:13px;}
#footer div.mainavi li a:hover{	text-decoration:underline;}
#footer div.copyright{ font-size:11px;	color:#666;	font-weight:bold; float:right;	margin:0 37px 0 0; letter-spacing: 0.6px;}
#footer div.share_icons{ width:185px; height:30px; float:left; clear: both;	background: url(../image/layout/footer_share_bg.jpg) no-repeat; margin:9px 0 0 41px;}
#footer div.share_icons ul{	margin:0 0 0 8px;}
#footer div.share_icons li{	float:left; margin:3px 0 0 6px;}


/*---------------index---------------------*/
#index_background {	width:100%;	margin: 0 auto;	background: url(../image/layout/index_bg.jpg) repeat;}
#index_main { width:1100px;	margin: 0 auto;	height:487px;	background: url(../image/00_index/main_bg.jpg) no-repeat;}
#index_shortcut { width:1100px;	height: 173px;	margin: 0 auto 16px auto;}
#index_shortcut div.shortcut01 { float:left;}
#index_shortcut div.shortcut02 { float:left;}
#index_shortcut div.shortcut_news {	width:403px; height:173px;	float:left;	background: url(../image/00_index/news_bg.jpg) no-repeat;}
#index_shortcut div.shortcut_news div.btn {	float:right; margin:20px 66px 0 0;}
#index_shortcut div.shortcut_news ul { float:left; clear: both; margin:2px 0 0 23px;}
#index_shortcut div.shortcut_news li { float:left;	width:316px; background: url(../image/layout/dot_line01.jpg) repeat-x top; margin:1px 0 0 4px; padding:5px 0 0 0;}
#index_shortcut div.shortcut_news h1 { font-size:12px;	font-weight:bold; color:#000; float:left;}
#index_shortcut div.shortcut_news li a { font-size:13px;	margin-left:16px;}
#index_shortcut div.shortcut_news li a:hover { text-decoration:underline;}


/*---------------menu---------------------*/
div.product_overview_bg{ width:1100px; height:375px; float:left; background: url(../image/01_menu/overview_bg.jpg) no-repeat center;}
div.product_overview{ margin:114px 0 0 50px; float:left;}
div.product_select{ width:155px; float:left; margin:0 0 0 38px;}
div.product_select a{color:#333;}
div.product_select a:hover{	text-decoration:underline;}
div.product_select p{float:left; margin:7px 0 0 0;}

#inside_center { width:1030px; 	margin:0 auto; clear: both;}
#inside_center #content_all_inside  #content #hot_bg {float: left; width:1030px; height:154px; margin: 0 0 0 0;	background: url(../image/01_menu/overview_bg2.jpg) no-repeat center;}
#inside_center #content_all_inside  #content { float: left;}
#inside_center #content_all_inside  #content #hot_bg #center_pic { float:left; margin:0 0 0 0; }
#inside_center #content_all_inside  #content #hot_bg #center_pic .pic { float:left; margin: 0 0 0 8px;}

div.product_detail{width:1100px; float:left;}
div.product_detail div.bg_coffee{ width:1030px;	min-height:700px; margin:0 auto; background: url(../image/01_menu/bg_coffee.jpg) no-repeat center top;}
div.product_detail div.bg_coffee02{ width:1030px;	min-height:700px; margin:0 auto; background: url(../image/01_menu/bg_coffee02.jpg) no-repeat center top;}
div.product_detail div.bg_tea{ width:1030px; min-height:700px;	margin:0 auto;	background: url(../image/01_menu/bg_tea.jpg) no-repeat center top;}
div.product_detail div.bg_bread{ width:1030px; min-height:700px; margin:0 auto; background: url(../image/01_menu/bg_bread.jpg) no-repeat center top;}
div.product_detail div.bg_cake{	width:1030px; min-height:700px;	margin:0 auto;	background: url(../image/01_menu/bg_cake.jpg) no-repeat center top;}
div.product_detail div.bg_meal{	width:1030px; min-height:700px;	margin:0 auto;	background: url(../image/01_menu/bg_meal.jpg) no-repeat center top;}
div.all_product_detail div.subtitle{ width:510px; float:left; clear:both; margin:17px 0 12px 10px;}
div.all_product_detail div.subtitle p{	font-size:15px;	margin:5px 0 0 30px; line-height:160%;	color:#000;}

div.all_product_detail div.list{ width:515px; height:162px;	clear:both; float:left;	margin:0 0 0 40px; background: url(../image/01_menu/list_bg.png) no-repeat center bottom;}
div.all_product_detail div.list p{ width:103px;	height:162px; float:left; margin:0 auto; color:#666; font-weight:bold; font-size:13px;	text-align:center;	line-height:138%;}
div.all_product_detail div.list_nonbg{ width:515px;	height:162px; float:left; margin:0 0 0 40px;}
div.all_product_detail div.list_nonbg p{ width:103px; height:162px;	float:left;	margin:0 auto;	color:#666;	font-weight:bold;	font-size:13px;	text-align:center;	line-height:138%;}
div.all_product_detail div.classification{ width:200px;	height:26px; clear:both; float:left; margin:0 0 0 40px;}
div.all_product_detail div.classification_margin{ width:200px; height:26px;	clear:both;	float:left;	margin:30px 0 0 40px;}

div.all_product_detail div.select_area{ width:600px; clear:both; float:left; margin:0 0 10px 0; }
div.all_product_detail div.select_area div.content_title{ height:40px; float:left; margin:0 0 0 34px;}
div.all_product_detail div.select_area div.select_area_bg04{ height:158px; width:544px; float:left; margin:0 0 0 25px; background: url(../image/01_menu/select_area_bg04.png) no-repeat right top;}
div.all_product_detail div.select_area div.select_area_bg03{ height:168px; width:544px; float:left; margin:0 0 0 25px; background: url(../image/01_menu/select_area_bg03.png) no-repeat right top;}
div.all_product_detail div.select_area div.select_area_bg02{ height:168px; width:544px; float:left; margin:0 0 0 25px; background: url(../image/01_menu/select_area_bg02.png) no-repeat right top;}
div.all_product_detail div.select_area div.select_area_bg01{ height:168px; width:544px; float:left; margin:0 0 0 25px; background: url(../image/01_menu/select_area_bg01.png) no-repeat right top;}
div.all_product_detail div.select_area p{ height:145px; width:120px; float:left; text-align:center; margin:6px 3px 0 11px; color:#666; font-weight:bold; font-size:13px;}

div.all_product_detail div.select_area div.single_bg{ height:480px; width:544px; float:left; margin:0 0 0 25px; background: url(../image/01_menu/coffee02_single_bg.jpg) no-repeat right top;}
div.all_product_detail div.select_area div.single_bg p{ height:145px; width:120px; float:left; clear:both; text-align:center; margin:6px 3px 7px 11px; color:#666; font-weight:bold; font-size:13px;}

/*---------------about---------------------*/

div.about_detail{ width:1100px;	float:left;}
div.about_detail div.editor_area{ width:1030px;	min-height:785px; margin:0 auto; background: url(../image/02_about/about_edit02.jpg) no-repeat right bottom;}
div.about_detail div.editor_area div.editor01{ width:945px;	margin: 32px 0 0 40px; color:#000;	font-size:13px;	line-height:170%;}
div.about_detail div.editor_area div.editor02{ width:714px;	margin: 8px 0 0 40px;	color:#000;	font-size:13px;	line-height:170%;}


/*---------------media---------------------*/
div.media_detail{ width:1100px;	float:left;}
div.media_detail div.editor_area{ width:1030px;	margin:0 auto;}
div.media_detail div.editor_area div.editor01{	margin: 68px 0 0 0;	float:left;}
div.media_detail div.editor_area div.editor02{	margin: 68px 34px 0 0; float:right;}


/*---------------news---------------------*/

div.news_title_line{ margin:11px 0 12px 35px; float:left;}
div.news_title_line02{	margin:5px 0 26px 35px;	float:left;}
div.news_title_line03{	margin:5px 0 0 35px;	float:left;}
div.news_list{	margin:0 0 8px 52px; float:left;}
div.news_list div.row{ width:1030px; margin:0 auto;	float:left;}
div.news_list div.list_area{ width:175px; margin:19px 0 16px 19px; font-size:12px;	float:left; background:url(../image/04_news/list_bg.jpg) no-repeat right top;}
div.news_list div.list_area img{ margin:4px 0 4px 4px;}
div.news_list div.list_area div.list_title{ color:#C48A33; font-size:13px; font-weight:bold; margin: 7px 0 0 0;}
div.news_list div.list_area div.list_title a{ color:#C48A33; }
div.news_list div.list_area p{ margin:0 0 0 0; color:#C49F7B;	font-size:12px;}
div.news_list div.list_area a{ color:#333;}
div.news_list div.list_area a:hover{ text-decoration:underline;}

div.news_list_table{ width:1100px;	margin:0 auto;	text-align:center;	color:#C49F7A;	font-size:13px;	font-weight:bold; float:left;}
div.news_list_table td.page_on{	width:15px;	text-decoration:underline;}
div.news_list_table td.page_off{ width:15px;}
div.news_list_table td.page_off a{ color:#C49F7A;}
div.news_list_table td.page_off a:hover{ text-decoration:underline;}
div.news_detail{ width:1100px;	margin:0 auto;	float:left;}
div.news_detail div.detail01{ width:360px; margin:20px 0 20px 75px;	float:left;}
div.news_detail div.detail02{ margin:20px 80px 20px 0; float:right;}

div.news_detail div.brand{ width:1030px; height:580px; margin:0 auto;  background:url(../image/04_news/brand_bg.jpg) no-repeat center top;}
div.news_detail div.brand p{ margin:280px 96px 0 0; float:right;}
div.news_detail div.brand p a{color:#D63F21; font-weight:bold; font-size:15px; text-decoration:underline;}
div.news_detail div.brand p a:hover{ text-decoration:none;}

div.news_detail div.congratulations{ width:1030px; height:470px; margin:0 auto;  background:url(../image/04_news/congratulations_bg.jpg) no-repeat center top;}
div.news_detail div.congratulations p{ margin:399px 0 0 74px; float:left;}
div.news_detail div.congratulations p a{color:#D63F21; font-weight:bold; font-size:15px; text-decoration:underline;}
div.news_detail div.congratulations p a:hover{ text-decoration:none;}

div.news_detail div.upcoming{ width:1030px; height:800px; margin:0 auto;  background:url(../image/04_news/upcoming_bg.jpg) no-repeat center top;}
div.news_detail div.upcoming p{ margin:299px 85px 0 0; float:right;}
div.news_detail div.upcoming p a{color:#D63F21; font-weight:bold; font-size:15px; text-decoration:underline;}
div.news_detail div.upcoming p a:hover{ text-decoration:none;}

div.news_detail div.apply{ width:1030px; height:570px; margin:0 auto;  background:url(../image/04_news/apply_bg.jpg) no-repeat center top;}
div.news_detail div.apply p{ margin:252px 228px 0 0; float:right;}

div.news_detail div.detail_layout { width:1030px; margin:0 0 30px 37px; float:left;}
div.news_detail div.detail_layout a { text-decoration:underline;}
div.news_detail div.detail_layout p{ font-size:13px; color:#000; line-height:170%; width:370px; margin:36px 0 0 40px; float:left; }
div.news_detail div.detail_layout img{ width:550px; margin:29px 45px 0 0; float:right; }



/*---------------location---------------------*/

div.location_title_line01{ width: 942px; height:2px; margin:13px 0 17px 79px; float:left; background-color: #CCB79A;}
div.location_store_area{ width: 925px; margin:0 0 26px 96px; float:left; color:#9D7246; font-size:15px;}
div.location_store_area div.selectOn{ float:left;	margin: 0 16px 10px 0; padding:0 4px;	background-color: #9D7246; color:#FFF; }
div.location_store_area div.selectOff{	float:left;	margin: 0 16px 10px 0;}
div.location_store_area div.selectOff a{ color:#9D7246;}
div.location_store_area div.selectOff a:hover{ text-decoration:underline;}
div.location_store_infor{ width:280px;	margin: 0 0 10px 80px;	float:left;}
div.location_store_infor table{	background-color: #EEE2D1;}
div.location_store_infor table td{	background-color: #FFFFFF;}
div.location_store_infor table td.b01{	width:70px;	color:#000;	font-size:13px;	font-weight:bold;padding:10px;}
div.location_store_infor table td.b02{	color:#000;	font-size:13px;	padding:10px;	line-height:160%;}
div.location_store_googleMap{	width:630px; margin: 0 79px 10px 0;	float:right;}


/*---------------short_cut---------------------*/
div.short_cut_area01{ width:1100px;	height:180px; margin:13px auto 24px auto; background: url(../image/layout/short_cut_01.jpg) no-repeat center top;	float:left;}
div.short_cut_area01 div.link01{ float:left; margin:122px 0 0 312px;}
div.short_cut_area01 div.link01 a{ color:#D63F21; font-size:13px; font-weight:bold; text-decoration:underline;}
div.short_cut_area01 div.link01 a:hover{ text-decoration:none;}
div.short_cut_area01 div.link02{ float:left; margin:122px 0 0 55px;}
div.short_cut_area01 div.link02 a{ color:#D63F21; font-size:13px; font-weight:bold;text-decoration:underline;}
div.short_cut_area01 div.link02 a:hover{ text-decoration:none;}

div.short_cut_area02{ width:1100px;	height:180px; margin:13px auto 24px auto; background: url(../image/layout/short_cut_02.jpg) no-repeat center top;	float:left;}
div.short_cut_area02 div.link01{ float:left; margin:122px 0 0 312px;}
div.short_cut_area02 div.link01 a{ color:#D63F21; font-size:13px; font-weight:bold; text-decoration:underline;}
div.short_cut_area02 div.link01 a:hover{ text-decoration:none;}
div.short_cut_area02 div.link02{ float:left; margin:121px 0 0 242px;}
div.short_cut_area02 div.link02 a{ color:#666; font-size:13px; font-weight:bold;text-decoration:underline;}
div.short_cut_area02 div.link02 a:hover{ text-decoration:none;}



/*---------------contact---------------------*/
div.contact_content{ width:1100px; height:550px; margin:0 auto;	float:left;	background: url(../image/06_contact/contact_bg.jpg) no-repeat center top; }
div.contact_content div.info_area{ width:440px;	margin:197px 0 0 110px;	float:left; font-size:13px;}
div.contact_content div.info_area p{ width:200px; float:left; line-height:180%; margin:0 0 0 20px;}
div.contact_content div.form_area{ width:470px;	margin:166px 30px 0 0;	float:right;}
div.ss-q-title{font-weight:bold; width:150px; font-size:13px; color:#666; margin:5px 0 0 0;}

/*
div.contact_content div.form_area table{
	font-size:16px;
	color:#666;
	font-weight:bold;
	
}
.bar_contact{
	width:305px;
	height:20px;
	border: 1px solid #CCCCCC;
	margin: 4px 0;
}

.bar_contact_message{
	width:305px;
	height:158px;
	border: 1px solid #CCCCCC;
	margin: 4px 0;
}

.btn_contact {
	color:#FFF;
	height: 20px;
	width:63px;
	background: url(../image/layout/btn_red.jpg);
	background-repeat: no-repeat;
	border: 0px ;
	font-size:13px;
	font-weight:bold;
}
#contact_btn {
	padding-left: 232px;
	padding-bottom: 40px;
}
*/




/*---------------regional---------------------*/
div.regional_content{ width:1100px;	height:662px; margin:0 auto; float:left; background: url(../image/07_regional/regional_bg.jpg) no-repeat center top;}
div.regional_content div.form_area{	width:470px; margin:166px 30px 0 0;	float:right;}