/*====================CSS Reset==========================*/
body {
	background-color:#f5f5f5;
	margin: 0;
	padding: 0;
	font-family:"微軟正黑體", "Microsoft JhengHei";
}

.wrapper {
	width: 100%;
	margin: 0 auto;
	text-align:center;
	height:auto;
}
.block {
	width: 100%;
	height:auto;
}
*{
	padding:0;
	margin:0;
	font-family:"微軟正黑體", "Microsoft JhengHei";
}

.cleaner { clear: both }

.container_all{
    width:980px;
	margin:0 auto;
	position:relative;
}

::selection { background:#fe7a7a;color:#fff;}
::-moz-selection { background:#fe7a7a;color:#fff;}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,
acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,
sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,
tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,
header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	/*
	font:inherit;
	*/
	vertical-align:baseline;
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,div{
	display:block;
}

ol,ul{
	list-style:none;
}

em{
	font-style:italic;
}
a{
	text-decoration:none;
	color:#000;
}
a:hover{
    color:#666;
}

img{
	border:none;
	display:block;
}

hr{
    height:1px;
    border:none;
    border-top:1px #ccc solid;
    width:95%;
	margin:0 auto;
}


/*====================選單==========================*/
.vertical_pipe{
	display:block;
	width:1px;
	background:#000;
}
#navi_all{
	width:980px;
	min-height:100px;
	height:auto;
	margin:0 auto;
	padding:0;
	position:relative; 
	padding-top:0;
}
#main_navigation{
	width:808px;
	height:120px;
	overflow:visible;
	position:relative; 
	margin:0 auto; 
}
#main_navigation ul.pages{
	margin:0 auto; 
	text-align:center;
}
#main_navigation ul>li{
	display:block;
	position:relative;
	width:159px;
	float:left;
	text-align:center;
	transition-duration:500ms;
	-webkit-transition-duration:500ms;
	-moz-transition-duration:500ms;
	-o-transition-duration:500ms;
	-ms-transition-duration:500ms;
	transition-property:all;
	-webkit-transition-property:all;
	-moz-transition-property:all;
	-o-transition-property:all;
	-ms-transition-property:all;
	transition-property:margin-top;
	-webkit-transition-property:margin-top;
	-moz-transition-property:margin-top;
	-o-transition-property:margin-top;
	-ms-transition-property:margin-top;
	margin-top:-10px;
	background-color:transparent;
	overflow:visible;
	border-left:0px solid rgba(0, 0, 0, 0.03);
	cursor:pointer;
}

#main_navigation ul>li a{
	font-size:13.5px;
}

#main_navigation ul>li .entry_thumb{
	transition-duration:500ms;
	-webkit-transition-duration:500ms;
	-moz-transition-duration:500ms;
	-o-transition-duration:500ms;
	-ms-transition-duration:500ms;
	transition-property:all;
	-webkit-transition-property:all;
	-moz-transition-property:all;
	-o-transition-property:all;
	-ms-transition-property:all;
	width:139px;
	height:0px;
	opacity:0;
	bottom:0;
	overflow:hidden;
	padding:0px 10px 0px 9px;
	position:relative;
	top:10px;
	z-index:-1;
	transition-property:height;
	-webkit-transition-property:height;
	-moz-transition-property:height;
	-o-transition-property:height;
	-ms-transition-property:height;
	text-align:center; 
}

#main_navigation ul>li .entry_thumb img{
	margin:0 auto;
}
#main_navigation ul>li .entry_title{
	position:relative;
	height:65px;
}

#main_navigation ul>li .entry_title .text,#main_navigation ul>li .entry_title .text a{
	position:absolute;
	font-size:16px;
	font-weight:lighter;
	width:159px;
	text-align:center;
	display:block;
	z-index:2;
	padding:33px 0;
	font-family:"微軟正黑體", "Microsoft JhengHei";
	letter-spacing:1px;
} 
#main_navigation ul>li .entry_title .text{
    color:#000000;
}
#main_navigation ul>li .entry_title .text:hover{
    color:#D23A3A;
}
.navi_eng{
   color:#B0B0B0;
   font-size:12px;
   font-family:Georgia, "Times New Roman", Times, serif;
   letter-spacing:1px;
}
#main_navigation ul>li .entry_title .text .vertical_pipe,#main_navigation ul>li .entry_title .text a .vertical_pipe{
	height:18px;
	margin-left:80px;
	margin-top:-10px;
	position:relative;
	left:-1px; 
	margin-bottom:2px;
}

#main_navigation ul>li .sub_entries{
	overflow:hidden;
	transition-duration:500ms;
	-webkit-transition-duration:500ms;
	-moz-transition-duration:500ms;
	-o-transition-duration:500ms;
	-ms-transition-duration:500ms;
	transition-property:all;
	-webkit-transition-property:all;
	-moz-transition-property:all;
	-o-transition-property:all;
	-ms-transition-property:all;
	height:0px;
}

