/*design by brad */

/*font*/
@font-face {
 font-family: trebuc;
src: url('../font/trebuc.eot'),
url('../font/trebuc.ttf') format('truetype'),
url('../font/trebuc.svg#trebuc') format('svg'),
url('../font/trebuc.otf'),
url('../font/trebuc.woff') format('woff');
}  

@font-face {
 font-family: trebucit;
src: url('../font/trebucit.eot'),
url('../font/trebucit.ttf') format('truetype'),
url('../font/trebucit.svg#trebucit') format('svg'),
url('../font/trebucit.otf'),
url('../font/trebucit.woff') format('woff');
}  

@font-face {
 font-family: comic;
src: url('../font/comic.eot'),
url('../font/comic.ttf') format('truetype'),
url('../font/comic.svg#trebucit') format('svg'),
url('../font/comic.otf'),
url('../font/comic.woff') format('woff');
}  





/*global*/
*{margin: 0; padding: 0;}

body{ background: url(../images/bg.jpg) repeat; background-size: 30%;}
.clearfix , .peter-navbar:after {content:".";display:block;height:0;clear:both;visibility:hidden}
.wrapper{width: 1200px; margin: 0 auto; position: relative; }
.peter-header{ display: block; background: url(../images/bg2.jpg) 10% repeat; background-size: 0%;}
.ct-bg{ background: url(../images/body-bg-bin.png) bottom right; background-size: cover; width: 100%; height: 100%;}


/*head*/
.peter-header{height: 180px; position: relative;}
.head-bg-roof{ display: block; height: 40%; width: 100%; background: url(../images/bg-roof.png) 0 0 repeat-x; background-size:contain; position: absolute; top: 0; left: 0; }
.logo{ width: 30%; display: inline-block; float: left; margin-top:110px; position: absolute; z-index: 100;}
.logo img{ width: 80%; height: auto;}
.ico-fb{ width: 40px; height: 40px; display: inline-block; background: url(../images/ico-fb.png) center no-repeat; background-size: cover;  position: absolute; margin-top: 120px; right: 5%;  z-index: 100;}
.ico-tw{ width: 40px; height: 40px; display: inline-block; background: url(../images/ico-tw.png) center no-repeat; background-size: cover; position: absolute; margin-top: 120px; right: 12%; z-index: 100;}
.ico-lajiao{ display:block; position: absolute;top:2%; background: url(../images/ico-lajiao.png) center no-repeat; background-size:contain; width: 13%; height:140%; z-index: 999;}
.head-bg-mt{width: 100%; display: block; height: 180px ; position: absolute; top: 0; right: 0; background: url(../images/top-bg-mt.png) bottom right no-repeat; background-size: contain; z-index: 99;}

