@charset "utf-8";
@import url(kyart-ui.css);
@font-face {    /*仿宋*/
font-family: 'cwTeXFangSong'; font-style: normal; font-weight: 500; src: url(//fonts.gstatic.com/ea/cwtexfangsong/v3/cwTeXFangSong-zhonly.eot); src: url(//fonts.gstatic.com/ea/cwtexfangsong/v3/cwTeXFangSong-zhonly.eot?#iefix) format('embedded-opentype'), url(//fonts.gstatic.com/ea/cwtexfangsong/v3/cwTeXFangSong-zhonly.woff2) format('woff2'), url(//fonts.gstatic.com/ea/cwtexfangsong/v3/cwTeXFangSong-zhonly.woff) format('woff'), url(//fonts.gstatic.com/ea/cwtexfangsong/v3/cwTeXFangSong-zhonly.ttf) format('truetype'); }

/* ==========================================================================
  lazyload圖片設定
   ========================================================================== */
.lazyload, .lazyloading { opacity: 0; }
.lazyloaded { opacity: 1; transition: opacity 300ms; }

/* ==========================================================================
  Top MEnu
   ========================================================================== */
.top-channel { height: 40px; background: #4f4e4e; display: block; }
.top-channel ul { margin: 0; padding: 0; display: table; }
.top-channel ul li { display: table-cell; width: 1%; }
.top-channel ul li a { line-height: 40px; color: #fff; display: block; text-align: center; font-size: 20px; text-transform: uppercase; font-family: "Didot", "Microsoft JhengHei", "Times New Roman", "Microsoft JhengHei", Times, Serif; font-weight: 400; }
.top-channel ul li:nth-child(2) a { background: #312f2f; }
.top-channel ul li:nth-child(3) a { background: #000000; }
.top-channel ul li a:hover { background: #a4cdc3; color: #000; }

/* ==========================================================================
Header Foodnext
========================================================================== */
.overlay { background: url("../img/transparent.png") repeat 0 0; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 90; display: none }
.showing-nav-sidebar .overlay { display: block !important; }
.red { color: #ff0000 !important; }

/**/
.header-set { position: relative; z-index: 10; z-index: 889; }

/**/
.header { z-index: 888; width: 100%; top: 0; position: absolute; }
.contentpage .header { max-height: 193px; }
.header .icon { font-size: 36px }
.header a { color: #000 }
.header .type-submenu { padding-bottom: 30px }
.home .header .type-submenu { padding-bottom: 0; }
.header .type-submenu a { font-size: 11px; }
.header .logo { position: relative; z-index: 99; width: 265px; margin: 0 auto; height: 160px; display: block; overflow: hidden; background: url("../img/logo.png") no-repeat center 0; }
.blackHeader .logo { background: url("../img/logo_black.png") no-repeat center 0; }
.header .logo em { font-size: 0; position: absolute; top: -999em; }
.home .header .logo { margin: 12px auto 0; }
.header .type-submenu .row>.col-xs-10 { z-index: 888; }

/*上方選單*/
.header .type-submenu ul { white-space: nowrap; list-style: none; margin-right: 40px; float: right; text-align: right; }
.header .type-submenu ul li {
    float: none;
    margin-left: 7px;
    position: relative;
    text-align: right;
    display: inline-block;
    vertical-align: top;
}

.header.blackHeader .type-submenu ul li {vertical-align: initial;}
.header.blackHeader .type-submenu ul.actions li {vertical-align: top;}
.header .type-submenu ul li a { line-height: 60px; font-size: 15px; }
.header .type-submenu .dropdown-menu { float: none; left: inherit; right: 0; margin-top: -10px; border-radius: 0px; margin-right: 0px; }
.header .type-submenu .dropdown-menu ul { float: none; left: inherit; right:0; }
.header .type-submenu .dropdown-menu li { float: none; margin-left: 0px; border-bottom: 1px solid #eee; }
.header .type-submenu .dropdown-menu li a { line-height: normal; line-height: 30px; }
.header .type-submenu .searcharea ul { float: none }
.header .type-submenu a span { font-size: 18px }
.header .type-submenu a .caret { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 5px solid; border-right: 5px solid transparent; border-left: 5px solid transparent; }
.userset a { position: relative; overflow: hidden; width: 160px; text-overflow: clip; text-overflow: ellipsis; display: inline-block; white-space: nowrap; }
.userset img.user-pic { width: 30px; border-radius: 50%; margin: 0 3px 0 0; }

/*主選單*/
.type-nav { text-align: center; }
.header .type-nav ul { list-style: none; display: inline-block; }
.header .type-nav ul li { float: left; position: static; }
.header .type-nav ul li a { font-size: 25px; padding: 12px 25px; display: block; font-family: "Didot", "Meiryo", "Times New Roman", "Microsoft JhengHei", Times, Serif; font-weight: 100; }
.header .type-nav ul li a:hover, .header .type-nav ul li:hover a, .header .type-nav ul li:focus a, .header .type-nav ul li:active a { color: #fff; background: rgba(0, 0, 0, .5); }
.header .type-nav .ico-search { float: right }
.header .type-nav ul li:nth-child(3) { margin-right: 120px; }
.header .type-nav ul li:nth-child(4) { margin-left: 120px; }

/**/

/**
 * Subnav - full size menu
 */

.type-nav ul li a { font-size: 16px; padding: 0 20px; }
.type-nav .subnav-container { opacity: 0; position: absolute; left: -9999em; top: 58px; z-index: 99; width: 1020px; height: 260px; background: #3f3f3f; -webkit-transition: opacity 0.4s; -moz-transition: opacity 0.4s; -o-transition: opacity 0.4s; transition: opacity 0.4s; margin-left: -510px; }

/*
.type-nav .subnav-container:before{
  position: absolute; top:-10px; left:80px;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  content:"";
  border-bottom: 10px solid #3f3f3f;
}*/
.type-nav ul li:hover .subnav-container { opacity: 1; left: 50%; }
.type-nav ul.subnav-menu { position: absolute; left: 10px; top: 10px; width: 250px; height: 240px; background: #444; padding: 7px 0; margin-left: 0; }
.header .type-nav ul.subnav-menu li:nth-child(2), .header .type-nav ul.subnav-menu li:nth-child(3), .header .type-nav ul.subnav-menu li:nth-child(4), .header .type-nav ul.subnav-menu li:nth-child(5) { margin-right: 0px; margin-left: 0px; }
.type-nav ul.subnav-menu li { float: none; border: none; border-bottom: 1px solid #666; }
.type-nav ul.subnav-menu li a { display: block; text-align: left; padding: 5px 10px 5px 12px; line-height: 30px; border: none; font-size: 15px; }
.type-nav ul.subnav-menu li a:after { font: 15px FontAwesome; content: "\f105"; margin-right: 5px; float: right; line-height: 30px; color: #ccc; }
.type-nav ul.subnav-menu li .subnav-posts a:after { content: ""; }
.type-nav .subnav-posts { display: none; position: absolute; width: 720px; left: 280px; top: 25px; -webkit-transition: top 0.4s; -moz-transition: top 0.4s; -o-transition: top 0.4s; transition: top 0.4s; overflow: hidden; }
.type-nav ul li li.current .subnav-posts, .type-nav ul li li:hover .subnav-posts, .type-nav ul li li a:hover .subnav-posts { display: block; top: 20px; }
.type-nav ul li .subnav-posts a { line-height: 14px; font-weight: 400; display: inline; text-transform: none; padding: 0; border-top: none; }
.header .type-nav ul li:hover .subnav-posts a { background: none; }
.type-nav .subnav-posts article { width: 150px; float: left; margin-left: 30px; }
.type-nav .subnav-posts article a.thumb { width: 150px; height: 100px; overflow: hidden; background: #000; }
.type-nav .subnav-posts article img { width: 100%; max-width: 100%; }
.type-nav .subnav-posts article:first-child { margin-left: 0; }
.type-nav .subnav-posts article h3 { line-height: 1.2em; font-weight: 400; text-align: left; padding: 0 5px; margin: 15px 0 0 0; }
.btnsocial i { font-size: 23px; vertical-align: middle; display: inline-block; }
.btnsocial i.ico-youtube-sign { font-size: 27px; vertical-align: middle; margin-top: 2px; }
.header .type-submenu ul li.spadding { margin-left: 22px; }
.ky-accordion-menu .btnsocial i.ico-youtube-sign { font-size: 20px; }

/**/
.whiteHeader a, .whiteHeader { color: #fff }

/**/
.fixedHeader { background: url("../img/bg_header_fixed.png") repeat-x center -62px; position: fixed; height: 65px; top: -116px; color: #1f1f1f; z-index: 99; padding-bottom: 5px; }
.fixedHeader .type-nav ul { padding-top: 0px; }
.fixedHeader .type-submenu .logo { width: 120px; height: 60px; margin-top: 5px !important; }
.fixedHeader .type-submenu .logo { background: url("../img/logo_black.png") no-repeat center 0; background-size: 60%; position: relative; z-index: 11; }
.fixedHeader a, .whiteFrame .fixedHeader a { color: #000 }
.fixedHeader a:hover { color: #ee3042 }
.fixedHeader .nav-item { background: url(../img/menu_black.png) no-repeat center center; z-index: 999; }
.fixedHeader .type-nav ul.subnav-menu li a, .fixedHeader .type-nav ul.subnav-menu li, .fixedHeader .type-nav ul.subnav-menu li p { color: #fff; }
.fixedHeader .type-nav .subnav-container { top: 59px; }
.fixedHeader .actions { display: none; }

/* TV 首頁 - 專題卡片 */
.topic-slider { }
.topic-slider .circle_item_border { }
.topic-slider .image_more_info { display: none; }
.topic-slider .main_content_slider_wrapper { margin-bottom: -40px; }
.topic-slider .circle_slider { padding-bottom: 50px; }
.topic-slider .circle_slider_nav_left, .topic-slider .circle_slider_nav_right { top: 215px !important; }
.topic-slider .all_around_text_down { top: 326px !important; }
.topic-slider .circle_slider_thumb { margin-top: 80px !important; }
.topic-slider .circle_slider_thumb img { -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; }
.topic-slider .circle_slider_thumb.active { margin-top: 0px !important; }
.topic-slider .content_slider_text_block_wrap { position: relative; margin-top: -80px; }
.topic-slider .content_slider_text_block_wrap .slider-des-txt { position: relative; color: #666; text-align: left; }
.topic-slider .content_slider_text_block_wrap .slider-des-txt:before { content: ' '; position: absolute; z-index: 1; top: -37px; bottom: 0; right: 10px; width: 122px; background: url(../img/tv_hp_topic.png) no-repeat 0 0; }
.topic-slider .content_slider_text_block_wrap .slider-des-txt h3 { padding: 10px 50px 10px 20px !important; }
.topic-slider .content_slider_text_block_wrap .slider-des-txt h3>a { font-size: 24px !important; line-height: 28px !important; color: #000; }
.topic-slider .content_slider_text_block_wrap .slider-des-txt h3>a:hover, .topic-slider .content_slider_text_block_wrap .slider-des-txt h3>a:focus { color: #333; text-decoration: underline; }
.topic-slider .content_slider_text_block_wrap .slider-des-txt p { margin: 0 40px 10px 20px; max-height: 48px; overflow: hidden; }
.topic-slider .slider-des-txt { display: table; width: 460px; margin: 0 auto; background-color: #fff; }
.slider-owl-box { position: absolute; left: 0; right: 0; background-color: #000; border: 5px solid #000; border-width: 0 6px 0 3px; }

/* card-slider */
.card-slider .owl-carousel { display: block; padding: 5px 0; }
.card-slider .owl-carousel .item { background-color: #fff; text-align: left !important; }
.card-slider .item { position: relative; }
.card-slider .item>.media { }
.card-slider .item>.media .img-media { position: relative; width: 100%; }
.card-slider .item>.media .img-media:before { content: "\e029"; color: rgba(255, 255, 255, 0.5); font-size: 30px; font-family: 'Glyphicons Halflings'; position: absolute; top: 50%; left: 50%; margin: -15px 0 0 -15px; }
.card-slider .item>.media .img-media img { width: 100%; min-width: 100%; }
.card-slider .item>.media .media-body { display: block; padding: 10px 15px; }
.card-slider .item>.media .media-body>em { display: block; margin: 0 0 10px; }
.card-slider .item>.media .media-body>.media-heading { font-size: 18px !important; line-height: 24px !important; height: 48px; max-height: 48px; overflow: hidden; }
.card-slider .item>.media p { margin: 0; }
.card-slider .item>.ContentContainer { display: none; }
.card-slider .item:hover>.ContentContainer, .card-slider .item:focus>.ContentContainer { display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0, 0, 0, .6); color: #fff; padding: 20px; }
.card-slider .item>.ContentContainer a { color: #fff; }
.card-slider .item>.ContentContainer { font-size: 15px; line-height: 18px; }
.card-slider .item>.ContentContainer .conDetail>h3 { color: #fff; font-size: 18px !important; line-height: 24px !important; max-height: 48px; overflow: hidden; text-align: center; }
.card-slider .item>.ContentContainer .conDetail>.quote { display: block; max-height: 145px; overflow: hidden; }
.card-slider .item>.ContentContainer .conDetail>.btn-preview { display: block; width: 80%; margin: 15px auto; text-align: center; color: #9cc6b9; border: 1px solid #9cc6b9; padding: 8px; border-radius: 20px; }
.card-slider .item>.ContentContainer .review-tool ul li { text-align: center; }
.card-slider .item>.ContentContainer .review-tool .open>.dropdown-menu { top: auto; bottom: 28px; }
.card-slider .item>.ContentContainer .review-tool .open>.dropdown-menu { top: auto; bottom: 28px; }
.card-slider .item>.ContentContainer .review-tool .open>.dropdown-menu > li > a { color: #5e5e5e; }
.card-slider .item>.ContentContainer .review-tool .open>.dropdown-menu > li > a:hover, .topic-slider .item>.ContentContainer .review-tool .open>.dropdown-menu > li > a:focus { color: #fff; }

/* TV Channel */
.food-tv-channel { }
.channel-cover { overflow: hidden; position: relative; }
.channel-cover:before { content: ''; position: absolute; top: 24px; left: 50%; margin-left: -77px; width: 94px; height: 155px; background: url(../img/tv_channel_label_science.png) no-repeat 0 0; }
.channel-cover>.channel-cover-img { }
.channel-cover>.channel-cover-img>img { min-width: 100%; }
.channel-cover>.channel-cover-btn { position: relative; z-index: 888; display: table; margin: -64px auto 20px; background-color: #fff; }
.channel-cover>.channel-cover-btn .btn { font-size: 18px; padding: 12px 28px; }
.channel-cover-science:before { background: url(../img/tv_channel_label_science.png) no-repeat 0 0; }
.channel-cover-science>.channel-cover-btn .btn:hover, .channel-cover-science>.channel-cover-btn .btn:focus, .channel-cover-science>.channel-cover-btn .active { background-color: #a5d1c4; border-color: #94bbaf; box-shadow: none; }
.channel-cover-life:before { background: url(../img/tv_channel_label_life.png) no-repeat 0 0; }
.channel-cover-life>.channel-cover-btn .btn:hover, .channel-cover-life>.channel-cover-btn .btn:focus, .channel-cover-life>.channel-cover-btn .active { background-color: #c6b889; border-color: #a99d75; box-shadow: none; }
.channel-cover-lectures:before { background: url(../img/tv_channel_label_lectures.png) no-repeat 0 0; }
.channel-cover-lectures>.channel-cover-btn .btn:hover, .channel-cover-lectures>.channel-cover-btn .btn:focus, .channel-cover-lectures>.channel-cover-btn .active { color: #fff; background-color: #7b746e; border-color: #68625d; box-shadow: none; }
.channel-cover-map:before { background: url(../img/tv_channel_label_map.png) no-repeat 0 0; }
.channel-cover-map>.channel-cover-btn .btn:hover, .channel-cover-map>.channel-cover-btn .btn:focus, .channel-cover-map>.channel-cover-btn .active { color: #fff; background-color: #456258; border-color: #3a524a; box-shadow: none; }
.channel-cover-film:before { background: url(../img/tv_channel_label_film.png) no-repeat 0 0; }
.channel-cover-film>.channel-cover-btn .btn:hover, .channel-cover-film>.channel-cover-btn .btn:focus, .channel-cover-film>.channel-cover-btn .active { color: #fff; background-color: #624560; border-color: #583e56; box-shadow: none; }
.channel-list { position: relative; }
.channel-list:before { content: ''; position: absolute; z-index: 1;    /*left: -15px;*/ right: -30px; top: -60px;    /*width: 1200px;*/ height: 100px; background: url(../img/tv_channel_line.png) no-repeat 50% 50%; }
.channel-list>.channel-list-tools { z-index: 2; position: relative; margin: 0 0 20px; }
.channel-list-tools .tools-info, .channel-list-tools .tools-options { }
.channel-list-tools .tools-info { text-align: left; padding: 10px; }
.channel-list-tools .tools-info>.number { color: #000; font-size: 18px; }
.channel-list-tools .tools-options { text-align: right; }
.channel-list-tools .tools-options>.form-control { width: auto; display: initial; border: none; padding: 10px; height: auto; }
.channel-list .article-list { height: auto; }
.channel-list-load-more .btn { border: 1px solid #ddd; width: 100%; margin: 10px 0; background-color: #f9f9f9; }
.channel-list .owl-carousel { }
.channel-list .owl-carousel>.autoHeight { height: inherit !important; }
.home .header .type-nav, .header .type-nav { padding: 0px 0; top: -60px; position: relative; z-index: 10; }

/* TV Content */
.food-tv-content { }
.food-tv-content .Breadcrumb-header .toolbar { padding-left: 0; }
.food-tv-content .Content-Display { background-color: #fff; height: 280px; overflow: hidden; }
.food-tv-content .Content-Display { background-color: #fff; }
.food-tv-video-box { position: relative; overflow: hidden; padding: 30px 0; height: 500px; }
.food-tv-video-box>.container { position: relative; z-index: 888; }
.food-tv-video-box .food-tv-video-tools { display: table; }
.food-tv-video-box .y-video { font-size: 0; }
.food-tv-video-box>.y-video-bg { position: absolute; z-index: 887; top: -20px; bottom: -20px; left: -20px; right: -20px; background-color: #000; }
.food-tv-video-box>.y-video-bg>img { width: 100%; height: 100%; filter: blur(10px); -webkit-filter: blur(10px); -moz-filter: blur(10px); -o-filter: blur(10px); -ms-filter: blur(10px); opacity: .5; }
.food-tv-video-info { padding: 0; }
.food-tv-video-info .review-tool { margin-bottom: 10px !important; }
.food-tv-video-info .video-info-text { position: relative; padding: 20px 20px 20px 30px; }
.food-tv-video-info .video-info-text .post-content { overflow: auto; max-height: 133px; padding-bottom: 0; }

/*.food-tv-video-info .video-info-text:after { content: ''; position: absolute; top: 260px; left: 0; right: 0; height: 20px; background-color: #fff; }*/
.food-tv-video-info .video-info-ads { min-height: 280px; padding: 0; }
.food-tv-video-slider { background: url(../img/tv_channel_line2.png) no-repeat right 16px; }
.food-tv-video-slider .slider-title>h3 { font-family: "Didot", "細明體", "Times New Roman", "Microsoft JhengHei", Times, Serif; font-size: 32px; font-weight: 800; display: table; padding-right: 10px; background-color: #f1f1f1; }
.food-tv-video-slider .owl-theme .owl-controls .owl-buttons .owl-prev, .food-tv-video-slider .owl-theme .owl-controls .owl-buttons { min-height: 0; }
.food-tv-video-slider .owl-theme .owl-controls .owl-buttons .owl-next { }
.food-tv-issue-one { margin: 30px auto 20px; }
.food-tv-issue-one .owl-carousel { }
.food-tv-issue-one .owl-carousel .item img { display: block; width: 100%; height: auto; }
.food-tv-issue-one .owl-theme .owl-controls .owl-buttons .owl-prev, .food-tv-issue-one .owl-theme .owl-controls .owl-buttons .owl-next { color: #333; background-color: rgba(255, 255, 255, .6); border-radius: 0; }
.food-tv-issue-one .owl-theme .owl-controls .owl-buttons .owl-prev { left: -10px; }
.food-tv-issue-one .owl-theme .owl-controls .owl-buttons .owl-next { right: -10px; }

/* RWD */
@media (min-width:1400px) {
    .channel-list:before { left: -30px; }
}
@media (min-width:1150px) {
    .home .header.fixedHeader .type-nav { width: 1100px; margin: 0 auto; }
    .home .header.fixedHeader .type-nav .container { width: 1100px; }
}
@media (max-width:1024px) {
    .home .header.fixedHeader .type-nav { width: 800px; margin: 0 auto; }
    .home .header.fixedHeader .type-nav .container { width: 800px; }
    .home .header.fixedHeader .type-nav .container ul li a { padding: 12px 15px; }
    .home .header.fixedHeader .type-nav .container ul li:nth-child(3) { margin-right: 80px; }
    .home .header.fixedHeader .type-nav .container ul li:nth-child(4) { margin-left: 50px; }
    .header .type-nav ul li:nth-child(3) { margin-right: 100px; }
    .header .type-nav ul li:nth-child(4) { margin-left: 100px; }

    /*RWD按鈕*/
    .header ul.TV-sidebar li a { color: #ccc; }
    .header ul.TV-sidebar li a:hover, .header ul.TV-sidebar li.active a { color: #ccc; border-radius: 0 !important; }
    .header.fixedHeader ul.TV-sidebar li a:hover, .header.fixedHeader ul.TV-sidebar li.active a { color: #eee; background-color: #333 !important; border-radius: 0 !important; }
}
@media (max-width:1023px) {

    /* food-tv */
    .food-tv .header .logo { position: absolute; left: 150%; width: 230px !important; margin: 5px 0 0 -110px !important; }
    .food-tv .header .search-container { left: 65px !important; }
}
@media (max-width:991px) {

    /* TV Content */
    .food-tv-content .Content-Display { overflow: inherit; height: auto; }
    .food-tv-video-info .video-info-text .ellipsis { overflow: inherit; white-space: inherit; }
    .food-tv-video-info .video-info-text .post-content { padding-bottom: 0; overflow: inherit; max-height: inherit; }
    .food-tv-video-info .AD-Entry { margin: 0 15px; text-align: center; }
}

/*popupsearch*/
.header .ico-search { cursor: pointer; display: inline-block; font-size: 24px; }
.header .search-container { float: right; line-height: 60px; position: absolute; margin-top: 8px; right: 17px; }
/*.header.blackHeader .search-container { margin-top: 21px;}*/
.searcharea { background-color: rgba(0, 0, 0, .6); width: 100%; position: absolute; z-index: 1000; display: none; top: 96px; }
.searcharea .container { position: relative; }
.searcharea .line { border-bottom: 1px solid #2a2a2a; }
.searcharea .ico-close { font-size: 30px; cursor: pointer; }
.searcharea input { background: transparent; border: 0; color: #fff; font-family: "Gotham", "Microsoft JhengHei", Arial, Helvetica, sans-serif; font-size: 30px; padding: 20px 0; line-height: 60px; width: 90%; margin-left: 30px; }
.icon-close { cursor: pointer; float: right; font-size: 14px; margin-right: 10px; margin-top: 22px; padding: 12px 14px; }
.searcharea .icon-close { position: absolute; right: 0; top: 5px; color: #fff; font-size: 24px; padding: 10px; cursor: pointer; }

/* ==========================================================================
Left Menu
========================================================================== */
.toggle-nav-sidebar, .nav-home-item { position: absolute; left: 0; top: 0; }
.toggle-nav-sidebar, .nav-item { font-size: 0; }

/**/
.nav-item { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; touch-callout: none; cursor: pointer; display: inline-block; color: #cfd1d3; height: 60px; width: 60px; text-decoration: none; text-align: center; float: left; background: url(../img/menu.png) no-repeat center center; }
.blackHeader .nav-item { background: url(../img/menu_black.png) no-repeat center center; }

/* ==========================================================================
Sidebar Menu
========================================================================== */
.nav-sidebar { -webkit-transition: all 250ms ease; -moz-transition: all 250ms ease; -ms-transition: all 250ms ease; transition: all 250ms ease;    /*-webkit-overflow-scrolling: touch;*/ background: #fff; width: 230px; position: fixed; left: -240px; color: #9ca4a8; z-index: 999; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .3); -moz-box-shadow: 0 0 8px rgba(0, 0, 0, .3); box-shadow: 0 0 8px rgba(0, 0, 0, .3); bottom: 0; top: 0px; font-family: "Didot", "Microsoft JhengHei", "Times New Roman", "Microsoft JhengHei", Times, Serif; }
.nav-sidebar .viewport { position: absolute !important; top: 0; bottom: 0; width: 100% !important }
.nav-sidebar .content { position: absolute; top: 0; bottom: 0; width: 230px !important; overflow-y: scroll;    /*-ms-overflow-style: -ms-autohiding-scrollbar; -webkit-overflow-scrolling: touch*/ }
.nav-sidebar .scrollbar { background-color: #d5d5d5 !important; }

/*選單*/
.nav-menu i { margin-right: 7px; font-size: 18px; }
.nav-menu .nav-link { color: #fff; border-bottom: 0 none; display: block; padding: 20px 20px; text-decoration: none; cursor: pointer; position: relative; font-size: 16px; }
.nav-menu .nav-link:hover { background: rgba(0, 0, 0, 0.1) }
.nav-menu .nav-link:before { color: #fff; font-size: 85%; margin-right: 8px }
.global-nav { top: 0; width: 100%; z-index: 999; left: 0; padding: 0; margin: 0; }
.global-nav li { background: #000; margin: 0; padding: 0; list-style: none; font-size: 24px; text-transform: uppercase; }
.global-nav li:first-child { box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1) }
.global-nav li:nth-of-type(2) { background: #d6aa22 }
.global-nav li:nth-of-type(3) { background: #21cccd }
.global-nav li:nth-of-type(4) { background: #20c8c9 }

/*小版選單*/
.mobile-nav, .mobile-nav ul { padding: 0; margin: 10px 10px 20px 10px; }
.mobile-nav ul { display: none; }
.mobile-nav li, .mobile-nav li li { padding: 0 0px 0 0px; margin: 0; border-bottom: 1px solid #ddd; line-height: 30px; position: relative; width: 100%; }
.mobile-nav li li:last-child { border-bottom: 0px solid #eee; }
.mobile-nav li a { display: block; line-height: 40px; color: #000; white-space: nowrap; text-overflow: ellipsis; font-size: 16px; font-weight: 600; position: relative; }
.mobile-nav li .marrow:before { font: 10px iconfont; content: "\e3b1"; margin-right: 0px; position: absolute; right: 0px; top: 5px; color: #ddd; display: block; width: 40px; height: 35px; text-align: center; line-height: 30px; cursor: pointer; }
.mobile-nav li a i:before { margin-right: 5px; color: #999 !important; }

/*第二層*/
.mobile-nav li li a { font-weight: 100; font-size: 14px; line-height: 30px; }
.mobile-nav ul { margin-left: 20px; margin-right: 0; }
.mobile-nav li li { padding-left: 0; }

/* ==========================================================================
Slider Menu
 ========================================================================== */
.showing-nav-sidebar .toggle-nav-sidebar { color: #fff; width: 65px; z-index: 888; }
.showing-nav-sidebar .nav-sidebar .content .global-nav { }
.showing-nav-sidebar .nav-sidebar { left: 0;    /*-webkit-transform: translate3d(100%, 0, 0); -moz-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0);*/ }
.showing-nav-sidebar .header-set, .showing-nav-sidebar .main_cover, .showing-nav-sidebar .page-wrap, .showing-nav-sidebar .flow-wrap, .showing-nav-sidebar .footer-wrap, .showing-nav-sidebar .overlay { margin-left: 220px; }
.header-set, .main_cover, .page-wrap, .flow-wrap, .footer-wrap { -webkit-transition: all 250ms ease; -moz-transition: all 250ms ease; -ms-transition: all 250ms ease; transition: all 250ms ease; }

/*Home Slider*/

/*框線遮罩背景*/

/* ==========================================================================
slider
========================================================================== */

.sliderBgContainer { position: absolute; width: 100%; }
.sliderBg, .sliderlink { position: relative; }
.sliderBgContainer, .bx-wrapper, .sliderBg, .sliderlink, .homeSlider .bgBox { height: 825px; max-height: 825px; }
.homeSlider li { width: 320px; height: 750px; position: relative; }
.sliderBg img.replaces { display: none; }
.homeSlider .slideBodyContainer { background: none; width: 100%; margin: 0 auto }
.homeSlider .slideBodyContainer { background: url("../img/border-black.png") no-repeat scroll center 0px; position: relative; height: 196px; }
.homepage .homeSlider.whiteBorder .slideBodyContainer { background: url("../img/border-white.png") no-repeat scroll center 0px; position: relative; height: 1500px; }
.fatherpage .homeSlider.whiteBorder .slideBodyContainer { background: url("../img/border-white.png") no-repeat scroll center 0px; position: relative; height: 1500px; }
.sliderlink { width: 100%; position: absolute; left: 0; top: 0; display: block }
.homeSlider .bx-wrapper { margin: 0; margin-top: 0px !important }
.bx-wrapper .bx-viewport { background: none !important; border: 0 !important; box-shadow: none !important; left: auto !important }
.homeSlider .slideText { position: relative; z-index: 5; }
.homeSlider { margin: 0 auto; width: 100%; margin-bottom: 20px; overflow: hidden; text-align: center; position: relative }
.CateImg { position: absolute; left: 50%; margin-left: -115px; top: 200px; z-index: 9; }
.CateImg img { width: 100%; max-width: 100%; }

/*Slide 文字區*/
.homeSlider .bgBox { display: none; width: 100% !important; }
.food-tv .sliderBgContainer { display: none; }
.food-tv .homeSlider .bgBox { display: block; width: 100% !important; }
.food-tv .homeSlider .bgBox .imgsource { overflow: initial !important; }
 .food-tv .homeSlider .bgBox .imgsource  img{top:0 !important;}
.food-tv .homeSlider .slideText { position: absolute; top: 10%; left: 0; z-index: 5; width: 100%; right: 0; }
.food-tv .bx-wrapper img { max-width: initial !important; width: auto !important; }
.food-tv .header .search-container { float: none; line-height: 60px; position: absolute; left: 310px;top:0; right: inherit; display: inline-block; }
.homeSlider .slideText .slDetail, .homeSlider .slideText .slDetail p { margin: 0 auto; text-align: center; }
body.homepage .homeSlider .slideText .slDetail { margin-top: 380px !important; }
.homeSlider .slideText .slDetail { width: 300px; margin-top: 500px !important; display: block; }
.homeSlider h1 { line-height: 1.1em; margin-top: 20px }
.homeSlider h3 { border-bottom: 0 solid #fff; display: inline; padding: 0 20px 4px; }
.homeSlider h3 a { text-decoration: none }
.homeSlider p { width: 90%; margin: 0 auto }
.whiteBorder .slideBodyContainer .slideText .slDetail, .whiteBorder .slideBodyContainer .slideText .slDetail a { color: #fff; }
.homeSlider .bx-wrapper .bx-controls-direction a { background: url(../img/slider-arrow.png) no-repeat 0 0; width: 50px; height: 40px }
.homeSlider .bx-wrapper .bx-controls-direction a.bx-prev { background-position: 0 0; left: 0px; }
.homeSlider .bx-wrapper .bx-controls-direction a.bx-prev:hover { background-position: 0 -84px }
.homeSlider .bx-wrapper .bx-controls-direction a.bx-next { background-position: 100% 0; right: 0; }
.homeSlider .bx-wrapper .bx-controls-direction a.bx-next:hover { background-position: 100% -84px }
.homeSlider .bx-wrapper .bx-pager.bx-default-pager a { background: url(../img/dot.png) no-repeat 0 0; width: 12px; height: 12px; border-radius: 0 }
.homeSlider .bx-wrapper .bx-pager.bx-default-pager a.active { background-image: url(../img/dot-empty.png) }
.whiteFrame .bx-wrapper .bx-pager.bx-default-pager a { background-image: url(../img/dot-white.png) }
.whiteFrame .bx-wrapper .bx-pager.bx-default-pager a.active { background-image: url(../img/dot-empty-white.png) }
.homeSlider .bx-wrapper .bx-pager.bx-default-pager a:hover { background-image: url(../img/dot-red.png) }
.homeSlider .bx-wrapper .bx-controls-direction a { -webkit-transition: all 0s; -moz-transition: all 0s; -o-transition: all 0s; transition: all 0s; z-index: 1 }
.homeSlider .bx-wrapper .bx-pager { bottom: 0 }
.homeSlider .leftContent .slideText .text, .homeSlider .leftContent .slideText .text p { margin-left: 0; text-align: left; }

/**/
.SpacetoTop { margin-top: -30px; }
.homepage .SpacetoTop { margin-top: -740px; }
.fatherpage .SpacetoTop { margin-top: -690px !important; }
.food-tv .SpacetoTop { margin-top: -1128px !important; }

/* ==========================================================================
Content
========================================================================== */
.page-wrap { position: relative; }
.hmoe .page-wrap { margin-top: -60px; }
.entry-body { margin: 0 auto; text-align: center; }

/*各區色彩*/
.food-Column { }
.food-Science { }
.food-Cloud { }
.food-Life { }

/* ==========================================================================
特別推薦
========================================================================== */
.Special-Entry { text-align: center; margin-bottom: 170px; }
.Special-Entry .entry-body { width: 86%; position: relative; }

/*小牌*/
.CatePics { background: #000000; color: #000; font-size: 14px; text-align: center; width: 90px; height: 30px; line-height: 30px; box-shadow: 5px 5px 0 0 rgba(0, 0, 0, .25); -webkit-box-shadow: 5px 5px 0 0 rgba(0, 0, 0, .25); }
.food-Life .CatePics { background: #fbe9bb; box-shadow: 3px 3px 0 0 #c9b88d; -webkit-box-shadow: 3px 3px 0 0 #c9b88d; }
.food-Science .CatePics { background: #a5d1c4; box-shadow: 3px 3px 0 0 #476259; -webkit-box-shadow: 3px 3px 0 0 #476259; }
.food-Cloud .CatePics { background: #dfdcd7; box-shadow: 3px 3px 0 0 #7d7670; -webkit-box-shadow: 3px 3px 0 0 #7d7670; }
.food-Column .CatePics { background: #f2cdbd; box-shadow: 3px 3px 0 0 #aa8a7f; -webkit-box-shadow: 3px 3px 0 0 #aa8a7f; }

/*文章列表縮圖引言*/
.article-list { text-align: center; position: relative; margin-bottom: 20px; height: 430px; }
.article-list .CatePics { position: absolute; top: -15px; left: 50%; margin-left: -45px; z-index: 9; }
.article-list ul { list-style: none; }
.article-list .illustrated { display: block; position: relative; }
.article-list .illustrated .thumb { background: rgba(0, 0, 0, .15); }
.article-list .illustrated .thumb { max-height: 400px; overflow: hidden; position: relative; }
.Special-Entry .article-list .illustrated .thumb { height: 400px; }
.illustrated .thumb img { width: 100%; max-width: 100%; }
.illustrated .thumb img, img.imghover { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -o-transition-property: -o-transform, opacity; transition-property: transform opacity; -webkit-transition-duration: 0.6s; -moz-transition-duration: 0.6s; -o-transition-duration: 0.6s; transition-duration: 0.6s; -webkit-transition-timing-function: ease; -moz-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; }
.illustrated .thumb img:hover, img.imghover:hover { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); z-index: 0; }
.illustrated .thumb em.playicon { position: absolute; display: inline-block; background: rgba(0, 0, 0, 0.7); width: 100%; height: 100%; }
.illustrated .thumb em.playicon i { z-index: 99; color: rgba(255, 255, 255, 0.7); font-size: 50px; margin: 25% auto 0 auto; }
.illustrated .thumb a:hover em.playicon { background: rgba(0, 0, 0, 0.3); }
.illustrated .thumb a:hover em.playicon i { color: #fff; }
.smallheight { height: 350px !important; }
@media (max-width:480px) {
    .illustrated .thumb em.playicon i { font-size: 15px; }

    /* channel cover tab */
    .channel-cover>.channel-cover-btn { width: 100%; margin-bottom: 0; }
    .channel-cover>.channel-cover-btn .btn { padding: 12px 3px; font-size: 16px; width: 25%; }
}
.smallheight { height: 350px !important; }

/**/
.article-list .ContentContainer { text-align: left; position: relative; width: 95%; margin: -30px auto 0 auto; background: rgba(255, 255, 255, .9); display: inline-block; padding: 10px 20px; }
.article-list .ContentContainer {    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+38,dddde4+70,dddde4+100&0.9+38,0.51+83,0+100 */
background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.9) 38%, rgba(221, 221, 228, 0.62) 70%, rgba(221, 221, 228, 0.51) 83%, rgba(221, 221, 228, 0) 100%);    /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.9)), color-stop(38%, rgba(255, 255, 255, 0.9)), color-stop(70%, rgba(221, 221, 228, 0.62)), color-stop(83%, rgba(221, 221, 228, 0.51)), color-stop(100%, rgba(221, 221, 228, 0)));    /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.9) 38%, rgba(221, 221, 228, 0.62) 70%, rgba(221, 221, 228, 0.51) 83%, rgba(221, 221, 228, 0) 100%);    /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.9) 38%, rgba(221, 221, 228, 0.62) 70%, rgba(221, 221, 228, 0.51) 83%, rgba(221, 221, 228, 0) 100%);    /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.9) 38%, rgba(221, 221, 228, 0.62) 70%, rgba(221, 221, 228, 0.51) 83%, rgba(221, 221, 228, 0) 100%);    /* IE10+ */ background: linear-gradient(to bottom, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.9) 38%, rgba(221, 221, 228, 0.62) 70%, rgba(221, 221, 228, 0.51) 83%, rgba(221, 221, 228, 0) 100%);    /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e6ffffff', endColorstr='#00dddde4', GradientType=0);    /* IE6-9 */ }
.article-list h3 { margin-top: 5px; margin-bottom: 10px; height: 78px; min-height: 78px; max-height: 78px; overflow: hidden; font-family: "Gotham", "Microsoft JhengHei", Arial, Helvetica, sans-serif; font-size: 21px; line-height: 1.3em; }
.date, .article-list .date { display: block; font-size: 15px; margin-bottom: 5px; }
.article-list .quote { display: block; color: #4e4e4e; margin-bottom: 15px; line-height: 1.5em; font-size: 14px; height: 60px; overflow: hidden; }

/**/
.review-tool { width: 100%; margin: 0 auto 20px auto; }
.review-tool ul { display: table; width: 100%; }
.review-tool ul li { display: table-cell; text-align: left; position: relative; }
.review-tool ul.dropdown-menu { display: none; }
.review-tool ul.dropdown-menu li { display: block; text-align: left; border-bottom: 1px solid #ddd; }
.review-tool ul.dropdown-menu li a { padding: 13px 7px !important; }
.review-tool li.open>ul.dropdown-menu { display: table; }
.review-tool ul li a i:before { margin-right: 5px; display: inline-block; font-size: 17px; }
.review-tool ul li a i.ico-glasses3:before { font-size: 22px; vertical-align: bottom; }
.review-tool ul li a i.ico-bubble-dots2:before { font-size: 17px; vertical-align: bottom; }
.article-list .review-tool { border-top: 1px solid #ddd; padding-top: 10px; }
.review-tool li.open>ul.dropdown-menu>li>a:hover { color: #fff; }

/**/
.share-tool { margin: 0; padding: 0; display: block; }
.share-tool li { float: left; margin-left: 10px; display: inline-block; }
.share-tool li a i { width: 50px; height: 50px; border-radius: 50%; display: inline-block; line-height: 50px; font-size: 0; text-align: center; color: #fff; }
.share-tool li a:hover i { border: 2px solid #eee; line-height: 45px; }
.share-tool li a i:before { font-size: 22px; }
.share-tool li a i.ico-facebook { background: #19366e; }
.share-tool li a i.ico-twitter { background: #0084cf; }
.share-tool li a i.ico-instagram { background: #2c688d; }
.share-tool li a i.ico-line-img { background: url(../img/line.svg) no-repeat center center; background-size: cover; }

/* ==========================================================================
食科學
========================================================================== */
.Science-Entry { text-align: center; margin-bottom: 40px; }
.Science-Entry .col-md-4 { padding-left: 50px; }
.headTitle { position: relative; margin: 0 auto 10px auto; }
.headTitle:before { content: ""; display: block; height: 1px; background: #d8d8d8; position: absolute; top: 50%; width: 100%; }
.entry-title { padding: 0 10px; display: inline-block; position: relative; width: auto; }
.entry-title h1, .entry-title h2 { margin: 0; font-size: 38px; color: #000; font-family: "Didot", "細明體", "Times New Roman", "Microsoft JhengHei", Times, Serif; }
.entry-title h2 { font-style: italic; }
.entry-title h1 { font-weight: bolder; display: inline-block; }

/* ==========================================================================
 食新聞
 ========================================================================== */
.News-Entry { text-align: left; padding: 50px 0; clear: both; }
.News-Entry ul.list-news { text-align: left; width: 100%; display: table; border-spacing: 15px; border-collapse: separate; }
.News-Entry ul.list-news li { border: #000 solid 3px; position: relative; vertical-align: top; list-style: none; display: table-cell; width: 1%; float: none; }
.News-Entry ul.list-news li:hover { border-color: #a5d1c4; box-shadow: 0px 0px 5px #ccc; }
.News-Entry ul.list-news li em { border: #000 solid 3px; position: absolute; left: -10px; top: 10px; padding: 0 5px; background: #fff; font-style: normal; }
.News-Entry ul.list-news li em:after { position: absolute; left: -3px; top: 23px; content: ""; width: 0; height: 0; border-style: solid; border-width: 0 10px 10px 0; border-color: transparent #000000 transparent transparent; }
.News-Entry ul.list-news li .illustrated { }
.News-Entry ul.list-news li img { width: 100%; height: auto; }
.News-Entry ul.list-news li a { display: block; margin: 0; min-height: 100%; height: 100%; }
.News-Entry ul.list-news li h4 { margin: 20px 0; line-height: 1.5em; }
.News-Entry ul.list-news li h4, .News-Entry ul.list-news li p { padding: 0 15px; }
.News-Entry .post-head { padding: 0 15px 0 0; border: none; vertical-align: top; text-align: left; }
.News-Entry .post-head em { font-size: 15px; width: 90px; text-align: center; padding: 0 5px; margin: 0 0 15px 0; background: #000; color: #fff; font-style: normal; display: inline-block; }
.News-Entry .post-head h3 { margin: 0 0 0 10px; color: #333; display: inline-block; padding: 0; }
.News-Entry .post-head img { width: 100%; }
.News-Entry .post-head .pic { height: 280px; overflow: hidden; margin: 0 0 20px 0; }
.News-Entry ul.list-foodnews li { position: relative; font-size: 18px; text-align: left; border-bottom: #ccc solid 1px; padding: 10px 0 10px 100px; }
.News-Entry ul.list-foodnews li em { font-size: 15px; position: absolute; left: 0; width: 90px; text-align: center; padding: 0 5px; margin: 0 10px 0 0; background: #000; color: #fff; font-style: normal; }
@media (max-width:768px) {
    .News-Entry .post-head em { margin: 0 10px 15px 10px; }
    .News-Entry .post-head .pic { height: auto; }
    .News-Entry .post-head { border-bottom: #ccc solid 1px; padding: 0 0 20px 0; }
}
@media (max-width:480px) {
    .News-Entry ul.list-news li { display: block; width: 100%; margin: 0 0 20px 0; }
    .News-Entry .post-head { margin: 0 0 20px 0; border-bottom: #ccc solid 1px; padding: 0 0 20px 0; }
    .News-Entry .post-head em { width: 90px; }
    .News-Entry .post-head h3 { width: auto; }
    .News-Entry .post-head em, .News-Entry .post-head h3 { position: relative; top: 0; height: auto; display: inline-block; margin: 0 0 10px 0; padding: 0; }
}

/* ==========================================================================
文章列表
 ========================================================================== */
.Articlelist-Entry { }
.Science-Entry .Articlelist-Entry { margin-top: 80px; }
.Articlelist-Entry .article-list .illustrated .thumb { max-height: 250px; overflow: hidden; }
@media (min-width:780px) {
    .food-Life .Articlelist-Entry .owl-carousel .owl-wrapper-outer.autoHeight { height: 950px !important; }
}

/* ==========================================================================
 SubTool
 ========================================================================== */
.HotRanking-entry { }
.HotRanking-entry .section-header { }
.HotRanking-entry .section-header .section-title { color: #476259; font-style: italic; font-size: 24px; }
.fatherpage .HotRanking-entry .section-header .section-title { color: #000; font-style: normal; font-weight: 100; font-size: 24px; font-family: "Didot", "Meiryo", "Times New Roman", "Microsoft JhengHei", Times, Serif; }
.HotRanking-entry .section-header .section-title:after { border-bottom: 0px solid #666; }

/*tab*/
.HotRanking-entry .nav-tabs { border-bottom: 1px solid #ddd; margin-bottom: 20px; }
.HotRanking-entry .nav-tabs { border-top-left-radius: 0px; border-top-right-radius: 0px; background-color: transparent; }
.HotRanking-entry .nav>li { position: relative; display: table-cell; width: 1%; }
.HotRanking-entry .nav-tabs>li { float: none; margin-bottom: -1px; font-family: "Gotham", "Microsoft JhengHei", Arial, Helvetica, sans-serif; }
.HotRanking-entry .nav>li>a { position: relative; display: block; padding: 5px 15px; }
.HotRanking-entry .nav-tabs > li > a { color: #476259; border-top-left-radius: 0px; border-top-right-radius: 0px; font-weight: bold; font-size: 16px; background-color: transparent; border-bottom: 8px solid #a5d1c4; }
.HotRanking-entry .nav-tabs > li.active > a, .HotRanking-entry .nav-tabs > li.active > a:hover, .HotRanking-entry .nav-tabs > li.active > a:focus { border: 0px solid #cfd9db; border-bottom-color: #a5d1c4; border-bottom: 8px solid #a5d1c4; color: #476259; background-color: transparent; }
.HotRanking-entry .nav-tabs > li.active > a:before, .HotRanking-entry .nav-tabs > li.active > a:hover::before, .HotRanking-entry .nav-tabs > li.active > a:focus::before { width: 0; content: ""; display: inline-block; height: 0; border-left: 15px solid transparent; border-right: 15px solid transparent; border-top: 15px solid #a5d1c4; position: absolute; left: 42%; bottom: -23px; z-index: 9; }

/**/
.headline-list { }
.headline-list li:after { content: ""; clear: both; display: table; }
.headline-list li { list-style: none; text-align: left; background: url(../img/line_ranking.png) no-repeat center top; height: 70px; overflow: hidden; }
.headline-list li.Zoomlist { background: none; margin-bottom: 15px; position: relative; padding-right: 40px; height: inherit; }
.headline-list li.Zoomlist img.media-object { margin-bottom: 15px; }
.headline-list li a .media-body { line-height: 70px; }
.headline-list li a .media-heading { line-height: 1.4em; font-size: 15px; font-family: "Gotham", "Microsoft JhengHei", Arial, Helvetica, sans-serif; font-weight: 400; text-overflow: ellipsis; white-space: inherit; margin-left: 30px; overflow: hidden; }
.headline-list li.Zoomlist a .media-heading { line-height: 1.5em; font-size: 20px; white-space: normal; margin-bottom: 10px; margin-left: 0; display: block; height: 70px; overflow: hidden; }
.headline-list li.Zoomlist a .media-body { line-height: 1.5em; height: 140px; overflow: hidden; display: block; }
.img-media { width: 220px; max-height: 200px; overflow: hidden; display: inline-block; margin-bottom: 5px; }
.txtnum { font-size: 40px; color: #a4884c; display: inline-block; vertical-align: middle; font-style: italic; font-family: "Didot", "細明體", "Times New Roman", "Microsoft JhengHei", Times, Serif; height: 70px; line-height: 35px; width: 30px; position: absolute; }
.headline-list li.Zoomlist .txtnum { font-size: 55px; width: 50%; text-align: right; background-color: rgba(255, 255, 255, .95); height: 100px; line-height: 75px; position: absolute; top: -10px; font-family: "Times New Roman", "細明體", "Microsoft JhengHei", Times, Serif; left: 50%; padding-right: 25px; }
.headline-list li.Zoomlist .txtnum:before { content: ""; background: url(../img/crown.png) no-repeat; position: absolute; top: 20px; right: 60px; display: inline-block; width: 34px; height: 34px; }
.headline-list li .media-body .media-heading { padding-top: 10px; display: inline-block; }
.headline-list li.Zoomlist .review-tool { width: 130px; position: absolute; top: 60px; right: 0px; }
.headline-list li.Zoomlist .review-tool li { background: none; }

/* ==========================================================================
廣告
 ========================================================================== */
.AD-Entry { margin-bottom: 40px; }
.AD-Entry img { max-width: 100%; width: 100%; }

/* ==========================================================================
Home 食生活 3大圖文區塊
 ========================================================================== */
.homelife-Entry { margin-top: 30px; }
.homelife-Entry .row { margin-right: 0px; margin-left: 0px; }
.homelife-Entry .article-list h3 { margin-top: 5px; margin-bottom: 10px; height: inherit; min-height: inherit; max-height: inherit; overflow: hidden; font-family: "Gotham", "Microsoft JhengHei", Arial, Helvetica, sans-serif; }
.homelife-Entry .review-tool { min-width: 200px; max-width: 240px; margin: 0 0 15px 0; }
.homelife-Entry .review-tool ul li { text-align: left; }
.homelife-Entry .col-md-6 .article-list .illustrated .thumb { max-height: 335px; }
.homelife-Entry .col-md-6 .article-list { margin-bottom: 0; height: 335px; max-height: 335px; }
.homelife-Entry .col-md-6 .article-list.float-over { height: inherit; max-height: inherit; }
.homelife-Entry .col-md-6 { padding: 0 0 0 0px; }
.homelife-Entry .col-md-6:nth-child(2), .homelife-Entry .col-md-6:nth-child(2) .article-list .illustrated .thumb { max-height: 670px; height: 670px; border-left: 0px solid #fff; }

/*影片樣式*/
.video-play { border-bottom: 1px solid #fff; }
.homelife-Entry .col-md-6 .article-list .illustrated .thumb:after { content: ""; background-color: rgba(0, 0, 0, .25); position: absolute; width: 100%; height: 100%; left: 0; top: 0; }
.video-play .ContentContainer { text-align: left; position: absolute; width: 90%; margin: 0; background: transparent; display: block; padding: 10px 25px; top: 10px; left: 10px; color: #fff; z-index: 9; }
.video-play h3 { width: 35%; margin-top: 5px; margin-bottom: 10px; min-height: inherit; max-height: inherit; overflow: hidden; line-height: 1.5em; font-family: "Gotham", "Microsoft JhengHei", Arial, Helvetica, sans-serif; }
.video-play h3, .video-play h3 a, .video-play .review-tool ul li a { color: #fff; }
.video-play .review-tool ul li .dropdown-menu > li > a { color: #5e5e5e; }

/*圖浮動在右邊下面*/
.float-over { max-height: 670px; border-left: 1px solid #fff; height: 670px; }
.float-over .ContentContainer { text-align: left; position: absolute; width: 50%; margin: 0; background: rgba(255, 255, 255, 1); display: inline-block; padding: 30px 40px; bottom: 1px; right: 0px; z-index: 9; }

/*圖浮動在右邊*/
.float-right { border-bottom: 1px solid #ddd; }
.float-right .ContentContainer { text-align: left; position: absolute; width: 50%; margin: 0; background: rgba(255, 255, 255, 1); display: inline-block; padding: 30px 40px; bottom: 1px; right: 0px; z-index: 9; }
.float-right .illustrated .thumb { width: 50%; }
@media (max-width:1400px)and (min-width:1000px) {
    .homelife-Entry .illustrated .thumb img { width: 130%; max-width: 130%; }
}

/* ==========================================================================
Home 特別企劃
 ========================================================================== */
.Issue-Entry { margin-top: 40px; }
.Issue-Show-Article { margin-top: 30px; }
.Issue-Show-Article { }
.Issue-Show-Article .article-list .CatePics { position: absolute; top: -15px; left: 35px; margin-left: 0px; z-index: 9; }
.Issue-Show-Article .article-list .illustrated { display: block; position: relative; border: 1px solid #cccccc; height: 430px; }
.Issue-Show-Article .article-list .illustrated:after { display: table; clear: both; content: ""; }
.Issue-Show-Article .article-list .illustrated .thumb { width: 450px; margin-top: 50px; margin-right: -30px; float: right; background: rgba(0, 0, 0, 0); overflow: inherit; max-height: 300px; }
.Issue-Show-Article .article-list .ContentContainer { text-align: left; position: absolute; width: 50%; margin: 0px; background: rgba(255, 255, 255, 0); display: inline-block; padding: 10px 25px; left: 10px; top: 30px; }
.Issue-Show-Article .article-list h3 { font-size: 2.3em; margin-top: 5px; margin-bottom: 10px; min-height: inherit; max-height: 90px }
.Issue-Show-Article .article-list .quote { display: block; color: #4e4e4e; margin-bottom: 15px; line-height: 1.8em; font-size: 16px; height: 150px; overflow: hidden; margin-bottom: 25px; }
.Issue-Show-Article .review-tool { width: 220px; margin: 0 0 20px 0; border-top: 0px solid #ddd; }
.Issue-Show-Article .review-tool li { text-align: left; }

/*選單*/
.Issue-Carousel { width: 70%; margin: 30px auto 10px auto; min-width: 800px; }
.Issue-Carousel .owl-item .item img { height: 250px; }
#gallery-post .ctitle, .Issue-Carousel .ctitle { background-color: rgba(255, 255, 255, .9); padding: 10px 15px; font-size: 17px; width: 100%; text-align: center; display: block; position: absolute; bottom: 0; left: 0; }
#gallery-post .ctitle { background-color: rgba(0, 0, 0, .8); color: #fff; text-align: left; font-size: 13px }
#gallery-post .ctitle a { color: #fff; }

/* ==========================================================================
Home 特別企劃
 ========================================================================== */
.Hotspot-Entry { margin-top: 50px; }
.homepage .Hotspot-Entry { margin-top: 0px; }
.Hotspot-Entry .row { margin-right: 0px; margin-left: 0px; }
.Hotspot-Entry .col-md-12 { padding-right: 0px; padding-left: 0px; }
.article-list:after { clear: both; content: ""; display: table; }
.Hotspot-Entry .article-list, .Hotspot-Entry .article-list .ContentContainer { height: 750px; overflow: hidden; margin-bottom: 0; }
.Hotspot-Entry .article-list .illustrated .thumb { max-height: inherit; overflow: hidden; position: relative; }
.Hotspot-Entry .article-list .illustrated .thumb img { width: inherit; max-width: inherit; max-height: 100%; }
.Hotspot-Entry .article-list .illustrated { display: block; position: relative; float: left; width: 50%; padding: 0px; }
.Hotspot-Entry .article-list .ContentContainer { float: left; width: 50%; padding: 50px 100px; text-align: left; position: relative; margin: 0; display: block; background: url(../img/bg/bg_life.png) no-repeat left top; background-size: cover; }
.food-Life .Hotspot-Entry .ContentContainer { background: url(../img/bg/bg_life.png) no-repeat left top; background-size: cover; }
.food-Science .Hotspot-Entry .ContentContainer { background: url(../img/bg/bg_science.png) no-repeat left top; background-size: cover; }
.food-Column .Hotspot-Entry .ContentContainer { background: url(../img/bg/bg_column.png) no-repeat left top; background-size: cover; }
.food-Cloud .Hotspot-Entry .ContentContainer { background: url(../img/bg/bg_cloud.png) no-repeat left top; background-size: cover; }
.food-Map .Hotspot-Entry .ContentContainer { background: url(../img/bg/bg_map.png) no-repeat left top; background-size: cover; }
.food-Class .Hotspot-Entry .ContentContainer { background: url(../img/bg/bg_class.png) no-repeat left top; background-size: cover; }
.food-Law .Hotspot-Entry .ContentContainer { background: url(../img/bg/bg_law.png) no-repeat left top; background-size: cover; }

/**/
.Hotspot-Entry .share-tool { float: right; }
.Hotspot-Entry .share-tool:after { clear: both; display: table; content: ""; }
.Hotspot-Entry .article-list h3 { margin-bottom: 20px; height: inherit; min-height: inherit; max-height: inherit; overflow: hidden; font-size: 2.5em; line-height: 1.2em; font-weight: lighter; width: 100%; padding-top: 50px; }
.Hotspot-Entry .article-list .review-tool { border-top: 0px solid #ddd; padding-top: 10px; width: 250px; margin: 0 0 40px 0; }
.Hotspot-Entry .article-list .review-tool li { text-align: left; }
.Hotspot-Entry .article-list .quote { display: block; color: #4e4e4e; margin-bottom: 50px; line-height: 2em; font-size: 16px; height: inherit; max-height: 260px; overflow: hidden; }

/* ==========================================================================
編輯選文
 ========================================================================== */
.Editor-Entry { background: url(../img/bg/bg_footer_slider.png) no-repeat center top; background-size: cover; padding-bottom: 30px; }
.Editor-Entry .row { margin-right: 0px; margin-left: 0px; }
.Editor-Entry .col-md-12 { padding-right: 0px; padding-left: 0px; }
.Editor-Entry .headTitle { background: #000; }
.Editor-Entry .headTitle:before { display: none; }
.Editor-Entry .entry-title { background: transparent; padding: 10px 10px; }
.Editor-Entry .entry-title h4 { color: #fff; font-weight: 900; font-family: "Didot", "細明體", "Times New Roman", "Microsoft JhengHei", Times, Serif; }
.Editor-Entry .headTitle:after { display: none; }

/**/
.Editor-reviews { margin-top: 30px; }
.Editor-reviews .item { text-align: left; }
.Editor-reviews.owl-carousel .owl-item { width: 300px !important; }
.Editor-reviews h3 { font-size: 15px; text-align: center; color: #fff; font-family: "Gotham", "Microsoft JhengHei", Arial, Helvetica, sans-serif; margin: 15px auto 0; width: 85%; }

/* ==========================================================================
麵包屑
 ========================================================================== */
.Breadcrumb-header { position: relative; }
.Breadcrumb-header .toolbar { padding-left: 6%; }
.Breadcrumb-header .breadcrumb { border-bottom: 0px solid #e3e3e3; padding: 10px 0 5px 0; }
.Breadcrumb-header .breadcrumb li, .Breadcrumb-header .breadcrumb li a { font-size: 13px; }
.Breadcrumb-header .breadcrumb li:first-child:before { content: ""; }
.Breadcrumb-header .breadcrumb li:before { content: "/"; }
.Breadcrumb-header .breadcrumb li a { }

/* ==========================================================================
內頁架構
 ========================================================================== */
.Page-Entry { }
.Page-Entry .HotRanking-entry .nav-tabs > li > a { border-bottom: 8px solid #a5d1c4; }
.fatherpage .topic-wrap { margin-top: 20px !important; }
.fatherpage .topic-wrap .container .entry-body, .select-entry .container .entry-body {    /*width: 90%;*/
margin: 0 auto; }

/* ==========================================================================
內文
 ========================================================================== */
.Content-Display { text-align: left; }
.widget-back { width: 60px; border-radius: 0; }

/*左側分享工具*/
.share-sidebar { margin-top: 20px; }
.share-sidebar .button { width: 60px; height: 60px; line-height: 60px; color: #fff; font-size: 1em; display: block; }
.share-sidebar .article-fbs-sharing { list-style: none; }
.share-sidebar .article-fbs-sharing li { width: 60px; height: 60px; line-height: 60px; text-align: center; font-size: 1.7em; -webkit-transition: all .05s ease-in-out; -moz-transition: all .05s ease-in-out; -ms-transition: all .05s ease-in-out; -o-transition: all .05s ease-in-out; transition: all .05s ease-in-out; color: #fff; }
.share-sidebar .article-fbs-sharing .facebook { background-color: #3664a2; }
.share-sidebar .article-fbs-sharing .twitter { background-color: #55acee; }
.share-sidebar .article-fbs-sharing .pinterest { background-color: #ca0034; }
.share-sidebar .article-fbs-sharing .google { background-color: #dd4b39; }
.share-sidebar .article-fbs-sharing .collect { background-color: #a5d1c4; }
.share-sidebar .article-fbs-sharing .collect .ico-star { color: #ffff33; }

/*關於作者*/
.Author-box { margin-bottom: 30px; }
.Author-box, .Author-box h5 { font-family: "Gotham", "Microsoft JhengHei", Arial, Helvetica, sans-serif; text-align: left; font-weight: 600; font-size: 16px; }
.Author-box h5 span { color: #ad8b7f; }
.Content-Display h3 { font-size: 1.8em; font-family: "Gotham", "Microsoft JhengHei", Arial, Helvetica, sans-serif; font-weight: 400; }
.date, .Content-Display .date { font-size: 12px; }
.date:before, .Content-Display .date:before { font: 14px FontAwesome; content: "\f017"; margin-right: 5px; }
em.tag-experienct { background: #7b746e; color: #fff; font-size: 16px; display: inline-block; font-style: normal; margin: 0; padding: 5px 10px; }

/**/
.Content-Display .review-tool { width: inherit; min-width: 250px; margin: 0 auto 20px auto; }
.Content-Display .review-tool ul.socialbtn { display: inline-block; width: inherit; }
.Content-Display .review-tool ul.statusbtn { display: inline-block; width: inherit; }
.Content-Display .review-tool ul li { display: inline-block; vertical-align: middle; text-align: left; position: relative; padding-right: 15px; }
.Content-Display .review-tool ul li li { display: block; padding-right: 0; }
.Content-Display .review-tool ul.socialbtn li { padding-right: 5px; vertical-align: top; }

/**/
.socialdislike { height: 40px; width: 50px; overflow: hidden; }
.socialdislike .pluginCountBox { background: #fff; border: 1px solid #9197a3; color: #4e5665; font-size: 13px; height: 20px; margin: 0; padding: 0; text-align: center; white-space: nowrap; width: 50px;
-webkit-border-top-left-radius: 2px;
-webkit-border-top-right-radius: 2px;
-moz-border-radius-topleft: 2px;
-moz-border-radius-topright: 2px;
border-top-left-radius: 2px;
border-top-right-radius: 2px; }
.socialdislike .pluginCountBox i { display: inline-block; vertical-align: middle; }
.socialdislike .pluginCountBoxNub { bottom: -8px; height: 7px; left: 7px; position: relative; width: 0; z-index: 2; }
.socialdislike .pluginCountBoxNub s, .socialdislike .pluginCountBoxNub i { border-color: #9197a3 transparent transparent; border-right: 5px solid transparent; border-style: solid; border-width: 5px;  display: none; position: relative; }
.socialdislike .pluginCountBoxNub i { border-top-color: #fff; left: 0; top: -12px; }
.socialdislike .pluginbtn { display: block; }
.socialdislike .pluginbtn a { background: #000; color: #fff;  display: block; width: 50px; height: 20px; overflow: hidden; white-space: nowrap; text-align: center; font-size: 10px; line-height: 20px; margin-top: 0;
-webkit-border-bottom-right-radius: 2px;
-webkit-border-bottom-left-radius: 2px;
-moz-border-radius-bottomright: 2px;
-moz-border-radius-bottomleft: 2px;
border-bottom-right-radius: 2px;
border-bottom-left-radius: 2px;}
.socialdislike .pluginbtn a:hover { background: #333; }
.socialdislike .pluginbtn a i:before{ font-size: 3px;}

/**/
#gallery-post { margin-bottom: 30px; }
#gallery-post .owl-item .image img { width: 100%; max-width: 100%; }
.post-banner img { width: 100%; }
.post-function .btn-primary { width: 100%; font-size: 18px; font-weight: bold; background: #7b746e; border: #7b746e solid 3px; padding: 20px 0; }
.post-function .btn-primary:hover { border: #7b746e solid 3px; background: #000; }
.post-ast { margin: 0 0 30px 0; border-top: solid #eeeeee 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; }
.post-ast:before { content: ""; top: -10px; position: absolute; width: 0; height: 0; border-style: solid; border-width: 35px 35px 0 0; border-color: #000 transparent transparent transparent; }
.post-ast-icon { background: #fff; position: absolute; z-index: 10; left: 10px; width: 30px; padding: 15px 0; text-align: center; }
.post-ast-body { margin: 0 0 0 50px; padding: 10px 0; }
.post-ast-body a { border-bottom: solid #a4cdc3 2px; }
.post-ast-body a[target=_blank]:after { content: "\f08e"; color: #a4cdc3; margin: 0 0 0 5px; font: normal normal normal 14px/1 FontAwesome; }

/**/
.post-content { padding-bottom: 50px; }
.post-content p { line-height: 1.8em; font-size: 16px; }
.post-content a { color: #3aa89c; border-bottom: dotted 1px #3aa89c; }
.post-content a:hover { border-bottom: solid 1px #3aa89c; }

/*頁籤式內容*/
.post-tab ul.nav-tabs { width: 100%; border: none; background: none; }
.post-tab ul.nav-tabs:before { content: ""; display: table; }
.post-tab ul.nav-tabs li { height: 65px; border-bottom: #ccc solid 1px; font-weight: bold; font-size: 18px; text-align: center; display: table-cell; float: none; width: 1%; }
.post-tab ul.nav-tabs li a { padding: 18px 0; width: 100%; border: none; }
.post-tab ul.nav-tabs li.active { position: relative; border-left: #ccc solid 1px; border-right: #ccc solid 1px; border-top: #ccc solid 1px; border-bottom: none; }
.post-tab ul.nav-tabs li.active a { border: none; }
.post-tab ul.nav-tabs li.active:after { content: ""; width: 35px; height: 65px; display: block; position: absolute; top: 0; right: -36px; background: url(../img/tab_shadow.png) no-repeat center top; }
.post-tab ul.nav-tabs li:last-child.active:after { content: ""; width: 35px; height: 65px; display: block; position: absolute; top: -1px; left: -36px; right: inherit; background: url(../img/tab_shadow2.png) no-repeat center top; }
.post-tab .tab-content { padding: 15px 0; }

/**/
.section-header { display: block; margin-bottom: 40px; }
.section-header .section-title { position: relative; margin: 0px; }
.section-header.section-header-bordered .section-title:before { content: ""; position: absolute; bottom: -16px; left: 0px; right: 0px; border-bottom: 1px dotted #ddd; }
.section-header .section-title:after { content: ""; position: absolute; bottom: -16px; left: 0px; width: 110px; border-bottom: 2px solid #666; }

/*相關文章*/
.post-head { border-bottom: #eee solid 1px; }
.post-head .thumb { margin: 0 0 20px 0; }
.post-head .thumb img { width: 100%; }
.post-head .ContentContainer { text-align: left; }
.post-head .conDetail { }
.related-post { clear: both; }
.related-post .list-unstyled li { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/**/
.Recommended-Entry { border-top: 5px solid #000; padding-top: 15px; margin: 50px 0 0 0; }
.Recommended-Entry .entry-body { margin: 0; text-align: left; }
.headTitle:before { content: ""; display: block; height: 1px; background: #ddd; position: absolute; top: 50%; left: 0; width: 40%; }
.headTitle:after { content: ""; display: block; height: 1px; background: #ddd; position: absolute; top: 50%; right: 0; width: 40%; }
.Recommended-Entry .article-list .illustrated .thumb { max-height: 200px; overflow: hidden; position: relative; }
.Recommended-Entry .article-list .illustrated .thumb img { margin-top: -50px; }
.Recommended-Entry .article-list h3 { margin-top: 5px; margin-bottom: 10px; min-height: inherit; max-height: inherit; overflow: hidden; line-height: 1.3em; font-size: 16px; height: 40px; white-space: nowrap; text-overflow: ellipsis; }
.Recommended-Entry .article-list .ContentContainer { margin: -45px auto 0 auto; padding: 10px 15px; }
.Recommended-Entry .article-list { text-align: center; position: relative; margin-bottom: 20px; height: inherit; }
.Recommended-Entry .headTitle:before { content: ""; display: block; height: 0px; }

/* ==========================================================================
查詢結果
 ========================================================================== */
.search-classic a { color: #3aaab4;     word-break: break-all;
    display: inline-block;}
.search-classic h4 a { color: #000 }

/* ==========================================================================
食專欄
 ========================================================================== */
.food-Column .Author-List { background-color: #f2cdbd; }
.Author-List .headTitle:before { }
.Author-List .entry-title h1 { background-color: transparent; }
.Author-List .article-list .illustrated { display: block; position: relative; float: right; width: 50%; padding: 0px; }
.Author-List .article-list .ContentContainer { float: none; width: 100%; padding: 50px 20px 20px 20px; text-align: left; position: relative; margin: 0; display: block; background: none; background-size: cover; position: absolute; }
.Author-List .article-list .illustrated .thumb { height: 475px; background: rgba(0, 0, 0, 0); text-align: right; }
.Author-List .article-list, .Author-List .article-list .ContentContainer { height: 475px; margin-bottom: 0; overflow: hidden; }
.Author-List .article-list .stitle { color: #fff; background-color: rgba(0, 0, 0, .3); text-align: center; padding: 7px 10px; display: inline-block; margin-bottom: 15px; }
.Author-List .article-list h3 { font-size: 4em; line-height: 1em; margin-top: 10px; margin-bottom: 20px; padding-top: 0; }
.Author-List .article-list h3, .Author-List .article-list .quote { width: 45%; color: #000; }
.Author-List .article-list .quote { display: block; color: #4e4e4e; margin-bottom: 30px; line-height: 1.5em; font-size: 16px; height: inherit; max-height: 260px; overflow: hidden; padding-bottom: 30px; border-bottom: 1px solid #fff; }
.Author-List .article-list .articletotal { display: block; vertical-align: baseline; }
.Author-List .article-list .bigger { font-size: 4em; }

/**/
.food-Column .Breadcrumb-header .toolbar { padding-left: 20px; }
.fatherpage .Author-List { margin-top: 0px; padding-top: 20px; }
.fatherpage .Author-List .article-list .articletotal { position: absolute; top: 65px; left: 35%; }
.fatherpage .Author-List .article-list .ContentContainer { padding: 20px 20px 20px 20px; }
.fatherpage .Author-List .article-list, .Author-List .article-list .ContentContainer { height: 548px; overflow: inherit; margin-bottom: 0; }
.Author-topic-recom { width: 45%; }
.Author-topic-recom .con-topic { background-color: #fff; padding: 10px; }
.Author-topic-recom .con-topic h3 { font-size: 1.8em; }
.Author-topic-recom .con-topic p { color: #666; }
.Author-topic-recom .con-topic h3, .Author-topic-recom .con-topic p { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; width: 100%; }
.Author-topic-recom .sharetool { background-color: rgba(0, 0, 0, .3); color: #fff; padding: 10px; }
.Author-List .article-list .Author-topic-recom .review-tool { border-top: 0px solid #ddd; padding-top: 0px; width: inherit; margin: 0 0 0px 0; float: right; }
.Author-List .article-list .Author-topic-recom .review-tool, .Author-List .article-list .Author-topic-recom .review-tool a { color: #fff; }
.Author-List .article-list .Author-topic-recom .review-tool .dropdown-menu > li > a { color: #5e5e5e; }

/**/
.select-entry { margin-top: 50px; margin-bottom: 50px; }
.select-entry .list-unstyled { text-align: left; }
.select-entry .list-unstyled li { border-bottom: 1px solid #eee; line-height: 35px; }
.select-entry .list-unstyled li a { font-size: 15px; }

/**/
.Articlelist-Entry { }
.Author-list-promo { padding: 15px 10px; height: 400px; }
.Author-list-promo .Author-box { margin-top: 30px; text-align: center; margin-bottom: 15px; }
.Author-list-promo .Author-box .img-bordered { width: 110px; margin-bottom: 20px; }
.Author-box .stitle { display: block; color: #9c6f68; }
.Author-box h2 { font-size: 24px; border-bottom: 1px solid #ddd; margin-top: 10px; margin-bottom: 10px; padding-bottom: 10px; }
.Author-list-promo .articletotal { width: 57px; height: 57px; display: inline-block; position: absolute; top: 10px; left: 10px; background-color: #e8b8a3; color: #fff; text-align: center; font-size: 13px; border-radius: 50%; }
.Author-list-promo .articletotal a { color: #fff; }
.Author-list-promo .articletotal .bigger { font-size: 1.8em; color: #fff; display: block; }
.Author-list-promo .quote { margin-bottom: 20px; text-align: left; max-height: 62px; overflow: hidden; }
.Author-list-promo .btnreadmore { }

/* ==========================================================================
食生活
 ========================================================================== */
.foodmenu-Entry { }
.foodmenu-Entry:after { clear: both; content: ""; display: table; }
.btntabs { display: inline-block; margin: 20px auto; list-style: none; }
.btntabs:after { clear: both; content: ""; display: table; }
.btntabs li { float: left; text-align: center; margin-left: 10px; margin-right: 10px; }
.btntabs li a { width: 105px; height: 105px; text-align: center; background: #fde8b3; border: 3px solid #f2ffeb; color: #000; font-size: 15px; display: block; border-radius: 50%; }
.btntabs li a:hover, .btntabs li.active a, .btntabs li.open a { background: #ffc42c; color: #fff; }
.btntabs li a i:before { width: 70px; height: 50px; display: block; margin: 10px auto 5px auto; }
.btntabs li a .ico-breakfast:before { content: ""; background: url(../img/icon_food_01.png) no-repeat; }
.btntabs li a .ico-lunch:before { content: ""; background: url(../img/icon_food_02.png) no-repeat; }
.btntabs li a .ico-dinner:before { content: ""; background: url(../img/icon_food_03.png) no-repeat; }
.btntabs li a .ico-cookie:before { content: ""; background: url(../img/icon_food_04.png) no-repeat; }

/**/
.btntabs li a:hover .ico-breakfast:before, .btntabs li.active a .ico-breakfast:before { background: url(../img/icon_food_01_f2.png) no-repeat; }
.btntabs li a:hover .ico-lunch:before, .btntabs li.active a .ico-lunch:before { background: url(../img/icon_food_02_f2.png) no-repeat }
.btntabs li a:hover .ico-dinner:before, .btntabs li.active a .ico-dinner:before { background: url(../img/icon_food_03_f2.png) no-repeat }
.btntabs li a:hover .ico-cookie:before, .btntabs li.active a .ico-cookie:before { background: url(../img/icon_food_04_f2.png) no-repeat }

/**/
.btntabs li a .ico-plastic:before { content: ""; background: url(../img/icon_pack_01.png) no-repeat; }
.btntabs li a .ico-papers:before { content: ""; background: url(../img/icon_pack_02.png) no-repeat; }
.btntabs li a .ico-glassess:before { content: ""; background: url(../img/icon_pack_03.png) no-repeat; }
.btntabs li a .ico-metals:before { content: ""; background: url(../img/icon_pack_04.png) no-repeat; }
.btntabs li a .ico-others:before { content: ""; background: url(../img/icon_pack_05.png) no-repeat; }

/**/
.btntabs li a:hover .ico-plastic:before, .btntabs li.active a .ico-plastic:before { background: url(../img/icon_pack_01_f2.png) no-repeat; }
.btntabs li a:hover .ico-papers:before, .btntabs li.active a .ico-papers:before { background: url(../img/icon_pack_02_f2.png) no-repeat }
.btntabs li a:hover .ico-glassess:before, .btntabs li.active a .ico-glassess:before { background: url(../img/icon_pack_03_f2.png) no-repeat }
.btntabs li a:hover .ico-metals:before, .btntabs li.active a .ico-metals:before { background: url(../img/icon_pack_04_f2.png) no-repeat }
.btntabs li a:hover .ico-others:before, .btntabs li.active a .ico-others:before { background: url(../img/icon_pack_05_f2.png) no-repeat }

/**/
.food-Science .btntabs li a { background: #a5d1c4; border: 3px solid #d0e8e1; }
.food-Science .btntabs li a:hover, .food-Science .btntabs li.active a, .food-Science .btntabs li.open a { background: #456359; color: #fff; }

/**/
.btntabs li li a { width: 55px; height: 55px; line-height: 55px; text-align: center; border: 0px solid #f2ffeb; padding: 0 !important; }
.btntabs li li a:hover { background: #f29f00; }
.btntabs li li { margin-bottom: 5px; }
.btntabs li .dropdown-menu { position: absolute; top: 100%; left: 13%; z-index: 1000; float: left; min-width: 60px; width: 60px; padding: 0px 0; margin: 2px 0 0; list-style: none; font-size: 14px; text-align: center; background-color: transparent; border: 0px solid #ccc; border: 0px solid rgba(0, 0, 0, .15); border-radius: 0px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0); box-shadow: 0 6px 12px rgba(0, 0, 0, 0); background-clip: padding-box; }

/*BG*/
.entry-bg { text-align: center; }
.entry-bg .thumb { display: block; }
.entry-bg .thumb img { width: 100%; max-width: 100%; }

/*節氣*/
.solar-Entry { position: relative; margin-bottom: 170px; }
.solar-Entry .row { margin-right: 0px; margin-left: 0px; }
.solar-Entry .col-md-12 { padding-right: 0px; padding-left: 0px; }
.solar-Entry:after { clear: both; content: ""; display: table; }
.solar-Entry .entry-body { position: absolute; text-align: center; left: 50%; margin-left: -500px; margin-top: 40px; padding-top: 30px; z-index: 9; width: 1000px; }
.food-Science .solar-Entry .entry-body, .food-Cloud .solar-Entry .entry-body { position: absolute; text-align: center; left: 50%; margin-left: -50%; margin-top: 40px; padding-top: 30px; z-index: 9; width: 100%; }
.solar-Entry .entry-body .headTitle h1 { background-color: transparent; }
.solar-Entry .entry-body .headTitle:before, .solar-Entry .entry-body .headTitle:after { background: #fff; }
.btntabs li a .ico-spring:before { content: ""; background: url(../img/icon_solar_01.png) no-repeat; }
.btntabs li a .ico-summer:before { content: ""; background: url(../img/icon_solar_02.png) no-repeat; }
.btntabs li a .ico-fall:before { content: ""; background: url(../img/icon_solar_03.png) no-repeat; }
.btntabs li a .ico-winter:before { content: ""; background: url(../img/icon_solar_04.png) no-repeat; }
.btntabs li a:hover .ico-spring:before, .btntabs li.active a .ico-spring:before { background: url(../img/icon_solar_01_f2.png) no-repeat; }
.btntabs li a:hover .ico-summer:before, .btntabs li.active a .ico-summer:before { background: url(../img/icon_solar_02_f2.png) no-repeat }
.btntabs li a:hover .ico-fall:before, .btntabs li.active a .ico-fall:before { background: url(../img/icon_solar_03_f2.png) no-repeat }
.btntabs li a:hover .ico-winter:before, .btntabs li.active a .ico-winter:before { background: url(../img/icon_solar_04_f2.png) no-repeat }
.season-bg, .season-thumb { height: 980px !important; position: relative; }
.entry-bg .season-thumb img { width: inherit; max-width: inherit; }
.food-Science .solar-Entry .season-bg, .food-Science .solar-Entry .season-thumb { height: 640px !important; position: relative; }

/**/
.season-object { width: 615px; margin: 0 auto; margin-top: -150px; }
.season-object .item .ctitle { margin-top: 15px; padding-bottom: 10px; border-bottom: 3px solid #000; white-space: nowrap; overflow: hidden; }
.season-object .item a img { width: 100%; }
.mediabox .media { position: relative; }
.mediabox .media .btnplay { position: absolute; left: 40%; top: 40%; }
.mediabox .media .btnplay i, .mediabox .media .btnplay:hover i { color: #fff; font-size: 6em; }

/* ==========================================================================
食科學
 ========================================================================== */
.tabbable { margin-bottom: 40px; }
.Additives-list { padding: 50px 0 0 0; position: relative; z-index: 8; }
.AdditivesTabs { list-style: none; margin: 0; padding: 0; }
.AdditivesTabs li { display: block; background: #c4dfe8; border-bottom: 1px solid #fff; position: relative; }
.AdditivesTabs li:after { clear: both; content: ""; display: table; }
.AdditivesTabs li a { display: block; overflow: hidden; }
.AdditivesTabs li a .thumb { width: 190px; height: 130px; overflow: hidden; float: right; }
.AdditivesTabs li a .thumb img { width: 100%; max-width: 100%; }
.AdditivesTabs li a h3 { position: absolute; top: 20px; left: 0; font-size: 24px; color: #333; z-index: 8; width: 60%; text-align: left; padding-left: 20px; max-height: 100px; overflow: hidden; line-height: 1.4em; margin-top: 0; font-family: "Gotham", "Microsoft JhengHei", Arial, Helvetica, sans-serif; }
.AdditivesTabs li a:hover h3 { color: #c2dfe5; }
.AdditivesTabs li a:hover::after { position: absolute; left: 0; top: 0; display: block; content: ""; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .5); z-index: 5; }

/**/
.Additives-detail { border: 1px solid #ddd; padding: 20px 40px 20px 100px; position: relative; margin-left: -80px; z-index: 2; margin-bottom: 30px; }
.ArticleDetail h2, .ArticleDetail h3 { color: #8cbcae; font-family: "Gotham", "Microsoft JhengHei", Arial, Helvetica, sans-serif; }
.ArticleDetail h3 { margin-top: 5px; }
.ArticleDetail p { line-height: 1.6em; font-size: 1.1em; text-align: left; }
.ArticleDetail .btnreadmore { margin-top: 30px; border-top: 1px solid #ddd; padding-top: 30px; }

/**/
.pack-article-list { background-color: rgba(255, 255, 255, .8); padding: 40px 20px; text-align: left; width: 90%; margin: 0 auto; }
.pack-article-list .content { max-height: 470px; }
.pack-article-list .list-unstyled li { border-bottom: 1px solid #ddd; position: relative; }
.pack-article-list .list-unstyled li i { display: inline-block; vertical-align: top; position: absolute; top: 10px; }
.pack-article-list .list-unstyled li a { padding: 7px 5px 7px 15px; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.food-Science .solar-Entry { background: #fff; position: relative; margin-bottom: 0px; }

/**/
#article-post .image { position: relative; }
#article-post .image .foodmenu-topic { position: absolute; bottom: 0; width: 100%; background: rgba(0, 0, 0, .5); }
#article-post .image .foodmenu-topic .con-topic { padding: 20px 20px 5px 20px; }
#article-post .image .foodmenu-topic h3 { color: #fff; margin-top: 0px; }

/**/
.experiment-Entry { background: url(../img/pattern/science.png); padding-top: 120px; padding-bottom: 50px; position: relative; z-index: 2; }
.fatherpage .topic-wrap.experiment-Entry { margin-top: -120px !important; }

/**/
.experiment-Entry .headTitle { margin-bottom: 40px; }
.experiment-list .thumb { width: 200px; height: 200px; overflow: hidden; border-radius: 50%; text-align: center; margin: 0 auto 25px auto; }
.experiment-list h2 { font-family: "Gotham", "Microsoft JhengHei", Arial, Helvetica, sans-serif; font-size: 22px; text-align: left; color: #456359; margin: 0px auto 20px auto; width: 90%; }
.experiment-list .thumb img { max-height: 100%; }
.experiment-list .quote { width: 80%; text-align: left; margin: 10px auto 30px auto; color: #5d973e; }
.experiment-list .quote a { color: #5d973e; }
.experiment-list .btnreadmore { text-align: center; }
.experiment-list .btnreadmore .btn-Science { border: 1px solid #5d973e; width: 75%; color: #fff; margin: 10px auto 30px auto; background: #5d973e; box-shadow: 3px 3px 0 0 #476259; -webkit-box-shadow: 3px 3px 0 0 #476259; }
.food-Science .traceability-Entry { margin: 0 0 200px 0; }

/* ==========================================================================
食品雲
 ========================================================================== */

/**/

.food-Cloud .topic-wrap { }
.food-Cloud .solar-Entry { position: relative; margin-bottom: 0px; }
@media screen and(min-width:1025px) {
    .food-Cloud .season-bg, .food-Cloud .season-thumb { height: 680px !important; position: relative; }
}
.food-Cloud .bg-Science { background-color: #dfdcd7; padding-top: 40px; }
.food-Cloud .bg-Science .headTitle:before, .food-Cloud .bg-Science .headTitle:after { background: #ccc; }
.food-Cloud .Science-Entry { text-align: center; margin-bottom: 0px; }
.food-Cloud .bg-Science .pack-article-list { background-color: rgba(255, 255, 255, 0); padding: 20px 10px; text-align: left; }
.pack-article-list .pagination { display: inline-block; padding-left: 0; margin: 40px 0; border-radius: 0px; }

/* ==========================================================================
食專題
 ========================================================================== */
.food-issue .issue-List { background-color: #eee; }
.issue-List .article-list, .issue-List .article-list .ContentContainer { height: inherit; margin-bottom: 0; overflow: visible; }
.issue-List .headTitle:before { }
.issue-List .entry-title h1 { background-color: transparent; }
.issue-List .article-list .illustrated { display: block; position: relative; float: left; width: 60%; padding: 0px; }
.issue-List .article-list .ContentContainer { overflow: visible; background: #fff; width: 40%; padding: 30px 20px 20px 20px; text-align: left; margin: 0; display: block; position: absolute; right: 10px; top: 50px; }
.issue-List .article-list .illustrated .thumb { background: rgba(0, 0, 0, 0); text-align: left; }
.issue-List .article-list .illustrated .thumb img { width: 100%; }
.issue-List .article-list .stitle { color: #fff; background-color: #a4cdc3; text-align: center; padding: 7px 10px; display: inline-block; margin-bottom: 15px; }
.issue-List .article-list .sstitle { padding: 0 0 15px 0; font-size: 24px; font-style: italic; color: #a4cdc3; font-family: Didot, 細明體, 'Times New Roman', Microsoft JhengHei, Times, serif; }
.issue-List .article-list .sstitle:before { content: ""; display: block; height: 3px; width: 100px; background: #a4cdc3; margin: 0 0 0 -50px; }
.issue-List .article-list h3 { text-overflow: clip; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 2em; line-height: 1em; margin-top: 10px; margin-bottom: 20px; padding-top: 0; }
.issue-List .article-list h3, .issue-List .article-list .quote { width: 80%; color: #000; }
.issue-List .article-list .quote { height: 148px; display: block; color: #4e4e4e; margin-bottom: 0; line-height: 1.5em; font-size: 16px; overflow: hidden; }
.issue-List .article-list .articletotal { display: block; vertical-align: baseline; }
.issue-List .article-list .bigger { font-size: 4em; }
@media screen and (max-width:1440px) {
    .issue-List .article-list h3, .issue-List .article-list .quote { width: 90%; }
    .issue-List .article-list .quote { height: auto; }
}
@media screen and (max-width:1024px) {
    .issue-List .article-list h3, .issue-List .article-list .quote { width: 100%; }
    .issue-List .article-list .quote { }
    .issue-List .article-list .ContentContainer { top: 0; }
}
@media screen and (max-width:768px) {
    .issue-List .article-list .illustrated { height: auto; overflow: hidden; width: 100%; padding: 0; margin: 0; float: none; position: relative; z-index: 0; top: 0; left: 0; }
    .issue-List.Hotspot-Entry .article-list { text-align: center; padding: 0; margin: 0; }
    .issue-List.Hotspot-Entry .article-list .ContentContainer { width: 100%; position: relative; margin: 0 auto; float: none; background: rgba(255, 255, 255, .9); top: 0; }
    .food-issue .issue-List { position: relative; margin: 0; }
    .food-issue .issue-List .container { padding: 0; }
    .issue-List.Hotspot-Entry .share-tool { float: right; }
}
@media screen and (max-width:480px) {
    .food-issue .issue-List { position: relative; }
    .issue-List.Hotspot-Entry .article-list, .issue-List.Hotspot-Entry .article-list .ContentContainer { height: auto; }
    .issue-List.Hotspot-Entry .article-list .ContentContainer { }
    .issue-List.Hotspot-Entry .article-list .illustrated { position: relative !important; top: 0; width: 100%; }
    .issue-List.Hotspot-Entry .article-list .illustrated .thumb { height: auto !important; max-height: 100% !important; }
    .issue-List.Hotspot-Entry .article-list .illustrated .thumb img { max-height: 100% !important; }
    .issue-List.Hotspot-Entry .article-list h3 { padding: 0; margin: 0; }
    .issue-List .article-list .bigger { font-size: 3em; }
    .issue-List .article-list .sstitle { position: absolute; top: 0; }
    .Hotspot-Entry .issue-List .share-tool { position: absolute; right: 0; top: 90px; }
    .Hotspot-Entry .share-tool li { margin-left: 0; margin-right: 10px; }
    .issue-List.Hotspot-Entry .article-list h3 { overflow: hidden; white-space: normal; }
    .issue-List .article-list .bigger { font-size: 1.5em; }
}

/* ==========================================================================
 最新專題
 ========================================================================== */
.issueNew-Entry { text-align: left; padding: 50px 0; clear: both; }
.issueNew-Entry .post-head { padding: 0 15px 0 0; border: none; vertical-align: top; text-align: left; }
.issueNew-Entry .post-head h3 { font-size: 30px; font-weight: bold; position: relative; margin: 0 0 0 10px; color: #333; padding: 0 0 0 20px; }
.issueNew-Entry .post-head h3:before { content: ""; background: #a4cdc3; width: 5px; height: 80px; position: absolute; display: block; left: 0; top: -35px; }
.issueNew-Entry .post-head img { width: 100%; }
.issueNew-Entry .post-head .pic { max-height: 400px; overflow: hidden; margin: 0 0 20px 0; }
.issueNew-Entry ul.list-foodnews { margin: -10px 0 0 30px; }
.issueNew-Entry ul.list-foodnews li { font-size: 18px; text-align: left; border-bottom: #ccc solid 1px; margin: 20px 0; padding: 0; }
.issueNew-Entry ul.list-foodnews li a { border-left: #a4cdc3 solid 5px; width: 100%; padding: 0 10px; margin: 15px 0 15px -15px; display: block; }
@media screen and(max-width:768px) {
    .issueNew-Entry ul.list-foodnews { margin: 30px 15px; }
    .issueNew-Entry .post-head .pic { height: auto; }
}

/* ==========================================================================
 熱門專題
 ========================================================================== */
.issueTop-Entry { }
.issueTop-Entry .article-list .ContentContainer { background: none; margin: 0; }
.issueTop-Entry .article-list h3 { font-size: 24px; }
.issueTop-Entry .article-list .ContentContainer:before { content: ""; background: #a4cdc3; width: 5px; height: 110px; position: absolute; display: block; left: 0; top: -35px; }
.issueTop-Entry .article-list { height: 330px; }
@media screen and (max-width:768px) {
    .issueTop-Entry .article-list { height: 250px; }
}
@media screen and (max-width:767px) {
    .issueTop-Entry .article-list { height: auto; }
    .issueTop-Entry .Articlelist-Entry .article-list .illustrated .thumb { max-height: 100%; height: auto; }
}
@media screen and (max-width:480px) {
    .issueTop-Entry .article-list { height: auto; }
    .issueTop-Entry .article-list .ContentContainer:before { top: 0px; height: 30px; }
}

/* ==========================================================================
Tab元件
 ========================================================================== */
.tab-entry { margin-bottom: 30px; }
.btn-default.active { color: #fff; background-color: #ededed; border-color: #c6d2d5; }

/*食專欄food-Column/食科學food-Science/食品雲food-Cloud/食生活food-Life*/
.food-Column .btn-default.active { color: #fff; background-color: #e6b3a2; border-color: #e6b3a2; }
.food-Science .btn-default.active { color: #fff; background-color: #4ccaa5; border-color: #4ccaa5; }
.food-Cloud .btn-default.active { color: #fff; background-color: #9d948b; border-color: #9d948b; }
.food-Life .btn-default.active { color: #fff; background-color: #e3b74c; border-color: #e3b74c; }

/**/
.tabbable { text-align: center; }
.tabbable .nav-tabs { display: inline-block; width: auto; margin: 0 auto; }
.tabbable .nav-tabs > li > a { -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; text-decoration: none; position: relative; font: 14px "Montserrat", "LiHei Pro", "Microsoft JhengHei", Arial, Helvetica, sans-serif; border-radius: 0; -webkit-border-radius: 0; margin-right: 0px; border: 1px solid #ddd; }
.tabbable .nav-tabs > li.active > a, .tabbable .nav-tabs > li.active > a:hover, .tabbable .nav-tabs > li.active > a:focus { }
.tabbable .nav-tabs > li.tabdrop > a { color: #000; font-size: 13px; }
.tabdrop .dropdown-menu>li>a { display: block; padding: 10px 20px; clear: both; font-weight: normal; line-height: 1.6em; color: #333; white-space: nowrap; text-decoration: none; }
.tabdrop .dropdown-menu>li.active>a { color: #fff; }

/* ==========================================================================
輪播元件
 ========================================================================== */
#gallery-post { }
#gallery-post .image { }
#gallery-post .sub-text { position: absolute; top: 0; background-color: rgba(0, 0, 0, .3); display: block; width: 100%; text-align: left; padding: 0px 20px; }
#gallery-post .sub-text a, #gallery-post .sub-text h3, #gallery-post .sub-text p { color: #fff;    /* white-space: nowrap; overflow: hidden; text-overflow: ellipsis;*/ }

/* ==========================================================================
Pagination
 ========================================================================== */
.pagination > li > a, .pagination > li > span { margin-left: 5px; padding: 5px 10px; border-radius: 0px; cursor: pointer; }
.pagination.squared { border-radius: 0 !important; }
.pagination.squared li:first-child a, .pagination.squared li:first-child > span { border-bottom-left-radius: 0px !important; border-left-width: 1px; border-top-left-radius: 0px !important; }
.pagination.squared li:last-child > a, .pagination.squared li:last-child > span { border-bottom-right-radius: 0px !important; border-top-right-radius: 0px !important; }
.pagination.pagination-purple li a { background: #F5F4F9; border: none !important; color: #333333; display: inline-block; margin-right: 1px; }
.pagination.pagination-purple li:hover { background: #ECEAF3; color: #222222; cursor: pointer; }
.pagination .pagination.pagination-purple li a { background: #F5F4F9; border: none !important; color: #333333; display: inline-block; margin-right: 1px; }
.pagination .pagination.pagination-purple li:hover { background: #ECEAF3; color: #222222; cursor: pointer; }
.pagination.pagination-purple li:first-child a, .pagination-purple .pagination li:first-child a { border: none !important; }
.pagination.pagination-purple li.disabled a, .pagination-purple .pagination li.disabled a { color: #AAAAAA !important; }
.pagination.pagination-purple li.disabled a:hover, .pagination-purple .pagination li.disabled a:hover, .pagination.pagination-purple li.disabled a:focus, .pagination-purple .pagination li.disabled a:focus { background: #F5F4F9; cursor: default !important; }
.pagination.pagination-purple li.active a, .pagination-purple .pagination li.active a { background: #57517B !important; border: none !important; color: #FFFFFF !important; cursor: default !important; opacity: 1; }
.pagination-purple [class^="fa-"], .pagination-purple [class*=" fa-"] { color: #57517B; }
.pagination-purple li.disabled [class^="fa-"], .pagination-purple li.disabled [class*=" fa-"] { opacity: 0.5; }
.pagination-color li a { background: #fff; border: none !important; color: #000; display: inline-block; margin-right: 1px; }
.pagination-color li a:hover { background: #fec42e; color: #fff; cursor: pointer; }
.pagination-color li:first-child a { border: none !important; }
.pagination-color li.disabled a { background: #fff; filter: alpha(opacity=30); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; -moz-opacity: 0.3; -khtml-opacity: 0.3; opacity: 0.3; }
.pagination-color li.disabled a:hover, .pagination-color li.disabled a:focus { background: white; filter: alpha(opacity=30); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; -moz-opacity: 0.3; -khtml-opacity: 0.3; opacity: 0.3; cursor: default !important; }
.pagination-color li.active a { background: #e3b74c !important; border: none !important; color: white !important; cursor: default !important; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }
.pagination-color li [class^="fa-"], .pagination-color li [class*=" fa-"] { color: #000; }

/*食專欄food-Column/食科學food-Science/食品雲food-Cloud/食生活food-Life*/
.food-Life .pagination-color li.active a, .food-Life .pagination-color li a:hover { background: #e3b74c !important; }
.food-Column .pagination-color li.active a, .food-Column .pagination-color li a:hover { background: #e6b3a2 !important; }
.food-Science .pagination-color li.active a, .food-Science .pagination-color li a:hover { background: #4ccaa5 !important; }
.food-Cloud .pagination-color li.active a, .food-Cloud .pagination-color li a:hover { background: #9d948b !important; }

/* ==========================================================================
背景色
 ========================================================================== */
.bg-Science { background-color: #e0efec; padding-top: 40px; }
.fatherpage .topic-wrap.bg-Science { margin-top: 0 !important; }
.bg-Science .entry-title h1 { background-color: transparent; }
.bg-angle { margin-bottom: 120px; position: relative; z-index: 3; }
.bg-angle:after { height: 120px; content: ""; position: absolute; bottom: -120px; display: block; width: 100%; background: url(../img/bg/bg_footer_angle.png) no-repeat; background-size: 100%; }

/* ==========================================================================
訂閱電子報
 ========================================================================== */
.MemberWidget { background: url(../img/bg/bg_footer_mem.png) no-repeat center top; background-size: cover; padding: 30px 0; text-align: center; }
.MemberWidget .row { margin-right: 0px; margin-left: 0px; }
.MemberWidget .col-md-12 { padding-right: 0px; padding-left: 0px; }
.Member-Entry .mem-label { text-align: right; display: inline-block; font-size: 28px; font-weight: 600; font-family: "Didot", "細明體", "Times New Roman", "Microsoft JhengHei", Times, Serif; white-space: nowrap; }
.Member-Entry .form-control { }
.Member-Entry .btn { padding: 10px 30px; }

/* ==========================================================================
Footer
 ========================================================================== */
.Footer-Entry { background: url(../img/bg/bg_footer.png) no-repeat center top; background-size: cover; padding: 20px 0 0px 0; text-align: center; min-height: 60px; color: #d2d2d2; position: relative; }
.Footer-Entry .row { margin-right: 0px; margin-left: 0px; }
.Footer-Entry .col-md-12 { padding-right: 0px; padding-left: 0px; }
.footer-sitemap { margin-bottom: 30px; }
.footer-sitemap ul { margin: 0; padding: 0; list-style: none; display: inline-block; }
.footer-sitemap ul li { display: block; margin-left: 15px; margin-right: 15px; float: left; margin-bottom: 7px; }
.footer-sitemap ul li h3 { font-size: 18px; color: #fff; padding-bottom: 15px; border-bottom: 1px solid #313131; }
.footer-sitemap ul li ul li { display: block; margin-left: 15px; margin-right: 15px; float: none; text-align: left; }
.footer-sitemap ul li a { color: #fff; }
.footer-sitemap ul li h3, .footer-sitemap li ul li a { color: #fff; }
.Footer-Entry .footer-sitemap { }
.Footer-Entry .copy { float: right; width: 260px; color: #797979; }
.footer-link ul li { display: inline-block; float: left; text-align: left; }
.footer-link ul li a { color: #fff; padding: 10px 15px; }
.sitemap { margin-bottom: 30px; }
.sitemap ul { margin: 0; padding: 0; list-style: none; display: inline-block; }
.sitemap ul li { display: block; margin-left: 15px; margin-right: 15px; float: left; margin-bottom: 7px; }
.sitemap ul li h3 { font-size: 18px; padding-bottom: 15px; border-bottom: 1px solid #313131; }
.sitemap ul li ul li { display: block; margin-left: 15px; margin-right: 15px; float: none; text-align: left; }
.sitemap ul li a { border: none; color: #333; }
@media screen and (max-width:480px) {
    .sitemap > ul >li { width: 40%; min-height: 200px; margin-left: 10px; margin-right: 10px; }
}

/* ==========================================================================
bootstrap customization
 ========================================================================== */
ul { margin: 0; padding: 0; }
ul li { margin: 0; }
.dropdown-menu { border-radius: 0px; padding: 0px 0px; }
.dropdown-menu>li>a:hover { background: #000; color: #fff; }
p { line-height: 1.4em; }
.btn-video { color: #fff; width: 70px; height: 70px; line-height: 70px; text-align: center; display: inline-block; border: 2px solid #fff; border-radius: 50%; position: absolute; z-index: 9; top: 90%; left: 48%; font-size: 0; background-color: rgba(0, 0, 0, .4); }
.btn-video:before { font: 25px iconfont; content: "\e647"; margin-left: 3px; }
.btn-Life-line { border: 1px solid #c5b786; color: #837247; }
.btn-Life-line:hover { background-color: #c9b88d; color: #fff; }
.btn-Life { border: 1px solid #fbe9bb; color: #000; background: #fbe9bb; box-shadow: 3px 3px 0 0 #c9b88d; -webkit-box-shadow: 3px 3px 0 0 #c9b88d; }
.btn-Life:hover { background-color: #c9b88d; color: #fff; }
.btn-Column-line { border: 1px solid #aa8a7f; color: #c9b88d; }
.btn-Column-line:hover { background-color: #aa8a7f; color: #fff; }
.btn-Column { border: 1px solid #f2cdbd; color: #000; background: #f2cdbd; box-shadow: 3px 3px 0 0 #aa8a7f; -webkit-box-shadow: 3px 3px 0 0 #aa8a7f; }
.btn-Column:hover { background-color: #aa8a7f; color: #fff; }
.btn-Science-line { border: 1px solid #476259; color: #c9b88d; }
.btn-Science-line:hover { background-color: #476259; color: #fff; }
.btn-Science { border: 1px solid #a5d1c4; color: #000; background: #a5d1c4; box-shadow: 3px 3px 0 0 #476259; -webkit-box-shadow: 3px 3px 0 0 #476259; }
.btn-Science:hover { background-color: #476259; color: #fff; }
.btn-Cloud-line { border: 1px solid #7b746e; color: #c9b88d; }
.btn-Cloud-line:hover { background-color: #7b746e; color: #fff; }
.btn-Cloud { border: 1px solid #dfdcd7; color: #000; background: #dfdcd7; box-shadow: 3px 3px 0 0 #7b746e; -webkit-box-shadow: 3px 3px 0 0 #7b746e; }
.btn-Cloud:hover { background-color: #7b746e; color: #fff; }

/**/
.form-control { background: #fff; border: 1px solid #b8b8b8; border-radius: 0; font-size: 14px; padding: 0px 5px; color: #666; }
.input-mini { width: 100px !important; vertical-align: middle; }
.inlinebox { display: inline-block !important; }
.inlinebox .form-control { width: auto; display: inline-block !important; vertical-align: top; }
.address { width: 100% !important; }
.action-btn { border-top: 1px solid #ddd !important; padding-top: 0px !important; }
.action-btn .btn { padding-left: 40px; padding-right: 40px; }

/**/
.well { min-height: 20px; padding: 19px; margin-bottom: 20px; background-color: #f5f5f5; border: 1px solid #e3e3e3; border-radius: 0px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05); }
.memberform .badge, .memberform .label { font-size: 14px; }

/* ==========================================================================
bootstrap customization
 ========================================================================== */
.breadcrumblinks { display: none }
.breadcrumb { padding: 12px 0; margin-bottom: 10px !important; list-style: none; background-color: transparent; border-radius: 0; border-bottom: 1px solid #e3e3e3; }
.breadcrumb > li { display: inline-block; }
.breadcrumb > li + li:before { content: none; padding: 0 5px; color: #cccccc; }
.breadcrumb > .active { color: #777777; }
.breadcrumb li { font-size: 10px; color: #cbcbcb }
.breadcrumb li a { font: normal 10px/14px "Open Sans", "Microsoft JhengHei", Arial, Helvetica, sans-serif; color: #1f1f1f; text-transform: uppercase }

/* ==========================================================================
owl-Slider
 ========================================================================== */
.owl-theme .owl-controls .owl-buttons .owl-prev { left: -70px; opacity: .9; background: #eee; }
.owl-theme .owl-controls .owl-buttons .owl-next { right: -70px; opacity: .9; background: #eee; }
@media (max-width:1200px) {
    .AD-Entry .container .entry-body .owl-theme .owl-controls .owl-buttons .owl-prev { left: 10px !important; }
    .AD-Entry .container .entry-body .owl-theme .owl-controls .owl-buttons .owl-next { right: 10px !important; }
    .AD-Entry .container .entry-body .owl-theme .owl-controls .owl-buttons { margin-top: -40px; }
}

/* ==========================================================================
media queries
 ========================================================================== */
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { padding-right: 10px; padding-left: 10px; }
.row { margin-right: -10px; margin-left: -10px; }

/* ==========================================================================
Modal
 ========================================================================== */
.modal-open .modal { padding-left: 0px !important; padding-right: 0px !important; overflow-y: scroll; }
.modal-body { position: relative; background: #fff; }
#showModal.modal .modal-body { max-height: 100%; height: 300px; }
#showModal.modal .modal-footer { display: none; }
button.close { padding: 0; cursor: pointer; background: 0 0; border: 0; -webkit-appearance: none; position: absolute; top: -30px; right: -40px; opacity: 1; }
button.close i { color: #fff; font-size: 2em; }
.mfp-iframe-holder .mfp-content { top: -10%; }
.modal-sm { max-width: 500px !important; }

/*水果*/
#modal-box { }
.modal-fruit { width: 1000px; }
#modal-box .modal .modal-body { max-height: 100%; height: 400px; position: relative; padding: 0px 30% 20px 30px; background-color: rgba(0, 0, 0, .2); color: #fff; font-size: 1.1em; }
#modal-box .modal .modal-dialog p { line-height: 1.8em; }
#modal-box .modal .modal-body .content { max-height: 380px; padding-right: 30px; }
#modal-box .modal-header { border-bottom: 0px solid #cfd9db; background-color: rgba(0, 0, 0, .2); }
#modal-box button.close { padding: 0; cursor: pointer; background-color: rgba(255, 255, 255, .6); width: 45px; height: 45px; line-height: 45px; border-radius: 50%; border: 0; -webkit-appearance: none; position: absolute; top: 30px; right: 30px; opacity: 1; font-size: 35px; }
#modal-box .modal-fruit h4 { font-size: 35px; color: #fff; padding: 20px 10px; }

/* ==========================================================================
多層次選單
 ========================================================================== */

/*cht-accordion-menu*/

.ky-accordion-menu, .ky-accordion-menu * { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; outline: 0 }
.ky-accordion-menu { float: left; position: relative; }
.ky-accordion-menu .ky-accordion-menu-footer, .ky-accordion-menu .ky-accordion-menu-header { width: 100%; height: 50px; padding-left: 22px; float: left; line-height: 50px; font-weight: 600; color: #f0f0f0; background: #414956 }
.ky-accordion-menu ul { margin: 0; padding: 0; list-style: none }
.ky-accordion-menu ul li { width: 100%; display: block; float: left; position: relative; margin-bottom: 0; font-size: 16px; }
.ky-accordion-menu ul li a { width: 100%; padding: 5px 25px; float: left; text-decoration: none; color: #f0f0f0; font-size: 16px; background: #414956; white-space: nowrap; position: relative; overflow: hidden; -o-transition: color .2s linear, background .2s linear; -moz-transition: color .2s linear, background .2s linear; -webkit-transition: color .2s linear, background .2s linear; transition: color .2s linear, background .2s linear }
.ky-accordion-menu>ul>li.active>a, .ky-accordion-menu>ul>li:hover>a { color: #fff; background: #3b424d !important; }
.ky-accordion-menu>ul>li>a { }
.ky-accordion-menu ul li a i { width: 23px; float: left; line-height: 36px; font-size: 16px; text-align: left }
.ky-accordion-menu .submenu-indicator { float: right; right: 10px; position: absolute; line-height: 40px; font-size: 50px; -o-transition: transform .3s linear; -moz-transition: transform .3s linear; -webkit-transition: transform .3s linear; -ms-transition: transform .3s linear; width: 55px; height: 40px; cursor: pointer; text-align: center; color: #000; }
.ky-accordion-menu .submenu-indicator-minus:before>.submenu-indicator, .ky-accordion-menu .submenu-indicator.active { -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); font-size: 55px; width: 55px; padding-left: 8px; }
.ky-accordion-menu>ul>li.active>a, .ky-accordion-menu>ul>li:hover>.submenu-indicator, .ky-accordion-menu li li>.submenu-indicator { color: #fff; }
.ky-accordion-menu li li>.submenu-indicator { line-height: 35px; }
.ky-accordion-menu ul ul.submenu, .ky-accordion-menu ul ul.submenu li ul.submenu { width: 100%; display: none; position: static }
.ky-accordion-menu ul ul.submenu li { clear: both; width: 100%; border-bottom: 1px solid #4f4f4f; }
.ky-accordion-menu ul ul.submenu li a { width: 100%; float: left; font-size: 15px; background: #383838; border-top: none; position: relative; border-left: solid 6px transparent; -o-transition: border .2s linear; -moz-transition: border .2s linear; -webkit-transition: border .2s linear; transition: border .2s linear }
.ky-accordion-menu ul ul.submenu li:hover>a { border-left-color: #414956 }
.ky-accordion-menu ul ul.submenu>li>a { padding-left: 40px }
.ky-accordion-menu ul ul.submenu>li>ul.submenu>li>a { padding-left: 60px }
.ky-accordion-menu ul ul.submenu>li>ul.submenu>li>ul.submenu>li>a { padding-left: 80px }
.ky-accordion-menu ul ul.submenu>li>ul.submenu>li>ul.submenu>li>ul.submenu>li>a { padding-left: 100px }
.ky-accordion-menu ul ul.submenu>li>ul.submenu>li>ul.submenu>li>ul.submenu>li>ul.submenu>li>a { padding-left: 120px }
.ky-accordion-menu ul ul.submenu>li>ul.submenu>li>ul.submenu>li>ul.submenu>li>ul.submenu>li>ul.submenu>li>a { padding-left: 140px }
.ky-accordion-menu ul li .ky-accordion-menu-label, .ky-accordion-menu ul ul.submenu li .ky-accordion-menu-label { min-width: 20px; padding: 1px 2px 1px 1px; position: absolute; right: 18px; top: 14px; font-size: 11px; font-weight: 800; color: #555; text-align: center; line-height: 18px; background: #f0f0f0; color: #555; border-radius: 100% }
.ky-accordion-menu ul ul.submenu li .ky-accordion-menu-label { top: 12px }

/*
.ink { display: block; position: absolute; background: rgba(255, 255, 255, .3); border-radius: 100%; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0) }
.animate-ink { -webkit-animation: ripple .5s linear; -moz-animation: ripple .5s linear; -ms-animation: ripple .5s linear; -o-animation: ripple .5s linear; animation: ripple .5s linear }
@-webkit-keyframes ripple {
100% { opacity: 0; -webkit-transform: scale(2.5) }
}
@-moz-keyframes ripple {
100% { opacity: 0; -moz-transform: scale(2.5) }
}
@-o-keyframes ripple {
100% { opacity: 0; -o-transform: scale(2.5) }
}
@keyframes ripple {
100% { opacity: 0; transform: scale(2.5) }
}
*/
.marrow { display: none; }

/*White*/
.ky-accordion-menu .ky-accordion-menu-footer, .ky-accordion-menu .ky-accordion-menu-header, .ky-accordion-menu ul li a { background: #fff; color: #555; }
.ky-accordion-menu>ul>li.active>a, .ky-accordion-menu>ul>li:hover>a { background: #f0f0f0 }
.ky-accordion-menu>ul>li>a { border-bottom-color: #f0f0f0 }
.ky-accordion-menu ul ul.submenu li:hover>a { border-left-color: #428bca }
.ky-accordion-menu ul ul.submenu li a { color: #f0f0f0 }
.ky-accordion-menu>ul>li>a>.ink { background: rgba(0, 0, 0, .1) }

/*徽章等級*/
.award-tag { vertical-align: text-top; margin: 0 5px 0 0; display: inline-block; width: 25px; height: 25px; background-image: url("../img/award_tag.png"); background-repeat: no-repeat; }
.award-tag.award-1 { background-position: 0 0; }
.award-tag.award-2 { background-position: -25px 0; }
.award-tag.award-3 { background-position: -50px 0; }
.award-tag.award-4 { background-position: -75px 0; }
.award-tag.award-5 { background-position: -100px 0; }
.award-tag.award-6 { background-position: -125px 0; }
.ky-accordion-menu .award-tag { width: 25px; height: 25px; vertical-align: text-bottom; margin: 5px 5px 0 0; }

/*會員大頭照設定區樣式*/
.user-pic-set { position: relative; min-height: 80px; overflow: hidden; }
.user-pic-set img { width: 100px; z-index: 0; }
.user-pic-set a { font-size: 0; }
.user-pic-set i { font-size: 18px; margin: 0 5px; display: inline-block; vertical-align: sub; color: #999; }
.user-pic-set a span { background: none; width: 100%; position: absolute; z-index: 10; left: 0; bottom: 0; }
.user-pic-set a:hover span { font-size: 13px; color: #fff; background: rgba(0, 0, 0, 0.5); }
.user-pic-set a:hover span i { font-size: 15px; position: relative; }
.moreBtn { margin: 0 0 20px 0; display: block; }
.avatar { float: left; display: inline-block; width: 70px; height: 70px; position: relative; text-align: left; }
.mem-file { position: absolute; font-family: "Open Sans", "Microsoft JhengHei", Arial, Helvetica, sans-serif; white-space: nowrap; padding: 3px; opacity: 1; left: 85px; top: 40px; z-index: 9999; cursor: pointer; font-size: 12px; }
.avatar:hover > .mem-file { opacity: 1; -webkit-transition-delay: 250ms; }
#openModal > span { font-size: 13px; top: 10px; position: absolute; left: 50%; white-space: nowrap; color: rgba(0, 0, 0, 0.7); }

/*內容頁 - 列表樣式*/

/*列點列表*/

.list-dot { list-style: none; margin: 10px 0; padding: 0; }
.list-dot li { margin: 0 0 15px 20px; padding: 0; line-height: 1.5em; }
.list-dot li:before { content: "●"; font-size: 8px; color: #a5d1c4; margin: 0 0 0 -15px; width: 15px; display: inline-block; }

/*講者介紹*/
.speaker-group { border: none; }
.speaker-group .panel { margin: 0 0 30px 0; }
.speaker-group .panel .panel-heading { padding: 0; }
.speaker-group .panel-collapse { margin: -20px 0 0 0; position: relative; background: #ad8b7f; }
.speaker-group .panel-collapse:before { content: ""; display: block; position: absolute; top: -20px; right: 0; width: 0; height: 0; border-style: solid; border-width: 0 0 20px 20px; border-color: transparent transparent #ad8b7f transparent; }
.speaker-group .panel, .speaker-group .panel-heading { border: none; background: none; }
.speaker-group .panel-heading a { display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-bottom: solid #eeeeee 40px; position: relative; height: 120px; }
.speaker-group .panel-heading a:after { content: ""; display: block; clear: both; height: 0; }
.speaker-group .panel-heading a.collapsed { border: none; }
.speaker-group .panel-heading img { width: 120px; border-radius: 50%; float: left; border: none; margin: 0; }
.speaker-group .panel-heading h3 { font-weight: bold; margin: 0; width: 50%; float: left; font-size: 18px; padding: 0 0 0 10px; }
.speaker-group .panel-heading h3 em { margin: 0 0 5px 0; color: #ad8b7f; font-size: 13px; display: block; font-style: normal; }
.speaker-group .panel-heading h3 small { margin: 5px 0 0px 0; color: #777; font-size: 15px; display: block; }
.speaker-group.panel-group .panel-heading+.panel-collapse .panel-body { color: #fff; font-size: 15px; border: none; }
.speaker-group p { line-height: 1.8em; }
@media screen and(max-width:1024px) {
    .speaker-group .panel-heading h3 { width: 40%; overflow: hidden; }
}

/*活動報名列表*/
.Event-latest { margin: 30px 0 0 0; }
.Event-latest h3 { z-index: 0; height: 70px; overflow: visible; font-size: 18px; line-height: 1.5em; text-align: left; padding: 0 100px 20px 60px; position: relative; border-bottom: solid #000 10px; }
.Event-latest h3 a { display: block; }
.Event-latest h3 em { position: absolute; left: 0; background: #7b746e; padding: 0px 10px; display: inline-block; font-style: normal; color: #fff; font-size: 15px; }
.Event-latest h3 small { position: absolute; right: 0; font-size: 44px; }
.Event-latest h3:before { content: ""; display: block; position: absolute; bottom: -10px; right: 0; z-index: 20; width: 0; height: 0; border-style: solid; border-width: 10px 0 0 10px; border-color: #fff transparent transparent transparent; }

/*過往活動列表*/
.Event-listfilter { }
.Event-listfilter .tab-entry { margin: 0 0 50px 0; }
.Event-listfilter .tab-entry button.active { background: #7b746e; border-color: #333; }
.Event-listfilter .illustrated { height: 200px; }
.Event-listfilter .ContentContainer { height: 80px; text-align: left; border-bottom: solid #000 10px; position: relative; padding: 20px 0 0 0; margin: 0 0 100px 0; }
.Event-listfilter .ContentContainer h3 { font-size: 18px; font-weight: bold; text-overflow: clip;    /*如果有很長的句子，會被截斷*/ text-overflow: ellipsis; overflow: hidden; white-space: nowrap; margin: 0 100px 10px 0; }
.Event-listfilter .ContentContainer small { position: absolute; right: 0; top: 0; font-family: "Didot", "細明體", "Times New Roman", "Microsoft JhengHei", Times, Serif; font-size: 40px; float: right; margin: 0; }
.Event-listfilter .ContentContainer:before { content: ""; display: block; position: absolute; bottom: -10px; right: 0; z-index: 10; width: 0; height: 0; border-style: solid; border-width: 10px 0 0 10px; border-color: #fff transparent transparent transparent; }
.Event-listfilter .review-tool { margin: 0 0 10px 0; }
.Event-listfilter .review-tool ul { padding: 0 100px 0 0; }
@media (max-width:1200px) {
    .Event-listfilter .illustrated { height: 150px; }
}
@media (max-width:768px) {
    .Event-listfilter .illustrated { height: 120px; }
}
@media (max-width:767px) {
    .Event-listfilter .illustrated { height: 350px; }
    .food-tv-video-box .food-tv-video-tools { width: 100%; }
    .food-tv-video-box .food-tv-video-tools .widget-back .btnback h4 { text-align: center; }
}
@media (max-width:640px) {
    .Event-listfilter .illustrated { height: 300px; }
}
@media (max-width:480px) {
    .Event-listfilter .illustrated { height: 220px; }
}
@media (max-width:414px) {
    .Event-listfilter .illustrated { height: 180px; }
}
@media (max-width:320px) {
    .Event-listfilter .illustrated { height: 130px; }
}
.food-experience .homeSlider li { height: auto; }
.food-experience .homeSlider .slideText .slDetail { width: 100%; margin: 220px auto 0 auto !important; text-align: center; }
.food-experience .homeSlider .slideText .slDetail img { margin: 0 auto; }
.food-experience .bx-controls { width: 1080px; position: relative; margin: 0 auto; top: -270px; }
.food-experience .CateImg { width: 1244px; display: block; position: relative; left: inherit; top: 180px; margin: 0 auto; text-align: right; }
.food-experience .CateImg img { z-index: 9; position: absolute; right: 0; left: inherit; width: auto; }
@media (max-width:1270px) {
    .food-experience .CateImg { width: 100%; }
}
@media (max-width:1024px) {
    .food-experience .homeSlider .slideText .slDetail img { width: 90%; }
    .food-experience .bx-controls { width: 100%; top: -250px; z-index: 99; }
}
@media (max-width:768px) {
    .food-experience .CateImg img { width: 160px; }
    .food-experience .CateImg { top: 80px; }
    .food-experience .homeSlider .slideText .slDetail { margin: 120px auto 0 auto !important; }
    .food-experience .bx-controls { top: -180px; z-index: 99; }
    .Event-latest h3 { height: 100px; }
}
@media (min-width:768px) {

    /* .food-tv-hp-tab */
    .food-tv-hp-tab { padding: 15px 0 40px; }
    .food-tv-hp-tab>.navbar { border-radius: 0; border: 0; }
    .food-tv-hp-tab .navbar-nav { width: 100%; border: 0; position: relative; }
    .food-tv-hp-tab .navbar-nav>li { width: 20%; }
    .food-tv-hp-tab .navbar-nav>li>a { background-color: #ccc; border: 6px solid #ccc; border-width: 6px 6px 0; }
    .food-tv-hp-tab .navbar-nav>li.open>a { background-color: #fff; }
    .food-tv-hp-tab .navbar-nav>.open>a:hover, .food-tv-hp-tab .navbar-nav>.open>a:focus { border-color: #bbb; }
    .food-tv-hp-tab .navbar-nav li.open>.dropdown-menu { display: table; border: 0; min-width: 500%; box-shadow: none; }
    .food-tv-hp-tab .navbar-nav>li:nth-child(2)>.dropdown-menu { left: -100%; }
    .food-tv-hp-tab .navbar-nav>li:nth-child(3)>.dropdown-menu { left: -200%; }
    .food-tv-hp-tab .navbar-nav>li:nth-child(4)>.dropdown-menu { left: -300%; }
    .food-tv-hp-tab .navbar-nav>li:nth-child(5)>.dropdown-menu { left: -400%; }
    .food-tv-hp-tab .navbar-collapse { padding: 0; }
    .food-tv-hp-tab .navbar-nav li.open>.dropdown-menu>li { display: table-cell; }
    .food-tv-hp-tab .navbar-nav li.open>.dropdown-menu>li>a { display: block; font-size: 13px; text-align: center; padding: 15px 12px 10px !important; border-bottom: 5px solid #fff; }
    .food-tv-hp-tab .navbar-nav>li:nth-child(1)>.dropdown-menu>li.active>a { border-color: #a5d1c4; }
    .food-tv-hp-tab .navbar-nav>li:nth-child(2)>.dropdown-menu>li.active>a { border-color: #c6b889; }
    .food-tv-hp-tab .navbar-nav>li:nth-child(3)>.dropdown-menu>li.active>a { border-color: #7b746e; }
    .food-tv-hp-tab .navbar-nav>li:nth-child(4)>.dropdown-menu>li.active>a { border-color: #456258; }
    .food-tv-hp-tab .navbar-nav>li:nth-child(5)>.dropdown-menu>li.active>a { border-color: #624560; }
}
@media (max-width:767px) {
    .food-experience .CateImg img { width: 120px; }
    .food-experience .bx-controls { top: -150px; }
    .Event-latest h3 { height: auto; }

    /* food-tv */
    .food-tv .header .logo { left: 300%; background-size: 70% !important; background-position: 65% !important; }
    .food-tv .article-list { padding: 18px 8px; margin: 0; }

    /* card-slider */
    .card-slider .item:hover>.ContentContainer, .card-slider .item:focus>.ContentContainer { padding: 20px 45px; }
    .card-slider .owl-theme .owl-controls .owl-buttons { left: -10px; right: -10px; }

    /* .food-tv-hp-tab */
    .food-tv-hp-tab { }
    .food-tv-hp-tab>.navbar { border-radius: 0; border: 0; }
    .food-tv-hp-tab .navbar-nav { margin: 0 -15px; }
    .food-tv-hp-tab .navbar-nav>li a { text-align: left; border-bottom: 1px solid #ddd; }
    .food-tv-hp-tab .navbar-nav li.open>.dropdown-menu { background-color: #eee; }
    .food-tv-hp-tab .navbar-nav li.open>.dropdown-menu>li>a { padding: 10px 20px 10px 30px !important; }
    .food-tv-hp-tab .navbar-nav li.open>.dropdown-menu>li>a:before { content: '\e080'; position: relative; top: 1px; display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; margin: 0 5px 0 -10px; color: #999; }
    .food-tv-hp-tab .navbar-nav li.open>.dropdown-menu>li.active>a { background-color: #ccc; }
}
@media (max-width:600px) {
    .food-experience .homeSlider.whiteBorder .slideBodyContainer { height: 400px !important; }
    .food-experience .bx-controls { top: -100px; }
    .Event-latest h3 { height: auto; }
}
@media (max-width:470px) {
    .food-experience .homeSlider.whiteBorder .slideBodyContainer { height: 300px !important; }
    .food-experience .bx-controls { top: -50px; }
}

/*food-map 食地圖*/
.food-map .fixedHeader .nav-item { background: url(../img/menu.png) no-repeat center center; }
.food-map .fixedHeader { background: #000; z-index: 999; }
.food-map .top-channel { display: block; }
.food-map .header-set { height: 77px; background: #000000; }
.food-map .header .logo { margin: 5px 0 0 50px; background: url("../img/logo_s.png") no-repeat center 0; background-size: 100%; width: 220px; height: 50px; }
.food-map .col-container { width: 50%; float: right; box-shadow: -3px 0 10px rgba(0, 0, 0, 0.1); }
.food-map .col-map, .food-map .col-container { margin: 0; padding: 0; height: 800px; }
.food-map .header .container { width: 100%; }
.food-map .page-wrap .row { margin: 0; }
.map-header { color: #fff; height: 50%; display: block; overflow: hidden; position: relative; margin: 0; padding: 0; top: 0; }
.map-header .pic { background: none; z-index: -10; position: absolute; top: 0; vertical-align: top; width: 100%; }
.map-header .pic:before { content: ""; position: absolute; top: 0; display: block; width: 100%; height: 100%; z-index: 10; background: url("../img/map_mask.png") no-repeat; background-size: 100% 100%; }
.map-header .pic img { width: 100%; height: auto; vertical-align: top; }
.map-header h2 { position: relative; font-weight: bold; z-index: 0; color: #fff; line-height: 1.3em; font-size: 36px; font-family: "細明體"; margin: 40px 20px 20px 40px; display: table; width: 90%; text-align: left; }
.map-header h2 div { display: table-row; }
.map-header h2 span { display: table-cell; padding: 0 15px 0 0; width: 1px; overflow: hidden; white-space: nowrap; text-overflow: clip; text-overflow: ellipsis; }
.map-header h2 em { display: table-cell; background: url(../img/map_headerline.png) no-repeat left 20px; }
.map-header h2:before { z-index: 99; content: ""; position: absolute; right: 0; top: 20px; margin: 0; height: 500px; width: 8px; display: block; background: #fff; }
.map-header .content { font-size: 15px; width: 45%; display: block; margin: 0 0 0 40px; height: 100%; }
.map-header .content .slimscroll { max-height: 220px; margin: 0 15px 0 0; }
.food-map .header .map-sidebar { margin: 0; }
.food-map .header .map-sidebar li { margin: 0; }
.food-map .header .map-sidebar li a { color: #fff; height: 78px; display: inline-block; padding: 15px 25px 0 25px; margin: 0; font-size: 15px; line-height: 40px; font-family: "細明體"; font-weight: bold; }
.food-map .header .map-sidebar li a * { display: block; text-align: center; }
.food-map .header .map-sidebar li a i { font-size: 24px; }
.food-map .header .map-sidebar li a.collapsed { color: #fff; }
.food-map .header .map-sidebar li a.active { border-bottom: #fff solid 5px; }
.food-map .header .map-sidebar li a:hover, .food-map .header .map-sidebar li a.in { border-bottom: #456258 solid 5px; }
.food-map .header .map-sidebar li:last-child a { color: #6fb744; border: none; }
.food-map .header .map-sidebar li:last-child a:hover { border-bottom: #6fb744 solid 5px; }
.toggle-map-sidebar { display: none; background: #000; }
.showing-map-sidebar .overlay { display: block !important; }
.showing-map-sidebar .header-set .logo { display: none; }
.showing-map-sidebar .header-set, .showing-map-sidebar .main_cover, .showing-map-sidebar .page-wrap, .showing-map-sidebar .footer-wrap, .showing-map-sidebar .overlay, .showing-map-sidebar.food-map .share-sidebar, .showing-map-sidebar .fixedHeader { margin-right: 40%; }
.showing-map-sidebar .overlay { width: 60%; }
.map-sidebar a { }
.tab-content.map-tab-content ul { padding: 15px; border-bottom: #324a41 solid 8px; }
.tab-content.map-tab-content ul.list-inline { margin: 0; }
.tab-content.map-tab-content { position: relative; font-size: 18px; font-weight: bold; right: 0; border: none; background: #456258; width: 100%; color: #fff; padding: 0px; z-index: 102; }
.tab-content.map-tab-content input.form-control, .tab-content.map-tab-content select { color: #fff; font-size: 18px; font-weight: normal; border: #fff solid 1px; padding: 5px 15px; margin-right: 20px; background: none; }
.tab-content.map-tab-content input.form-control { width: 150px; }
.tab-content.map-tab-content ul li { white-space: nowrap; margin-bottom: 10px; border: none; position: none; }
.tab-content.map-tab-content ul li * { display: inline-block; }
body.hiden-map-body .col-map { width: 100%; }
body.hiden-map-body .col-container { display: none; }
body.hiden-map-body .Btn_sidebar_collapse i { transform: rotate(180deg); }
.map-list { margin: 0 21px 0 40px; width: 90%; overflow: hidden; padding: 0; margin-top: 0; position: relative; top: -40px; z-index: 0; }
.map-list:before { z-index: 99; content: ""; position: absolute; right: 0; top: 40px; height: 550px; width: 8px; display: block; background: #000; }
.map-list .slimscroll { height: 400px; }
.map-list ul { margin-bottom: 70px; }
.map-list ul li { list-style: none; position: relative; display: inline-block; width: 30%; text-align: center; overflow: visible; margin: 15px 5px; }
.map-list ul li span { position: absolute; z-index: 10; width: 100%; top: -10px; text-align: center; }
.map-list ul li span h4 { max-width: 80%; margin: 0 auto; display: inline-block; color: #fff; padding: 5px 10px; background: #456258; box-shadow: 3px 3px 0 #a4cdc3; white-space: nowrap; overflow: hidden; text-overflow: clip; text-overflow: ellipsis; }
.map-list ul li img { -webkit-filter: brightness(.5); position: relative; z-index: -10; width: 100%; height: auto; }
.map-list ul li a { display: block; }
.map-list ul li a:hover img { -webkit-filter: brightness(1); }
.map-topic-list { top: 0; height: 100%; margin-top: 30px; }
.map-topic-list .slimscroll { height: 800px; }
.map-list.map-topic-list:before { display: none; }

/*分享與開合按鈕*/
.food-map .share-sidebar { position: absolute; right: 0; top: 60px; }
.food-map .share-sidebar ul.article-fbs-sharing { list-style: none; box-shadow: -2px 0 10px rgba(0, 0, 0, 0.2); }
.food-map .share-sidebar ul.article-fbs-sharing li.Btn_sidebar_collapse { background: #fff; }
.food-map .share-sidebar ul.article-fbs-sharing li.Btn_sidebar_collapse i { color: #ccc; font-size: 15px; }

/*景點介紹詳細頁*/
.map-detail { width: 0; height: 0;    /* transition: width 2s, height 4s;*/ overflow: hidden; }
.showing-map-detail .map-detail { height: 100%; background: #fff; width: 100%; display: block; position: relative; top: 0; left: 0; z-index: 100; }
.showing-map-detail .map-list, .showing-map-detail .map-header { display: none; }
a.toggle-map-detail-back { background: #456258; width: 100%; display: block; color: #fff; padding: 5px 10px; }
.map-detail-head { position: relative; height: 200px; overflow: hidden; }
.map-detail-head .pic img { width: 100%; }
.map-detail-head h3 { position: absolute; left: 20px; bottom: 20px; color: #fff; font-weight: bold; font-size: 30px; text-shadow: 0px 0 10px rgba(0, 0, 0, 0.7); }
.map-detail-body { height: 200px; }
.map-detail-body .map-detail-intro { margin: 20px; }
.map-detail-body .map-detail-intro p { color: #777; font-size: 16px; }
.map-detail-body blockquote { background: none; border-left: #f1f1f1 solid 5px; font-size: 13px; margin: 20px 0; padding: 0 0 0 40px; }
.map-detail-body blockquote ol { margin: 0; }
.map-detail-body blockquote a { color: #3aa89c; }
.map-detail-body blockquote li { word-break: break-all; line-height: 1.2em; padding: 0 0 10px 0; text-indent: -1em; }
.map-detail-body blockquote i { margin: 0 10px 0 0; }
.map-detail-list { background: #f1f1f1; padding: 30px 20px; height: 400px; }
.map-detail-list hr { border-color: #ccc; }
.map-detail-list ol li i { font-size: 13px; color: #777; }
.map-detail-list ol li h4 a { color: #3aa89c; }
@media (max-width:1280px) {
    .food-map .col-map, .food-map .col-container { height: 600px; }
    .map-topic-list .slimscroll { height: 600px; }
    .map-header h2 { margin-top: 20px; }
    .map-header .content .slimscroll { max-height: 150px; }
    .map-detail-head { height: 50px; }
    .map-detail-head h3 { bottom: 10px; margin: 0; }
    .map-detail-body { height: 150px; }
}
@media (max-width:1023px) {
    .food-map .fixedHeader .toggle-map-sidebar { position: absolute; right: 0; top: 20px; z-index: 10; background: #000; padding: 0 5px; }
    .food-map .fixedHeader .toggle-map-sidebar i { color: #fff; }
    .food-map .header .map-sidebar li a.collapsed { color: #777; }
    .map-sidebar { display: none; z-index: 999; }
    .food-map .share-sidebar { position: fixed; bottom: 150px; top: inherit; margin-right: 0; z-index: 101; }
    .food-map .share-sidebar ul.article-fbs-sharing li { display: block; float: none; }
    .food-map .share-sidebar ul.article-fbs-sharing li.Btn_sidebar_collapse { display: none; }
    .toggle-map-sidebar { display: block; position: absolute; right: 0; top: 20px; }
    .toggle-map-sidebar i { font-size: 24px; }
    .showing-map-sidebar .header ul.map-sidebar { background: #fff; margin: 0; width: 40%; position: fixed; white-space: normal; display: block; right: 0; top: 50px; float: none; z-index: 9999; }
    .showing-map-sidebar .header ul.map-sidebar li { float: none; text-align: left; }
    .showing-map-sidebar .header ul.map-sidebar a { border-left: #fff solid 5px; color: #777; line-height: 1.2em; padding: 10px; height: auto; width: 100%; }
    .showing-map-sidebar .header ul.map-sidebar li { border-bottom: #EEE solid 1px; }
    .showing-map-sidebar .header ul.map-sidebar a * { display: inline-block; }
    .showing-map-sidebar .header .map-sidebar li a.active { border-bottom: none; border-left: #000 solid 5px; }
    .showing-map-sidebar .header .map-sidebar li a:hover, .showing-map-sidebar .header .map-sidebar li a.in { border-bottom: none; border-left: #456258 solid 5px; }
    .showing-map-sidebar .header .map-sidebar li:last-child a { border-left: #fff solid 5px; }
    .showing-map-sidebar .header .map-sidebar li:last-child a:hover { border-bottom: none; }
    .food-map .col-map, .food-map .col-container { width: 100%; }
    .map-list .slimscroll { height: auto; }
    .map-list { height: auto; top: 0; }
    .food-map .col-map, .food-map .col-container { height: auto; }
    .food-map .col-map { height: 300px; }
    .map-header .pic { height: 80px; overflow: hidden; }
    .map-header .content { width: 90%; max-height: auto; height: auto; color: #000; margin: 20px auto 0 auto; }
    .map-header .content .slimscroll { height: auto; max-height: none; margin: 0; }
    .map-detail-head { height: 50px; }
    .map-detail-head h3 { bottom: 10px; margin: 0; }
    .map-detail-body, .map-detail-list { height: auto; }
}
@media (max-width:768px) {
    .food-map .fixedHeader .type-submenu .logo { width: 200px; background: url("../img/logo_s.png") no-repeat center 0; background-size: 100%; }
}
@media (max-width:640px) {
    .food-map .col-map { display: none; }
    .map-list ul li { width: 45%; }
    .tab-content.map-tab-content ul li { white-space: normal; }
}
@media (max-width:400px) {
    .map-header h2 span { white-space: normal; width: 90%; }
    .map-header .pic { height: 120px; }
    .map-header .content { width: 80%; }
    .map-list { margin: 0 auto; }
    .map-list:before { display: none; }
    .map-list ul li { width: 85%; margin: 15px auto; display: block; }
}

/*日期選擇器樣式設定*/
.ui-datepicker { width: 17em; padding: 10px; display: none; background: #fff; }
.ui-state-highlight { background: #eee; }
.ui-state-active { background: #456258; color: #fff; }
.ui-state-hover { background: #456258; color: #fff; }
.ui-datepicker .ui-datepicker-header { position: relative; padding: .2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { color: #fff; top: 1px; }
.ui-datepicker .ui-datepicker-prev { left: 2px; }
.ui-datepicker .ui-datepicker-prev:before { content: "\e079"; font-family: 'Glyphicons Halflings'; margin: 0 auto; padding: 2px; display: block; }
.ui-datepicker .ui-datepicker-next:before { content: "\e080"; font-family: 'Glyphicons Halflings'; margin: 0 auto; padding: 2px; display: block; }
.ui-datepicker .ui-datepicker-next { right: 2px; text-align: right; }
.ui-datepicker .ui-datepicker-prev-hover { left: 1px; }
.ui-datepicker .ui-datepicker-next-hover { right: 2px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: none; }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0; }
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 45%; }
.ui-datepicker table { width: 100%; font-size: .9em; border-collapse: collapse; margin: 0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding: 0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width: auto; overflow: visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width: auto; }
.ui-datepicker-multi .ui-datepicker-group { float: left; }
.ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width: 50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width: 25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear: left; }
.ui-datepicker-row-break { clear: both; width: 100%; font-size: 0; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group { float: right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width: 0; border-left-width: 1px; }

/*****************.food-tv 食TV*******************************************/
.food-tv { background: #f1f1f1; }
.food-tv .header-set { background: #312f2f; display: block; height: 77px; }
.food-tv .header-set .container { width: 100%; }
.food-tv .top-channel { display: block; }
.food-tv .header .logo { background: url(../img/logo_tv.png) no-repeat; width: 230px; height: 50px; margin: 5px 0 0 50px; display: inline-block; }
.food-tv .fixedHeader .type-submenu .logo { background: url(../img/logo_tv_black.png) no-repeat; }

/*RWD按鈕*/
.toggle-TV-sidebar { display: none; }
.header ul.TV-sidebar { margin: 10px 0 0 0; }
.header ul.TV-sidebar li * { display: inline-block; }
.header ul.TV-sidebar li a { padding: 10px 20px; line-height: 30px; }
.header ul.TV-sidebar li a:hover, .header ul.TV-sidebar li.active a { background: #000; border-radius: 5px; }
.header.fixedHeader ul.TV-sidebar li a:hover, .header.fixedHeader ul.TV-sidebar li.active a { background: #f1f1f1; border-radius: 5px; }
.header ul.TV-sidebar li a:before { display: inline-block; content: ""; margin: 0 5px 0 0; width: 0; height: 0; border-style: solid; border-width: 0 10px 15px 0; border-color: transparent #a5d1c4 transparent transparent; }
.header ul.TV-sidebar li.channel_science a:before { border-color: transparent #a5d1c4 transparent transparent; }
.header ul.TV-sidebar li.channel_life a:before { border-color: transparent #c6b889 transparent transparent; }
.header ul.TV-sidebar li.channel_lectures a:before { border-color: transparent #7b746e transparent transparent; }
.header ul.TV-sidebar li.channel_map a:before { border-color: transparent #456258 transparent transparent; }
.header ul.TV-sidebar li.channel_film a:before { border-color: transparent #624560 transparent transparent; }

/*大圖輪播*/
.food-tv.fatherpage .homeSlider.whiteBorder .slideBodyContainer { background: none; }
.food-tv .homeSlider .slideText .slDetail { margin-top: 80px !important; }
.food-tv .homeSlider li { width: 100% !important; height: 500px; position: absolute !important; overflow: hidden; }
.food-tv .sliderBgContainer, .food-tv .bx-wrapper, .food-tv .sliderBg, .food-tv .sliderlink, .food-tv .homeSlider .bgBox { height: 500px; }
.food-tv .slDetail .playBtn { font-size: 50px; display: block; }

/*排行榜*/
.food-tv .headline-list li { height: auto; padding: 20px 15px; }
.food-tv .headline-list li:hover { background-color: #fff; }
.food-tv .headline-list li .img-media { float: right; width: 40%; max-height: inherit; position: relative; }
.food-tv .headline-list li .img-media:before { content: "\e029"; color: rgba(255, 255, 255, 0.5); font-size: 30px; font-family: 'Glyphicons Halflings'; position: absolute; top: 50%; left: 50%; margin: -15px 0 0 -15px; }
.food-tv .headline-list li .img-media img { width: 100%; height: auto; }
.food-tv .headline-list li a .txtnum { float: left; }
.food-tv .headline-list li a .media-body { margin: 10px 0 0 30px; display: inline-block; line-height: 18px; width: 42%; }
.food-tv .headline-list li a .media-body em, .food-tv .headline-list li a .media-body .media-heading { display: block; margin: 0; }
.food-tv .headline-list li.Zoomlist { margin: 0; padding: 0; }
.food-tv .headline-list li.Zoomlist .img-media { width: 100%; }
.food-tv .headline-list li.Zoomlist a .media-body { margin: 0; width: 100%; padding: 0 15px; }
.food-tv .headline-list li.Zoomlist .txtnum { background: none; text-align: right; right: 0; left: inherit; }
.food-tv .headline-list li.Zoomlist .txtnum * { position: absolute; z-index: 10; color: #fff; }
.food-tv .headline-list li.Zoomlist .txtnum:before { position: absolute; top: 20px; right: 50px; z-index: 1; }
.food-tv .headline-list li.Zoomlist .img-media:after { position: absolute; top: 0; right: 0; z-index: 0; content: ""; display: block; width: 0; height: 0; border-style: solid; border-width: 0 150px 150px 0; border-color: transparent #f1f1f1 transparent transparent; }

/* 頻道標籤 */
em { font-size: 15px; font-weight: bold; font-style: normal; }
em.channel_science { color: #a5d1c4; }
em.channel_life { color: #c6b889; }
em.channel_lectures { color: #7b746e; }
em.channel_map { color: #456258; }
em.channel_film { color: #624560; }

/*文章樣式*/
.food-tv .topic-wrap .Articlelist-Entry { margin-top: 20px; }
.food-tv .article-list .ContentContainer { margin-top: 0; width: 100%; }
.food-tv .article-list:hover { box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); }
.food-tv .content_slider_wrapper,
.food-tv .content_slider_text_block_wrap,
.food-tv .content_slider_text_block_wrap h3 {
    font-family: "Open Sans", "Microsoft JhengHei", Arial, Helvetica, sans-serif !important;
}
.food-tv .content_slider_text_block_wrap h3{font-weight: 400 !important;}
@media (max-width:1023px) {

    /*食TV右方側邊選單設定*/
    .toggle-TV-sidebar { font-size: 30px; display: block; position: absolute; right: 20px; top: 10px; }
    .showing-nav-sidebar .toggle-TV-sidebar { right: -80px; }
    .TV-sidebar { display: none; }
    .showing-TV-sidebar .nav-item { margin-left: -150px }
    .showing-TV-sidebar .header .logo { left: 0 }
    .showing-TV-sidebar footer, .showing-TV-sidebar .top-channel, .showing-TV-sidebar .toggle-TV-sidebar, .showing-TV-sidebar .overlay { margin-right: 150px; }
    .showing-TV-sidebar .overlay { z-index: 0; width: 100%; height: 100%; display: block !important; }
    .showing-TV-sidebar .header ul.TV-sidebar { float: none; display: block; width: 150px; height: 100%; z-index: 99; background: #000; position: fixed; top: 0; right: 0; margin: 0; }
    .showing-TV-sidebar .header ul.TV-sidebar li { text-align: left; float: none; display: block; width: 100%; margin: 0; }
    .showing-TV-sidebar .header ul.TV-sidebar li a { display: block; padding: 0 10px 0 20px; line-height: 60px; }
    .showing-TV-sidebar .header ul.TV-sidebar li a:hover { background: #222222; color: #ccc; }
}
@media (max-width:370px) {
    .food-tv .header .logo { width: 140px !important; background-size: 100% !important; background-position: 0% !important; margin: 10px 0 0 0px !important; left: 100px !important; }
    .food-tv .header-set { height: 62px; }
}







/*****************.food-offer  食好康 *******************************************/
.food-Offer{}
.food-Offer .toolfb{ float: right; white-space: nowrap; color: #395a9b; vertical-align: middle; margin: 10px 6% 0 0; }
.food-Offer .toolfb iframe{ vertical-align: middle; margin: 0 5px;}
.food-Offer .toolbar{ width: auto;}
.food-Offer .num {
    background-color: rgb(191, 48, 153);
    color: #fff;
    font-size: 9px; display: inline-block; min-width: 20px; height: 20px; line-height: 14px;
    font-weight: 700;
    padding: 3px;
    border-radius: 50%;
    margin: 0 3px;
}
.food-Offer .homeSlider li { height: auto; }
.food-Offer .homeSlider .slideText .slDetail { width: 100%; margin: 220px auto 0 auto !important; text-align: center; }
.food-Offer .homeSlider .slideText .slDetail img { margin: 0 auto; }
.food-Offer .bx-controls { width: 1080px; position: relative; margin: 0 auto; top: -270px; }
.food-Offer .CateImg { width: 1244px; display: block; position: relative; left: inherit; top: 180px; margin: 0 auto; text-align: right; }
.food-Offer .CateImg img { z-index: 9; position: absolute; right: 0; left: inherit; width: auto; }

.Offer-nav{ margin: 30px 0;}
.Offer-nav .nav{ width: 70%; margin: 0 auto; border-left: solid 7px #000; line-height: 30px;
  transform-origin:bottom;
transform:skewX(-20deg);}
.Offer-nav .nav a{ font-size:26px; font-weight: bold;
  font-family: "Didot", "細明體", "Times New Roman", "Microsoft JhengHei", Times, Serif;
   transform-origin:bottom;
transform:skewX(20deg); }
.Offer-nav .nav a:hover{ background: none;}
.Offer-nav .nav a i{ font-size: 18px; color: #ccc;}
.Offer-nav .nav li{ border-right: solid 7px #000;}

.Offer-news{ background: #bf3099; padding: 50px 0;}
.Offer-news h1,.Offer-news h2{ color: #fff;}
.Offer-news .article-list{color: #ffffff; font-size: 18px; width: 33%; height: auto; display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.Offer-news .article-list span{ font-size: 13px; background: rgba(0,0,0,0.3); padding:3px 5px;}
.Offer-news .article-list a{ color: #fff;}
.Offer-news .btn-control a{ cursor: pointer; vertical-align: middle; height: 45px; width: 45px; line-height: 45px; display: inline-block; color: #333333; font-size: 40px; background: rgba(255,255,255,0.3); }
.Offer-news .btn-control a.stop{ font-size: 24px; font-weight: bold;}
.Offer-about{
padding: 100px 0;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f1f1f1+100 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #f1f1f1 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffffff 0%,#f1f1f1 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffffff 0%,#f1f1f1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1f1f1',GradientType=0 ); /* IE6-9 */
}
.Offer-about p.lead{ padding: 20px 20px 0 90px;}
.Offer-about p{text-align: left; font-size: 16px; line-height: 1.8em;}
.Offer-about a.btn{ border: #000  solid 3px; font-size: 16px; font-weight: bold; width: 100%; padding: 15px 0; }
.Offer-about h3{ height: 60px; position: relative; border-bottom: #ccc solid 1px; text-align:left; font-size: 24px; padding: 15px 0;}
.Offer-about h3 mark{ width: 70px; height: 70px; padding: 20px 0; display: table-cell; vertical-align: middle; text-align: center; position: absolute; top:60px; left: 0; background: #7b746e; color: #ffffff; font-weight: bold; font-size: 16px;}
.Offer-about h3 mark:before{ content: ""; display: block;
position: absolute; left: 0; top: 70px;
width: 0;
height: 0;
border-style: solid;
border-width: 20px 35px 0 0;
border-color: #7b746e transparent transparent transparent;}
.Offer-about h3 mark:after{ content: ""; display: block;
position: absolute; right: 0; top: 70px;
width: 0;
height: 0;
border-style: solid;
border-width: 0 35px 20px 0;
border-color: transparent #7b746e transparent transparent;}
.Offer-about h3 small{ font-size: 14px; color: #777;}
@media (max-width:1270px) {
    .food-Offer .CateImg { width: 100%; }
}
@media (max-width:1024px) {
    .food-Offer .homeSlider .slideText .slDetail img { width: 90%; }
    .food-Offer .bx-controls { width: 100%; top: -250px; z-index: 99; }
}
@media (max-width:768px) {

    .food-Offer .CateImg img { width: 160px; }
    .food-Offer .CateImg { top: 80px; }
    .food-Offer .homeSlider .slideText .slDetail { margin: 120px auto 0 auto !important; }
    .food-Offer .bx-controls { top: -180px; z-index: 99; }
    .Offer-news .article-list{ width: 80%;}

    .Offer-nav .nav{ width: 90%;}

}

@media (max-width:767px) {
       .food-Offer .toolfb,.food-Offer .toolbar{ width: 100%; float: none; margin:10px 0;}
    .food-Offer .CateImg img { width: 120px; }
    .food-Offer .bx-controls { top: -150px; }

}
@media (max-width:600px) {
    .food-Offer .homeSlider.whiteBorder .slideBodyContainer { height: 400px !important; }
    .food-Offer .bx-controls { top: -100px; }
}
@media (max-width:470px) {
    .food-Offer .homeSlider.whiteBorder .slideBodyContainer { height: 300px !important; }
    .food-Offer .bx-controls { top: -50px; }

    .Offer-nav .nav{ width: 100%; border-left: 2px solid #000;}
    .Offer-nav .nav a{ font-size: 15px; padding: 0 0 0 10px; }
.Offer-nav .nav li{ border-right: 2px solid #000;}
}



/*列表頁設定*/
.food-Offer .Content-Display .headTitle{ text-align: center;}
.Offer-list .item .article-list{  margin: 10px 10px 10px 0; padding: 10px; display: inline-block;}
.Offer-list .item .article-list a{ display: block;}
/* .Offer-list .item .article-list:nth-child(4n){ margin: 0;} */
.Offer-list .item .article-list:hover{box-shadow:1px 1px 12px 4px rgba(20%,20%,40%,0.1);}

.Offer-list .item .article-list .illustrated{ position:relative;border-bottom: #000000 solid 8px;}
.Offer-list .item .article-list .illustrated:before{ position: absolute; content:""; display: block;
left:0; bottom: -8px;
width: 0;
height: 0;
border-style: solid;
border-width: 8px 0 0 8px;
border-color: transparent transparent transparent #ffffff;}
.Offer-list .item .article-list .illustrated:after{ position: absolute; content:""; display: block;
right:0;bottom: -8px;
width: 0;
height: 0;
border-style: solid;
border-width: 0 0 8px 8px;
border-color: transparent transparent #ffffff transparent;}

.Offer-list .item .article-list .ContentContainer{ margin: 0; padding: 0; background: none; }
.Offer-list .item .article-list .ContentContainer .conDetail{ width: 90%; margin: 0 auto; text-align: left;}
.Offer-list .item .article-list .ContentContainer .conDetail .quote{ color: #bf3099; font-weight: bold; line-height: 20px; margin: 0; padding: 0; height: auto;}
.Offer-list .item .article-list .ContentContainer .conDetail .quote span,.Offer-list .item .article-list .ContentContainer .conDetail .quote em{ font-size: 13px; line-height: 30px; display: inline-block;}
.Offer-list .item .article-list .ContentContainer .conDetail .quote span{  color: #d71518;  }
.Offer-list .item .article-list .ContentContainer .conDetail .quote span:before{  content: ""; display: inline-block; width: 20px; height: 20px; vertical-align: middle; margin-right:3px;  background: url(../img/icon_offer_status.gif) no-repeat left top; }
.Offer-list .item .article-list .ContentContainer .conDetail .quote span.over{color: #777; }
.Offer-list .item .article-list .ContentContainer .conDetail .quote span.over:before{ background: url(../img/icon_offer_status.gif) no-repeat right top; }
.Offer-list .item .article-list .ContentContainer .conDetail .quote em{ float: right; }
.Offer-list .item .article-list .ContentContainer .conDetail h3{ font-size: 18px; font-weight: bold;}


.offer-Introbox img.thumb{margin-bottom:20px;box-shadow:1px 1px 12px 4px rgba(20%,20%,40%,0.1);}
.offer-Introbox h2{ font-size: 33px;}
.offer-Introbox blockquote{ background: none; margin: 10px 0; padding: 0; font-size: 16px; color: #777777; line-height: 1.8em;}
.offer-Introbox em{ color: #bf3099; font-size: 16px; font-weight: bold;}
.offer-Introbox em strong{ font-size: 28px;}
.offer-Introbox select{ border: none; background: #eeeeee;}
.offer-Introbox a.btn{margin: 15px 0 0 0; padding: 20px 0; font-size: 18px; font-weight: bold;}
.offer-Introbox .share-toolbar{ margin: 15px 0 0 0;}
.food-Offer .post-content blockquote.format{ font-size: 18px; margin: 20px 0; padding: 10px 0; text-align: left; background: none; border:none; border-top:#dedede 2px dotted; border-bottom:#dedede 2px dotted;}
.food-Offer .post-content hr{ clear: both; width: 100%; }
.food-Offer .post-content h2{ font-size: 24px; font-weight: 700;}
.food-Offer .post-content h3{ font-size: 20px; font-weight: bold; margin: 15px 0;}
.food-Offer .post-content h3:before{ content: ""; display:inline-block; width: 4px; height: 15px; background: black; margin: 0 10px 0 0; vertical-align: middle;}
.food-Offer .post-content h4{ font-size: 18px; font-weight: bold;}
.food-Offer .post-content h5{  font-size: 18px;font-weight: bold; color: #669999; }
.food-Offer .post-content ul,.food-Offer .post-content ol{ margin: 0 0 0 25px; padding: 0; font-size: 15px; line-height: 1.8em;}
.food-Offer .post-content ul{ list-style-image: url(../img/dot-red.png);}


@media (min-width:1023px) {
  .Offer-list .item .article-list{width: 24%; height: 400px;}
  .Offer-list .item .article-list .ContentContainer{ width: 100%;}

}

@media (max-width:1023px) {
  .Offer-list .item .article-list{width: 40%;}

}

@media (max-width:640px) {
  .Offer-list .item .article-list{width: 90%; height: auto;}
  .Offer-list .item .article-list .illustrated{ width: 30%; float: left;display: inline-block;}
  .Offer-list .item .article-list .ContentContainer{width: 70%; display: inline-block;}

  .food-Offer .post-content pre{  white-space:normal;}
}

@media (max-width:414px) {
 .Offer-list .item .article-list .illustrated{ width: 100%; float: none;}
 .Offer-list .item .article-list .ContentContainer{ width: 100%;}

}