#main_navigation ul>li .sub_entries li{
	border:none;
	margin-top:0px;
	transition-duration:none;
	-webkit-transition-duration:none;
	-moz-transition-duration:none;
	-o-transition-duration:none;
	-ms-transition-duration:none;
	transition-property:all;
	-webkit-transition-property:all;
	-moz-transition-property:all;
	-o-transition-property:all;
	-ms-transition-property:all;
}

#main_navigation ul>li .sub_entries li:hover{
	margin-top:0px;
}

#main_navigation ul>li .sub_entries a{
	display:block;
	padding:8px 3px;
	border-top:1px solid #CCC;
	color:#000;
	font-family:"微軟正黑體", "Microsoft JhengHei";
}

#main_navigation ul>li .sub_entries a:hover{
	color:#D23A3A;
}

#main_navigation ul>li.hover,#main_navigation ul>li.mobile_active{
	padding-top:0px;
	margin-top:-80px;
	background-color:#fff;
	position:relative;
	z-index:20;
}

#main_navigation ul>li.hover .entry_title,#main_navigation ul>li.mobile_active .entry_title{
	position:relative;
}

#main_navigation ul>li.hover .entry_thumb,#main_navigation ul>li.mobile_active .entry_thumb,#main_navigation ul>li.hover .sub_entries,#main_navigation ul>li.mobile_active .sub_entries{
	height:100px;
	display:block;
	opacity:1;
}

#main_navigation ul>li.hover .sub_entries,#main_navigation ul>li.mobile_active .sub_entries{
	float:none;
	height:auto;
	max-height:180px;
	position:absolute;
	z-index:999;
	background-color:#fff; 
	padding-bottom:10px;
}

#main_navigation ul>li.active .entry_title .vertical_pipe{
	margin-top:-42px;
}
.navi_add{
    font-size:11px;
	-webkit-text-size-adjust:none;
	font-family:"微軟正黑體", "Microsoft JhengHei";
	color:#666;
}