/*nav*/
.navbar-nav{ margin-top: 0; font-weight: 700;}
.peter-navbar{ background: #C83134; display: block; }
 .peter-navbar .navbar-nav{ position: relative;}
.peter-navbar .navbar-nav>li>a{ color: #fff; padding-left:40px;padding-right:40px; font-size: 18px; display: inline-block; }
.peter-navbar .navbar-nav .current em {
	z-index: 9999;
	width: 100%;
	height: 5px; 
	 position:absolute;
	 bottom: 0;
	 display: block;
    background-color: #d2a471;
	background-image: -webkit-linear-gradient(left, #c9b787, #cfbb8c 49%, #f0efdc 79%, #bfae74 99%);
	background-image: -moz-linear-gradient(left, #c9b787, #cfbb8c 49%, #f0efdc 79%, #bfae74 99%);
	background-image: -o-linear-gradient(left, #c9b787, #cfbb8c 49%, #f0efdc 79%, #bfae74 99%);
	background-image: -ms-linear-gradient(left, #c9b787, #cfbb8c 49%, #f0efdc 79%, #bfae74 99%);
	background-image: linear-gradient(to right, #c9b787, #cfbb8c 49%, #f0efdc 79%, #bfae74 99%); }

.peter-navbar .navbar-nav>li>a:hover,.peter-navbar .navbar-nav>li>a:visited, .peter-navbar .navbar-nav>.active>a, .peter-navbar .navbar-nav>.active>a:focus, .peter-navbar .navbar-nav>.active>a:hover{ background:#ab2125; color: #fff;}



/*container*/
.container{  }
.peter-panel{ border: 2px solid #ca3338; border-radius: 0; margin-top:4%; position: relative; background: #f8f1e2;}
.peter-panel .ico-pt-top-left{ position: absolute; display: block; width: 20px; height: 20px; background: url(../images/corner-top-left.jpg) no-repeat; background-size: cover; left: -2px; top: -2px;}
.peter-panel .ico-pt-top-right{ position: absolute; display: block; width: 20px; height: 20px; background: url(../images/corner-top-right.jpg) no-repeat; background-size: cover; right: -2px; top: -2px;}
.peter-panel .ico-pt-bottom-left{  position: absolute;display: block; width: 20px; height: 20px; background: url(../images/corner-bottom-left.jpg) no-repeat; background-size: cover; left:  -2px; bottom: -2px;}
.peter-panel .ico-pt-bottom-right{ position: absolute; display: block; width: 20px; height: 20px; background: url(../images/corner-bottom-right.jpg) no-repeat; background-size: cover;  right:  -2px; bottom: -2px;}

/*slide*/


.carousel-control.left{ display: block; width:90px; height: 90px; border-radius: 90px; background: url(../images/btn-left.png) center no-repeat; background-size: cover; top:45%; left: 5%; }
.carousel-control.right{ display: block; width:90px; height: 90px; border-radius: 90px; background: url(../images/btn-right.png) center no-repeat; background-size: cover; top: 45%; right: 5%;}

/*index-peter-panel */

.peter-panel .panel-heading{ background: none; border-bottom: 2px solid #ca3338;  text-align: center;  position: relative;}
.peter-panel .panel-title{ padding: 5px 0;}
.peter-panel .pt-more{ position: absolute; right: 2%; top: 35%; color: #6a6a6a;}
/**/

.row{ margin: 0;}

.col-md-6{ padding-right: 0;padding-left: 0;}
.pt-media{ padding: 20px 15px; border-bottom: 1px solid #c2bcb0;}
.pt-media:last-child{ border-bottom: none;}
.pt-media h4{display: block; white-space: nowrap;margin-bottom: 15px; color: #515151; text-overflow:ellipsis; overflow:hidden;}
.pt-media p { display: block;overflow: hidden; color: #616161; -moz-height:45px;  height: 40px; -webkit-height:40px;}
.pt-media i{ display: block;  text-align: right; font-size: 13px; margin-top: 15px; color: #7f7f7f; width: 99%; }
/*index-nemu*/
.menu-box{ display: block; width: 100%;position:relative;}
.menu-box .menu{ width: 100px; height: 100px; text-align: center; background: url(../images/ico-c-log.png) center no-repeat; margin: 40px auto;  background-size: cover;}
.menu-box .line{ width: 40%; height: 2px; display: block; position: absolute; top: 50%; background: #C83134}
.menu-tab{ display: block; margin: 40px auto 80px;}
.menu-tab  .img-box{position: relative; margin-top: 10px; }
.menu-tab img{ width: 100%;}
.menu-tab li{ list-style: none; }
.menu-tab li span{ display: block; width:100%; text-align: center; padding: .9em 0;  background: rgba(0,0,0,.5); font-size: 20px; color: #fff; bottom:0 ; position: absolute;}
.menu-tab .col-md-4{ padding-right: 5px; padding-left: 5px;}

/*footer*/
footer{ background:url(../images/ft-bg.jpg) 20%  repeat-x #a93c38; padding: 2% 0; text-align: center; font-size: 14px; color: #fff; line-height: 27px;}
footer .location{ height: 20px; width: 20px;}
footer .location:before{ content: ""; display: inline-block;  background: url(../images/ico-location.png) center no-repeat; height: 22px; width: 20px; background-size: 62%; vertical-align: middle; margin-right: 5px;}
footer a, footer a:hover{ color: #fff;}
 footer .phone:before{ content: ""; display: inline-block; background: url(../images/ico-pho.png) center no-repeat;    height: 20px ; width: 24px; background-size: 70%; vertical-align: middle; margin-right: 5px;}




/*news page*/
.normal-title-box{ display: block; position: relative;}
.normal-title-box .normal-title{ height: 50px; line-height: 50px; font-size: 30px; color: #C33033; display: block; text-align: center;  font-weight: 700; margin: 50px auto; }
.normal-title-box .line{ width: 35%; height: 2px;display: block; position: absolute; top: 50%; background: #C83134;}

.news-list-clip{ background:#F9F5E8; padding: 20px; margin-top: 20px; /**/transition: box-shadow 0.3s ease-out 0s; border:1px solid #e1d8c9; box-shadow: 0 2px 3px #cecabb ;}
.news-list-clip:hover{ box-shadow: 0 2px 15px #a9a38e; }
.news-list-clip img{ width: 210px; height: auto;}
.news-list-clip .pull-left{ padding-right: 20px; }
.news-list-clip .time{ font-size: 13px; color: #7e7e7e;}
.news-list-clip  h4{ color: #515151; font-weight: 700;}
.news-list-clip .content, .dishe-list .content{font-size: 15px; display: block; margin-top: 10px;  color: #6a6a6a;}
.news-list-clip .btn-danger{ border-radius: 0; background: #C33033; border:none; margin-top: 5px;
}
.news-list-box  .row , .dishes-list-box .col-md-6{ padding-left: 10px; padding-right: 10px;}
.news-list .more , .dishes-list-box .more{ display: block; font-size: 16px; color: #C33033; text-align: right ; line-height: 50px; margin: 10px auto;}

/*news detail*/
.news-detail h3{ display: block;  margin-top: 80px;}
.news-detail .date{ display: block; margin-top: 20px; color:#C33033; font-size: 16px; line-height: 50px;  text-align: center; }
.news-detail .date span{ margin-right: 20px;}
.news-detail .art-detail{ display: block; font-size: 15px; line-height: 30px; margin: 20px auto 40px;}
.news-detail p{ margin: 10px auto;}
.news-detail img{ display: block; margin:10px auto; max-width:100%; }


/*dishes*/
.dishes-nav{ display: block; }
.dishes-nav a{ display: inline-block; padding: 10px 13px; font-size: 16px; color: #515151;}
.dishes-nav .current{  color: #d03439;}
.dishe-list{ display: block; background:#F9F5E8; padding: 20px; margin-top: 20px; /**/transition: box-shadow 0.3s ease-out 0s; border:1px solid #e1d8c9; box-shadow: 0 2px 3px #cecabb ; position: relative;}
.dishe-list:hover, .local-list-clip:hover{ box-shadow: 0 2px 15px #a9a38e; }
.dishe-list .pull-left img{ width: 200px; height: 150px; }
.dishe-list .pull-left { padding-right: 20px;}
.dishe-list .content{ margin-top: 20px;}
.dishe-list .price{ position: absolute; right: 20px; top:15px; color: #C33033; font-size: 20px; font-weight: 700;}
/*.dishe-list .media-heading{ width: 80%;}*/
.dishes-list-box{ margin-bottom: 50px; margin-top: 20px;}
.dishes-list-box .col-md-6{ padding-left: 10px; padding-right: 10px;}
.dishes-list-box .more{ padding-right: 10px;}

/*locator*/
.locator-list-box .page-header{ border-bottom:1px solid #c2bcb0; margin-left: 10px; margin-right: 10px;}
.locator-list-box .page-header
.comin-soon{ color: #b09550 !important;}

.local-list-clip{ display: block;
    background: #F9F5E8;
    padding: 20px;
    margin-bottom: 20px;
    transition: box-shadow 0.3s ease-out 0s;
    border: 1px solid #e1d8c9;
    box-shadow: 0 2px 3px #cecabb;
    position: relative;}
.local-list-clip { position: relative;}
.local-list-clip .btn-danger{ position: absolute; right: 20px; top: 20px; background: #C33033; border-radius: 0;    border-color: #d43f3a;}
.local-list-clip p{ margin-bottom: 0; }
 .local-list-clip .opera{ position:absolute; right: 20px; bottom: 20px; }
.local-list-clip .dropdown-menu{  right: 0 ; left: initial; background: #faf5e8; }
.local-list-clip  .dropdown-menu li{ padding:5px 10px; color: #6a6a6a; }
.showmenu{ position:absolute; top:80px; right:20px;}



/*about*/



.about-box{ font-size: 16px; color: #555555; line-height: 27px; margin-bottom: 50px;}
.about-box img{ max-width: 100%}





/*fix*/
.news-list-box{ margin-bottom: 50px;}

.peter-panel .panel-body, .news-list-clip, .news-detail, .dishe-list, .local-list-clip, .locator-list-box,  .local-list-clip .opera{font-family: 'trebuc'}
.peter-panel .panel-body .media-heading, .dishe-list .media-heading, .local-list-clip h4{font-weight:700;}
.pt-media p, .news-detail, .dishe-list .content , .local-list-clip p, .about-box p, .news-list-clip .content, .dishe-list .content, .news-detail .art-detail , .local-list-clip .opera{ font-family: 'trebucit'; font-size: 16px; color: #6a6a6a }




.peter-panel .panel-title, .peter-panel .more, .peter-navbar .navbar-nav, .normal-title, .dishes-nav , .more, .pt-more, .menu-tab li span, .res-nav-select, .res-nav-dropdown{ font-family: comic; }
.peter-panel .panel-title, .normal-title, .res-nav-select { font-size: 35px !important; color: #b92427; font-weight: 700 !important;}

.more, .pt-more{font-size: 18px !important;}

/*new-add*/
.res-nav-dropdown { display:none;
	color: #fff;
    padding-left: 40px;
    padding-right: 40px;
    font-size: 18px;}



/*fix*/
.peter-panel .pull-right{ width: 185px; height: 108px; overflow: hidden;}
.peter-panel .pull-right img{ width: 185px; height: auto;}
.peter-panel .pt-media h4{ overflow: hidden; height: 30px; white-space: normal; height: 20px;}
.peter-panel .pt-media{}
.dishe-list .pull-left{}