@charset "UTF-8"; /* CSS Document */

body{color: #384650; font-size:15px; background:#fff; }
a{color: #384650;text-decoration: none; }
a:hover{ text-decoration: none;color: #EC6B1F; }
a:focus{ text-decoration:none}
::selection{ background:#FDD100; color:#384650} 
h1,h2,h3,h4,h5,h6{margin:0; }
b, strong{ font-weight:bold; }
input[type=text].form-control{ position:relative; z-index:1; }
input, button{ outline:none !important; }
img{ max-width:100%; }
.fc-orange{color:#EB6B1F; }

.header{ border:none; margin:0; }
.top-head{ background:#FDD100; color:#fff; line-height:20px; }
.top-head .nav-pills > li:after{ content:"|"; display:block; float:left; padding:10px 20px; color:#444; font-size:12px; }
.top-head .nav-pills > .last:after{ display:none; }
.top-head .nav-pills > li > a{color:#444; float:left; }
.top-head .nav-pills > li > a:hover,.top-head .nav-pills > li > a:focus{ color:#fff; }
.top-head .nav-pills > li.active > a, .top-head .nav-pills > li.active > a:hover, .top-head .nav-pills > li.active > a:focus{ color:#fff; }
.top-head .nav-pills > li.active > a:before{ display:block; content:""; position:absolute; bottom:0; left:50%;border-bottom: 8px solid #FFFFFF; border-left: 8px solid transparent; border-right: 8px solid transparent; width:16px; height:8px; margin-left:-8px; }
.top-head .main-menu{ float:left}
.top-head .member-menu{ float:right; position:relative; }
.top-head .member-menu .btn{ background:none; border-radius:0; color:#fff;display:block; width:110px; text-align:center; }
.top-head .member-menu .btn.collapsed{ color:#444; }
.top-head .member-menu .nav-pills > li > a i{ font-size:20px; margin-right:10px; }
.top-head .member-menu .nav-pills > .notice > a i{ margin-right:5px; }
.top-head .member-menu .nav-pills > .notice .num{ min-width:20px; height:20px; line-height:18px; font-size:13px; color:#fff; border:1px solid #fff; border-radius:10px; text-align:center; background:#EC6B1F; margin-left:7px; display:inline-block; vertical-align:top; padding:0 5px; }

.head-socail{ margin:0; position:absolute; top:5px; right:40px;}
.head-socail li{ float:left; margin-right:10px;text-align:center;border-radius:3px; }
.head-socail li:hover{ opacity:.8}
.head-socail a{ display:block; min-width:30px; font-size:20px; color:#fff; height:30px; line-height:20px; padding:5px; }
.head-socail a i{ display:block; }
.head-socail .fb{ background:#3A5BA2}
.head-socail .ln a{padding:0; line-height:30px;}
.head-socail .ln img{ height:30px; display:block;border-radius:3px; }



.navbar-header{ float:none; }
.navbar-header .navbar-brand{ padding:20px 0; height:auto; float:none; display:block; }
.navbar-header .navbar-brand img{ width:258px; }
.navbar-header .btn i{ font-size:20px; line-height:20px; margin-right:10px; }
.navbar-header .search-bar .btn{ width:100px; font-size:17px; }
.navbar-header .search-bar .btn i{ font-size:18px; margin-right:5px; line-height:18px; }
.navbar-header .search-bar .form-control{ border-color:#FDD100; box-shadow:inset 0 0 4px rgba(0,0,0,.2) }
.navbar-header .search-bar .list-inline{ line-height:20px; margin-top:10px; font-size:13px; height:20px; overflow:hidden; }
.navbar-header .search-bar .list-inline a{ color:#666; }

.footer{ padding:20px 0 25px; }
.footer .container{ position:relative; }
.foot-link li{ line-height:20px; float:left; }
.foot-link li:after{ content:"|"; display:block; float:right; padding:0 20px; color:#444; font-size:12px; }
.foot-link li:last-child:after{ display:none; }
.copyright{ font-size:12px; color:#777; }
.copyright a{ color:#777; }
.foot-socail{ margin:0; }
.foot-socail li{ float:left; margin-left:20px;border-radius:3px;text-align:center; }
.foot-socail li:hover{ opacity:.8}
.foot-socail a{ display:block; width:40px; font-size:20px; color:#fff; height:40px; line-height:20px; padding:10px; }
.foot-socail a i{ display:block; }
.foot-socail .fb{ background:#3A5BA2}
.foot-socail .yt{ background:#E02F2F}
.foot-socail .ln{ background:#00BF1A}
.foot-socail .ln a{ padding:15px 5px;}
.foot-socail .ln img{ width:30px; display:block; }

/*all setting*/
.fs12{ font-size:12px; }
.fs13{ font-size:13px; }
.fs14{ font-size:14px; }
.fs17{ font-size:17px; }
.p20{ padding:20px; }
.p10{ padding:10px; }
.pb10{ padding-bottom:10px; }
.pb20{ padding-bottom:20px; }
.pt10{ padding-top:10px; }
.pt20{ padding-top:20px; }
.m10{ margin:10px; }
.m20{ margin:20px; }
.m0{ margin:0; }
.mb0{ margin-bottom:0; }
.mb10{ margin-bottom:10px; }
.mb20{ margin-bottom:20px; }
.mb30{ margin-bottom:30px; }
.mb40{ margin-bottom:40px; }
.mt0{ margin-top:0; }
.mt10{ margin-top:10px; }
.mt20{ margin-top:20px; }
.mt30{ margin-top:30px; }
.mt40{ margin-top:40px; }
.mtb10{ margin:20px 0; }
.mtb20{ margin:20px 0; }
.mtb30{ margin:30px 0; }
.mtb40{ margin:40px 0; }
.pos-res{ position:relative; }
.text-muted{ color:#999; }
.nav-pills > li{ position:relative; line-height:20px; }
.nav-pills > li + li {   margin-left: 0; }
.nav-pills > li > a{ border-radius:0; padding:10px 0; color:#384650; }
.nav-pills > li > a:hover,.nav-pills > li > a:focus{background:none; }
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus{ background:none; color:#384650; }
.btn{ line-height:20px; font-size:15px; padding:10px; border-radius:3px; outline:none !important;height:40px;background-color: #FDD100;color: #384650; border:none; text-align:center; }
.btn:hover, .btn:focus{ background-color:#384650; color:#FDD100; }
.btn-line{ background-color:#fff; border:1px solid #ccc; padding:9px; }
.btn-line:hover, .btn-line:focus{ background:#FDD100; border-color:#FDD100; color:#384650}
.btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default{}
.btn:active,.btn:focus{ box-shadow:none; }
.btn i{ font-size:20px; }
.form-control{ border-radius:3px; font-size:15px; line-height:20px; padding:9px; height:40px; outline:none !important; }
.form-control:focus,.form-control:active{ box-shadow:none; }
.form-control::-webkit-input-placeholder { color:#aaa; }
.form-control::-moz-placeholder { color:#aaa; } /* firefox 19+ */
.form-control:-ms-input-placeholder { color:#aaa; } /* ie */
.form-control:-moz-placeholder { color:#aaa; }
.btn-more{ padding:4px 10px; height:30px; width:75px; text-align:left; background:#fff; background-size:11px; color:#444; border:1px solid #ccc; }
.btn-more:hover, .btn-more:focus{ background-color:#FDD100 ;color:#384650; border-color:#FDD100; }
.btn-more i{ font-size:12px; margin:4px 0 0 10px}
.img-responsive{ width:100%; }
[class^="icon-"], [class*=" icon-"]{ display:inline-block; vertical-align:top; }
.title1{ background:#fff; font-size:20px; font-weight:normal; line-height:20px; box-shadow:inset 0 -1px 0 #D6D6D6; position:relative; }
.title1 span{position:relative;display:block; float:left;padding:20px 0; }
.title1 span:before{ content:""; width:100%; display:block; position:absolute; bottom:-2px;background:#FCD000; height:3px; left:0; }
.title1 small{ font-size:14px; color:#777; line-height:60px; position:absolute; right:0; top:0; }
.title1 .btn{ position:absolute; top:10px; right:0; }
.title2{ background:#fff; font-size:17px; font-weight:normal; line-height:20px; box-shadow:inset 0 -1px 0 #eee;position:relative; }
.title2 span{position:relative;display:block; float:left;padding:15px 0; }
.title2 span:before{ content:""; width:100%; position:absolute; bottom:0;background:#384650; height:1px; left:0; }
.title3{ background:#fff; font-size:20px; font-weight:normal; line-height:20px; box-shadow:inset 0 -1px 0 #D6D6D6; position:relative; color:#666; padding:25px 0 15px; margin-bottom:30px; }
.title3:before{ content:""; width:120px; display:block; position:absolute; bottom:-2px;background:#FCD000; height:3px; left:0; }

.title-big{ font-size:25px; line-height:30px; }
.title-big small{ line-height:70px; }
.title-big .btn{ top:15px; }

.content{ background:#EEEDE8; padding:20px 0 50px; }
.ad-pc{ display:block; }
.sidebar .ad-pc img{ width:auto; margin:0 auto; }
.modal{ opacity:1;background: rgba(0,0,0,.5); }
.modal-content{    -webkit-box-shadow: none;box-shadow: none; background-color:transparent; border:none;padding-right:200px; }
.modal-header{ padding:0 0 0 20px; min-height:60px; border:none; position:relative; z-index:1; }
.modal-body{ background:#fff; padding:20px; }
.modal-footer { padding:0; border:none; position:absolute; width:180px; right:0; top:0; }
.modal-footer .btn{ background-color:#fff; }
.modal-footer .btn:hover, .modal-footer .btn:focus{ background-color:#FDD100; color:#384630; }
.modal-footer .btn i{ font-size:20px; vertical-align:top; }
.add-type .title {font-size: 17px;line-height: 30px;margin: 0 0 10px;font-weight: normal;min-height: 30px; }
.add-type img{ border-radius:3px}
.tv-content .top-head{ background-color:#384650; }
.tv-content .top-head .nav-pills > li > a, .tv-content .top-head .nav-pills > li:after, .tv-content .top-head .member-menu .btn.collapsed{ color:#fff; }
.tv-content .top-head .nav-pills > li > a:hover, .tv-content .top-head .nav-pills > li > a:focus, .tv-content .top-head .nav-pills > li.active > a, .tv-content .top-head .nav-pills > li.active > a:hover, .tv-content .top-head .nav-pills > li.active > a:focus{ color:#FDD100; }
.item .pc{ position:relative; }
.item .name{ font-size:15px; margin:5px 0 7px; text-decoration:underline; font-weight:normal; }
.item .man{ margin:7px 0 0; font-size:12px; color:#999; line-height:18px}
.added-item .meta .add i{ color:#FF4C4C; }
.meta{ font-size:12px; line-height:18px; color:#666; margin-bottom:0; }	
.meta li{ position:relative; }
.meta i{ font-size:14px; padding:2px 5px 0 0; color:#999; }
.meta .icon-bubble:after{content: "\f141"; position:absolute; color:#fff; font-size:12px; left:7px; top:3px; }
.action .add-like:after{ content:"收藏"}
.action .add-list:after{ content:"清單"}
.item .hover-link{width:100%; height:100%; position:absolute;top:0; left:0; z-index:1; }
.added-item .action .add-like:after{ content:"已收藏"}
.added-item .action .add-like:hover:after{ content:"取消"}
.input-box { border:1px solid #ccc; background:#fff; box-shadow:inset 2px 2px 4px rgba(0,0,0,.15); border-radius:3px; position:relative; }
.input-box .form-control{ border:none; background:none; line-height:20px; height:auto; padding:9px;border-radius:0; height:38px; color:#666; box-shadow:none; }
.input-box select.form-control{ padding-right: 10px; }
/* evezone add */
.recipe-info .input-group { margin-bottom: 20px; }
.recipe-info .input-group .input-box { border-radius: 3px 0 0 3px; }
.recipe-info .input-group .input-box .form-control { float: none; }
.recipe-info .input-group .input-group-addon { background-color: #fefefe; }
.reg-success .icon-smile { margin-bottom: 20px; font-size: 70px; color: #EB6B1F; }
.reg-success { text-align: center; }
.reg-success h3 { margin-bottom: 10px; color: #EB6B1F; font-weight: bold; }
.reg-success .links { padding-top: 30px; }
.reg-success .links a { display: inline-block; padding: 5px 10px; }

.food-list .item{ background:#fff; position:relative; margin-bottom:20px; }
.food-list .item .action{  position:absolute;text-align:center; }
.food-list .item .action .btn{ position:relative; z-index:9; width:60px; height:60px; border-radius:50%; background:#fff; font-size:14px; text-align:center; }
.food-list .item .action .btn:hover,.food-list .item .action .btn:focus{ background:#384650; }
.food-list .item .action .btn i{ display:block;text-align:center; margin:0 auto; font-size:18px; line-height:20px; }
.food-list .item .item-content{ padding:10px; position:relative; }
.food-list .item .name{white-space:nowrap;text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden; }
.food-list .item .description{}
.food-list .item .description .inner{ max-height:72px; overflow:hidden; font-size:13px; line-height:18px; }
.food-list .item .action .add-like{ color:#FF4C4C; }
.food-list .added-item .action .add-like{ background-color:#FF4C4C !important; color:#fff !important; }

.food-list2 .item{ position:relative; padding-bottom:20px; margin-bottom:20px; border-bottom:1px dotted #D6D6D6; }
.food-list2 .item .pc{ float:left; width:25%; }
.food-list2 .item .item-content{ padding:0 0 0 20px; position:relative; margin-left:25%; }
.food-list2 .item .name{white-space:nowrap;text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden; font-size:18px; line-height:1.2em; }
.food-list2 .item .meta{ margin:10px 0 5px; }
.food-list2 .item .description{max-height:2.8em; overflow:hidden; font-size:14px; line-height:1.4em; margin-bottom:15px; }
.food-list2 .item .ingredient{ line-height:1.4em; color:#835724; font-size:14px; margin:0; }
.food-list2 .item:hover .name, .food-list2 .item:hover .description{ color:#EC6B1F; }
.food-list2 .item .action{  position:absolute;text-align:center; }
.food-list2 .item .action .btn{ position:relative; z-index:9; width:60px; height:60px; border-radius:50%; background:#fff; font-size:14px; text-align:center; }
.food-list2 .item .action .btn:hover,.food-list .item .action .btn:focus{ background:#384650; }
.food-list2 .item .action .btn i{ display:block;text-align:center; margin:0 auto; font-size:18px; line-height:20px; }
.food-list2 .added-item .action .add-like{ background-color:#FF4C4C !important; color:#fff !important; }
.food-list2.food-one .item .btn-edit{background: #EEEDE8;font-size: 16px; text-align: center; width:80px; line-height:20px;position: absolute;left: 12.5%;top: 120px; z-index:2; margin:-30px 0 0 -40px; color: #384650; }
.food-list2.food-one .item .btn-edit i{font-size: 16px;margin: 1px 5px 2px 0; }
.food-list2.food-one .item .btn-edit:hover, .food-list2.food-one .item .btn-edit:focus{background-color: #FDD100; color: #384650; }

.muti-list  .item .pc{ width:185px; }
.muti-list .item .item-content{ margin-left:185px; }
.muti-list .a-item .man-pc{    position: absolute;border: 5px solid #fff;border-bottom: 0;bottom: 0;left: 0;width: 50px; }
.muti-list .v-item .video-time {position: absolute;width: 50px;line-height: 24px;text-align: center;color: #fff;font-size: 12px;top: 0;left: 0;z-index: 1;background: rgba(0,0,0,.6); }
.muti-list .v-item .action{ z-index:2; }
.muti-list .v-item .hover-link{ z-index:3}

.tv-list .item{ background:#fff; position:relative; margin-bottom:20px; }
.tv-list .item .action{  position:absolute;text-align:center; z-index:1; }
.tv-list .item .action span{ position:relative; z-index:1; width:60px; height:60px; border-radius:50%; background:#fff; text-align:center; display:block; }
.tv-list .item .action span i{ display:block;text-align:center;padding:18px 0; font-size:24px; }
.tv-list .item .item-content{ padding:10px; position:relative; }
.tv-list .item .name{white-space:nowrap;text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden; }
.tv-list .added-item .action .add-like{ background-color:#FF4C4C !important; color:#fff !important; }
.tv-list .item .video-time{ position:absolute; width:50px; line-height:24px; text-align:center; color:#fff; font-size:12px; top:0; left:0; z-index:1; background:rgba(0,0,0,.6)}

.sidebar .box{ background:#fff; padding:0 20px; margin-bottom:20px; }
.sidebar .expert .title2{ padding-right:0; }
.sidebar .title2{ padding-right:75px; }
.sidebar .title2 .btn-more{ position:absolute; right:0; top:10px; border-color:transparent}
.sidebar .food-list .item, .sidebar .tv-list .item{ margin-top:20px; }
.sidebar .food-side .title2 span:before{ background:#EC6B1F}
.sidebar .food-side .title2 span{ color:#EC6B1F; }
.sidebar .food-list .item .action .btn-go{ padding:15px; }
.sidebar .food-list .item .action .btn-go i{ font-size:30px; margin-left:2px; line-height:30px; }
.sidebar .tv-list .title2 span:before{ background:#DF2E2E}
.sidebar .tv-list .title2 span{ color:#DF2E2E; }

.sidebar .author-box .pc{ position:relative; }
.sidebar .author-box .pc .name{ position:absolute; text-align:center; width:100%; padding-right:80px; bottom:0; left:0;background: rgba(253,209,0,.8); font-size:19px; line-height:40px; }
.sidebar .author-box .pc .name a{ display:block; }
.sidebar .author-box .pc .btn{ width:80px; border-radius:0; color:#fff; font-size:13px; background:#FF4D4D;position:absolute;bottom:0; right:0; }
.sidebar .author-box .pc .btn:hover,.sidebar .author-box .pc .btn:focus,.recipe .added-author .pc .btn{ background: #F22; }
.sidebar .author-box .pc .btn:before{ content:"加入追蹤"}
.sidebar .added-author .pc .btn:before{ content:"已追蹤"}
.sidebar .added-author .pc .btn:hover:before{ content:"取消追蹤"}
.sidebar .author-box .data ul{ margin:0}
.sidebar .author-box .data li{ width:33.33333%; float:left; text-align:center;border-left:1px solid #455561}
.sidebar .author-box .data li:first-child{ border-left:none}
.sidebar .author-box .data{background:#384650; color:#fff; padding:10px; line-height:20px; font-size:12px; }
.sidebar .author-box .data span{ color:#FDD100; }
.article-info .author-box .data li{ width:50%; }
.article-info .author-box .data li:first-child{ cursor:pointer; }

/* evezone add */
.sidebar .author-box .data .list-3-col li { width: 33.3333333333%; border-left:1px solid #455561; }
.sidebar .author-box .data .list-3-col li:first-child { border-left: none; }

.expert>ul{ margin:0; }
.expert .item{ border-bottom:1px solid #eee; padding:20px 0; }
.expert .item .head{ /*height:60px;*/ overflow:hidden; }
.expert .item .pc{ float:left; margin-right:15px; width:90px; }
.expert .item .name{ overflow: hidden; line-height:20px; height:60px; display:table-cell; vertical-align:middle; }
.expert .item .man{ margin-top:10px 0 0 ; }
.expert .item .description{ margin:20px 0 10px; color:#666; line-height:18px; max-height:36px; overflow:hidden; font-size:13px; }
.expert .btn{ background:none; color:#384650; font-size:13px; }
.expert .btn:hover, .expert .btn:focus{ color: #EC6B1F; }
.hr-dott{ border-bottom:1px dotted #999; height:1px; margin:0 0 20px; background:none; }
.main .box{ background:#fff; padding:10px 20px; margin-bottom:20px; }
.breadcrumb{ margin:0; line-height:20px; border-radius:0; padding:10px; background: linear-gradient(to bottom, #fff 0%,#f3f3f3 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#f3f3f3',GradientType=0 ); font-size:14px; }
.breadcrumb > li a{ color:#666; text-decoration:underline; }
.breadcrumb > li + li:before{ padding:0 8px; color:#666; content:">"}
.share-tool{ float:left; margin:0; }
.share-tool li{ float:left; margin-right:20px; margin-bottom:5px; }
.share-tool li:last-child{ margin-right:0; }
.share-tool .line-share a{ background:#00C300; color:#fff; font-weight:bold; font-size:12px; display:block; border-radius:3px; padding:0 0 0 25px; width:100px; position:relative; line-height:20px; }
.share-tool .line-share a:after{ content:"用LINE傳送"; }
.share-tool .line-share a img{ position:absolute; left:3px; top:0; height:20px; width:20px; ; }
.comment li{ position:relative; padding-bottom:20px; margin-bottom:20px; padding-left:80px; min-height:80px; line-height:15px; }
.comment > li{ border-bottom:1px dotted #ccc; }
.comment .pc{ width:60px; position:absolute; left:0; top:0; }
.comment .man{ font-size:12px; text-decoration:underline; }
.comment .time{ color:#999; font-size:12px; margin-right:10px; }
.comment .text{ text-decoration:underline; line-height:20px; font-size:15px; margin-bottom:5px; min-height:40px; }
.comment  ul{ margin:15px 0 0 -80px; position:relative; }
.comment  ul:before{display: block;content: "";position: absolute;top: -10px;left: 20px;border-bottom: 10px solid #FCF5D8;border-left: 10px solid transparent;border-right: 10px solid transparent;width: 20px;height: 10px; }
.comment  ul > li{ padding:10px 10px 10px 80px;background: #FCF5D8; min-height:70px; margin:0; }
.comment  ul > li + li{ margin-top:10px; }
.comment  ul .pc{ width:50px; left:10px; top:10px; }
.comment  ul .text{ min-height:30px; font-size:14px; color:#666; }
.comment .foot-area{ color:#777; border:none; }
.comment .foot-area .input-box{ margin-bottom:20px; background:#f5f5f5; box-shadow:inset 2px 2px 4px rgba(0,0,0,.15); }
.comment .foot-area .input-box .form-control{height:98px; }
.comment .foot-area .btn{ float:right; width:110px; }

.pagination { margin:0 0 20px; }
.pagination > li:first-child > a, .pagination > li:last-child > a{border-radius: 0; }
.pagination > li > a{ min-width:40px; line-height:20px; padding:10px; border:1px solid #eee; color:#666; font-size:16px; margin:0 10px 10px 0; ; text-align:center; }
.pagination > li.active > a, .pagination > li.active > a:hover,.pagination > li.active > a:focus, .pagination > li > a:hover,.pagination > li > a:focus{ background:#FDD100; color:#384650; border-color:#FDD100; }

.add-type .modal-dialog{top:30%; }

/*home*/
.home-category .title1{ padding-left:20px; }
.category{ background:#fff; }
.category a{ display:block; line-height:20px;padding:10px 10px 10px 30px; }
.category>li>a{ font-size:17px; padding:15px 10px 15px 15px; min-height:50px; }
.category>li>a:hover{ background:#FDD100; color:#384650; }
.category>.foot>a{ font-size:13px; text-align:center; padding:5px 10px; box-shadow:inset 0 1px 0 #ddd; min-height:30px; }
.category ul{box-shadow:inset 0 1px 0 #ddd; }
.category ul li{ position:relative; }
.category ul li:before{ position:absolute; content: "";display: block;width: 6px;height: 6px;background: #999;border-radius: 50%;top:17px;left: 15px; }
.category ul li a{ color:#444; min-height:40px; }
.category ul li a:hover{ color:#EC6B1F; }
.home-fb iframe{ width:100% !important;}
.fb-page>span{ display:block;}
.fb-page>span, .fb-page iframe{ max-width:100%}

.banner{ background:#fff; padding:0 20px 20px}
#home-tab {position:relative; }
#home-tab .tab-pane {display: none; }
#home-tab .tab-pane.on {display: block; }
#home-tab .info img{ width:100%; }
#home-tab .tab-list ul{ margin:0; }
#home-tab .tab-list{ box-shadow:inset 0 -1px 0 #eee; margin-bottom:20px; }
#home-tab .tab-list li{position:relative;margin:0; padding:15px 20px; font-size:17px; line-height:20px; color:#384650; display:block;cursor: pointer; float:left; }
#home-tab .tab-list li.on:before, #home-tab .tab-list li.over:before{ content:""; width:100%; position:absolute; bottom:-2px; background:#FCD000; height:3px; left:0; }
.home-banner {position:relative; padding-right:50%; }
.home-banner .info {display: none; }
.home-banner .info.on {display: block; }
.home-banner .info img{ width:100%; }
.home-banner .text-list {width:50%;height:100%; position:absolute; right:0; top:0; padding-left:20px; }
.home-banner .text-list ul{ height:100%; }
.home-banner .text-list li {cursor: pointer;height: 20%; border-bottom:1px dotted #ddd; position:relative;padding-left:20px; display:table; width:100%}
.home-banner .text-list li:last-child{ border-color:#fff; }
.home-banner .text-list li:before{ position:absolute; content:""; display:block; width:6px; height:6px; background:#999; border-radius:50%; top:50%; left:7px; margin-top:-3px; }
.home-banner .text-list li.on a, .home-banner .text-list li.over a{ color:#EC6B1F; }
.home-banner .text-list li.on:before, .home-banner .text-list li.over:before{ background:#EC6B1F; }
.home-banner .text-list li a{ display:table-cell; height:100%; line-height:100%; vertical-align:middle; max-width:100%; }
.home-banner .text-list li a span{ display:block; white-space:nowrap;text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden; }

.activity-home { overflow:hidden; }
.activity-home .text-list{ display:none; }
.activity-home .carousel-control{    opacity: 1; background:none; height:40px; width:40px; font-size:30px; padding:5px; line-height:20px; top:50%; margin-top:-20px; bottom:auto; color:#FDD100; background:#384650; text-shadow:none; -webkit-transition: all 0.3s; transition: all 0.3s; }
.activity-home .carousel-control:hover{ background-color:#FDD100; color:#384650; }
.activity-home:hover  .carousel-control.right{ right:0}
.activity-home:hover  .carousel-control.left{ left:0; }
.activity-home .carousel-control.right{ border-radius:3px 0 0 3px; right:-50px; }
.activity-home .carousel-control.left{border-radius:0 3px 3px 0; left:-50px; }
/*
inspired from http://codepen.io/Rowno/pen/Afykb 
*/
.activity-home .carousel-inner .item {  opacity: 0; transition-property: opacity; }
.activity-home .carousel-inner .active {  opacity: 1; }
.activity-home .carousel-inner .active.left,
.activity-home .carousel-inner .active.right {  left: 0; opacity: 0; z-index: 1; }

.activity-home .carousel-inner .next.left,
.activity-home .carousel-inner .prev.right {  opacity: 1; }

.activity-home .carousel-control {  z-index: 2; }

/*
WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
now override the 3.3 new styles for modern browsers & apply opacity
*/
@media all and (transform-3d), (-webkit-transform-3d) {
    .activity-home .carousel-inner > .item.next,
    .activity-home .carousel-inner > .item.active.right {
      opacity: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
    .activity-home .carousel-inner > .item.prev,
    .activity-home .carousel-inner > .item.active.left {
      opacity: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
    .activity-home .carousel-inner > .item.next.left,
    .activity-home .carousel-inner > .item.prev.right,
    .activity-home .carousel-inner > .item.active {
      opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}

.home .title{ padding-right:85px; position:relative; font-size:17px; line-height:30px; margin:0 0 20px; font-weight:normal; min-height:30px;}
.home .title .btn-more{ position:absolute; right:0; top:0;}

/*recipe*/
.category-list .item{ margin-bottom:15px; }
.category-list .title{ border-bottom:1px solid #D6D6D6; position:relative; line-height:18px; font-size:16px;text-decoration:underline; margin:5px 0 10px; }
.category-list .title a{ padding:12px 0 20px 30px; display:block;white-space:nowrap;text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden; }
.category-list .title:before{ content:""; display:block; position:absolute; left:10px; width:6px; height:18px; top:12px; border-radius:3px; background:#FDD100; }
.category-list ul li{position:relative; min-height:30px; }
.category-list ul li:before{ content:""; display:block; position:absolute; left:10px; top:12px; width:6px; height:6px; border-radius:50%; background:#D6D6D6; }
.category-list ul a{ display:block; padding:5px 0 5px 30px; color:#666; font-size:14px; text-decoration:underline; }
.category-list ul a:hover{ color:#384650; }

.recipe .top-btn{ position:absolute; top:20px; right:20px; }
.recipe .top-btn i{ margin-right:5px; }
.recipe .box{ position:relative; }
.recipe .info{ font-size:12px; color:#666; margin:0 0 20px; line-height:20px; }
.recipe .info .timestamp{ float:left; margin:0 20px 0 0; }
.recipe .info .share-tool{ margin:0; }
.recipe .info .meta{ margin:11px 0; }
.recipe .recipe-content .meta{ margin:11px 0; }
.recipe .section1 .action .btn i{margin-right:25px; }
.recipe .section1 .action .add-like i{    color: #FF4C4C; }
.recipe .section1 .action .add-like:hover,.recipe .section1 .action .add-like:focus{ background:#FF4C4C; border-color:#FF4C4C; color:#fff; }
.recipe .section1 .action .add-like:hover i, .recipe .section1 .action .add-like:focus i{ color:#fff; }
.recipe .recipe-ingredients .ingredients h3{ background:#FFB399; font-size:17px; margin:0; padding:15px 20px; line-height:20px; }
.recipe .recipe-ingredients .ingredients ul{ border:2px solid #FFB399; border-top:none; }
.recipe .recipe-ingredients .ingredients li{ line-height:20px; padding:10px 20px; box-shadow: inset 0 -1px 0 #eee; }
.recipe .recipe-ingredients .ingredients li:last-child{ box-shadow:none; }
.recipe .recipe-ingredients .ingredients:nth-child(3n+2) h3{ background-color:#ADD04F}
.recipe .recipe-ingredients .ingredients:nth-child(3n+2) ul{ border-color:#ADD04F}
.recipe .recipe-ingredients .ingredients:nth-child(3n) h3{ background-color:#FDD100}
.recipe .recipe-ingredients .ingredients:nth-child(3n) ul{ border-color:#FDD100}
.recipe .recipe-description a{ text-decoration:underline; }
.added-recipe .recipe-content .action .add-like{ background:#FF4C4C; color:#fff; border-color:#FF4C4C; }
.added-recipe .recipe-content .action .add-like i{    color: #fff; }
.added-recipe .recipe-content .action .add-like:after{ content:"已收藏"}
.added-recipe .recipe-content .action .add-like:hover:after{ content:"取消"}
.added-recipe .recipe-content .meta .add i{ color:#FF4C4C; }

.recipe .tags{  padding:0 0 20px 30px; position:relative; border-bottom:1px dotted #ccc; margin:20px 0;font-size:14px; color:#666; min-height:41px; }
.recipe .tags:before{content: "\f02c"; font-family: 'icomoon'; position:absolute; left:0; top:0; }
.recipe .tags li, .recipe .types li{ float:left}
.recipe .tags li a{ color:#666; }
.recipe .tags li + li:before { content:"、"}
.recipe .types{ position:relative; padding-left:75px; color:#384650;font-size:14px; color:#666; }
.recipe .types:before {content:"食譜分類："; color:#666;position:absolute; left:0; top:0; width:75px; } 
.recipe .types li + li:before{ content: "/\00a0"; padding:0 5px; }
.recipe .step .num{ background:#C8C7BC; width:60px; height:60px; color:#fff;font-style:italic; font-size:40px; line-height:30px; position:absolute; left:0; top:0; border-radius:3px; font-weight:bold; text-align:center; padding-top:10px; }
.recipe .types a{ text-decoration:underline; }
.recipe .step .num:before{display: block;content: "";position: absolute;bottom: -8px;left: 50%;border-top: 8px solid #C8C7BC;border-left: 8px solid transparent;border-right: 8px solid transparent;width: 16px;height: 8px;margin-left: -8px; }
.recipe .step .num:after{content:"STEP"; font-size:12px; line-height:20px; font-weight:normal; display:block; }
.recipe .step .pc{ float:right; width:226px; margin:0 0 0 40px; }
.recipe .step li{ border-bottom:1px solid #eee; padding:0 0 20px 80px; margin-bottom:20px; position:relative; font-size:17px; line-height:1.4em; }
.recipe .step li:last-child{ border:none; }
.recipe .tip{ margin-top:50px; background:#FCF9E2; padding:20px; color:#8C6900; line-height:1.4em; position:relative; margin-bottom: 10px; }
.recipe .tip:before{ content:"小撇步"; position:absolute; width:70px; line-height:30px; text-align:center; display:block; top:-30px; left:0; background:#FDD000; color:#384650; }
.recipe .tip:after{display: block;content: "";position: absolute;top:0;left: 27px;border-top: 8px solid #FDD000;border-left: 8px solid transparent;border-right: 8px solid transparent;width: 16px;height: 8px; z-index:1; }
.recipe .section2{ margin-bottom:0; }
.recipe .section2 .types:before { color:#C7C6BB; }
.recipe .foot-author{ background:#384650; color:#fff; padding:20px 200px 20px 20px; position:relative; }
.recipe .foot-author:before{display: block;content: "";position: absolute;top: -8px;left: 50%;border-bottom: 8px solid #384650;border-left: 8px solid transparent;border-right: 8px solid transparent;width: 16px;height: 8px;margin-left: -8px; }
.recipe .foot-author .pc{ float:left; margin-right:10px; }
.recipe .foot-author h4{ font-size:19px; line-height:1.2em; margin-bottom:5px; }
.recipe .foot-author .list-inline{ font-size:12px; margin:0 0 10px; }
.recipe .foot-author .list-inline li{ padding-left:0; padding-right:20px; }
.recipe .foot-author .list-inline span{ color:#FDD100; }
.recipe .foot-author .share-tool{ position:absolute; top:20px; right:20px; }
.recipe .section3 p{ margin:0; }
.recipe .food-done .item{ border:1px solid #eee; margin-bottom:20px; padding-bottom:10px; }
.recipe .food-done .item img{ padding:5px; }
.recipe .food-done .item h5, .recipe .food-done .item p{ white-space:nowrap;text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden; padding:0 10px; }
.recipe .food-done .item h5{ margin:5px 0 ; }
.recipe .food-done .item p{ color:#666; font-size:14px; }
.foot-recipe .title{ padding-right:85px; position:relative; font-size:17px; line-height:30px; margin:0 0 20px; font-weight:normal; min-height:30px; }
.foot-recipe .title .btn-more{ position:absolute; right:0; top:0; }

.recipe .recipe-info{ border:2px solid #FDD100; color:#444; background:#fff; }
.recipe .recipe-info li{ position:relative; padding:10px 10px 10px 110px; line-height:20px; min-height:20px; box-shadow:inset 0 -1px 0 rgba(0,0,0,.05)}
.recipe .recipe-info li:last-child{ box-shadow:none; }
.recipe .recipe-info span{ position:absolute; left:20px; top:10px; color:#666; }

/*tv*/
.tv-content .content{ background:none; border-bottom:1px solid #eee; }
.tv-banner { background:url(../images/loader.gif) no-repeat center; }
.tv-banner .royalSlider{ overflow:hidden;animation-name: show; animation-duration: 5s; }
.tv-banner .rsVisibleNearbyWrap{}
@keyframes show {    from {opacity: 0}     to {opacity: 1; }}
.tv-banner .rsDefault .rsArrowIcn{ background-color:transparent; background-image:url(../images/icon/arrow.png); width:40px; height:40px; margin:-20px 0 0 -20px; opacity: .6; }
.tv-banner .rsDefault .rsArrowIcn:hover, .tv-banner .rsDefault .rsArrowIcn:focus{background-color:transparent;opacity: 1; }
.tv-banner .rsDefault.rsHor .rsArrowLeft{ left:10%; }
.tv-banner .rsDefault.rsHor .rsArrowRight{ right:10%; }
.tv-banner .rsDefault.rsHor .rsArrowLeft .rsArrowIcn{background-position:0 0}
.tv-banner .rsDefault.rsHor .rsArrowRight .rsArrowIcn{background-position:-40px 0 ; }
.tv-banner .rsSlide img{ opacity:.5}
.tv-banner .rsSlide.rsActiveSlide img{ opacity:1}
.royalSlider {  width: 100%; }
.tv-tab{ background:#F3F3F5; text-align:center; padding:15px 0; }
.tv-tab ul{ margin:0; }
.tv-tab ul:before{content: "\f00a";font-family: 'icomoon';font-size:30px; vertical-align:top; color:#384650; line-height:30px; }
.tv-tab li {font-size:17px; line-height:30px; position:relative; padding:0 10px; }
.tv-tab li + li:before{ color:#666; content:"/"; font-size:12px; position:absolute; line-height:30px; left:-3px; width:6px; text-align:center; }
.tv-tab li a{ color:#666; }
.tv-tab li.active, .tv-tab li a:hover{ color:#384650; }

.tv-content .home .title>i, .tv-page .title i{ font-size:28px; margin:1px 10px 1px 0; }
.tv-content .home .title .btn-more {border-color: #F3F3F5; background:#F3F3F5; color:#444; }
.tv-content .home .title .btn-more:hover, .tv-content .home .title .btn-more:focus {border-color: #FDD100; background:#FDD100; color:#384650; }
.tv-content .main .tv-list .item .item-content, .tv-content .main  .food-list .item .item-content, .foot-recipe .article-list .item .item-content{ border:1px solid #eee; border-top:none; }
.tv-content .sidebar .box {border:1px solid #eee; }
.tv-page{ position:relative; }
.tv-page .title{ padding-right:150px; padding-bottom:10px; }
.tv-page .video-tab{ position:absolute; top:0; right:0; }
.tv-page .video-tab > li > a{ border-radius:0; width:70px; height:40px; line-height:20px; padding:10px 0; text-align:center; background:#F3F3F5; color:#444; }
.tv-page .video-tab > li + li{ margin:0; }
.tv-page .video-tab > li.active > a, .tv-page .video-tab > li> a:hover, .tv-page .video-tab > li > a:focus{ background:#384650; color:#fff; }
.tv-page .title{ font-size:17px; line-height:30px; }
.tv-page hr{ border-color:#F3F3F5; }
.tv-content .recipe .title1{ padding-right:90px; }
.tv-content .recipe .title1 span:before{ width:80px; }
.tv-content .title1 i{ font-size:28px; margin:1px 10px 1px 0; }
.tv-content .recipe .top-btn .btn{ width:70px; }

.tv-content .recipe .section1{ border:1px solid #eee; margin:0; border-bottom:none; }
.tv-content .recipe .tags{ border:none; margin:0; padding-bottom:10px; min-height:30px; }
.tv-content .recipe .tags:before{ left:8px; }
.tv-content .recipe .types:before {content:"影音分類："; top:10px; left:10px; }
.tv-content .recipe .types{ border:dashed 1px #C8C7BC; padding:10px 10px 10px 85px; } 
.tv-content .recipe .foot-author:before{ display:none; }

.foot-recipe .article-list .item .name span{ height:60px; }


/*table*/
.food-table .main .box{ padding:0; background:none; position:relative; }
.food-table .title1{ background:none;box-shadow: inset 0 -1px 0 #fff; }
.food-table .food-list .item .item-content{ height:auto; }
.food-table .food-list .item .description{opacity: 1; position:relative; top:auto; left:auto; background:none; padding:10px 0; color:#666; height:auto; }
.food-table .food-list .item .description .inner{ line-height:20px; font-size:14px; height:60px; }
.food-table .food-list .item .man{ margin:0 0 7px}
.food-table .table-tab{ position:absolute; top:20px; right:0; }
.food-table .table-tab > li > a{ border-radius:0; height:30px; line-height:20px; padding:4px 20px; text-align:center; background:#fff; color:#444; border:1px solid #DDD; }
.food-table .table-tab > li + li{ margin-left:-1px; }
.food-table .table-tab > li.active > a, .food-table .table-tab > li> a:hover, .food-table .table-tab > li > a:focus{ background:#384650; color:#fff; border-color:#384650; z-index:1; }

.food-table-info .section1{ margin-bottom:0; }
.food-table-info.recipe .info .meta{ margin:1px 20px 1px 0; }

#table-pc .carousel-inner > .item > img{ display:block; margin:0 auto; }
#table-pc .carousel-control{ background:#fff; height:40px; font-size:20px; color:#384650; width:40px; top:50%; margin-top:-20px; text-align:center; padding:9px;opacity:0; text-shadow:none; border:1px solid #ccc; border-radius:3px; }
#table-pc:hover .carousel-control{opacity:1}
#table-pc .carousel-control:hover{ background-color:#FDD100; border-color:#FDD100; }
.food-table-info .recipe-description{ padding:20px 0; text-align:center; }

.food-table-info .foot-author:before{ display:none; }

/*article*/
.article .home-banner {padding-right:25%; }
.article .home-banner .text-list {width:25%; padding-left:0;background:#fff; }
.article .home-banner .text-list li {height: 16.6%; border-bottom:none; padding:0; box-shadow:inset 0 -1px 0 #ccc; }
.article .home-banner .text-list li:last-child{ box-shadow:none; height:17%; bottom:0; }
.article .home-banner .text-list li:before{ border-right: 10px solid #fff;border-top: 10px solid transparent;border-bottom: 10px solid transparent;width: 10px;height: 20px;background:transparent; border-radius:0; left:-10px; margin-top:-10px;opacity:0}
.article .home-banner .text-list li.on a, .article .home-banner .text-list li.over a{ background-color:#384650; color:#fff; }
.article .home-banner .text-list li.on:before, .article .home-banner .text-list li.over:before{ background:transparent; border-right-color: #384650;opacity:1; }
.article .home-banner .text-list li a{ display:table-cell; height:100%; line-height:100%; vertical-align:middle; max-width:100%; padding-left:20px; line-height:1.2em; padding-right:10px; }
.article .home-banner .text-list li a h5{ display:block; white-space:nowrap;text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden; font-size:15px; line-height:1.2em; color:#384650; margin:0 0 5px; }
.article .home-banner .text-list li a p{ display:block; white-space:nowrap;text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden; font-size:13px; color:#777; margin:0; }
.article .home-banner .text-list li.on h5, .article .home-banner .text-list li.over h5, .article .home-banner .text-list li.on p, .article .home-banner .text-list li.over p{ color:#fff; }
.article hr{ margin-top:0; border-top:1px dotted #ddd; }

.author-tab{ position:relative; }
.author-tab .btn-more{ border:none; width:110px; height:50px; position:absolute; top:0; right:0; padding:15px 10px; color:#414E59; background:#D6D6D6; border-radius:0; text-align:center; z-index:1; }
.author-tab .btn-more:hover,.author-tab .btn-more:focus{ background:#384650; color:#FDD100; }
.author-tab ul{ box-shadow:inset 0 -1px 0 #eee; text-align:center; border:none; position:relative; z-index:1; }
.author-tab li{ display:inline-block; margin:0; float:none;box-shadow:inset 0 -1px 0 #eee; }
.author-tab li a{position:relative;margin:0; padding:15px 20px; font-size:17px; line-height:20px; color:#384650; border:none !important; min-width:180px; background:none !important; }
.author-tab li.active:before, .author-tab li:hover:before{ content:""; width:100%; position:absolute; bottom:-4px; background:#FCD000; height:5px; left:0; }
.author-list .item{ margin-bottom:20px; position:relative; background:#fff; }
.author-list .item .description{height:72px; overflow:hidden; font-size:13px; line-height:18px; margin:20px 0; color:#666; }
.author-list .item .man{ position:absolute; bottom:0; left:0; line-height:40px; font-size:19px; background:#FDD100; }
.author-list .item .man a{ display:block;padding:0 15px; }
.author-list .list{ margin:0; }
.author-list .list>li{ box-shadow:inset 0 -1px 0 rgba(255,255,255,.3); margin-bottom:20px; }
.author-list .list .name{ line-height:1.4em; height:2.8em; overflow:hidden; text-decoration:none; margin:0; }
.author-list .list .meta{ padding:10px 0; }
.author-list .list .added-item .meta .add i {    color: #FF4C4C; }
.author-list .action .add-list:after {    content: "查看更多"; }
.author-list .action .add-like:after{ content:"加入追蹤"}
.author-list .added-author .action .add-like:after{ content:"已追蹤"}
.author-list .added-author .action .add-like:hover:after{ content:"取消追蹤"}

.author-home{ background:#fff; margin-bottom:20px; }
.author-home .author-tab ul{ padding-right:110px; }
.article .tab-content{ padding:30px 20px 0;background:#fff;margin-bottom:20px; }
.article .author-list-out{ padding-top:20px;}
.author-tab{ background:#fff; }

.author-id .author-name{ line-height:30px; padding:5px 15px; color:#666; font-size:14px; background:#fff; }
.author-id span{ font-size:19px; color:#EB6B1F; }
.author-id .author-tag{ background:#EEEDE8; padding:0 10px; height:30px; overflow:hidden; }
.author-id .author-tag li{ float:left; margin-right:10px; line-height:30px; color:#666; font-size:14px; }
.author-id .author-list .item .description{ height:36px; }

.article-head{ position:relative; padding:0; margin-bottom:20px; }
.article-head .title1{ padding-left:20px; box-shadow:none;border-bottom:3px solid #ACAC9D; }
.article-head .title1 span:before{ bottom:-3px; }
.article-tab{ position:absolute; right:20px; top:20px; }
.article-tab> li > a{ border-radius:0; height:30px; line-height:20px; padding:4px 20px; text-align:center; background:#fff; color:#444; border:1px solid #DDD; }
.article-tab> li + li{ margin-left:-1px; }
.article-tab> li.active > a, .article-tab> li.active > a:hover, .article-tab> li.active > a:focus, .article-tab> li> a:hover, .article-tab> li > a:focus{ background:#384650; color:#fff; border-color:#384650; z-index:1; }

.article-list .item{ background:#fff; position:relative; margin-bottom:20px; }
.article-list .item .btn{ position:absolute; z-index:9; width:40px; font-size:20px; text-align:center; color:#fff; border-radius:0; right:0; }
.article-list .item .btn:hover,.article-list .item .btn:focus{ background:#FF4C4C; }
.article-list .item .item-content{ padding:20px; position:relative; }
.article-list .item .name {position:relative;}
.article-list .item .name span{ line-height:20px; height:40px; overflow:hidden; display:block; }
/*.article-list .item .name:after{ position:absolute; bottom:0; content:""; width:30px; height:1px; background:#384650; }*/
.article-list .item .description{height:72px; overflow:hidden; font-size:13px; line-height:18px; margin:20px 0; color:#666; }
.article-list .item .man{ margin:0; text-align:right; }
.article-list  .added-item .btn{ background-color:#FF4C4C !important; color:#fff !important; }
.article-list .man-pc{ position:absolute; border:5px solid #fff; border-bottom:0; bottom:0; left:0; width:50px; }

.foot-article .article-list .man-pc{ position:relative; left:auto; bottom:auto; border:none; margin:20px 20px 0; width:40px; }
.foot-article .article-list .title-pc{ position:relative; margin-bottom:20px; }
.home1 .article-list .item .name:after{ background:#982254}
.home2 .article-list .item .name:after{ background:}

.article-info .article-tab{ position:relative; top:auto; right:auto;background: linear-gradient(to bottom, #fff 0%,#f4f4f1 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#f4f4f1',GradientType=0 ); }
.article-info .article-tab> li{ width:20%}
.article-info .article-tab> li + li{ margin:0; }
.article-info .article-tab> li > a{ border:none; background-color:transparent; padding:20px 0; height:60px; font-size:17px; }
.article-info .article-tab> li > a:hover, .article-info .article-tab> li > a:focus{ background:#384650; }

.article-info.recipe .info{ margin:0; }
.article-info.recipe .info .meta{ margin:11px 20px; }
.article-info.recipe .info .timestamp{ margin:10px 0; }
.article-info.recipe .info .share-tool{ margin:10px 0 5px; }
.article-info.recipe  .top-btn .btn{ width:70px; }
.article-info.recipe .title1{ padding-right:80px; }
.article-info .title1 i{font-size: 28px; margin: 1px 10px 1px 0; }
.article-info .section1 .title1 span:before {    width: 80px; }
.article-info.recipe .section1{ margin:0; }
.article-info.recipe .foot-author:before{ display:none; }
.article-info.recipe .types:before {content:"專欄分類："; top:10px; left:10px; }
.article-info.recipe .types{ border:dashed 1px #C8C7BC; padding:10px 10px 10px 85px; } 

/*member*/
.m-bg{ background-image:url(../images/member-bg.png); padding:60px 0}
.member .headline{ font-size:25px; line-height:1.2em; margin-bottom:30px; }
.member { line-height:1.4em; }
.member .form-horizontal .control-label{ line-height:20px; text-align:left; padding-top:10px; font-weight:normal; position:relative; }
.member .form-horizontal .control-label .require{ position:absolute; top:0; right:5px; color:#EC6B1F; left:auto; }
.member .form-group{ margin-bottom:20px; min-height:40px; }
.member hr{ border-color:#D6D6D6; }
.member .btn-fb{ color:#fff; background:#3A5BA2; }
.member .btn-gg{ color:#fff; background:#E02F2F; }
.member .social-area .btn{ position:relative; padding-left:50px; text-align:center; }
.member .social-area .btn i{ position:absolute; width:40px; height:40px; left:0; top:0; padding:10px; background:rgba(0,0,0,.1); border-radius:3px 0 0 3px; }
.member .social-area .btn:hover{ opacity:.8}
.member .require{ color:#E02F2F; position:absolute; top:10px; left:5.5em; }
.member .checkbox a{ text-decoration:underline; }
.member .form-horizontal .radio, .member .form-horizontal .checkbox{ min-height:30px; margin:0; padding:0; }
.member .form-horizontal .radio-inline, .member .form-horizontal .checkbox-inline{min-height:30px; padding-top:10px; line-height:20px; padding-bottom:10px; margin-right:20px; }
.member .radio-inline + .radio-inline, .member .checkbox-inline + .checkbox-inline{ margin-left:0; }
.member .form-horizontal .radio:first-child, .member .form-horizontal .checkbox:first-child{ margin-top:5px; }
.member .form-horizontal .radio:last-child, .member .form-horizontal .checkbox:last-child{ margin-bottom:5px; }
.member .form-horizontal .radio label, .member .form-horizontal .checkbox label{ padding-top:5px; padding-bottom:5px; }
.member  .input-text{ padding:10px 0; line-height:20px; }
.member  .muti-input{ margin:0 -5px; }
.member  .muti-input .item{ padding:0 5px; }
.member .foot-btn .btn{ width:120px; }
.member .v-code .input-box{ position:relative; padding-right:180px; }
.member .v-code .input-box .code-info{width:180px; position:absolute; background:#F4F4F4; box-shadow:inset 2px 2px 4px rgba(0,0,0,.15); height:38px; right:0; top:0; border-left:1px solid #ccc; padding-right:100px;text-align:center; border-radius:0 3px 3px 0; }
.member .v-code .input-box a{ display:block; width:100px; position:absolute; line-height:20px; padding:9px 0; right:0; top:0; text-decoration:underline; cursor:pointer;box-shadow:inset 1px 0 0 rgba(0,0,0,.15); }
.member .v-code .input-box .pc{ width:79px; height:38px; display:table-cell; vertical-align:middle; }
.member .sample{ margin-top:5px;color: #EB6B1F; font-size:13px; line-height:15px;}

.message-list .item .pc{ width:80px; float:left; }
.message-list .item-content{ margin-left:80px; padding-left:20px; }
.message-list .name{ margin:0; line-height:20px; height:40px; overflow:hidden; }
.message-list .date{ font-size:12px; color:#999; line-height:18px; margin:0; }
.message-list .message-box{ background:#F5F5F5; padding:10px 10px 10px 60px; ; position:relative; line-height:1.4em; margin-bottom:20px; }
.message-list .message-box .pc{ position:absolute; top:10px; left:10px;width:40px; }
.message-list .foot{ font-size:12px; }
.message-list .foot a{ text-decoration:underline; margin-left:10px; }
.message-list .message-box:before {display: block;content: "";position: absolute;top: -10px;left: 25px;border-bottom: 10px solid #F5F5F5;border-left: 10px solid transparent;border-right: 10px solid transparent;width: 20px;height: 10px; }

.line-tab-30 > li > a{ border-radius:0; height:30px; line-height:20px; padding:4px 20px; text-align:center; background:#fff; color:#444; border:1px solid #DDD; }
.line-tab-30 > li + li{ margin-left:-1px; }
.line-tab-30 > li.active > a, .line-tab-30 > li.active> a:hover, .line-tab-30 > li.active > a:focus, .line-tab-30 > li> a:hover, .line-tab-30 > li > a:focus{ background:#384650; color:#fff; border-color:#384650; z-index:1; }

.member .main .box{ padding:20px 20px 0; }
.member .main .member-list{ min-height:180px;}
.member .main .pagination{ margin-bottom:10px;}
.member-tab{ position:relative; background:#fff; }
.member-tab .nav-pills > li {   margin-left: 20px; }
.member-tab .nav-pills > li > a{ font-size:16px; }
.member-tab .nav-pills > li:hover:before, .member-tab .nav-pills > li.active:before{ content:""; display:block; width:100%; bottom:-3px; left:0; height:3px; background:#EC6B1F; position:absolute; }
.member-tab .nav-pills > li > a:hover, .member-tab .nav-pills > li > a:focus, .member-tab .nav-pills > li.active > a, .member-tab .nav-pills > li.active > a:hover, .member-tab .nav-pills > li.active > a:focus{ color:#EC6B1F; }
.member-tab .top-notice{ position:absolute; right:0; top:0; height:40px; box-shadow:inset 1px 0 0 #ddd; padding-right:110px; background:#FAFAFA; line-height:40px; font-size:13px; text-align:center; width:220px; }
.member-tab .top-notice span{ color:#EB6B1F; }
.member-tab .top-notice .btn{ border-radius:0; position:absolute; right:0; top:0; background:#384650; color:#fff; display:block; width:110px; }
.member-tab .top-notice .btn:before{ display: block;content: "";position: absolute;left: -8px;top:12px;border-right: 8px solid #384650;border-bottom: 8px solid transparent;border-top: 8px solid transparent;width: 8px;height: 16px; }
.member-tab .top-notice .btn:hover, .member-tab .top-notice .btn:focus{ background:#FDD100; color:#384650; }
.member-tab .top-notice .btn:hover:before, .member-tab .top-notice .btn:focus:before{ border-right-color:#FDD100; }
.sidebar .member-box{ background:#fff; }
.sidebar .member-box .pc{ position:relative; }
.sidebar .member-box .pc .name {position: absolute;width: 100%;padding:10px 20px;bottom: 40px;left: 0;background: rgba(253,209,0,.8);font-size: 19px;line-height: 30px; }
.sidebar .member-box .pc .title{ position:absolute; width:100%; padding:10px 20px 10px 20px; background:rgba(56,70,80,.8); line-height:20px; bottom:0; left:0; overflow:hidden; height:40px; }
.sidebar .member-box .pc .title a{color:#fff; display:block; }
.sidebar .member-box .pc .title a:hover{ text-decoration:underline; color:#EC6B1F}
.sidebar .member-box .pc .ranking{ width:160px; background:#fff; text-align:center; font-size:20px; padding:10px; color:#777; position:absolute; bottom:0; right:0; letter-spacing:3px; text-indent:3px; }
.sidebar .member-box .pc .ranking .icon-star2{ color:#FDD100; }
.sidebar .member-box .data{ border-bottom:1px solid #EEEDE8; margin:0; }
.sidebar .member-box .data li{ width:33.3333333%; text-align:center; padding:15px 0 10px; line-height:1.2em; float:left; }
.sidebar .member-box .data li a{color:#444; display:block}
.sidebar .member-box .data li a:hover{ color:#FF4D4D}
.sidebar .member-box .data li a:hover span{ color:#384650; }
.sidebar .member-box .data li span{ font-size:20px; display:block; padding-top:5px; color:#878787; line-height:30px; }
.sidebar .member-box .description{ padding:20px;line-height:1.4em; font-size:14px; color:#444; }
.sidebar .member-box .description h4{ color:#FF4D4D; font-size:25px; line-height:35px; margin:0 0 5px; }
.sidebar .member-box .description p{  margin:0; }
.sidebar .member-box .description .link a{ color:#00A3D8; text-decoration:underline; }
.sidebar .member-box .btn-trace{ background:#FF4D4D; color:#fff;display:block; }
.sidebar .member-box .btn-trace:hover{ background:#F22; }
.sidebar .member-box .btn-trace:before { content: "加入追蹤"; }
.sidebar .added-author .btn-trace:before{ content:"已追蹤"}
.sidebar .added-author .btn-trace:hover:before{ content:"取消追蹤"}
.sidebar .member-message .title{ font-size:17px; padding:10px 20px }
.sidebar .member-message .nav-pills{box-shadow: inset 0 -1px 0 #eee; padding-top:10px;background:#fff; ; }
.sidebar .member-message .nav-pills > li {   margin-left: 20px; }
.sidebar .member-message .nav-pills > li > a{ padding:10px; }
.sidebar .member-message .nav-pills > li:hover:before, .sidebar .member-message .nav-pills > li.active:before{ content:""; display:block; width:100%; bottom:-3px; left:0; height:3px; background:#FDD100; position:absolute; }
.sidebar .member-message .box{ padding:0; }
.sidebar .member-message .box .btn-more{ float:right; margin-right:20px; width:75px; height:30px; padding:5px 10px; border:none; }
.sidebar .member-message .box .btn-more:hover{     color: #EC6B1F; background:none; }
.sidebar .message-list{ padding:20px 20px 0;box-shadow: inset 0 -1px 0 #eee; margin:0; }
.member-table .item{ background:#F4F4F4; margin-bottom:20px; }
.member-table .item-content{ padding:10px; }
.member-table .item .name{ margin:10px 0;white-space:nowrap;text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden; }

.favorite-side .title{ font-size:16px; line-height:40px; box-shadow:inset 0 -1px 0 #ddd; margin:10px 0; }
.favorite-side li{position:relative; box-shadow:inset 0 -1px 0 #ddd; line-height:20px; }
.favorite-side li a{ display:block;padding:10px 0; margin-right:30px; font-size:14px; color:#444; }
.favorite-side .active a, .favorite-side li a:hover{     color: #EC6B1F; }
.favorite-side .active a .num{ background: #EC6B1F; }
.favorite-side li .num{ position:absolute; right:0; top:10px; height:20px; background:#999; font-size:12px; color:#fff; text-align:center; border-radius:10px; padding:0 4px; min-width:24px; }
.favorite-side .btn i{ margin-right:5px; }
#favorite-pop, .add-type{ height:100%; margin:0 auto; }
#favorite-pop .close{ position:absolute; top:0; right:0;color: #384650;opacity: 1; font-size:18px; display:block; padding:10px; background:#FDD100; border-radius:3px; text-align:center; z-index:9; width:40px; height:40px; text-shadow:none; }
#favorite-pop .close:hover, #favorite-pop .close:focus{background:#384650;color:#FDD100}
#favorite-pop .modal-dialog{top:40%; }
#favorite-pop .modal-content{ padding-right:41px; }
#favorite-pop .input-group-addon{ background:#FDD100; color:#384690; }
#favorite-pop .input-group-addon, #favorite-pop .input-group .form-control{ border-color:#FDD100; }
#favorite-pop .input-group .form-control{box-shadow: inset 0 0 4px rgba(0,0,0,.2); }
#favorite-pop .input-group-btn:last-child > .btn{ width:80px; }

.favorite-content .head{ position:relative; height:50px;box-shadow:inset 0 -1px 0 #ddd; }
.favorite-content .nav-pills{ float:right; }

.favorite-content .food-list2 .item:hover .name, .favorite-content .food-list2 .item:hover .description{ color:#384650; }

.trace-list{ margin-bottom:0;}
.trace-list>li{ position:relative; padding-bottom:20px; margin-bottom: 20px;border-bottom: 1px dotted #D6D6D6; }
.trace-list li .pc{ float:left; width:60px; }
.trace-list li .item-content{ margin-left:80px; }
.trace-list li .name{padding-right:120px; }
.trace-list li .name a{ text-decoration:underline; line-height:30px; font-size:18px; margin-bottom:10px; }
.trace-list li .meta{}
.trace-list li .description{ margin-top:5px; font-size:14px; line-height:18px; max-height:54px; overflow:hidden; color:#666; }
.trace-list li .btn-trace{ position:absolute; right:0; top:0; width:100px; text-align:center; background:#EEEDE8; font-size:16px; }
.trace-list li .btn-trace:after{ content:"已訂閱"}
.trace-list li .btn-trace:hover{ background:#FDD100; color:#384650; }
.trace-list li .btn-trace:hover:after{ content:"取消"}
.trace-list li .btn-trace i{font-size:14px; margin:3px 5px 3px 0; }
.trace-list li .btn-trace i:before{content: "\f00c"; } 
.trace-list li .btn-trace:hover i{ margin-top:2px; }
.trace-list li .btn-trace:hover i:before{content: "\f00d"; } 
.fans-area.trace-list li .name, .fans-area.trace-list li .description{padding-right:0; }
.member-trash .food-list2 .item .description{ margin-top:15px; }

.publish-content { position:relative; }
.publish-content .sidebar{ position:absolute; top:0;width:180px; }
.publish-content .sidebar .btn-area{ }
.publish-content .sidebar .btn-area .btn{ font-size:17px; }
.publish-content .sidebar .btn-area .btn i{ margin-top:-1px; }
.publish-content .sidebar .btn-area li {margin-bottom: 10px; }
.publish-content .sidebar .btn-area li:last-child .btn{ background-color:#F1F1F1; }
.publish-content .sidebar .btn-area li:last-child .btn:hover, .publish-content .sidebar .btn-area li:last-child .btn:focus{ background-color:#FDD100; }
.publish-content .upload-pc{ display:block; padding:0; border:none; margin:0; width:100%}


.publish-content .head{ padding-bottom:20px; position:relative; border-bottom:1px solid #eee; margin-bottom:30px; color:#333; font-size:14px; line-height:20px; }
.publish-content .head h4{ font-size:19px; color:#384650; line-height:26px}
.publish-content .head h4 span{ margin-left:20px; color:#999; font-size:15px; }
.publish-content .head:before{content: "";width: 80px;display: block;position: absolute;bottom: -3px;background: #FCD000;height: 3px;left: 0; }
.publish-content .head .form-control{ font-size:24px; line-height:30px; border-color: #FDD100; box-shadow: inset 0 0 4px rgba(0,0,0,.2); padding:4px 9px; }
.publish-content .head .form-group span{ line-height:30px; color:#999; display:block; }
.publish-content .head a{color: #00A3D8;text-decoration: underline; }

.publish-content .recipe-info .control-label{ font-size:18px; line-height:30px; margin-bottom:5px; color:#444; font-weight:normal; }
.publish-content .recipe-info .control-label small{ font-size:14px; color:#999; line-height:20px; }
.publish-content .recipe-info .ingredients .foods-items{ padding-right:100px; position:relative; margin-bottom:10px; }
.publish-content .recipe-info .ingredients .btn-area{ position:absolute; right:10px; top:0; }
.publish-content .recipe-info .ingredients .btn-area .btn{ width:40px; float:left; display:block; }
.publish-content .recipe-info .ingredients .btn-area .btn + .btn{ margin-left:10px; }
.publish-content .recipe-info .ingredients .float_list_box{ width:150px !important; }
.publish-content .recipe-info .ingredients .float_list_ul{ list-style:none; margin:0; padding:0;border: 1px solid #ccc;background: #fff;box-shadow: 2px 2px 4px rgba(0,0,0,.15);border-radius: 3px; }
.publish-content .recipe-info .ingredients .float_list_ul li{ padding:5px 10px; line-height:20px; margin:0; }
.publish-content .recipe-info .ingredients .float_list_ul li:first-child{ border-radius:3px 3px 0 0; }
.publish-content .recipe-info .ingredients .float_list_ul li:last-child{ border-radius:0 0 3px 3px; }

.publish-content .recipe-info .ingredients .food-group ul{ border:2px solid #FDD100; margin:20px 0;}
.publish-content .recipe-info .ingredients .food-group ul .foods-items{ position:relative; margin:10px 0;padding:0 108px 0 8px; }
.publish-content .recipe-info .ingredients .food-group ul .foods-items .row{ margin:0 -5px}
.publish-content .recipe-info .ingredients .food-group ul .foods-items .row>div{ padding:0 5px;}
.publish-content .recipe-info .ingredients .food-group ul .foods-items .row .btn-area{ top:0; right:8px; padding:0;}
.publish-content .recipe-info .ingredients .food-group ul .foods-items:hover .input-box{ border-color:#bbb;}
.publish-content .recipe-info .ingredients .food-group ul:first-child{ margin-top:0; border:none;}
.publish-content .recipe-info .ingredients .food-group ul:first-child .foods-items{margin-top:0;  padding:0 98px 0 0; }
.publish-content .recipe-info .ingredients .food-group ul:first-child .main-title{ display:none;}
.publish-content .recipe-info .ingredients .food-group ul:first-child .row .btn-area{ right:0;}
.publish-content .recipe-info .ingredients .food-group ul:first-child .btn-add{ padding:0;}
.publish-content .recipe-info .ingredients .food-group ul .main-title{ padding:8px 58px 10px 8px; background:#FDD100; position:relative;}
.publish-content .recipe-info .ingredients .food-group ul .main-title .input-box{ box-shadow:none; border:none; padding:1px;}
.publish-content .recipe-info .ingredients .food-group ul .main-title .btn-area{ top:8px; right:8px;}
.publish-content .recipe-info .ingredients .food-group ul .main-title .btn-area .btn-delete{ background:#c80;}
.publish-content .recipe-info .ingredients .food-group ul .main-title .btn-area .btn-delete:hover, .publish-content .recipe-info .ingredients .food-group ul .main-title .btn-area .btn-delete:focus{ background:#384650 !important;}
.publish-content .recipe-info .ingredients .food-group ul:nth-child(3n){ border-color:#ADD04F;}
.publish-content .recipe-info .ingredients .food-group ul:nth-child(3n) .main-title{background:#ADD04F;}
.publish-content .recipe-info .ingredients .food-group ul:nth-child(3n) .main-title .btn-area .btn-delete{background:#690;}
.publish-content .recipe-info .ingredients .food-group ul:nth-child(3n+2){ border-color:#FFB399;}
.publish-content .recipe-info .ingredients .food-group ul:nth-child(3n+2) .main-title{background:#FFB399;}
.publish-content .recipe-info .ingredients .food-group ul:nth-child(3n+2) .main-title .btn-area .btn-delete{background:#F53;}
.publish-content .recipe-info .ingredients .food-group ul .btn-add{ padding:0 8px 8px;}


.publish-content .recipe-info .ingredients .btn-add .btn{ background:#1D9D74; color:#fff;font-size:18px}
.publish-content .recipe-info .ingredients .btn-add .btn:hover{ background:#086; }

.publish-content .recipe-info .group-add .btn:hover, .publish-content .recipe-info .group-add .btn:focus{background-color:#999; color:#fff; }
.publish-content .recipe-info .group-add .btn{ background:#eee;font-size:18px; }
.publish-content .recipe-info .ingredients .btn-add i, .publish-content .recipe-info .group-add .btn i{ font-size:16px; margin:2px 10px 2px 0; }

.publish-content .type li{ padding-right:90px; position:relative; padding-bottom:20px; }
.publish-content .type .btn-area{ position:absolute; right:0; top:0; }
.publish-content .type .btn-area .btn{ width:40px; float:left; display:block; }
.publish-content .type .btn-area .btn + .btn{ margin-left:10px; }
.publish-content .input-box .bootstrap-tagsinput{ border:none; box-shadow:none; background:none; line-height:20px; height:auto; padding:7px 9px 2px;border-radius:0; min-height:38px; display:block; }
.publish-content .bootstrap-tagsinput input{ min-width:100px; }
.publish-content .bootstrap-tagsinput .tag{ display:inline-block; height:24px; line-height:24px; font-size:15px; padding:0 7px; margin-bottom:5px; }
.publish-content .main .btn-area .btn{color:#fff; }
.publish-content .main .btn-area .btn-add{background:#1D9D74; }
.publish-content .main .btn-area .btn-delete{background:#EC6B1F; }
.publish-content .main .btn-area .btn-move{background:#eee; color:#999; cursor:move}
.publish-content .main .btn-area .btn-add:hover{background:#086; }
.publish-content .main .btn-area .btn-delete:hover{ background:#E40}
.publish-content .main .btn-area .btn-move:hover{background-color:#999; color:#fff; }

.publish-content .step .num{ background:#C8C7BC; width:60px; height:60px; color:#fff;font-style:italic; font-size:40px; line-height:30px; position:absolute; left:0; top:0; border-radius:3px; font-weight:bold; text-align:center; padding-top:10px; }
.publish-content .step .num:before{display: block;content: "";position: absolute;bottom: -8px;left: 50%;border-top: 8px solid #C8C7BC;border-left: 8px solid transparent;border-right: 8px solid transparent;width: 16px;height: 8px;margin-left: -8px; }
.publish-content .step .num:after{content:"STEP"; font-size:12px; line-height:20px; font-weight:normal; display:block; }
.publish-content .step .upload-pc{ position:absolute; right:0; top:0;width:220px; }
.publish-content .step li{ border-bottom:1px solid #eee; padding:0 240px 20px 80px; margin-bottom:20px; position:relative; font-size:17px; line-height:1.4em; min-height:185px; }
.publish-content .step li:last-child{ border:none; margin-bottom:0; }
.publish-content .step .step-content .input-box .form-control{ height:83px; }
.publish-content .step .step-content .note{ font-size:14px; color:#999; line-height:20px; }
.publish-content .step .btn-area{ text-align:right; }
.publish-content .step .btn-area .btn{ width:40px; }
.publish-content .step .btn-area .btn+.btn{ margin-left:7px; }
.publish-content .radio-inline + .radio-inline{ margin-left:20px; }
.publish-content .upload-area li{ position:relative; padding-right:60px; margin-bottom:20px; }
.publish-content .upload-area li .btn-area{ position:absolute; right:10px; top:0; }
.publish-content .upload-area li .btn-area .btn{ width:40px; display:block; }
.publish-content .upload-area li .btn-area .btn + .btn{ margin-top:10px; }

.preview .alert{ margin:20px 0 0; padding:10px; border:1px solid #F06354; background:#FFEAEA; line-height:20px; color:#F06353; font-size:16px; border-radius:0; }
.preview .alert i{ font-size:14px; margin:3px 10px 3px 3px}
.preview .modal-dialog{ margin:0 auto; padding:30px 0; height:100%; }
.preview .modal-content, .preview .modal-body{ height:100%}
.preview .modal-body{ overflow-y:scroll; padding:0; background:none; }
.preview .modal-body .box{ padding:0 20px 20px; background:#fff; }
.preview .modal-footer .btn:first-child{ background:#FDD100; color:#384650; }
.preview .modal-footer .btn{ font-size:17px; }


.member .main .recipe-list li .box{ margin:0; padding:0 20px;border:1px solid #eee; }
.recipe-list .item{  margin-bottom:20px; }
.member .recipe-list .title1{ padding-right:0; }
.recipe-list .title1, .recipe-list .info{ margin:0; }
.recipe-list .info .meta{ margin:11px 20px; }
.recipe-list .info .timestamp{ margin:10px 0; }
.recipe-list .info .share-tool{ margin:10px 0 5px; }
.recipe-list .recipe-description{ font-size:16px; line-height:1.4em; color:#444;word-break: break-all; }
.recipe-list .link{ display:block; border:1px solid #eee; border-top:none; height:40px; padding:10px 0; text-align:center; background:#F9F9F9; }
.recipe-list .link:hover{ background:#384650; color:#FDD100; border-color:#384650; }

.member .main .member-inner{ background:#fff; margin-bottom:20px; }
.member .main .member-inner .title1{ padding-left:20px; box-shadow:inset 0 -1px 0 #F5F5F5; }
.member .main .member-inner .title1 span{ padding:20px 10px; }
.member .main .member-inner .title{ border-bottom:1px dotted #ccc; padding:20px; font-size:19px; line-height:26px; }
.member .main .member-inner .upload-pc{ border:1px solid #ccc; background:#fff; border-radius:3px; width:160px; padding:4px; position:relative; height:160px; }
.member .main .member-inner .upload-pc span{ position:absolute; bottom:0; width:100%; height:30px; line-height:30px; background:rgba(255,255,255,.9); text-align:center; color:#384650; left:0; }
.member .main .member-inner .upload-pc:hover{ background:#384650; border-color:#384650; }
.member .main .member-inner .upload-pc:hover span{ background:rgba(56,70,80,.9); color:#FDD100; }
.member .list-manager .title1 .btn{ position:absolute; right:20px; width:120px; }
.member .list-manager .title1 .btn i{ margin-right:5px}
.member .list-manager ul{ margin:0; }
.member .list-manager li{ position:relative;box-shadow:inset 0 -1px 0 #ddd; padding:10px 120px 10px 10px; min-height:50px; }
.member .list-manager li:hover{ background:#f7f7f7; }
.member .list-manager li h5{ line-height:30px;white-space:nowrap;text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden; font-size:17px; }
.member .list-manager .btn-area{ position:absolute; right:10px; top:10px; ; }
.member .list-manager .btn-area .btn{ float:left; width:30px; padding:8px; display:block; height:30px; }
.member .list-manager .btn-area .btn + .btn{ margin-left:10px; }
.member .list-manager .btn-area .btn i{ font-size:16px; margin-top:-2px; }
.member .list-manager .btn-area .btn-edit{background:#1D9D74;color:#fff}
.member .list-manager .btn-area .btn-delete{background:#EC6B1F;color:#fff}
.member .list-manager .btn-area .btn-move{background:#eee; color:#999; cursor:move}
.member .list-manager .btn-area .btn-edit:hover{background:#086; }
.member .list-manager .btn-area .btn-delete:hover{ background:#E40}
.member .list-manager .btn-area .btn-move:hover{background-color:#999; color:#fff; }
.member .login-way{ width:300px; }
.member .login-way li{ position:relative; height:40px; margin-bottom:20px; padding-left:60px; }
.member .login-way li:before{font-family: 'icomoon';speak: none;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: 1; -webkit-font-smoothing: antialiased; font-size:20px; color:#fff; text-align:center; padding:10px; border-radius:3px; width:40px; height:40px; position:absolute; left:0; top:0;content: "\f00d"; background:#CCC; display:block; }
.member .login-way li.on:before{content: "\f00c"; background:#1D9D74; }
.member .login-way li .btn {position: relative;padding-left: 50px;text-align: left; }
.member .login-way li .btn i, .member .login-way li .btn img {position: absolute;width: 40px;height: 40px;left: 0;top: 0;padding: 10px;background: rgba(0,0,0,.1);border-radius: 3px 0 0 3px; }
.member .login-way li .btn img { padding:0; }
.member .login-way li .btn-fb:hover, .member .login-way li .btn-gg:hover{opacity:.9; } 

.member .member-menu{ padding:20px; }
.member .member-menu .title{ font-size:18px; line-height:25px; padding:10px 0 5px; position:relative; }
.member .member-menu .title:before {content: "";width: 70px;display: block;position: absolute;bottom: -2px;background: #FCD000;height: 3px;left: 0; }
.member .member-menu ul{ margin-top:10px; }
.member .member-menu li{ box-shadow:inset 0 -1px 0 #ddd; position:relative; }
.member .member-menu li a{ display:block; line-height:20px; padding:10px 30px 10px 0; }
.member .member-menu li .badge{ position:absolute; padding:0 5px; height:20px; line-height:20px; position:absolute; right:0; top:10px; min-width:20px; display:block; background:#384650; }
.member .member-menu .active a{ color:#EB6B1F; }
.member .member-menu .active .badge{ background:#EB6B1F; }

.member .message{ position:relative; }
.member .message>.p20{padding-bottom:0;}
.member .message .message-list{ margin-bottom:0;}
.member .message .message-list .meta{ margin-right:20px; }
.member .message .message-list .panel-heading{ padding:0; position:relative; border-radius:0; padding-bottom:20px; display:block; }
.member .message .message-list .panel-heading .btn{ position:absolute; width:100px; top:15px; right:0; height:30px; padding:5px 0; }
.member .message .message-list .panel{border-radius:0; box-shadow:none; border:none; border-bottom:1px dotted #ccc; }
.member .message .message-list .panel:last-child{ border-bottom:none;}
.member .message .message-list .panel + .panel{ margin-top:20px; }
.member .message .message-list .message-box p{ text-decoration:underline; }
.member .message .answer-input{ margin-bottom:20px; }
.member .message .answer-input .input-group-btn > .btn{ width:120px;border-radius:0; }
.member .message .answer-input .form-control{ border-color:#ccc; box-shadow:inset 2px 2px 4px rgba(0,0,0,.15);border-radius:0; }
.member .message .answer-box{ background:#FCF5D8; position:relative; padding:10px 80px 10px 10px; min-height:80px; }
.member .message .answer-box .btn{ background: #EC6B1F; width:40px; color:#fff; position:absolute; top:20px; right:20px; }
.member .message .answer-box .btn:hover{    background: #E40; }
.gb-list{ padding:0 20px;}
.member .message .gb-list .message-list .panel + .panel{ margin-top:0;}
.gb-list .message-list .btn{ display:none; }
.gb-list .message-list a:hover  .btn{ display:block; }
.gb-list .message-list .item .pc{ width:60px; }
.gb-list .message-list .item-content{ margin-left:60px; }
.gb-list .message-list .name{ line-height:25px;white-space:nowrap;text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden; height:25px; margin:5px 0 0; }
.gb-list .message-list .time {color: #999;font-size: 12px;margin-right: 10px; }
.gb-list .message-list .man { color:#384650; font-size: 12px; text-decoration:underline; }
.member .message .gb-list .message-list .panel-heading{ padding:20px; }
.member .message .gb-list .message-list .panel-heading .btn{ width:40px; height:40px; padding:8px 0; line-height:24px; background-color:#384650; color:#fff; top:30px; right:20px; }
.member .message .gb-list .message-list .panel-heading .btn:hover{ background-color:#FDD100; color:#384650; }
.member .message .gb-list .message-list .panel-heading .btn i{ font-size:24px; }
.gb-list .message-list a:hover{ background:#F9F9F9; }
.gb-list .message-list a:hover .name{ color:#384650; }
.gb-list .message-list a:hover .man {color: #EB6B1F}
.gb-notice{ background:#F9F9F9; margin:70px 60px 0; padding:20px 80px 20px 100px}
.gb-notice .head{ position:relative; font-size:12px; line-height:1.2em; color:#999; }
.gb-notice .head h4{ font-size:17px; line-height:1.2em; color:#444; margin:0 0 10px; }
.gb-notice .head .pc{ width:60px; position:absolute; left:-80px; top:-50px; }
.gb-notice .head .btn{width:40px; height:40px; padding:8px 0; line-height:24px; background-color:#384650; color:#fff; top:0; right:-60px; ; position:absolute; }
.gb-notice .head .btn:hover{ background-color:#FDD100; color:#384650; }
.gb-notice .head .btn i{ font-size:24px; }
.gb-notice .head .time{ margin-right:10px}
.gb-notice .head .man{color:#EB6B1F;text-decoration:underline; }

.member-home .top-head{ background:#002E5B; color:#fff; }
.member-home .top-head .nav-pills > li > a, .member-home .top-head .nav-pills > li:after, .member-home .top-head .member-menu .btn.collapsed{ color:#fff; }
.member-home .top-head .member-menu .nav-pills > li > a i, .member-home .top-head .nav-pills > li > a:hover, .member-home .top-head .nav-pills > li > a:focus, .member-home .top-head .member-menu .btn.collapsed i, .member-home .top-head .member-menu .btn{ color:#FDE428; }
.member-home .header{ background:rgba(255,255,255,.45); position:relative; z-index:2; }
.member-home .top-head .member-menu .nav-pills > .notice .num{ border-color:#FDE428; background:#FDE428; color:#002E5B; }
.member-home .home-banner{ height:560px; margin-top:-140px; position:relative; z-index:1; padding:0; }
.member-home .content{ padding:0; background:#fff; }
.member-home .section1 .text{ background:#002E5B; color:#fff; padding:15px;line-height:20px; color:#ddd; font-size:14px; }
.member-home .section1 .text h4{ font-weight:bold; font-size:24px; line-height:30px; color:#fff; }
.member-home .section1 .text p{  margin:0; }
.member-home .section1 .data li {width: 25%;text-align: center;padding: 10px 0 15px;line-height: 20px;float: left; }
.member-home .section1 .data li a {color: #444;display: block; font-size:14px; }
.member-home .section1 .data li a font{ text-decoration:underline; }
.member-home .section1 .data li a span {font-size: 20px;display: block;padding-bottom: 5px;color: #878787;line-height: 30px; }
.member-home .title{ text-align:center; font-size:24px; font-weight:bold; line-height:33px; padding:0 0 50px; position:relative; margin:0; color:#002C59; }
.member-home .title:before{content: "";width: 60px;display: block;position: absolute;bottom: 34px; left:50%; margin-left:-30px;background: #FDE428;height: 6px; }
.member-home .gray-area{ padding:50px 0 30px; border-top:1px solid #D6D6D6; background:#F2F2F2; }
.member-home .food-list .item .item-content{ height:auto; }
.member-home .item .name{ font-size:20px; color:#002C59; line-height:24px; text-decoration:none; margin-bottom:15px; }
.member-home .food-list .item .description{    opacity: 1; position:relative; top:auto; left:auto; background:0; height:auto; padding:10px 0 25px; color:#666; }
.member-home .food-list .item .description .inner{font-size:14px; line-height:20px; height:60px; }
.member-home .food-list .item .ingredient { line-height: 1.4em;color: #835724;font-size: 14px;margin: 0; }
.member-home .tv-list .item{ background:none; }
.member-home .tv-list .item .item-content{ padding:10px 0; }
.member-home .tv-list .item .video-time{ top:auto; bottom:0; }
.member-home .top-video{ background:#fff; position:relative; }
.member-home .top-video .video-area{ padding:0; }
.member-home .top-video .item{ padding:20px 20px 0; }
.member-home .top-video .name{ font-size:24px; line-height:30px; max-height:90px; margin:0; position:relative; overflow:hidden; }
.member-home .top-video .hr{width: 60px;display: block;background: #FDE428;height: 6px; margin:22px 0; }
.member-home .top-video .description{color:#444; font-size:14px; line-height:20px; }
.member-home .top-video .youtube-area{ padding:20px; }
.member-home .article{ position:relative; }
.member-home .article:before, .member-home .article:after{display: block;content: "";position: absolute;left: 50%;border-left: 7px solid transparent;border-right: 7px solid transparent;width:14px;height: 7px; margin-left:-7px; }
.member-home .article:before{border-bottom: 7px solid #D6D6D6; top:-7px}
.member-home .article:after{border-top: 7px solid #D6D6D6; top:0; }

.member-home .article .title{ text-align:left; line-height:40px; }
.member-home .article .title:before{ margin:0; left:0; }
.member-home .article .title .line-tab-30{ float:right; }
.member-home .article .line-tab-30 > li > a{ font-size:15px; height:40px; padding:9px 20px; }
.member-home .article .line-tab-30 > li.active > a,.member-home .article .line-tab-30 > li.active > a:hover, .member-home .article .line-tab-30 > li.active > a:focus, .member-home .article .line-tab-30> li > a:hover{ background:#002C59; color:#FDE428; }
.member-home .article .item .name span{ line-height:28px; height:84px; }
.member-home .foot-article .article-list .item{ height:auto; }

.member-success { text-align: center; padding: 30px 30px 60px; color: #EB6E23; background-image: url(../images/member-bg.png);}
.member-success .face { margin: 0 auto 30px; width: 120px; height: 157px; background: url(../images/member-icon.png) no-repeat center center; background-size: 100%;}

.search-option .title{ color:#444; font-size:14px; border-bottom:1px solid #ddd; line-height:20px; padding:0 10px 15px; margin:0 0 20px; }
.search-option .btn-line{ text-align:left; }
.search-option .btn-line i{ position:absolute; right:20px; }
.search-option li:hover{ background:#F1F1F1; }
.search-option .categroy-item li{ position:relative; }
.search-option .categroy-item li:before{ position:absolute; content: "";display: block;width: 6px;height: 6px;background: #999;border-radius: 50%;top:12px;left: 10px; }
.search-option .categroy-item li a{ color:#444; min-height:30px;    display: block;    line-height: 20px;    padding: 5px 5px 5px 25px; }
.search-option .categroy-item li a:hover{ color:#EC6B1F; }

.search-option .radio, .search-option .checkbox{ font-size:14px; line-height:20px; color:#777; margin:0; padding:5px 10px; }
.search-option .radio label, .search-option .checkbox label{ display:block; }
.search-option .foot-clear{ display:block; padding:10px; line-height:20px; border:none; border-top:1px solid #ddd; margin-top:30px; text-decoration:underline; font-size:14px; color:#777;background:none; width:100%; }
.search-option .foot-clear:hover{ color:#EB6B1F; }

.file-preview{ padding:0; border:none; }
.file-preview-frame{ margin:10px auto; float:none; box-shadow:none !important; border-color:#eee; }
.file-upload-indicator{ display:none; }
.file-caption-main .form-control{ text-align:left;border-color:#ccc !important; }
.file-footer-caption{ padding-right:50px; width:auto; padding-top:0; line-height:20px; text-align:left; }
.file-actions{ margin:0; position:absolute; right:0; bottom:0; }
.file-thumbnail-footer{ display:none; }
.file-zoom-dialog .kv-zoom-actions .btn, .floating-buttons .btn, .file-footer-buttons .btn{ width:40px; padding:10px 0; text-align:center; }
.file-zoom-dialog .modal-title{ color:#fff; }
.file-zoom-dialog .modal-content{ padding-right:0; }

.file-zoom-dialog .kv-zoom-actions .btn{ display:none; }
.file-zoom-dialog .kv-zoom-actions .btn-close{ display:block; }

/*fck page*/
.fck-tab{box-shadow: inset 0 -1px 0 #F5F5F5; background:#fff; padding:0 20px; }
.fck-tab  li + li{ margin-left:10px; }
.fck-tab > li > a{ padding:25px 10px 10px; font-size:25px; line-height:35px; color:#999; }
.fck-tab li.active a:before, .fck-tab li:hover a:before {content: "";width: 100%;position: absolute;bottom: -4px;background: #FCD000;height: 5px;left: 0; }
.fck-tab li.active a, .fck-tab li:hover a{ color:#384650; }
.fck-box{ background:#fff; padding:50px 40px 50px; }

.contact .title{ font-size:25px; line-height:1.4em; color:#000; padding-bottom:30px; }
.contact .contact-info li{ padding-bottom:21px;line-height:1.4em;color:#444; }
.contact .contact-info span{ display:block; color:#868686; }
.contact .contact-info a{ color:#444; text-decoration:underline; }
.contact .contact-info a:hover{ color:#EB6B1F; }
.contact .btn-area .btn{ width:120px; }
.contact .input-box{ border-radius:2px; }



/*fck*/
.fck{font-size: 13px; line-height: 1.6; }
.fck p{ margin:1em 0; }
.fck ul{  list-style-type: disc; padding:0 40px; margin:1em 0; }
.fck ol{ list-style-type:decimal; padding:0 40px; margin:1em 0; }
.fck strong{ font-weight:bold; }
.fck blockquote{padding-left: 20px; padding-right: 8px; border-left-width: 5px;font-style: italic; font-family: Georgia, Times, "Times New Roman", serif; border:none; border-left:3px solid #ccc; margin:1em 40px; display:table-cell; }
.fck .marker {   background-color: Yellow; }
.fck hr{border: 0px; border-top: 1px solid #ccc; margin:0.5em 0; }
.fck a{ text-decoration:underline; color: #0782C1; }
.fck h1, .fck h2, .fck h3, .fck h4, .fck h5, .fck h6 {    font-weight: normal; line-height: 1.2; }
.fck h1 {    font-size: 2em; margin:0.67em 0; }
.fck h2 {    font-size: 1.5em;margin: 0.83em 0; }
.fck h3 {    font-size: 1.17em; margin:1em 0; }
.fck pre {    white-space: pre-wrap; word-wrap: break-word; tab-size: 4;margin: 1em 0px;font-family: monospace; }
.fck img{ height:auto !important; }

@media (min-width: 1600px){
.tv-banner .royalSlider{  height:460px; }
}
@media (min-width: 1400px) and  (max-width: 1599px){
.tv-banner .royalSlider{  height:405px; }
}
@media (min-width: 1200px) and  (max-width: 1399px){
.tv-banner .royalSlider{  height:345px; }
}
@media (min-width: 1200px){
.container{ width:1200px; }
.home-banner .text-list li a span{ width:270px; }
.article .home-banner .text-list li h5, .article .home-banner .text-list li p{ width:257px; }
.food-list .item .action .btn{ top:50%; margin:-30px 10px 0; }
.food-list2 .item .action .btn{ top:50%; margin:-30px 10px 0; }
.foot-article .article-list .item{ height:280px; }
.m-bg .main{ padding:0; }

.publish-content .main{ margin-left:45px; }
.publish-content .sidebar{ right:55px}
.preview .modal-dialog{ width:1080px}

.member .main .member-inner .form-horizontal{ padding:20px 50px; }
.member .main .member-inner .title{ padding-left:40px; }
.member-home .top-video .youtube-area{ left:75%; width:25%; }
}
@media (min-width: 992px) and  (max-width: 1199px){
.top-head .nav-pills > li:after{ padding:10px 15px;}
.home-banner .text-list li a span{ width:170px; }
#home-tab .tab-list li{ padding:15px;}
.article .home-banner{padding-right: 30%; }
.article .home-banner .text-list{width: 30%; }
.article .home-banner .text-list li h5, .article .home-banner .text-list li p{ width:257px; }
.fb-page>span, .fb-page iframe{ max-height:275px;}
.food-list .item .action .btn, .food-list2 .item .action .btn{ top:50%; margin:-25px 5px 0;     padding: 5px; width:50px; height:50px;}
.recipe .secion1 .action .btn i{ margin-right:10px; }
.tv-banner .royalSlider{  height:285px; }
.author-tab li a{ min-width:120px; }
.author-list .list .name{ height:1.4em;white-space:nowrap;text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden; }
.author-list .action .btn{ font-size:12px; }
.foot-article .article-list .item{ height:222.5px; }
.article-list .item .name span{ height:20px;white-space:nowrap;text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden; }
.article-list .item .description{ margin-bottom:15px; height:36px; }
.sidebar .member-box .pc .ranking{ letter-spacing:1px; text-indent:1px; width:100px; font-size:14px; height:40px; padding:13px 0; }
.publish-content .main{ margin-left:20px; }
.publish-content .sidebar{ right:30px}
.preview .modal-dialog{ width:980px}

.member-home .home-banner{ height:457px; }
.member-home .top-video .youtube-area{left:66.6666%; width:33.3333%; }
.member-home .top-video .description{ height:80px; overflow:hidden; }

.food-list2.food-one .item .btn-edit{top:65px; }
}

@media (min-width: 992px){
.navbar-header .btn-area, .navbar-header .search-bar{ margin-top:45px; }
.top-head .member-menu .collapse{ display:block; }

.food-list .item .action{ width:100%; height:100%; background:rgba(253,209,0,.9); top:0; -webkit-transition: all 500ms ease-in-out; -ms-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out;transition: all 500ms ease-in-out;opacity: 0; }
.food-list .item .action .btn:hover,.food-list .item .action .btn:focus{ background:#384650; }
.food-list .item .item-content{ height:92px; }
.food-list .item .description{ position:absolute; width:100%; height:92px; background:#FDD100; padding:10px; top:0; left:0; -webkit-transition: all 500ms ease-in-out; -ms-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out;transition: all 500ms ease-in-out;opacity: 0; }
.main .food-list .item:hover, .main .tv-list .item:hover, .article-list .item:hover, .member-table .item:hover{ box-shadow:0 0 15px rgba(0,0,0,.35)}
.member-home .main .food-list .item:hover, .member-home .main .tv-list .item:hover, .member-home .article-list .item:hover{ box-shadow:none; }
.member-home .main .food-list .item:hover .name, .member-home .main .tv-list .item:hover .name, .member-home .article-list .item:hover .name{ text-decoration:underline; }

.food-list .item:hover .action, .food-list2 .item:hover .action, .food-list .item:hover .description{opacity: 1; }
.add-type .modal-dialog{width:900px; }

.food-list2 .item .action{ width:100%; height:100%; background:rgba(253,209,0,.9); top:0; -webkit-transition: all 500ms ease-in-out; -ms-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out;transition: all 500ms ease-in-out;opacity: 0; }
.food-list2 .item .action .btn:hover,.food-list .item .action .btn:focus{ background:#384650; }

.tv-list .item .action{ width:100%; height:100%; background:rgba(253,209,0,.9); top:0; -webkit-transition: all 500ms ease-in-out; -ms-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out;transition: all 500ms ease-in-out;opacity: 0; }
.tv-list .item .action span {    top: 50%; margin: -30px auto 0; }
.tv-list .item:hover .action{opacity: 1; }
.sidebar .food-list .item .description{ display:none; }
.muti-list.food-list2 .f-item .action .btn{ margin-left:5px; margin-right:5px; }
.muti-list .v-item .action span {position: relative;z-index: 1;width: 60px;height: 60px;border-radius: 50%;background: #fff;text-align: center;display: block;top: 50%; margin: -30px auto 0; }
.muti-list .v-item .action span i {display: block;text-align: center;padding: 18px 0;font-size: 24px; }

.author-list .action{  position:absolute;width:100%; height:100%; padding:25px 20px 40px; background:rgba(56,70,80,.9); left:0; top:0; }
.author-list .action{ display:none; }
.author-list .item:hover .action{ display:block; }
.author-list .list a{ color:#fff; }
.author-list .list a:hover, .author-list .list a:hover .meta, .author-list .list a:hover .meta i{ color:#FDD100; }
.author-list .list .meta, .author-list .list .meta i{ color:#ddd; }
.author-list .list .meta .icon-bubble:after{ color:#384650; }
.author-list .action .btn-area{ position:absolute; width:100%; height:40px; bottom:0; left:0; }
.author-list .action .btn{ display:block; float:left; border-radius:0; width:50%; text-align:center; position:relative; }
.author-list .action .btn i{ display:block;text-align:center;font-size:18px; position:absolute; width:40px; height:40px; padding:11px; background:#fff; top:0; }
.author-list .action .add-like{ color:#fff;background-color:#FF4C4C; padding:10px 50px 10px 10px; }
.author-list .action .add-like i{ right:0;color:#FF4C4C; }
.author-list .action .add-list{background-color:#D6D6D6; padding:10px 10px 10px 50px; }
.author-list .action .add-list i{ box-shadow:inset 1px 0 0 rgba(0,0,0,.1); left:0; }
.author-list .action .add-list:hover, .author-list .action .add-list:focus, .author-list .action .add-like:hover, .author-list .action .add-like:focus{ background:#384650; }
.author-list .action .add-list:hover i, .author-list .action .add-list:focus i{ background:#FDD100; color:#384650; }
.author-list .action .add-like:hover, .author-list .action .add-like:focus{ color:#FF4C4C}
.author-list .action .add-like:hover i, .author-list .action .add-like:focus i{background: #FF4C4C; color:#fff; }

.foot-article .article-list .title-pc h4{ position:absolute; top:15px; padding:0 20px; font-size:35px; line-height:1.2em; color:#fff; }
.foot-article .article-list .title-pc .btn-more{ bottom:20px; left:20px; top:auto; right:auto; position:absolute; background-color:transparent; color:#fff; border-color:#fff; }
.foot-article .article-list .title-pc .btn-more:hover,.foot-article .article-list .title-pc .btn-more:focus{border-color:#FDD100; background:#FDD100; color:#384650; }
.favorite-content .food-list2 .item .pc{ width:185px; }
.favorite-content .food-list2 .item .item-content{ margin-left:185px; }
.publish-content .sidebar .btn-area .btn i{ display:none; }
.publish-content .head .form-group{ padding-right:160px; position:relative; }
.publish-content .head .form-group span{ position:absolute; right:0; top:0; width:140px; line-height:40px; }

.search-option .collapse{ display:block; }
.member-home .food-list .item .ingredient{white-space:nowrap;text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden; }
.member-home .top-video .youtube-area{ position:absolute; bottom:0; }
.member-home .top-video .item{margin-bottom:90px; }

.food-list2.food-one .item .btn-edit{ display:none; }
.food-list2 .item:hover .btn-edit{ display:block; }
.food-list2 .item:hover .pc{ background:#000; }
.food-list2 .item:hover .pc img{    opacity: .6; }
}

@media (max-width: 991px){
.top-head .member-menu{height:40px; }
.top-head .member-menu .inner{ position:absolute; right:0; top:40px; width:140px; z-index:2; }
.top-head .member-menu .nav-pills:before{display:block; content:""; position:absolute; top:2px; right:50%;border-bottom: 8px solid #384650; border-left: 8px solid transparent; border-right: 8px solid transparent; width:16px; height:8px; margin-right:-8px; }
.top-head .member-menu .nav-pills { background:#384650; border-radius:3px; margin-top:10px; padding:5px 0; }
.top-head .member-menu .nav-pills > li, .top-head .member-menu .nav-pills > li > a{ float:none; }
.top-head .member-menu .nav-pills > li > a{ padding:10px 10px; color:#FDD100; }
.top-head .member-menu .nav-pills > li > a i{ display:none; }
.top-head .member-menu .nav-pills > li:after{ display:none; }
.tv-content .top-head .member-menu .btn{ color:#FDD100; }
.tv-content .top-head .member-menu .btn.collapsed{ color:#fff; }
.select-box:before{ position:absolute; font-size:16px; top:12px; right:12px; content: "\f107";font-family: 'icomoon'; line-height:1; }

.home-category{ position:relative; }
.category ul{ display:none; }
.category>li{ float:left; width:25%; }
.category>li>a{padding-left:20px;white-space:nowrap;text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden; }
.category>li>a:hover{ background:#fff; color:#EC6B1F; }
.category>.foot{ width:auto; position:absolute; top:15px; right:5px; }
.category>.foot>a{ box-shadow:none; }

.tv-content .top-head .member-menu .nav-pills > li > a{ color:#fff; }
.tv-banner .rsDefault.rsHor .rsArrowLeft,.tv-banner .rsDefault.rsHor .rsArrowRight{ display:none !important; }

.food-list .item .action, .food-list2 .item .action, .food-list .item .man{ display:none; }
.food-list .item .pc, .sidebar .tv-list .item .pc, .article-list .item .pc{ float:left; width:200px; margin:20px; }
.food-list .item .name,.sidebar .tv-list .item .name{ margin-bottom:10px; }
.food-list .item .description{ margin-top:10px; }
.food-list .item .description .inner{ height:36px; }
.tv-list .item .action{ display:none; }
.sidebar .food-list .item, .sidebar .tv-list .item{ padding-bottom:20px; }
.tv-content .sidebar .food-list .item, .tv-content .sidebar .tv-list .item{ border:none; }

.category-list .pc{ display:none; }

.tv-content .main .food-list .item .item-content, .foot-recipe .article-list .item .item-content{ border:none; }
.tv-content .food-list .item{border: 1px solid #eee; }
#table-pc .carousel-control{ opacity:1; }

.article-list .man-pc{ display:none; }
.article-list .item .name{ padding-right:20px; }
.article-list .item .name span{ height:auto; max-height:40px; }
.article-list .item .item-content{ margin-left:30%; }
.food-table .food-list .item .description{ margin:0; padding-bottom:0; }
.food-table .food-list .item .description .inner{ height:40px; }

.article .home-banner{ padding-right:0 }
.article .home-banner .text-list{ display:none;}
.author-tab li a{ min-width:40px; }
.author-list .pc{ float:left; width:200px; }
.author-list .list{ display:none; }
.author-list .item{ padding:0; }
.author-list .item-content, .author-id .author-tag{ margin-left:220px; }
.author-list .item .description{ height:108px; margin-bottom:32px }
.author-list .action .btn{ background:#fff; border:1px solid #ccc; width:120px; float:left; margin-right:10px; }
.author-list .action .add-like i{ color:#FF4C4C}
.author-list .action .add-list:hover,.author-list .action .add-list:focus{ background:#FDD100; color:#383650;border-color:#FDD100; }
.author-list .action .add-like:hover,.author-list .action .add-like:focus, .author-list .added-author .action .add-like{ background:#FF4C4C; color:#fff;border-color:#FF4C4C}
.author-list .action .add-like:hover i,.author-list .action .add-like:focus i, .author-list .added-author .action .add-like i{ color:#fff; }
.author-list .action .btn i{ margin-right:5px; float:left}
.author-list-out .author-list { padding-top:0; }

.foot-article .article-list .title-pc img{ display:none; }
.foot-article .article-list .title-pc h4{padding-right: 85px;font-size: 17px;line-height: 30px;font-weight: normal;min-height: 30px; }
.foot-article .article-list .title-pc .btn-more{position: absolute;right: 0;top: 0; }
.foot-article .article-list .pc{ width:40px !important; margin:20px !important; }
.foot-article .article-list .man-pc{ display:block; margin:0; }
.foot-article .article-list .item .item-content{ margin-left:60px !important; }
.food-list2 .item .description{ margin-bottom:10px; }

.publish-content .member-tab { margin-bottom:80px; }
.publish-content .sidebar{ right:0;width:100%; top:60px; height:40px; }
.publish-content .sidebar .btn-area .btn{; }
.publish-content .sidebar li{ float:left; width:25%; padding:0 10px; }
.table-content .sidebar li{ width:25%}
.preview .modal-dialog{ padding:30px 10px; }
.food-list.recipe-list .item .pc{ margin:0; float:none; width:100%	}
.fck-box{ padding:30px 20px; }

.member-home .top-head .member-menu .nav-pills{background:#002E5B; }
.member-home .top-head .member-menu .nav-pills:before{border-bottom-color:#002E58}
.member-home .top-head .member-menu .nav-pills > li > a{ color:#fff; }
.member-home .top-head .member-menu .btn.collapsed{background:#002E5B; }
.member-home .top-head .member-menu .btn{background: #FDE428; color: #002E5B; }
.member-home .home-banner{ margin-top:-220px; }
.member-home .section1 .data{border-bottom: 1px solid #EEEDE8; }
.member-home .food-list .item .pc{ margin:0; }
.member-home .food-list .item .item-content{ margin-left:200px; padding:0 0 0 20px; }
.member-home .food-list .item .description{ display:none; }
.member-home .food-list .item .ingredient{ margin-top:15px; height:2.8em; overflow:hidden; }

.food-list2.food-one .item .btn-edit{ display:block; }
} 


@media (min-width: 768px){
.container > .navbar-header{margin-right: -10px;margin-left: -10px; }
.navbar > .container .navbar-brand {    margin-left:0; }
.navbar-header .btn-area{ float:right; }
.foot-info{ float:left; }
.foot-socail{float:right; }
.home-category .collapse{ display:block; }
.category-list .item:nth-child(4n+1){ clear:both; }
.recipe .title1{ padding-right:190px; }
.member-tab{ padding-right:220px; }
.food-list2 .item .ingredient{ white-space:nowrap;text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden; }
.favorite-side .collapse{ display:block; }
.trace-list li .description{ padding-right:180px; }
.preview .modal-footer .btn i{ display:none; }

.member-table>div:nth-child(3n+4){ clear:both;}

.member .message .line-tab-30{ position:absolute; top:20px; right:20px; }
.member .message .message-list .message-box,.member .message .answer-input,.member .message .answer-box{margin-left:80px; }
.member .message .message-list .panel:hover .message-box a{ color:#EC6B1F; }
.member .message .message-list .message-box{ padding:10px 20px; }
.member .message .message-list .message-box .pc{ width:60px; left:-80px; top:0; }
.member .message .message-list .message-box:before{ width:10px; height:20px;border-right: 10px solid #F5F5F5;border-top: 10px solid transparent;border-bottom: 10px solid transparent; border-left:none; left:-10px; top:20px; }
.member .message .answer-box:before {display: block;content: "";position: absolute;top: -10px;left: 25px;border-bottom: 10px solid #FCF5D8;border-left: 10px solid transparent;border-right: 10px solid transparent;width: 20px;height: 10px; }
.member .message .message-list .panel-heading .btn .show-mobile{ display:none; }
}

@media (min-width: 768px) and  (max-width: 991px){
.navbar-header .navbar-brand{ padding:25px 0; }
.navbar-header .btn-area{ margin-top:15px; }
.navbar-header .btn-area .btn{ margin-top:10px; text-align:left; }
.navbar-header .btn-area .btn i{ margin-right:5px; }
.navbar-header .btn-area-single .btn { margin-top: 36px; }
.navbar-header .search-bar{ margin-top:50px; }
.top-head .container{ position:relative;}
.head-socail{ right:110px;}
.home-banner .text-list li a span{ width:210px; }
.article .home-banner .text-list li h5, .article .home-banner .text-list li p{ width:189px; }
.article .home-banner .text-list li a h5{ margin:0; }
.article .home-banner .text-list li a p{ display:none; }
.food-list .item .action .btn, .food-list2 .item .action .btn{ margin-left:5px; margin-right:5px; }
.home-table .food-list .item .pc{ float:none; width:100%; margin:0; }
.home-table .food-list .item .description{ display:none; }
.tv-banner .royalSlider{  height:360px; }
.preview .modal-dialog{ width:760px}

.member-home .home-banner{ height:350px; }
.gb-notice{ margin:50px 20px 0; }
.food-list2 .item .pc{ margin-bottom:20px; }
.food-list2.food-one .item .btn-edit{top:140px; }
}

@media (max-width: 767px){
.container{ min-width:320px; position:relative; }
.content .container{ padding:0;}
.home .title{ padding-left:10px;}
.navbar-header .navbar-brand img{ margin:0 auto; }
.navbar-header .search-bar .btn{ width:40px;}
.food-list .item .pc, .article-list .item .pc{ width:160px; }
.food-list .item .description .inner{ max-height:36px; }
.modal-content{    padding-right:50px; }
.modal-header{ padding-left:10px; }
.modal-body{  padding:10px; }
.modal-footer { width:40px; }

.footer{text-align:center; }
.foot-link{ margin:0 -10px 10px}
.foot-link li{ width:25%; }
.foot-link li:after{ padding:0; }
.foot-socail li{ display:inline-block; float:none; margin:10px 10px 0; vertical-align:top; }
.category-list ul{ display:none; }
.category-list .title{ margin:0; border:none; }
.category-list .title a{ padding:11px 0 11px 30px; }
.sidebar .food-list .item .pc, .sidebar .tv-list .item .pc{ width:80px;margin:0 10px 0 0}
.sidebar .food-list .item .item-content, .sidebar .tv-list .item .item-content{ padding:0 10px; }
.sidebar .food-list .item .description{ display:none; }
.recipe .top-btn{position: relative;top: auto;right: auto;margin-bottom: 15px; }
.recipe .top-btn .btn{ width:49%}
.recipe .top-btn .btn:last-child{ float:right; }
.recipe .recipe-content .meta{ margin:0 0 20px; }
.recipe .step .pc{ float:none; margin:0 0 15px; width:100%; }
.recipe .foot-author{ padding-right:20px; }
.recipe .foot-author .share-tool{position: relative;top: auto;right: auto; }
.comment .foot-area .btn{ float:none; display:block; margin-top:20px; }


.tv-content .recipe .top-btn, .article-info.recipe  .top-btn{ position:absolute; right:20px; top:20px; }

.home-banner .text-list{ overflow:hidden; }
.banner{ padding:0;}
#home-tab .tab-pane{ padding:10px;}
#home-tab .tab-list{ margin-bottom:10px;}
#home-tab .tab-list li{ width:25%; padding:15px 0 ; text-align:center;}

.article-list .item{ border:1px solid #eee; }
.article-list .item .item-content { margin-left: 180px; }
.article-list .item .name{ margin-bottom:10px; }
.article-list .item .description{ display:none; }
.author-tab ul{ text-align:left; }
.author-tab li{ width:16.6666%; float:left; text-align:center; }
.author-home .author-tab ul{ padding-right:0; margin-bottom:40px	}
.author-home .author-tab ul li{ width:20%;}
.author-tab .btn-more{ top:60px; padding:10px; height:40px; }
.author-tab li a{ padding:15px 0; font-size:15px; }

.article-tab{ position:relative; top:auto; right:auto; margin-top:10px; }
.article-tab>li{ margin-bottom:10px;margin-right:10px; }
.article-tab>li:last-child{ margin-right:0; }
.article-info .article-tab> li{ margin:0; }

.member .social-area>div:first-child .btn{ margin-bottom:10px; }
.member .form-horizontal .control-label{ padding-top:0; }
.food-list2 .item .description{ display:none; }
.favorite-content .nav-pills{ float:none; }
.favorite-content .nav-pills > li{ width:50%; }
.favorite-side .collapse{ padding-bottom:20px; border-bottom:1px solid #ddd}

.publish-content .recipe-info .ingredients li{ padding-right:40px}
.publish-content .recipe-info .ingredients li>div:first-child{ margin-bottom:10px; }
.publish-content .recipe-info .ingredients .btn-area{ width:40px; }
.publish-content .recipe-info .ingredients .btn-area .btn + .btn{ margin:10px 0 0; }

.publish-content .type li{ padding-right:40px}
.publish-content .type li>div:first-child{ margin-bottom:10px; }
.publish-content .type .btn-area{ width:40px; }
.publish-content .type .btn-area .btn + .btn{ margin:10px 0 0; }
.publish-content .step li{ padding-right:0; }
.publish-content .step .upload-pc{ position:relative; top:auto; right:auto;margin:0 0 15px; width:100%; }

.recipe-list .recipe-description{ font-size:14px; }
#favorite-pop .close{ padding:5px; width:30px; height:30px; top:-31px; }
#favorite-pop .modal-content{ padding-right:0; }
.member  .add .item:last-child{ margin-top:10px; }
.member .require{ top:0; }
.member .message .line-tab-30{ margin:20px 20px 0; }
.member .message .line-tab-30 li{ width:33.333333%; }
.line-tab-30 > li > a{ padding:4px 0; }
.member .message .message-list .panel-heading .btn{ position:relative; margin-top:10px; top:auto; display:block; width:100%; }
.member .message .answer-box:before {display: block;content: "";position: absolute;top: -10px;left: 25px;border-bottom: 10px solid #FCF5D8;border-left: 10px solid transparent;border-right: 10px solid transparent;width: 20px;height: 10px; }
.member .message .answer-box{ padding-right:60px; }
.member .message .answer-box .btn{ top:50%; right:10px; margin-top:-20px; }
.member .message .message-list .panel-heading .btn:after{display: block;content: "";position: absolute;top: 13px;right: 10px;border-bottom: 5px solid #384650;border-left: 5px solid transparent;border-right: 5px solid transparent;width: 10px;height: 5px; border-top:0; }
.member .message .message-list .panel-heading .btn.collapsed:after{border-top: 5px solid #384650;border-bottom:0; }
.member-home .home-banner{ height:220px; }
.member .message .gb-list .message-list .panel-heading .btn{ top:auto; right:auto; width:100%; }
.member .message .gb-list .message-list .panel-heading .btn:after{ display:none; }
.member .message .gb-list .message-list .panel-heading{ padding:10px 10px 20px; }
.member .message .gb-list .message-list .name{white-space:normal; line-height:20px; height:40px; margin:10px 0; }

.member-table>div:nth-child(2n+3){ clear:both;}

.gb-notice{ margin:50px 0 0; padding:40px 20px 20px; }
.gb-notice .head .pc{ left:0; top:-70px; }
.gb-notice .head{ padding-right:50px; }
.gb-notice .head .btn{ right:-10px; top:-60px}


}
@media (min-width: 481px) and (max-width: 767px){
.head-socail{ right:110px;}
.navbar-header .search-bar{ margin-top:30px;}
.category-list .item:nth-child(3n+1){ clear:both; }
.tv-banner .royalSlider{  height:225px; }
.author-list .pc{ width:160px; }
.author-list .item-content, .author-id .author-tag{ margin-left:180px; }
.author-list .item .description{ height:72px;margin-bottom:28px; }
.food-list2 .item .pc{width:160px; }
.food-list2 .item .item-content{ margin-left:160px; }
.member-home .food-list .item .item-content{ margin-left:160px; }
.food-list2.food-one .item .btn-edit{ left:80px; top:125px; }
}

@media (min-width: 481px){
}
@media (max-width: 480px){
.top-head{ font-size:14px; }
.top-head .main-menu > li:after{ padding:10px 8px; }
.top-head .member-menu{position:absolute; right:0;width:40px; top:0; z-index:9; }
.top-head .member-menu .btn{ width:40px; background:#384660; color:#FDD100; }
.top-head .member-menu .collapsed{background:#fff }
.top-head .member-menu .btn span{ display:none; }
.top-head .member-menu .nav-pills:before{right:12px; margin:0; }
.top-head .member-menu .btn .icon-user:before{content: "\f0c9";}
.navbar-header .search-bar{ margin-top:20px;}
.navbar-header .search-bar .list-inline{ margin-top:5px; margin-bottom:5px;}
.tv-content .top-head .member-menu .btn{ background-color:#FDD100; color:#384650 }
.tv-content .top-head .member-menu .btn.collapsed{ color:#384650; background:#fff; }
/* .tv-content .top-head .member-menu .nav-pills > li > a{ color:#384650; } */
.tv-banner .royalSlider{  height:165px; }

.sidebar .ad-pc img{ width:100%;}
.home-banner {padding-right:0; }
#home-tab .tab-list li{ font-size:15px;}
.home-banner .text-list {width:100%;height:auto; position:relative; right:auto; top:auto; padding-left:0; }
.home-banner .text-list ul{ margin:0;}
.home-banner .text-list li a span{ height:30px; line-height:20px; padding:5px 0; }
.home-banner .text-list li a span, .home-banner .text-list li a, .home-banner .text-list li{display:block; }
.category>li>a{ font-size:14px; padding: 15px 5px; text-align:center;}
.food-list .item .pc, .article-list .item .pc{ width:120px; margin:10px; }
.food-list .item .name{ margin-bottom:10px; }
.category-list .item{ width:50%; }
.food-table .table-tab{ position:relative; top:auto; right:auto; margin-bottom:20px; }
.food-table .table-tab > li { width:33.33333%} 
.article-list .item .item-content { margin-left: 130px; }
.author-list .pc{ float:none; width:100%; }
.author-list .item-content, .author-id .author-tag{ margin-left:0}
.author-list .item .description{ height:auto; margin-bottom:10px; }
.food-list2 .item .pc{width:120px; }
.food-list2 .item .item-content{ margin-left:120px; }
.sidebar .member-box .pc .ranking{ letter-spacing:1px; text-indent:1px; width:100px; font-size:14px; height:40px; padding:13px 0; }
.member-table > div{ width:100%; }
.publish-content .recipe-info .ingredients .control-label small{ display:block}
.member-tab .nav-pills{ padding:0 10px}
.member-tab .nav-pills > li{ margin:0; width:25%; }
.member-tab .nav-pills > li:nth-child(n+5){ margin-top:3px; }
.member-tab .nav-pills > li > a{ padding:10px 0; text-align:center; }
.publish-content .sidebar{ top:103px; }
.publish-content .sidebar .btn-area{ padding:0 5px; }
.publish-content .sidebar .btn-area li{ padding:0 5px; }
.publish-content .sidebar .btn-area .btn{ font-size:15px; }
.info .share-tool{ float:none; }
.article-info.recipe .info .share-tool{ margin-top:15px; }
.member-home .top-head .member-menu .btn.collapsed{ background:#002E58}
.member-home .food-list .item .item-content{ margin-left:120px; }
.food-list2.food-one .item .btn-edit{ left:60px; top:100px }

.member .social-area .btn { padding-left: 35px; font-size: 13px;}
.member .social-area .btn i { width: 30px; padding: 5px; font-size: 15px; line-height: 30px;}
.m-bg { padding: 30px 15px;}

}

@media print {
.wrap a[href]:after {content: none !important;}
}



.cookbook-ad { display: block; margin-bottom: 20px; }
/* nini 20170516 收藏數與回應數暫時隱藏 */
.meta li:nth-child(1), .meta li:nth-child(2) {
    visibility: hidden!important;
    font-size: 0!important;
    width: 1px!important;
    padding: 0!important;
    line-height: 1!important;
    vertical-align: middle!important;
}



/* 20171109 序號驗證 序號查詢 */
.mt30 {
	margin-top: 30px;
}
.n_search_title {
	margin-top: 12px;
	margin-bottom: 15px;
	font-size: 16px;
}
@media (max-width: 767px) {
	.n_search_title {
		text-align: left;
	}
}
					table.number_s_table {
						 margin-top:30px;
						 border: 1px solid #e4e4e4;
					}
                    table.number_s_table tr td {
						border-right: 1px solid #e4e4e4;
						border-bottom: 1px solid #e4e4e4;
						border-top: none;
						padding:8px;
						font-size:14px;
						color:#514841;
					}
					table.number_s_table tr.n_pc_title td {
						    background-color: #fdd201;
							color: #525252;
							font-weight: bold;
							text-align: center;
					}
					table.number_s_table .n_mb-title {
							display:none;
					}
					@media (max-width: 992px) {
						 table.number_s_table {
						 	border: none;
					}
						table.number_s_table tr.n_pc_title {
							display:none;
						}
						table.number_s_table .n_mb-title {
							        text-align: center;
									display: table-cell;
									width: 80px;
									padding: 8px;
									background: #fdd201;
									border-right: 1px solid #e4e4e4;
									font-weight: bold;
									font-size: 14px;
						}
						table.number_s_table .n_mb-content {
							        font-size: 14px;
									display: table-cell;
									padding: 8px;
									vertical-align: middle;
						}
						table.number_s_table tr {
							display: block;
							margin-bottom: 15px;
							border: 1px solid #e8e8e8;
							overflow: hidden;
							background-color: #fff;
						}
						table.number_s_table tr td {
							    display: block;
								width: 100%;
								padding: 0;
								border-bottom: 1px solid #e8e8e8;
								border-right: none;
						}
						table.number_s_table tr td:last-child {
								border-bottom:none;
						}
						
						
						    
					}
.navbar-header {
	position:relative;
}
.number_block {
	position:absolute;
	top:10px;
	right:0px;
}
.number_block a {
	font-size: 15px;
    color: #444;
    padding: 2px 10px;
	text-decoration:underline;
	
}
.number_block .n_line {
	font-size: 12px;
}
@media (max-width: 767px) {
	.number_block {
		top:0px;
	}
	.number_block a {
		font-size: 14px;
	}
}
.member .sample a.sp_a {
    color: #EB6B1F;
}
.n_modal .modal-content {
	padding-right: 60px;
}