/*====================CI及主圖==========================*/
.CI{
    width:91px;
	height:135px;
	background-image:url("../images/CI.png");
	display:block;
	position:absolute;
	z-index:1000;
	margin-top:0px;
}
.CI a{
    display:block;
	width:90px;
	height:135px;
	text-indent:-9999px;
}
.language{ position:absolute; z-index:1000; width:120px; height:40px; right:0;}
.language a{ display:block;  width:50px; height:35px; color:#fff; background-color:#000; float:left; margin-right:10px; padding-top:15px;}
.language a:hover{color:#000; background-color:#fff;}
/*
#slogan_all{
	width:980px;
	margin:0 auto;
	display:block;
	position:absolute;
	margin-top:10%;
}
.slogan1{
	width:393px;
	height:220px;
	position:relative;
	z-index:900;
	display:block;
	background-image:url(../images/slo.png);
	background-repeat:no-repeat;
	font-size:20px;
	letter-spacing:0.2em;
	padding-top:35px;
	font-family:"微軟正黑體", "Microsoft JhengHei";
	margin:0 auto;
	
}
*/
#slogan_all{
	width:980px;
	margin:0 auto;
	display:block;
	position:absolute;
	margin-top:15%;
}
.slogan1{
	width:393px;
	height:156px;
	position:relative;
	z-index:900;
	display:block;
	background-image:url(../images/slogan.png);
	background-repeat:no-repeat;
	font-size:20px;
	letter-spacing:0.2em;
	padding-top:35px;
	font-family:"微軟正黑體", "Microsoft JhengHei";
	margin:0 auto;	
}


.slogan1 span{
	font-family: 'Philosopher', sans-serif;
	font-style:italic;
	letter-spacing:0.1em;
	font-size:22px;
}
.main_pic{
	text-align:center;
}
.main_pic img{
	width:100%;
	min-width:1000px;
}
/*====================版權宣告==========================*/
.footer{
	margin:0 auto;
	margin-bottom:50px;
	width:980px;
	height:206px;
	background-image:url("../images/copyright_bg.png");
	background-size: 980px 206px;
}
.footer_logos{
	width:500px;
	height:100px;
	padding-top:85px;
	float:left;
}
.footer_logos ul{
}
.footer_logos ul li{
	float:left;
	font-family:"微軟正黑體", "Microsoft JhengHei";
	font-size:13px;
	letter-spacing:1px;
	padding-left:30px;
	text-align:center;
	height:60px;
	text-indent:-9999px;
}
.foologo1 a{
	display:block;
	background-image:url("../images/footer_logo_1.png");
	width:57px;
	height:56px;
	background-repeat:no-repeat;
}
.foologo1 a:hover{
	background-image:url("../images/footer_logo_1_c.png");
}
.foologo2 a:hover{
	background-image:url("../images/footer_logo_2_c.png");
}
.foologo3 a:hover{
	background-image:url("../images/footer_logo_3_c.png");
}
.foologo2{
	margin-left:13px;
}
.foologo2 a{
	display:block;
	background-position:center;
	background-image:url("../images/footer_logo_2.png");
	width:80px;
	height:56px;
	text-align:center;
	background-repeat:no-repeat;
}
.foologo3 a{
	display:block;
	background-image:url("../images/footer_logo_3.png");
	width:64px;
	height:56px;
	background-repeat:no-repeat;
}
.foologo4 a{
	display:block;
	background-image:url("../images/footer_logo_4.png");
	width:79px;
	margin-left:7px;
	height:56px;
	background-repeat:no-repeat;
}
.foologo4 a:hover{
	background-image:url("../images/footer_logo_4_c.png");
}
.footer_add{
	padding-top:80px;
	text-align:left;
	padding-right:175px;
	width:300px;
	height:50px;
	font-family:"微軟正黑體", "Microsoft JhengHei";
	font-weight:bold;
	font-size:13px;
	letter-spacing:1px;
	line-height:27px;
	float:right
}
.footer_links{
	padding-top:20px;
	text-align:left;
	width:450px;
	height:50px;
	font-family:"微軟正黑體", "Microsoft JhengHei";
	font-size:13px;
	line-height:27px;
	float:left;
}
/*====================首頁內容區==========================*/
.index_box1{
	padding-top:10px;
	width:960px;
	height:300px;
	padding-left:10px;
}
.index_box1_con{
	width:210px;
	height:300px;
	float:left;
	font-family:"微軟正黑體", "Microsoft JhengHei";
	font-size:13.5px;
	letter-spacing:2px;
	line-height:27px;
	text-align:left;
	padding-left:30px;
	background-image:url("../images/index_p6.jpg");
	background-position:right;
	background-repeat:no-repeat;
}
.index_box1_con a, .index_box2_con a{
	font-family:"微軟正黑體", "Microsoft JhengHei";
	font-size:12px;
	letter-spacing:1px;
}
.title{
	width:300px;
	margin:0 auto;
	padding:50px 0 20px 0;
}
.index_box2{
	padding-top:20px;
	width:960px;
	height:420px;
	padding-left:16px;
}
.index_box2_con{
	width:230px;
	height:420px;
	float:left;
	font-family:"微軟正黑體", "Microsoft JhengHei";
	font-size:12px;
	letter-spacing:1px;
	line-height:24px;
	text-align:left;
	background-color:#FFF;
	margin-right:8px;
}
.index_box2_con img{
	margin-top:8px;
	margin-left:8px;
	border-bottom:#fc7b7f 2px solid;	
}
h1{
	font-family:"微軟正黑體", "Microsoft JhengHei";
	font-size:18px !important;
	letter-spacing:2px;
}
.index_text{
	margin:10px;
}
.index_box3{
	padding-top:20px;
	width:920px;
	height:150px;
	padding-left:40px;
}
.index_box3_con{
	width:220px;
	height:150px;
	float:left;
	font-family:"微軟正黑體", "Microsoft JhengHei";
	font-size:15px;
	letter-spacing:1px;
	line-height:23px;
	text-align:center;
	padding-top:40px;
	margin:0 auto;
	margin-right:9px;
	background-image:url("../images/index_line.png");
	background-position:right;
	background-repeat:no-repeat;
}
/*====================新聞區==========================*/
.news_list_box1{
	width:980px;
	height:300px;
	
}
.news_list_pic{
	float:left;
	width:320px;
	height:220px;
	margin:10px;
	background-color:#f5f5f5;
}
.news_list_text{
	padding-top:10px;
	float:left;
	width:530px;
	margin-left:30px;
	font-family:"微軟正黑體", "Microsoft JhengHei";
	font-size:13.5px;
	letter-spacing:2px;
	line-height:27px;
	text-align:left;
}
.small_pink_text{
	color:#fc7b7f;
	font-size:12px;
	letter-spacing:2px;
	line-height:27px;
	font-family:Georgia, "Times New Roman", Times, serif;
}
.small_pink_text2{
	color:#fc7b7f;
	font-family:Georgia, "Times New Roman", Times, serif;
	width:100px;
	float:left;
}
.small_grey_link{
	font-family:"微軟正黑體", "Microsoft JhengHei";
	font-size:12px;
	letter-spacing:1px;
	color:#8f8f8f;
	text-decoration:underline;
}
.news_date{
	width:980px;
	height:30px;
	background-image:url("../images/news_list_line.png");
	margin:50px 0 20px 0;
	text-align:center;
	overflow:hidden;
}
.news_date select{
	background:url(../images/date.png) no-repeat center;
	padding:4px 10px;
	font-size:11px;
	height:30px;
	width:97px;
	border:0px; 
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#FFF;
	-webkit-appearance: none; /*for Webkit browsers*/
	font-size:12px;
}
.news_date option{
	color:#000;
	padding-left:10px;
	font-family:Georgia, "Times New Roman", Times, serif;
	padding-bottom:10px;
	background-color:#FCC;
	font-size:12px;
}
.news_list_box2{
	width:980px;
	height:auto;
}
.news_list_date{
	float:left;
	width:85px;
	height:80px;
	background-image:url("../images/news_date.png");
	background-repeat:no-repeat;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	color:#FFF;
	letter-spacing:2px;
	line-height:25px;
	padding-top:20px;
	padding-left:5px;
	margin-left:40px;
	text-align:center;
}
.news_list_all{
	float:left;
	padding-bottom::10px;
	width:750px;
	margin-left:50px;
	font-family:"微軟正黑體", "Microsoft JhengHei";
	font-size:13.5px;
	letter-spacing:2px;
	line-height:27px;
	text-align:left;
	margin-bottom:20px;
}
.news_line{
	width:980px;
	height:30px;
	background-image:url("../images/news_list_line2.png");
}
.news_text{
	font-family:"微軟正黑體", "Microsoft JhengHei";
	font-size:13.5px;
	float:right;
	width:640px;
}
.news_detail_line{
	width:950px;
	height:30px;
	background-image:url("../images/news_list_line.png");
	margin:0 0 20px 0;
	margin-left:30px;
}
.news_detail_title{
	margin-left:30px;
}
.news_list_text p{
	font-family:"微軟正黑體", "Microsoft JhengHei";
	font-size:13.5px;
	letter-spacing:2px;
	line-height:27px;
	text-align:left;
	margin-bottom:20px;
}
.news_list_text p span{
	font-family:"微軟正黑體", "Microsoft JhengHei";
	font-size:15px;
	font-style:italic;
	letter-spacing:2px;
	line-height:27px;
	text-align:left;
	margin-bottom:20px;
}
.news_detail_box{
	text-align:left;
}
.news_detail_box2{
	padding-top:50px;
	margin-left:30px;
	font-family:"微軟正黑體", "Microsoft JhengHei";
	font-size:12px;
	letter-spacing:2px;
	line-height:20px;
}
.page_back a{
	width:64px;
	height:64px;
	background-image:url("../images/page_back.png");
	display:block;
	text-indent:-9999px;
	margin:0 auto;
}
/*====================特色食材區==========================*/
#carousel {
    width:960px;
    height:230px;
    position:relative;
    clear:both;
    overflow:hidden;
	margin:0 auto;
}
#carousel img {
    visibility:hidden; /* hide images until carousel can handle them */
    cursor:pointer; /* otherwise it's not as obvious items can be clicked */
} 
.food_arrow{
	width:48px;
	height:29px;
	background-image:url("../images/food_arrow.png");
	display:block;
	margin:0 auto;
}
.food_content_all{
	width:100%; 
	height:auto;
	margin:0 auto;
	padding:20px 0;
	background-color:#eeedeb;
}
.food_content_box{
	width:930px;
	height:auto;
	margin:0 auto;
}
.food_srf_pic{
	float:left;
	width:280px;
	height:300px;
	margin:10px;
	margin-left:0px;
}
.food_content_text{
	padding-top:30px;
	float:left;
	width:580px;
	margin-left:30px;
	font-family:"微軟正黑體", "Microsoft JhengHei";
	font-size:13px;
	letter-spacing:1.5px;
	line-height:27px;
	text-align:left;
}
.remove a{
	background-image:url("../images/xx.png");
	width:26px;
	height:26px;
	float:left;
	margin-top:30px;
	text-indent:-9999px;
	-webkit-transition: 0.1s;
	-moz-transition: 0.1s;
    -o-transition: 0.1s;
    transition: 0.1s;
}
.remove a:hover{
	background-position:-26px 0;
}
.updown{
	float:right;
	margin-top:100px;
    width:35px;
	height:173px;
	background-image:url("../images/updown.jpg");
}
.dry_content_all{
	width:930px; 
	height:auto;
	margin:0 auto;
	padding:20px 0;
}
.food_dry_text{
	padding-top:10px;
	float:left;
	width:370px;
	margin-left:0px;
	font-family:"微軟正黑體", "Microsoft JhengHei";
	font-size:13px;
	letter-spacing:1.5px;
	line-height:27px;
	text-align:left;
}
.approve_content_all{
	width:960px; 
	height:auto;
	margin:0 auto;
	padding:20px 0;
	background-image:url("../images/map_world.png");
	height:225px;
	background-repeat:no-repeat;
	background-position:center;
}
.approve_dry_text{
	float:left;
	width:280px;
	margin-left:10px;
	margin-right:40px;
	font-family:"微軟正黑體", "Microsoft JhengHei";
	font-size:13px;
	letter-spacing:1.5px;
	line-height:27px;
	text-align:left;
}
.approve_table_all{
	float:right;
	width:280px;
}
.approve_table{
	width:280px;
	height:195px;
	background-image:url("../images/approve_table.png");
	background-repeat:no-repeat;
	float:right;
}
.table_all{
	width:280px;
	float:right;
	padding-bottom:20px;
}
.table_all p{
	line-height:30px;
	font-size:14px;
	text-align:left;
	font-family:"微軟正黑體", "Microsoft JhengHei";
}
.appove_left{
	font-family:"微軟正黑體", "Microsoft JhengHei";
	width:70px;
	text-align:right;
	font-size:13px;
	padding-top:3px;
	line-height:36px;
	float:left;
	letter-spacing:1px;
}
.appove_right{
	font-family:"微軟正黑體", "Microsoft JhengHei";
	width:150px;
	text-align:left;
	font-size:13px;
	padding-top:3px;
	padding-left:30px;
	line-height:36px;
	float:left;
	letter-spacing:1px;
}
.appove_link{
	padding-top:15px;
}

