@charset "utf-8";
@import url("reset.css");
@import url("loading.css");
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------->>> Main <<<------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

html { height:100% }
body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; -webkit-text-size-adjust:none; font-size:12px; overflow-y:scroll }
body, td, th { font-size:12px; font-family: Arial, "文泉驛正黑", "WenQuanYi Zen Hei", "儷黑 Pro", "Microsoft JhengHei", "新細明體", "PMingLiU", sans-serif; }
.iframe_ch { display:none }
.middle{ vertical-align:middle;}

/*a { text-decoration:none; color:#231815;}
a:hover { color:#666;}*/

/* ----------------------------------------------------------------------------------------------------------------*/
/* ------------------------------>>> Common <<<----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

#banner{ position:relative; width:1024px; height:195px;}
#pager_container{ width:1024px; min-height:300px; overflow:hidden; background:#FFF; text-align:left; padding:40px;}
#pager_title{ position:relative; }
#pager_title .share_btn{position:absolute; right:90px; top:-10px;}
#pager_title .title{ float:left; width:200px; height:77px; line-height:77px; padding-left:20px; box-sizing: border-box; font-size:18px; letter-spacing:1px; background:url(../../images/title_icon.jpg) no-repeat;}
#pager_title .title span{display:inline-block; padding:0 5px; color:#f4a23b; font-size:12px;}
#pager_title .line{float:left; width:740px; height:77px; background:url(../../images/title_line.jpg) repeat-x;}
#pager{width:100%; height:50px; line-height:50px; text-align:center; margin:0 auto; clear:both; padding-top:20px;}

#pager_container2{ width:1024px; min-height:300px; overflow:hidden; background:#FFF; text-align:left; padding:40px;}
#pager_title2 .title{float:left; width:150px; height:77px; line-height:77px; padding-left:20px; box-sizing: border-box; font-size:18px; letter-spacing:1px; background:url(../../images/title_icon.jpg) no-repeat;}
#pager_title2 .title span{display:inline-block; padding:0 5px; color:#f4a23b; font-size:12px;}
#pager_title2 .line{float:left; width:550px; height:77px; background:url(../../images/title_line.jpg) repeat-x;}

#pager_container2 .left{ float:left; width:200px;}
#pager_container2 .right{ float:left; width:700px;}

.input1{ border:1px solid #CCC; height:20px; width:300px; letter-spacing:1px; padding-left:5px; outline:0; -webkit-border-radius: 5px; -moz-border-radius: 5px;border-radius: 5px; color:#333;}
.select1{ border:1px solid #CCC; height:22px;  letter-spacing:1px; padding-left:5px; margin-left:-5px; outline:0; -webkit-border-radius: 5px; -moz-border-radius: 5px;border-radius: 5px; color:#333;}/* width:80px;*/
.textarea1{border:1px solid #CCC; height:100px; width:600px; letter-spacing:1px; padding:5px; outline:0; -webkit-border-radius: 5px; -moz-border-radius: 5px;border-radius: 5px; color:#333;}
.btn1{padding:10px 40px; background:#a6a19d; color:#ffffff; font-size:15px; letter-spacing:1px; margin:0 10px; border:0; -webkit-border-radius: 5px; -moz-border-radius: 5px;border-radius: 5px; cursor:pointer; cursor:hand; -webkit-transition:.6s;-ms-transition:.6s;-moz-transition:.6s;}
.btn1:hover{ background:#ef6000;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ------------------------------>>> Index <<<----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

.body_bg{ background:url(../../images/bg.jpg) repeat; }

#wrapper{ width:1024px; min-height:1000px; margin:0 auto; overflow:hidden; }
#index_banner{ position:relative; width:1024px; height:400px;}

#menu{ width:1024px; height:140px; background:url(../../images/bg.jpg) repeat; margin:0 auto; text-align:center; padding-top:30px; }
#menu span{ display:inline-block; margin:0 8px;}

#meal{ width:1024px; height:300px; background:#FFF; text-align:center; padding:30px 0;}
#meal .slogan{ color:#d7a86e; height:40px; letter-spacing:2px; font-size:15px;}
#meal .slogan span{ font-weight:bold; }
#meal .list{ margin:0 auto;}
#meal .list div{ float:left; width:212px; margin:0 22px; }
#meal .list div span{ display:inline-block; height:40px; line-height:20px; font-size:15px; letter-spacing:1px; color:#2f2f2f;}

#container{ width:1024px; height:215px; padding:40px; }
#container .left{ width:450px; float:left; margin-right:50px;}
#container .right{ width:450px; float:left;}
#container .bigtitle{ padding-bottom:20px;}
#container .title{float:right; letter-spacing:1px; margin-bottom:20px;}
#container a{ color:#000000; text-decoration:none;}
#container a:hover{ text-decoration:underline; }
#container .news_list{height:35px; line-height:35px; border-bottom:1px dotted #7c7c78; letter-spacing:1px;}
#container .news_list a{ color:#373737; text-decoration:none;}
#container .news_list a:hover{ color:#ef6000;}
#container .news_list span{ color:#b11221;}
#container .list{ margin:0 auto;}
#container .list div{ float:left; width:212px; }
#container .list div span{ display:inline-block; height:60px; line-height:20px; font-size:12px; letter-spacing:1px; color:#373737;}

#footer{ padding-top:30px; height:230px; background:url(../../images/bg.jpg) repeat; text-align:center; }
#footer .info{ padding-left:180px; width:400px; height:135px; text-align:left; float:left; }
#footer .info div span{ width:65px; display:inline-block;}
#footer .info div{ height:25px; letter-spacing:1px; color:#484848;}
#footer .menu{float:right; width:400px; height:100px; text-align:left;}
#footer .menu div{ letter-spacing:1px; float:left; line-height:25px; width:130px; }
#footer .menu div a{ color:#484848; text-decoration:none;}
#footer .menu div a:hover{ color:#ef6000;}
#footer .line{clear:both; width:938px; border-bottom:1px solid #a6a6a6; margin:0 auto;}
#footer .copyright{ height:40px; line-height:40px; letter-spacing:1px; width:950px; color:#565959; text-align:right; margin:0 auto;}
#footer .copyright a{ color:#565959; text-decoration:none;}
#footer .copyright a:hover{ text-decoration:underline;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ------------------------------>>> Member <<<----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

#member_menu div{width:139px; height:32px; line-height:32px; background:#F29520; text-align:left; padding-left:20px; box-sizing: border-box; letter-spacing:1px; color:#fff; cursor:pointer; cursor:hand; margin-bottom:10px;}
#member_menu div:hover{ background:#ef6000; -webkit-transition:.6s;-ms-transition:.6s;-moz-transition:.6s;}
.member_title{margin-top:100px; color:#ef6000; letter-spacing:1px; font-size:16px; font-weight:bold; }
.member_title2{color:#ef6000; letter-spacing:1px; font-size:16px; font-weight:bold; }
#member .info{ padding-top:30px; padding-left:20px; text-align:left; float:left; }
#member .info div span{  display:inline-block;}/*width:85px;*/
#member .info div{ height:50px; letter-spacing:2px; color:#484848; font-size:13px;}
#member .line{clear:both; border-top:1px dotted #CCC; padding-top:30px; text-align:right;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ------------------------------>>> About <<<----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

#about{clear:both; width:940px; margin-top:100px;}
#about .left{float:left; width:500px;}
#about .right{float:left; position:relative; width:340px; padding-top:50px;}
#about .right .title{float:right; font-size:16px; letter-spacing:1px;}
#about .right .content{margin-top:60px; letter-spacing:1px; line-height:25px; text-align:justify;}
#about .right .slogan{ color:#d7a86e; height:40px; letter-spacing:2px; font-size:15px;}
#about .right .slogan span{ font-weight:bold; }


/* ----------------------------------------------------------------------------------------------------------------*/
/* ------------------------------>>> Meal <<<----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

#meal_intro .list{ margin:0 auto;}
#meal_intro .list div{ float:left; width:189px; margin:0 22px; }
#meal_intro .list div span{ display:inline-block; height:50px; width:212px; text-align:center; line-height:18px; font-size:15px; letter-spacing:1px; color:#2f2f2f;}
#meal_menu .title{letter-spacing:1px; font-weight:bold; font-size:15px; height:40px; line-height:40px;}
#meal_menu .menu{width:152px; height:59px; border-top:1px dotted #999; box-sizing: border-box; padding-left:50px;  cursor:pointer; cursor:hand;}
#meal_menu .menu table td{ font-size:15px; font-weight:bold; letter-spacing:1px; }
#meal_menu .menu:hover{opacity: 0.7; -webkit-transition:.6s;-ms-transition:.6s;-moz-transition:.6s;}
#meal_menu .menu span{ width:45px; text-align:center; color:#fff; font-weight:normal;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ------------------------------>>> Meal Detail <<<----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

#meal_detail{margin-top:110px;}
#meal_detail .left{float:left; width:350px}
#meal_detail .left img{border:1px solid #CCC; padding:5px;}
#meal_detail .right{float:left; width:350px}	
#meal_detail .right .title_area{width:350px; min-height:40px; overflow:hidden; border-bottom:1px dotted #999;}
#meal_detail .right .title_area .dot{float:left; width:5px; height:20px; background:#319c06;}
#meal_detail .right .title_area .title{float:left;font-size:20px; letter-spacing:1px; color:#319c06; padding-left:10px;}
#meal_detail .right .text{letter-spacing:1px; color:#4e4841; line-height:22px; padding:10px 0; min-height:90px;}
#meal_detail .right .price{font-size:15px; height:60px; line-height:40px; color:#FE2D37; letter-spacing:1px; border-bottom:1px dotted #999;}
#meal_detail .intro_title{clear:both; padding-top:50px; height:50px; line-height:50px; color:#7d7a7b; letter-spacing:1px; font-size:18px; border-bottom:1px dotted #999;}
#meal_detail .intro{padding:20px 0; letter-spacing:1px; line-height:25px;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ------------------------------>>> Kitchen <<<----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

#kitchen{clear:both; width:940px; margin-top:100px;}
#kitchen .left{float:left; width:500px;}
#kitchen .right{float:left; position:relative; width:440px; }
#kitchen .right .content{ letter-spacing:1px; line-height:25px; text-align:justify;}
#kitchen .right .slogan{ color:#f29520; height:40px; margin:20px 0; letter-spacing:2px; font-size:15px;}
#kitchen .right .slogan span{ font-weight:bold; }


/* ----------------------------------------------------------------------------------------------------------------*/
/* ------------------------------>>> Contact <<<----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

#contact{clear:both; width:750px; margin-top:130px;}
#contact .left{float:left; width:400px; padding-top:50px; box-sizing: border-box; }
#contact .right{float:left; position:relative; width:340px; }
#contact .left .info{ padding-top:30px; padding-left:20px; height:150px; text-align:left; float:left; }
#contact .left .info div span{ width:85px; display:inline-block;}
#contact .left .info div{ height:35px; width:335px; letter-spacing:2px; color:#484848; font-size:13px;}
#contact .main_area{clear:both; padding-top:50px; padding-left:30px;}
#contact .main_area .tips{letter-spacing:1px; line-height:25px; color:#4a4a48;}
#contact .main_area .info{ padding-top:30px; padding-left:20px; text-align:left; float:left; }
#contact .main_area .info div span{ width:90px; display:inline-block;}
#contact .main_area .info div{ height:45px; letter-spacing:2px; color:#484848; font-size:13px;}
#contact .main_area a{ color:#666;}



/* ----------------------------------------------------------------------------------------------------------------*/
/* ------------------------------>>> News <<<----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

#news{clear:both; width:940px; margin-top:100px;}
#news #list{width:100%; height:190px; border-bottom:1px dotted #B2B2B2; clear:both; padding-top:20px;}
#news #list .left{float:left; width:160px; height:190px; color:#4A4A48; letter-spacing:2px; padding-top:5px;}
#news #list .right{float:left; width:780px; height:190px;}
#news #list .title{letter-spacing:1px; font-size:15px;}
#news #list .title a{ color:#EF6000; text-decoration:none; display:inline-block; padding:5px; }
#news #list .title a:hover{ background:#FEF6AD;}
#news #list .content{margin-top:30px; letter-spacing:1px; line-height:25px; font-size:13px; color:#4a4a48;}
#news #list .more{ cursor:pointer; cursor:hand; float:right; margin-right:10px; display:inline-block; color:#fff; background:#EF6000; padding:5px 7px; -webkit-border-radius: 5px; -moz-border-radius: 5px;border-radius: 5px;}
#news #list .more:hover{ background:#ef7f34;}


/* ----------------------------------------------------------------------------------------------------------------*/
/* ------------------------------>>> Share <<<----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

#share{clear:both; width:940px; margin-top:100px;}
#share .square{width:277px; height:340px; float:left; margin-bottom:50px; text-align:center;}
#share .square .date{height:35px; line-height:35px; border-bottom:1px dotted #7F7F7F; text-align:left; letter-spacing:1px; color:#4A4A48;}
#share .square .date span{text-align:center; display:inline-block; width:60px; height:25px; line-height:25px; background:#FFF077; letter-spacing:1px; color:#000;}
#share .square .title{height:35px; line-height:35px; border-bottom:1px dotted #7F7F7F; text-align:left; letter-spacing:1px; color:#4A4A48;}
#share .square .title span{text-align:center; display:inline-block; width:60px; height:25px; line-height:25px; background:#9aeff0; letter-spacing:1px; color:#000;}
#share .square .title a{ color:#4A4A48; text-decoration:none; }
#share .square .title a:hover{ color:#0065FF;}
#share .square .content{ line-height:20px; letter-spacing:1px; text-align:left;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ------------------------------>>> Share-detail <<<----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

#share_detail{clear:both; width:940px; margin-top:100px;}
#share_detail .date{display:inline-block; padding:6px 15px; letter-spacing:1px; background:#8c8c8c; color:#fff; -webkit-border-radius: 5px; -moz-border-radius: 5px;border-radius: 5px;}
#share_detail .title1{height:45px; line-height:45px; color:#f86c64; font-size:15px; letter-spacing:1px;}
#share_detail .title2{color:#cd934a; font-size:15px; letter-spacing:1px; height:35px; border-bottom:1px dotted #7f7f7f; }
#share_detail .content{color:#4a4a48; letter-spacing:1px; line-height:25px; font-size:13px; border-bottom:2px dotted #7f7f7f; margin:20px 0;}
#share_detail .btn{ clear:both; padding:8px; cursor:pointer; cursor:hand; text-align:center; color:#fff; background:#f29520; letter-spacing:1px; width:80px; margin:0 auto; -webkit-border-radius: 5px; -moz-border-radius: 5px;border-radius: 5px;}
#share_detail .btn:hover{ background:#e88305;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ------------------------------>>> Loadaction <<<----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

.Loadaction_Box { position: fixed; left: 0px; top:0px; background-image:url(../../images/action_bg.png); z-index:100000000 }
.Loadaction { position: fixed; padding-top:5px; width: 220px; height: 45px; left: 42%; top: 42%; background-image:url(../../images/action_bg.png); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
.Actionupload_Text { font-size:13px; color:#FFFFFF; height:20px; }

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------->>> pagelink <<<--------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

.cssa { font-family:Verdana; letter-spacing:1px; font-size:12px; padding-right:10px; padding-left:10px }
.cssb { font-family:Verdana; letter-spacing:1px; font-size:12px; padding-right:5px; padding-left:5px }
.cssc { padding-bottom:3px; letter-spacing:1px; font-size:12px; padding-left:10px; padding-right:10px; height:40px }
.cssd { font-family:Verdana; font-size:12px; letter-spacing:2px; height:10px; border:1px solid #FFFFFF }
a.pagelink_no:link { color: #003399; text-decoration: none; font-family:Verdana; font-size:12px; letter-spacing:1px; }
a.pagelink_no:visited { color: #003399; text-decoration: none; font-family:Verdana; font-size:12px; letter-spacing:1px }
a.pagelink_no:active { color: #003399; text-decoration: none; font-family:Verdana; font-size:12px; letter-spacing:1px }
a.pagelink_no:hover { color: #003399; text-decoration: underline; font-family:Verdana; font-size:12px; letter-spacing:1px }
a.pagelink:link { color: #333333; text-decoration: none; font-family:Verdana; font-size:12px; letter-spacing:1px; }
a.pagelink:visited { color: #333333; text-decoration: none; font-family:Verdana; font-size:12px; letter-spacing:1px }
a.pagelink:active { color: #333333; text-decoration: none; font-family:Verdana; font-size:12px; letter-spacing:1px }
a.pagelink:hover { color: #333333; text-decoration: underline; font-family:Verdana; font-size:12px; letter-spacing:1px }
a.pagelink_ch:link { color: #cc3300; text-decoration: none; font-family:Verdana; font-size:12px; letter-spacing:1px; font-weight:bold }
a.pagelink_ch:visited { color: #cc3300; text-decoration: none; font-family:Verdana; font-size:12px; letter-spacing:1px; font-weight:bold }
a.pagelink_ch:active { color: #cc3300; text-decoration: none; font-family:Verdana; font-size:12px; letter-spacing:1px; font-weight:bold }
a.pagelink_ch:hover { color: #cc3300; text-decoration: underline; font-family:Verdana; font-size:12px; letter-spacing:1px; font-weight:bold }