@charset "utf-8";

/*
	標準主黃色 #aa8351 
*/

/*google font*/
/* @import url('https://fonts.googleapis.com/css?family=Noto+Sans+TC&display=swap'); */
@import url('https://fonts.googleapis.com/css?family=Oswald:300,400,500,600');


/* CSS Document */
html, body, ul, li, h1, h2, h3, h4, h5, h6, p, fieldset, legend {padding:0; margin:0;}
body {font-family:'Helvetica W01 Light', Helvetica, Arial, "微軟正黑體","Microsoft Jhenghei",sans-serif; color: #fff; font-size: 14px; background: #fff;}

/* body {font-family: 'Noto Sans TC', sans-serif; color: #333; font-size: 14px; background: url(../image/page_bg.jpg) repeat center top fixed; background-size: contain;} */

/* body {font-family:'Helvetica W01 Light', Helvetica, Arial, "微軟正黑體","Microsoft Jhenghei",sans-serif; color: #333; font-size: 14px;} */
/* body {font-family: 'Oswald', "微軟正黑體","Microsoft Jhenghei",sans-serif; font-weight: 300; background: #fff;} */
/* body{font-family: 'PT Sans', sans-serif, "微軟正黑體","Microsoft Jhenghei",sans-serif; overflow-x: hidden;} */


a{	outline: none; /* for Firefox Google Chrome  */
	behavior:expression(this.onFocus=this.blur()); /* for IE */    
	text-decoration: none;
/* 	-moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; */
	cursor: pointer;
}	  
img {border: 0px; display: block;}	  
ul,li {list-style-type:none; text-transform:none;}
input{-moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; -webkit-box-shadow:  0px inset;-moz-box-shadow:  0px inset; box-shadow:  0px inset; box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; /* Safari */ outline: none; -webkit-appearance:none;}
.clean{ clear: both;}





/*index start *********************************************************************************************************************************************************************/


/*index_kv*/
.index_kv_row_full{ width: 100%;}
.index_kv_row_center{ width: 100%; margin: 0px auto 0 auto; position: relative; }
.kv_img img{ width: 100%;}
.kv_mobile_img{ display: none;}
.index_kv_row_center .funene_logo{ width: 150px; position: absolute; left: 20px; top: 20px;}
.index_kv_row_center .funene_logo img{ width: 100%;}



/* page all */
.page_row_full{ overflow: hidden; width: 100%; position: relative; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.page_row_center{ width: 100%; margin: 0 auto; position: relative; overflow: hidden;}




/* story */
.story_row_full{ overflow: hidden; width: 100%; position: relative; background: url(../image/story_bg.jpg) no-repeat center top; background-size: cover;}
.story_row_center{ max-width: 1200px; margin: 0 auto; padding: 200px 0 200px 0; position: relative; overflow: hidden;}
.story_row_center .title{ text-align: center; padding: 0 20px;}
.story_row_center .title h2.en{ font-size: 40px; margin: 0 0 -5px 0; font-family: Oswald; font-weight: 600; text-transform: uppercase;}
.story_row_center .title h2.ch{ font-size: 25px; text-transform: uppercase; margin: 0 0 20px 0;}
.story_row_center .title p{ font-size: 16px; font-weight: bold; line-height: 24px;}


/* menu */
.menu_list{ overflow: hidden; padding: 50px 0;}
.menu_list li{ width: calc(100%/4); float: left; display: block; border-right: 1px solid #000; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.menu_list li:last-child{ border: 0px;}
.menu_list li img{ width: 100%;}


/* store */
.store_row_full{ overflow: hidden; width: 100%; position: relative;  background: url(../image/store_bg.jpg) no-repeat center top; background-size: cover;}
.store_row_center{ max-width: 1200px; margin: 0 auto; padding: 50px 0 50px 0; position: relative; overflow: hidden;}
.store_list{ overflow: hidden; padding: 50px 0; }
.store_list li{ width: calc(100%/2); float: left; display: block; text-align: center; border-right: 1px solid #fff; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.store_list li:last-child{ border: 0px;}
.store_list li .title{ text-align: center;}
.store_list li .title h2.en{ font-size: 40px; margin: 0 0 -5px 0; font-family: Oswald; font-weight: 600; text-transform: uppercase;}
.store_list li .title h2.ch{ font-size: 25px; text-transform: uppercase; margin: 0 0 20px 0;}
.table_add{ text-align: left; display: inline-block; margin: 0 auto;}
.table_add td { vertical-align: top;}
.btn_map{ display: inline-block; background: #fff; color: #000; border-radius: 50px; padding: 3px 10px; margin: 10px 0 0 0;}
.btn_map:hover{ background: #000; color: #fff;}






/*footer start *********************************************************************************************************************************************************************/
/*footer*/
.footer_full{ overflow: hidden; width: 100%; position: relative; background: #000; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.footer_center{ max-width: 1200px; margin: 0 auto; padding: 100px 0; position: relative; overflow: hidden; text-align: center;}

.footer_center .title{ text-align: center;}
.footer_center .title h2.en{ font-size: 40px; margin: 0 0 -5px 0; font-family: Oswald; font-weight: 600; text-transform: uppercase;}
.footer_center .title h2.ch{ font-size: 25px; text-transform: uppercase; margin: 0 0 20px 0;}
.footer_center .title p{ font-size: 16px; font-weight: bold; line-height: 24px;}

.footer_center .footer_logo{ width: 120px; margin: 0 auto;}
.footer_center .footer_logo img{ width: 100%;}

.footer_center .footer_social_list{ overflow: hidden; text-align: center; margin: 50px 0 100px 0;}
.footer_center .footer_social_list li{ display: inline-block; width: 150px; margin: 0 10px;}
.footer_center .footer_social_list li img{ width: 100%;}
.footer_center .footer_social_list li:last-child{ }
.footer_center .footer_social_list li p{ margin: 10px 0 0 0;}

.footer_center .footer_copyright{ display: block; font-size: 12px; text-align: center; text-transform: uppercase;}













/*remodal project open *********************************************************************************************************************************************************************/
.remodal{ /* width: 80%; */}








/* RWD *******************************************************************************************************************************************************************/

.icon_menu,.icon_close{ display: none;}


@media screen and (max-width: 899px) {
	

	
	.index_kv_row_full{ }
	.index_kv_row_center{ }
	.kv_img{ display: none;}
	.kv_mobile_img{ display: block;}
	.kv_mobile_img img{ width: 100%;}
	.index_kv_row_center .funene_logo{ display: none;}

	.story_row_center{ padding: 100px 0 100px 0;}

	.menu_list{ padding: 50px 20px;}
	.menu_list li{ width: calc(100%/1); border-right: 0px; border-bottom: 1px solid #000; padding: 20px 0;}
	
	.store_row_center{ padding: 50px 20px;}
	.store_list li{ width: calc(100%/1); border-right: 0px; border-bottom: 1px solid #fff; padding: 20px 0;}
	
	.footer_center .footer_social_list li{ margin: 10px;}
}