/*====================Basic CSS==========================*/
#container { width:1000px; margin:0 auto; text-align:left; margin-bottom:80px; }
#container { font: normal 100% Helvetica, Arial, 'LiHei Pro', '微軟正黑體', 'Microsoft JhengHei', '新細明體', MingLiU, sans-serif; font-size:13.5px; line-height:23px; letter-spacing:2px;}/*font我暫時先設定這樣，之後你再自己改(不知為啥也吃不到layout.css的)*/
#container h2 { margin-bottom:35px;}
#container h3 { margin-bottom:5px;}

.floatL { float:left;}
.floatR { float:right;}
.alignCenter { margin:auto;}

.t-bold { font-weight:bold;}

/*====================關於美福==========================*/
#articleDIV { width:950px; margin:0 auto 80px auto;}
#articleDIV #textBox { width:420px;}

#secTitle { width:150px; height:45px; padding:0 95px; margin:0 auto; background:url(../images/bg_section.png) center 10px no-repeat; font-family:"微軟正黑體", "Microsoft JhengHei";}
#secTitle div { padding:0 7px 0 18px; background:#f5f5f5; text-align:center; font-size:18px; letter-spacing:0.5em;}
#secTitle.copyright { width:180px !important;}

#subsidiary { width:980px; margin-top:60px; padding-left:30px;}
#subsidiary ul { width:223px; float:left; margin-right:20px;}
#subsidiary ul:last-child { margin-right:0;}
#subsidiary ul li.description { width:215px; margin:20px auto 0 10px; text-align:justify;}
#subsidiary ul li.description .title{ font-size:20px; font-weight:bold; padding-left:80px;}

