@charset "utf-8";

@media (min-width:1400px) {
    .container { width: 1294px; }
    .Special-Entry .col-sm-4 { padding-left: 20px; padding-right: 20px; }
}
@media (min-width:890px) {
    .showing-nav-sidebar .page-wrap, .showing-nav-sidebar .flow-wrap, .showing-nav-sidebar .footer-wrap,
    .showing-nav-sidebar .overlay { margin-left: 220px; }
}
@media (max-width:1440px) {


    .homepage .SpacetoTop {
    margin-top: -960px;
    }
    .homeSlider .slideText .slDetail {

    margin-top: 520px !important;

    }
    .homepage .homeSlider .slideText .slDetail {

    margin-top: 500px !important;

    }
    .Author-List .article-list h3{
    font-size: 1.5em;
    }
    .Author-List .article-list .bigger {
    font-size: 2em;
    }

    .Author-topic-recom .con-topic h3, .Author-topic-recom .con-topic p {
    white-space: inherit; overflow: inherit;text-overflow: inherit;
    }
    .Author-topic-recom .con-topic p {
    max-height: 60px; overflow: hidden;
    }

}
@media (max-width:1199px) {
    .header .type-nav ul li a { padding: 12px 20px; }
    .type-nav ul.subnav-menu li a { padding: 5px 10px 5px 10px; }
    .type-nav ul.subnav-menu li .subnav-posts a { padding-left: 0; }
    .entry-bg .thumb {
    height: inherit;
    }
    .container {
    width: 100%;
    }
}
@media (max-width:1024px) {
    .nav-sidebar { background: #fff }

    /**/
    .Special-Entry { margin-bottom: 120px; }
    .Special-Entry .entry-body { width: 100%; }
    .Special-Entry .article-list .illustrated .thumb { background: rgba(0, 0, 0, 0); }
    .Special-Entry .entry-body .article-list .ContentContainer { width: 95%; margin: -70px auto 0 auto; padding: 10px 15px; }
    .article-list h3 { font-size: 22px; line-height: 1.3em; }
    .homelife-Entry .col-md-6 .article-list .illustrated .thumb { max-height: 315px; }
    .homelife-Entry .col-md-6 .article-list { height: 315px; max-height: 315px; }
    .homelife-Entry .col-md-6:nth-child(2), .homelife-Entry .col-md-6:nth-child(2) .article-list .illustrated .thumb { max-height: 650px; height: 650px; }
    .btn-video { top: 45%; left: 75%; }
    .video-play h3 { width: 60%; }
    .float-right .ContentContainer { width: 60%; padding: 10px 15px; }
    .homelife-Entry .article-list h3 { min-height: inherit; max-height: 70px; }


    /*左側分享工具*/
    .widget-back { width: 40px; }
    .share-sidebar .button { width: 40px; height: 40px; line-height: 40px; }
    .share-sidebar .article-fbs-sharing li { width: 40px; height: 40px; line-height: 40px; text-align: center; font-size: 1.4em; }
    .share-sidebar .button { width: 40px; height: 40px; line-height: 40px; font-size: 18px; }
    .share-sidebar .article-fbs-sharing .line img {
      width: 20px;
      margin: 10px;
    }

    .pack-article-list .content{max-height: 270px;}
    .fatherpage .Author-List .article-list, .Author-List .article-list .ContentContainer {
    height: 520px;
    overflow: inherit;
    margin-bottom: 0;
    }

        .food-Cloud .solar-Entry .entry-bg  .season-bg{ height: 700px !important; overflow: hidden;}
}
@media (max-width:1023px) {
    .Science-Entry .Articlelist-Entry { margin-top: 30px; }

    /*Home 大圖*/
    .float-over .ContentContainer, .float-right .ContentContainer { width: 65%; padding: 10px 25px; bottom: inherit; top: 10px; right: 0px; }
    .homelife-Entry .col-md-6:nth-child(2), .homelife-Entry .col-md-6:nth-child(2) .article-list .illustrated .thumb { height: 335px; max-height: 335px; border-left: 0px solid #fff; }
    .float-over { border-top: 1px solid #ddd; border-left: 0px solid #ddd; }
    .float-over .illustrated .thumb, .float-right .illustrated .thumb { width: 35%; }
    .btn-video { top: 90%; left: 48%; }

    /**/
    .Issue-Show-Article .article-list .quote { height: 105px; margin-bottom: 25px; }

    /**/
    .Issue-Show-Article .article-list .illustrated .thumb { width: 350px; margin-top: 50px; margin-right: -20px; float: right; max-height: 400px; }
    .solar-Entry .entry-body {
    width: 100%;left: inherit;
    margin-left: inherit;

    }
    .Author-List .article-list .Author-topic-recom .review-tool {

    float: none;
    }


    /* ==========================================================================
     owl-Slider
   ========================================================================== */
    .owl-theme .owl-controls .owl-buttons .owl-prev { left: 0px;}
    .owl-theme .owl-controls .owl-buttons .owl-next { right: 0px;}
    .Issue-Carousel {  width: 100%;  margin: 30px auto 0 auto; min-width: inherit;}

}




@media (max-width:992px) {
     .food-Cloud .solar-Entry .entry-bg .season-bg,.food-Cloud .solar-Entry .entry-bg .thumb,.food-Cloud .solar-Entry .entry-bg .season-bg img{ height: 1000px !important; }
     .food-Science .solar-Entry .entry-bg .season-bg,.food-Science .solar-Entry .entry-bg .thumb,.food-Science .solar-Entry .entry-bg .season-bg img{ height: 900px !important; }

}

@media (max-width:768px) {
    .header .logo { width: 150px; background-size: 80%; }
    .fixedHeader { height: 80px; background-position-y: -63px; }
    .fixedHeader .type-submenu .logo { background: url("../img/logo_black.png") no-repeat center 0; background-size: 65%; width: 100px; margin-top: 5px !important; }
    .sliderBgContainer, .bx-wrapper, .sliderBg, .sliderlink, .homeSlider .bgBox { height: 480px; }

body.homepage .homeSlider .slideText .slDetail{margin-top:200px !important;}

    /**/
    .page-wrap { padding-bottom: 0px; }
    .page-wrap.modalpage { padding-bottom: 0px; position: inherit; min-height: 100%; }
    .Special-Entry { margin-bottom: 50px; }
    .Special-Entry .entry-body { width: 100%; }
    .Special-Entry .entry-body .article-list .ContentContainer { width: 95%; margin: -145px auto 0 auto; padding: 10px 5px; }
    .article-list h3 { font-size: 20px; line-height: 1.3em; }
    .Issue-reviews { text-align: center; }
    .Hotspot-Entry .article-list .ContentContainer { float: left; width: 50%; padding: 30px 30px; }
    /**/
    .homepage .SpacetoTop {
    margin-top: -60px !important;
    }
    /**/
    .homepage .homeSlider.whiteBorder .slideBodyContainer, .fatherpage .homeSlider.whiteBorder .slideBodyContainer { height: 480px; }
    .contentpage .header { max-height: 130px; }
    .homeSlider .slideText .slDetail { width: 280px; display: block; margin-top: 300px !important; }
    .bx-wrapper { height: 480px !important; }
    .fatherpage .SpacetoTop {   margin-top: 0px !important;}

    /**/
    .Author-List .article-list h3, .Author-List .article-list .quote { width: 100%; }

    .Author-List .article-list .ContentContainer { padding: 20px 20px 20px 20px; }
    .Hotspot-Entry .share-tool { float: none; margin-bottom: 30px; }
    /**/
    .CateImg {
    margin-left: -75px;
    width: 160px;
    top: 110px;
    }
    /**/
    .season-bg, .season-thumb {
    height:780px !important;
    }
    .season-object{width: 400px; margin:0 auto;  margin-top: -120px;}



    .food-Cloud .solar-Entry .entry-bg  .season-bg{ height: 850px !important;}

    /**/


    .Additives-list{
      padding:0px 0 0 0;
    }
    .AdditivesTabs li a .thumb{
      width: 100px;
      height: 60px;
      overflow: hidden;
      float:right;
    }
    .AdditivesTabs li a h3{
      position: absolute; top:0px; left:0;
      font-size: 18px; color: #333; z-index: 8;
      width: 80%; text-align: left; padding-left: 10px; padding-top: 10px;
      max-height: 60px; overflow: hidden;
      line-height: 1.3em;
      margin-top: 0;
    }
    .Additives-detail{
      padding:20px 20px 20px 20px;
      position: relative;
      margin-left: 0px;
      z-index: 2;
    }
    .fatherpage .Author-List .article-list, .Author-List .article-list .ContentContainer {
    height:575px;
    }
    .fatherpage .Author-List .article-list .articletotal {

    top: 95px;

     }
    .Author-List .article-list .Author-topic-recom .review-tool { float: none; }
    .Author-topic-recom { width: 100%; }

    /**/

    .pack-article-list {
    padding: 20px 20px;
    width: 95%; margin:0 auto;
    }

    /**/
    .modal-fruit {
    width: 90%; }

    /*排行榜*/
    .headline-list li.Zoomlist a.media{ vertical-align: top;}

    .headline-list li.Zoomlist .img-media{ width: 40%; min-height: auto; height: auto; float: left;}
    .headline-list li.Zoomlist .img-media img{ width: 100%;}
    .headline-list li.Zoomlist .review-tool{ top: 10px; right: 0;}
    .headline-list li.Zoomlist .txtnum{ left: 30%; width: 100px; height: 70px;}
    .headline-list li.Zoomlist .media-body{ width: 55%; display: inline-block; padding: 50px 0 0 25px; margin: 0;}

    .solar-Entry .btntabs{ margin: 0 auto;}


     .Issue-Carousel .Issue-reviews{ margin: 20px 0;}


}
@media (max-width:767px) {
    .homeSlider .slideBodyContainer { height: 70px; }
    .fatherpage .SpacetoTop { margin-top: 0px !important; }
    .homepage .SpacetoTop { margin-top: 40px; }
    .Content-Display .review-tool ul.statusbtn { display: block; width: inherit; margin-top: 20px; }
    .CateImg {

        margin-left: -60px;
        width: 120px;
        top: 150px;

    }
   .homepage .homeSlider .slideText .slDetail {
    width: 280px;
    margin-top: 300px !important;
    display: block;
    }
    /**/
    .contentpage .header {
        max-height: 100px;
    }
    .header .logo{height: 90px;}
    .SpacetoTop { margin-top: 40px !important;}
    /**/
    .date, .article-list .date {
        font-size: 13px;
    }
    /**/
    .Breadcrumb-header .toolbar { padding-left: 0; }
    .widget-back { width: 60px; }
    .widget.panel { border-width: 0px; border-color: #cfd9db; overflow: hidden; display: inline-block; margin-bottom: 0; float: left; }
    .widget-back .btnback { padding: 12px 0px; display: inline-block; text-align: left; width: 60px; }
    .widget-back .btnback h4 { text-align: left; }
    .widget-back .bgcolor-default { display: inline-block; }
    .share-sidebar { margin-top: 0px; display: inline-block; float: right; margin-right: 14px; margin-bottom: 30px; }
    .share-sidebar .article-fbs-sharing li { display: inline-block; float: left; }

    /**/
    .nav-sidebar .content { position: absolute; top: 0; bottom: 0; width: 100% !important; left: 0%; }
    .nav-sidebar { width: 85%; left: -85% }
    .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: 85%; }
    .Special-Entry { margin-bottom: 0px; }
    .Special-Entry .entry-body { width: 100%; }
    .article-list h3 { font-size: 24px; }
    .Special-Entry .entry-body .article-list .ContentContainer { width: 100%; margin: 0px auto 0 auto; padding: 10px 10px; background: transparent; }
    .article-list { height: inherit; margin-bottom: 20px; border-bottom: 1px solid #ddd; padding-bottom: 10px; }
    .Special-Entry .article-list { border-bottom: 0px solid #ddd; margin-bottom: 30px; }
    .btn-video { top: 45%; left: 75%; }
    .homelife-Entry .col-md-6 .article-list, .homelife-Entry .col-md-6:nth-child(2), .homelife-Entry .col-md-6:nth-child(2) .article-list .illustrated .thumb { height: inherit; max-height: inherit; }
    .Issue-Show-Article .article-list .illustrated .thumb { width: 45%; margin-top: 50px; margin-right: -30px; float: right; max-height: 400px; }
    .Issue-Show-Article .article-list .ContentContainer { width: 60%; margin: 0px; padding: 10px 25px; left: 10px; top: 30px; }
    .Issue-Show-Article .article-list h3 { font-size: 1.8em; }
    .Issue-Carousel { width: 90%; margin: 0px auto 0 auto; min-width: inherit; }
  .Issue-Carousel .owl-item .item img{ height: auto; width: 100%;}
    .Footer-Entry { padding: 45px 0 0px 0; min-height: 50px; }

    /**/
    .btntabs{zoom:.8;}
    /**/
    .form-horizontal .form-group {
    margin-left: 15px;
    margin-right: 15px;
    }

    .smallheight {
    height: 170px !important;
   }
   .text-warning.fsize24{display: block;}

}
@media (max-width:480px) {
    .Footer-Entry {min-height: inherit; padding: 10px 0 70px;}
    .Footer-Entry .footer-link{ float: none; display: block;padding: 0; text-align: center; margin: 0 auto 0 auto; }
    .Footer-Entry .footer-link ul li{ float: none;}
    .Footer-Entry .copy{ clear: both; margin:0 auto; text-align: center; float: none; display: block;}
    .autocomplete-suggestions { width: 320px !important; }


    .CateImg {

        margin-left: -75px;
        width: 160px;
        top: 110px;

    }
    /**/
    .top-channel ul li a { font-size: 15px; }
    .header .logo { background-size: 70%; width: 150px; height: 80px; }
    .breadcrumb { padding: 12px 0; margin-bottom: 0px !important; }

    /**/
    .fatherpage .topic-wrap .container .entry-body, .select-entry .container .entry-body { width: 100%; margin: 0 auto; }
    .Special-Entry .article-list .illustrated .thumb { height: 160px; }
    .illustrated .thumb img { margin-top: -35%; }

    /*文章變形*/
    .Articlelist-Entry .article-list:after { content: ""; clear: both; display: table; }
    .Articlelist-Entry .article-list .illustrated { width: 19%; float: left; }
    .Articlelist-Entry .article-list .ContentContainer { float: left; margin-left: 3%; margin-top: 0; width: 76%; padding: 0px 10px; background: transparent; }
    .Articlelist-Entry .article-list h3 { font-size: 16px; min-height: inherit; max-height: inherit; margin-top: 0; }

    /*排行榜*/
    .Science-Entry .col-md-4 { padding-left: 15px; }
    .headline-list li a { line-height: 70px; }
    .headline-list li.Zoomlist a { line-height: 1.3em; }
    .headline-list li.Zoomlist .txtnum { font-size: 70px; width: 35%; text-align: right; background-color: rgba(255, 255, 255, .95); height: 100px; position: absolute; top: 0px; font-family: "Times New Roman", "細明體", "微軟正黑體", Times, Serif; left: inherit; right: 0; padding-top: 20px; }
    .headline-list li.Zoomlist .img-media{ width: 80%;}
    .headline-list li.Zoomlist .review-tool{ position: relative; margin: 0; padding: 0;}
    .headline-list li.Zoomlist .media-body{ width: 100%; padding: 0;}
    .headline-list li a .media-heading { line-height: 1.3em; white-space: normal; text-overflow: ellipsis; max-width: 87%; vertical-align: middle; }
    .headline-list li.Zoomlist a .media-heading { max-width: 100%; }
    .headline-list li.Zoomlist { margin-bottom: 15px; padding-right: 10px; }

    /**/
    .entry-title h1, .entry-title h2 { font-size: 28px; margin: 5px 0; }
    .article-list h3 { font-size: 18px; min-height: inherit; max-height: inherit; overflow: inherit; }
    .homelife-Entry .col-md-6 .article-list .illustrated .thumb { max-height: inherit; }
    .float-over .illustrated .thumb, .float-right .illustrated .thumb { width: 100%; }
    .float-over .illustrated, .float-right .illustrated { float: left; width: 30%; }
    .float-over .ContentContainer, .float-right .ContentContainer { text-align: left; position: relative; width: 70%; margin: 0; background: rgba(255, 255, 255, 1); display: inline-block; padding: 10px 15px; bottom: inherit; right: inherit; z-index: 9; top: 0px; padding-bottom: 30px; }
    .btn-video { top: 45%; left: 80%; }

    /**/
    .Issue-Show-Article .article-list .illustrated .thumb { width: 100%; margin-top: -20px; margin-right: -10px; float: none; max-height: 400px; }
    .Issue-Show-Article .article-list .ContentContainer { width: 100%; margin: 0px; padding: 10px 25px; left: 0; top: 230px; }
    .Issue-Show-Article .article-list h3 { font-size: 1.5em; }
.Issue-Show-Article .article-list .illustrated .thumb .owl-item{ }
.Issue-Show-Article .article-list .illustrated{ height: 550px;}
    /**/
    .solar-Entry .entry-body{margin-top:0;}
    .Hotspot-Entry .article-list, .Hotspot-Entry .article-list .ContentContainer { height: inherit; overflow: hidden; margin-bottom: 0; padding-bottom: 0px; }
    .Hotspot-Entry .article-list .illustrated { display: block; position: absolute; float: right; width: 60%;  padding: 0px; right: 0; top: -20px; }
    .Hotspot-Entry .article-list .ContentContainer { float: none; width: 100%; padding: 30px 30px; }
    .share-tool li a i { width: 35px; height: 35px; border-radius: 50%; display: inline-block; line-height: 35px; font-size: 0; text-align: center; color: #fff; }
    .Hotspot-Entry .article-list h3 { margin-bottom: 20px; min-height: inherit; max-height: inherit; overflow: hidden; font-size: 1.8em; line-height: 1.2em; font-weight: lighter; width: 100%; padding-top: 50px; }
    .Hotspot-Entry .article-list .illustrated .thumb { max-height: 200px; overflow: hidden; position: relative; width: 100%; }
    .Hotspot-Entry .article-list .illustrated .thumb img { width: 100%; max-width: 100%; max-height: inherit; }
    .Hotspot-Entry .share-tool { float: none; margin: 0 auto; text-align: center; }
    .article-list .review-tool { border-top: 0px solid #ddd; padding-top: 10px; margin-bottom: 10px; font-size: 14px; color: #ccc !important; }
    .article-list .review-tool li a { color: #666; }

    .illustrated .thumb img { margin-top: 0; }
    .Special-Entry .illustrated .thumb img { margin-top: -40%; }
    .Member-Entry .btn-action { padding-right: 20px; padding-left: 20px; }
    .Member-Entry .btn-action .btn { padding: 10px 30px; display: table-cell; width: 1%; border-right: 1px solid #666; }

    .Author-List .article-list .quote{margin-top: 50px;}
    /**/
    .Author-List .article-list .illustrated .thumb { max-height: 200px; overflow: hidden; position: relative;    /* margin-top: 40px; */    /* height: 200px; */
    padding-top: 10%; }
    .Author-List .article-list .ContentContainer { padding: 20px 20px 20px 0px; float: left; position: relative; left: 0; overflow: inherit; }
    .Author-List .share-tool { float: none; margin: 0 auto 15px auto; text-align: center; }
    .Author-List .share-tool  li{margin-right:10px; margin-left:0; }
    .Author-List .article-list .stitle { color: #fff; background-color: rgba(0, 0, 0, .3); text-align: center; padding: 3px 5px; font-size: 13px; display: inline-block; margin-bottom: 7px; }
    .Author-List .article-list h3 { margin-bottom: 10px; min-height: inherit; max-height: inherit; overflow: inherit; font-size: 1.5em; line-height: 1.2em; font-weight: lighter; width: 100%; padding-top: 0px; text-overflow: inherit; white-space: inherit; }
    .Author-List .article-list .articletotal { display: block; vertical-align: baseline; position: absolute; right: inherit; bottom: 0px; left: 20px !important; top: 130px !important; }
    /**/
    .btntabs{zoom:.6;}
    .season-bg, .season-thumb {
    height:650px !important;
    }
    /**/
    .AdditivesTabs li a .thumb{
      width: 60px;
      height: 40px;
    }
    .AdditivesTabs li a h3{
      position: absolute; top:0px; left:0;
      font-size: 16px;
      width: 80%;padding-left: 10px; padding-top: 10px;
     white-space: nowrap; overflow: hidden;text-overflow: ellipsis;
      line-height: 1.2em;

    }

    .ArticleDetail h2{font-size: 24px;}
    .ArticleDetail h3{font-size: 16px;}
    /**/
    .experiment-list{margin-bottom: 50px; border-bottom: 1px solid #ddd;}
    .experiment-list h2{
      font-size: 22px;text-align: left;color: #456359;
      margin: 0px auto 20px auto;
      width: 100%;
    }
    .experiment-list  .thumb{position: absolute; left:20px; width: 100px;height:100px;}
     .experiment-list .quote{
        width: 60%; margin: 10px 0 50px 130px;

     }
    /**/
    .modal-fruit {
    width: 92%;
    }
    #modalFruit.modal .modal-body {
      max-height: 100%; height: 400px;
      padding: 0px 20px 20px 30px;
    }
    #modalFruit button.close {
    top: 5px;
    right: 5px;
    }
    #modalFruit.modal .modal-body .content{padding-right: 0px;}
    .homeSlider h1 {
    font-size: 24px;
    }


    .solar-Entry .headTitle{ margin: 0 auto;}
    .solar-Entry .btntabs li a{ width: 90px; height: 90px;}
    .solar-Entry .btntabs li a i:before{ margin-top:2px; }

    .food-Cloud .solar-Entry .entry-bg .thumb,.food-Cloud .solar-Entry .entry-bg .season-bg img{ height: 870px !important; }

}
@media (max-width:380px) {
    .homelife-Entry .article-list h3 { min-height: inherit; max-height: inherit; }
    .article-list h3 { font-size: 16px; }
    .btn-video { width: 60px; height: 60px; line-height: 60px; top: 30%; left: 85%; }
    .video-play .ContentContainer { padding: 10px 5px; top: 10px; left: 10px; }
    .btntabs{zoom:.55;}
    .food-Science .btntabs {
    zoom: .45;
    }
    .pack-article-list {
    padding: 10px 5px;
    width: 95%;
    margin: 0 auto;
    }
    /**/
    .season-object{width: 100%;margin-top: -100px;}
    .season-bg, .season-thumb {
    height:600px !important;
    }
    /**/
    .AdditivesTabs li a h3{

      font-size: 14px;
     }
}
@media (max-width:320px) {
    .Content-Display .review-tool ul li { display: inline-block; text-align: left; position: relative; padding-right: 13px; }
    .Special-Entry .entry-body .article-list .ContentContainer { width: 95%; margin: -150px auto 0 auto; padding: 10px 10px; }
}