/*====================服務項目==========================*/
#serviceDIV { width:950px; margin:0 auto; position:relative; background:url(../images/service_box_bg-top.png) center 22px no-repeat;}
#serviceDIV .cardTitle { display:block; margin:auto;}
#serviceText { width:860px; margin:40px auto 0 auto;}
#serviceText p { width:415px;}

a.btnContact { width:62px; height:26px; display:block; position:absolute; top:70px; right:45px; background:url(../images/service_btn_contact.png) left top no-repeat;color:#FFF; font-size:12px; padding-left:25px; padding-top:2px;}
a.btnContact:hover { background-position:0 -28px;}
a.btnContact span { display:none;}

#morelink{ display:block; width:120px; height:28px; float:left; margin-top:10px; text-align:left; line-height:28px; letter-spacing:2px;}
#morelink a.btnMore { width:114px; height:28px; display:block; background:url(../images/service_btn_more.png) no-repeat; color:#FFF; font-size:12px; padding-left:25px;}
#morelink a.btnMore:hover { background-position:0 -28px;}

#subtitle { width:120px; height:15px; padding:0 95px; margin:0 auto; background:url(../images/line_01.png) center 6px repeat-x;}
#subtitle div { padding:0 8px 0 10px; background:#f5f5f5; text-align:center; letter-spacing:0.1em; line-height:15px; font-weight:bold;}

#serviceCatalog { margin:20px auto 0 auto;}
#serviceCatalog ul li { width:141px; height:173px; position:relative; float:left; margin:0 9px; background:url(../images/service_btn_catalog_bg.png) left top no-repeat;}
/* #serviceCatalog ul li:hover { background-position:0 -173px; cursor:pointer;} */
#serviceCatalog ul li p {
	width:90px;
	position:absolute;
	bottom:56px;
	left:27px;
	font-size:13px;
	color:#fff;
	line-height:150%;
	text-align:center;
	height: 89px;
	background-image:url(../images/service_pic1.png);
	background-position:center;
	background-repeat:no-repeat;
}
#serviceCatalog ul li p.service_pic2 {
	background-image:url(../images/service_pic2.png);
}
#serviceCatalog ul li p.service_pic3 {
	background-image:url(../images/service_pic3.png);
}
#serviceCatalog ul li p.service_pic5 {
	background-image:url(../images/service_pic5.png);
}
#serviceCatalog ul li p.service_pic4 {
	background-image:url(../images/service_pic4.png);
}

#contactInfo { margin:50px 0 0 60px;}
#contactInfo ul { width:220px; float:left; margin-right:5px;}
#contactInfo ul li { width:160px; padding-left:10px;}
#contactInfo ul li.normal { width:220px; padding-left:0;}
  #contactInfo ul li ul { width:170px; padding-bottom:20px; margin-top:20px; line-height:180%; border-bottom:1px solid #c7c7c7;}
  #contactInfo ul li ul:last-child { border-bottom:none;}
  #contactInfo ul li ul li.tel,
  #contactInfo ul li ul li.email,
  #contactInfo ul li ul li.location,
  #contactInfo ul li ul li.fax,
  #contactInfo ul li ul li.add { width:145px; padding-left:25px;font-size:12.5px;letter-spacing:1px; font-family:Georgia, "Times New Roman", Times, serif;}
	#contactInfo ul li ul li.tel { background:url(../images/ico_tel.png) left 6px no-repeat;}
	#contactInfo ul li ul li.email { background:url(../images/ico_email.png) left 8px no-repeat;}
	#contactInfo ul li ul li.location { background:url(../images/ico_location.png) 1px 4px no-repeat;}
	#contactInfo ul li ul li.fax { background:url(../images/ico_fax.png) 1px 6px no-repeat;}	
	#contactInfo ul li ul li.add { background:url(../images/ico_address.png) left 6px no-repeat;}
	
.marketicon1{ float:left;}
.import_pic{
	background-image:url(../images/service_p_foodimport.jpg);
	background-position:center;
	background-repeat:no-repeat;
	width:610px;
	height:51px;
	display:block;
	padding-left:290px;
	color:#FFF;
	vertical-align:bottom;
	padding-top:160px;
	font-size:12.5px;
}

/*====================聯絡美福==========================*/
#contactDIV { width:620px; margin:auto;}
#contactDIV #contact-t { width:280px; float:left; margin-top:90px; line-height:180%; letter-spacing:1px; padding-right:10px;}
#contactDIV .googleMap { width:304px; height:400px;overflow: hidden;position: relative;z-index:11; float:right; }
.map_up { width:304px; height:97px; background:url(../images/contact_map_1.png) no-repeat; z-index:12;position: relative;}
.map_down { width:304px; height:130px; background:url(../images/contact_map_2.png) no-repeat;top:180px; z-index:13;position: relative;}
.google_map{position:absolute;top:0px;left:1px;width:304px;height:400px;z-index:10;}
  
  #contactDIV #contact-t ul { margin-top:40px;}
  #contactDIV #contact-t ul li.add, #contactAll ul li ul li.add,
  #contactDIV #contact-t ul li.tel,
  #contactDIV #contact-t ul li.email { width:235px; padding-left:25px; letter-spacing:1px; font-family:Georgia, "Times New Roman", Times, serif;font-size:12.5px;}
	#contactDIV #contact-t ul li.add, #contactAll ul li ul li.add { background:url(../images/ico_address.png) left 6px no-repeat;}
	#contactDIV #contact-t ul li.tel { background:url(../images/ico_tel.png) left 6px no-repeat;}
	#contactDIV #contact-t ul li.email { background:url(../images/ico_email.png) left 6px no-repeat;}

#contactAll { width:1000px; margin-top:80px; background:url(../images/contact_bg02.png) center 90px no-repeat; letter-spacing:1px; font-family:Georgia, "Times New Roman", Times, serif;font-size:12.5px; text-indent:-20px; padding-left:0px;}
#contactAll ul { width:230px; float:left;}
#contactAll ul:last-child { border-right:none;}
  #contactAll ul li ul { width:190px; padding-bottom:20px; margin:25px 25px 0 25px; line-height:190%; border-bottom:1px solid #c7c7c7;}
  #contactAll ul li ul:last-child { border-bottom:none;}
  #contactAll ul li ul li img { display:block; margin:10px auto 20px 40px;}
  #contactAll ul li ul li.tel,
  #contactAll ul li ul li.email,
  #contactAll ul li ul li.location,#contactAll ul li ul li.fax { width:145px; padding-left:25px;}
	#contactAll ul li ul li.tel { background:url(../images/ico_tel.png) left 6px no-repeat;}
	#contactAll ul li ul li.email { background:url(../images/ico_email.png) left 8px no-repeat;}
	#contactAll ul li ul li.location { background:url(../images/ico_location.png) 1px 6px no-repeat;}	
	#contactAll ul li ul li.fax { background:url(../images/ico_fax.png) 1px 6px no-repeat;}	

.icongraph{  letter-spacing:0.7px; font-family:Georgia, "Times New Roman", Times, serif;font-size:12px;-webkit-text-size-adjust:none; }

/*====================美福故事==========================*/
.story #articleDIV p { width:445px;}
.story .quote { margin:50px 0 0 25px; font-size:16px; font-style:italic; color:#535353; letter-spacing:0.2em;}

/*====================推薦食材==========================*/
#recommendDIV { width:1000px; padding-bottom:40px; margin-top:35px; border-bottom:1px solid #c7c7c7;}
#recommendDIV.last { border-bottom:none;}
#recommendDIV img.brandImg { float:left; padding-left:20px;}
#recommendDIV #brandInfo { width:600px; float:left; padding-left:40px;}
/*==================== 食材百科==========================*/
#encyclopedia{ width:1000px; padding-bottom:40px; margin-top:35px;}
#encyclopedia.last { border-bottom:none;}
#encyclopedia img {float:left; margin-top:5px;}
#encyclopedia a{ text-decoration:underline;color:#666; font-weight:bold;}
#encyclopedia a:hover{ color:#999;}
		#brandInfo2 .titleE { font-size:16px; font-weight:bold; margin-bottom:5px; color:#fe7a7a; text-indent:-20px;}
		#brandInfo2 { width:920px; margin:50px auto 0 auto;}
		#brandInfo2 ul li { list-style:decimal; padding:30px 0;line-height:28px; border-bottom: 1px solid #c7c7c7;}
		#brandInfo2ul li:last-child { border-bottom:none;}
		#brandInfo2 .titleQ { font-size:15px; font-weight:bold; margin-bottom:5px;}
        #brandInfo2 .refernce_title a{ font-size:13px; line-height:20px; color:#fe7a7a;text-decoration:underline;}
		#brandInfo2 .refernce_title_b{ font-size:13px; line-height:24px; color:#666}
		#brandInfo2 .refernce_title a:hover{ color:#cf7070;}

.tsc_tables2_2 { font-size:12px; background:#fff; border-collapse:collapse; text-align:left; margin:10px 0 10px 0;}
.tsc_tables2_2 th { font-size:12px; font-weight:normal; color:#000; padding:10px 8px; border-bottom:2px dotted #ccc;}
.tsc_tables2_2 td { border-bottom:1px solid #ccc; color:#666; padding:4px 8px;}
.tsc_tables2_2 tbody tr:hover td { color:#333; background-color:#ebebeb;}

/*====================常見問題==========================*/
#qnaDIV { width:920px; margin:50px auto 0 auto;}
#qnaDIV ul li { list-style:none; padding:30px 0; border-bottom:1px solid #c7c7c7; line-height:28px;}
#qnaDIV ul li:last-child { border-bottom:none;}
#qnaDIV .titleQ { font-size:15px; font-weight:bold; margin-bottom:5px;}

/*====================代理品牌==========================*/
#container.brand { position:relative;}
#container.brand #dropdown { position:absolute; top:0; right:100px;}

#brandDIV { width:870px; margin:50px 0 80px 130px;}
#brandDIV ul { width:240px; float:left; margin-right:40px;}
#brandDIV ul:last-child { margin-right:0;}
#brandDIV ul li.tagCharter { width:25px; height:25px; margin-bottom:25px; border-bottom:1px solid #c7c7c7; color:#e37979; text-align:center; line-height:25px;}

.wrapper-dropdown {
	width:84px;
	height:30px;
	position: relative;
	float:right;
	font-size:14px;
	color:#fff;
	line-height:30px;
	text-align:left; 
	padding-left:13px;
	border:0;
	background:url(../images/brand_dropdown_xx.png) left top no-repeat;
    cursor: pointer;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}
.wrapper-dropdown2 {
	width:84px;
	height:30px;
	position: relative;
	float:right;
	font-size:14px;
	color:#fff;
	line-height:30px;
	text-align:left; 
	padding-left:13px;
	border:0;
	background:url(../images/brand_dropdown_xx2.png) left top no-repeat;
    cursor: pointer;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}
.wrapper-dropdown .dropdown, .wrapper-dropdown2 .dropdown {
    position: absolute;
	width:97px;
    top: 100%;
    left: 0;
    background:#ffb3b0;
    border-radius: 0 0 5px 5px;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    /* Hiding */
    max-height: 0;
    overflow: hidden;
}
.wrapper-dropdown .dropdown li,.wrapper-dropdown2 .dropdown li { padding:0 0 0 13px;}
.wrapper-dropdown .dropdown li a,.wrapper-dropdown2 .dropdown li a { height:30px; line-height:30px; display: block; text-decoration: none; color: #fff; transition: all 0.1s ease-out;}
/* Hover state */
.wrapper-dropdown .dropdown li:hover a,.wrapper-dropdown2 .dropdown li:hover a { color: #fff;}
/* Active state */
.wrapper-dropdown.active,.wrapper-dropdown2.active { color: white;}
.wrapper-dropdown.active:after,.wrapper-dropdown2.active:after { /*border-color: #82d1ff transparent;*/}
.wrapper-dropdown.active .dropdown,.wrapper-dropdown2.active .dropdown { max-height: 450px;}

/*====================著作權聲明==========================*/
#articleDIV.copyright { margin-top:80px;}
#articleDIV.copyright ul { width:445px;}
#articleDIV.copyright ul li { margin-bottom:20px; clear:both;}
#articleDIV.copyright ul li p { width:420px; float:right;}
#articleDIV.copyright ul li ul li { margin-left:30px; margin-bottom:0;}
#articleDIV.copyright ul li ul li p { width:385px; float:right;}

/*====================網站地圖==========================*/
#sitemapBox { width:265px; float:left; margin:0 26px; text-align:center;}
#sitemapTitle { width:85px; height:15px; padding:0 90px; margin-bottom:25px; background:url(../images/line_01.png) center 6px repeat-x;}
#sitemapTitle div { background:#f5f5f5; text-align:center; letter-spacing:0.1em; line-height:15px; font-weight:bold;}
#sitemapTitle div a { margin:0 !important;}
#sitemapBox a { display:block; margin:10px auto;}

/*====================友站連結==========================*/
#linksBox li { width:145px; float:left; margin:0 10px 50px 40px; text-align:center;}
#linksBox li.marL { margin-left:300px;}
#linksBox li img { margin-bottom:15px;}
#linksBox li dt { font-weight:bold; line-height:120%;}
#linksBox li dd { font-family:Arial, Helvetica, sans-serif; font-size:12px; letter-spacing:0; line-height:150%;}

/*====================回最上面==========================*/
#back-top {
	position: fixed;
	bottom: 30px;
	right: 30px;
}
#back-top a {
	width: 40px;
	display: block;
	text-align: center;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
/* arrow icon (span tag) */
#back-top span {
	width: 40px;
	height: 40px;
	display: block;
	margin-bottom: 7px;
	background: #fff url(../images/up-arrow.png) no-repeat center center;
	/* rounded corners */
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover span {
	background: #000 url(../images/up-arrow2.png) no-repeat center center;
}
/*====================EJ==========================*/
@font-face {
    font-family: "Philosopher";
    src: url(../font/Philosopher-Regular_0.ttf);
}
@font-face {
    font-family: "DFMingStd";
    src: url(../font/DFMingStd-W9.otf);
}
.row{ clear:both;}
.error { text-align:center !important;}
.error h1{ font-size:26px !important; color:#999; margin-bottom:30px;}
.error img{ max-width:100%; padding:60px; display:inline !important;}
.bt-more{background:url(../images/arrow.png) 70px center no-repeat #f79b9b; padding:8px 43px 8px 12px; border-radius:8px; color:#fff;}
.btF{ padding:60px 0;}
.btF ul{ list-style:none; }
.btF li{ display:inline-flex; font-family: "微軟正黑體", "Microsoft JhengHei"; margin-right:40px;}
.btF li:last-child{margin-right:0;}
.btF span{ padding:16px 10px 25px 10px;}
.btF img{ display:inline;}
.btF li:before{ content:""; background:url(../images/btL.png) no-repeat; width:41px; height:57px; position: relative;top:
-16px;}
.btF li:after{ content:""; background:url(../images/btR.png) no-repeat; width:41px;height:57px; position:relative;top:
-16px;}
.btF .bg{ background:url(../images/btF.png) repeat-x; height:57px; }
.btF .activ a{ color:#F79B9B;}
.bgGray{ background:#e9e8e6; margin-bottom:80px; padding:10px 0;}
.bgGray #container{ width:980px;}
.btitle{ background:url(../images/lineG.png) repeat-x center; text-align:center; margin:60px 0 20px;}
.btitle img{ display:inline;}
.col-7{ width:65%; float:left; line-height:28px;}
.col-3{ width:30%; float:right; }
.col-3 i{ position:relative;left: 220px;top: 280px;}
.col-3 a{ color:#fff; font-size:20px;}
.col-3 img{ width:258px; border-radius:10px; margin-top:40px;}
.col-7 h1,#brandInfo h1,.food_content_text h1,.food_dry_text h1{font-family: "微軟正黑體","DFMingStd";letter-spacing:5px; margin-bottom:30px;}
.col-7 h1 span,#brandInfo h1 span,.food_content_text h1 span,.food_dry_text h1 span{font-family: "Philosopher"; color:#F79B9B; font-size:12px; letter-spacing:2px; padding-left:10px;}
.pull-right{ float:right;}
@media all and (-ms-high-contrast:none){ /*ie11*/
*::-ms-backdrop, .btF li:before{ content:""\0; background:url(../images/btL.png) no-repeat \0; width:41px \0; height:57px \0; position: relative \0;top:-16px \0; padding:20px \0;}
*::-ms-backdrop, .btF li:after{ content:""\0; background:url(../images/btR.png) no-repeat \0; width:41px \0;height:57px \0; position:relative \0;top:-16px \0;padding:20px \0;}
 }
/*====================備用==========================*/
@media screen and (min-width: 1025px) { 
.main_pic2{
  display:none;}
}

@media screen and (max-width: 1024px) { 
#slogan_all{
	margin-top:10%;
}
.main_pic2 img{
	width:100%;
	min-width:1000px;}
.btF li{ margin-right:20px;}
}

/*====================retina==========================*/
@media (min-resolution: 192dpi), (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
.CI{
	background-image:url("../images/CI@2x.png");
	background-size: 91px 135px;}
/*
.footer{
	background-image:url("../images/copyright_bg@2x.png");
	background-size: 980px 206px; }
*/
}