.hokkaido-page { background: #f0f0f0; }
    .hokkaido-page .navbar { background-color: #fff; text-align: center; box-shadow: none; padding: 15px 0; margin-bottom: 30px; }
        .hokkaido-page .navbar ul { margin: 0; }
        .hokkaido-page .navbar li { display: inline-block; }
            .hokkaido-page .navbar li a { font-size: 16px; display: block; padding: 14px 16px; text-transform: uppercase; }
            .hokkaido-page .navbar li.active a { font-weight: bold; color: #01579B; }

.hokkaido-recipes .item .photo img { width: 100%; }
.hokkaido-page .headline { text-align: center; margin-bottom: 15px; }

    .hokkaido-page .headline .desc { color: #a0a0a0; font-size: 14px; padding: 8px 0; }
.hokkaido-recipes .stats-count { color: #01579B; }
.hokkaido-recipes .recipeby { vertical-align: middle; display: inline-block; }
    .hokkaido-recipes .recipeby a { font-weight: bold; text-decoration: none; }
    .hokkaido-recipes .recipeby img { display: inline-block; width: 58px; border-radius: 50%; margin-right: 10px; }
    .hokkaido-recipes .recipeby .author { display: inline-block; vertical-align: middle; }
    .hokkaido-recipes .recipeby .lbl { color: #9e9e9e; font-size: 14px; font-weight: normal; display: block; }

.ingredient-list { }
    .ingredient-list .p-item { clear: both; background-color: #fff; padding: 20px; margin: 50px 0; overflow: hidden; }
        .ingredient-list .p-item .p-photo { width: 40%; float: left; }
            .ingredient-list .p-item .p-photo img { margin: 0 auto; max-height: 480px; }
        .ingredient-list .p-item .info { width: 55%; float: left; vertical-align: top; }
        .ingredient-list .p-item .info { padding: 15px; font-size: 16px; }
            .ingredient-list .p-item .info .name h3 { font-size: 30px; margin: 0; }

            .ingredient-list .p-item .info .name .desc { color: #a0a0a0; }
            .ingredient-list .p-item .info .summary { padding: 20px 0; }
                .ingredient-list .p-item .info .summary h3 { font-weight: bold !important; margin: 0; margin-bottom: 15px; }
        .ingredient-list .p-item .acts { margin-top: 18px; }
.hokkaido-page .btn-detail { width: 98%; background-color: #0277BD; color: #fff; font-size: 18px; border-radius: 0; padding: 12px 24px; border: 2px dashed #0277BD; border-radius: 6px; }
.headline h2 { font-size: 32px; }
.ingredient-info { float: left; width: 60%; }
.nutrition { float: right; width: 35%; border: 2px dashed #B3E5FC; padding: 15px; background: #E1F5FE; border-radius: 4px; }
.recipe-list { clear: both; overflow: hidden; }
    .recipe-list .headline { font-size: 24px; clear: both; overflow: hidden; text-align: left; }
        .recipe-list .headline h2 { border-bottom: 2px solid #01579B; color: #000; width: 160px; /* text-align: center; */ margin: 0 auto; padding: 8px; }
    .recipe-list .item .photo img { width: 100%; }
    .recipe-list .item .info { padding: 10px 0; }
        .recipe-list .item .info .name h3 { font-size: 18px; }

.find-more a { display: block; text-align: center; border: 1px dashed #ddd; background: #f8f8f8; padding: 15px; font-size: 16px; color: #d43f3a; text-decoration: underline; }
.ingredient-list .p-item .price { color: #0277BD; font-size: 28px; }

span.sub-name { display: block; padding: 8px 0; font-size: 14px !important; color: #039BE5; }
.hokkaido-page .page-logo { position: absolute; top: -20px; width: 100px; }
.where-tobuy .aeomall-item { display: inline-block; border: 1px solid #ddd; border-radius: 4px; padding: 15px; width: 49%; text-align: center; }
    .where-tobuy .aeomall-item img { height: 42px; }
.ownerchef { overflow: hidden; padding: 15px 0; border-radius: 4px; /* background: #f0f0f0; */ margin: 15px; max-width: 800px; margin: 0 auto; }
.highlight-bot { text-align: center; margin: 0 auto; width: 300px; border-bottom: 2px solid #03A9F4; margin-bottom: 15px; padding-bottom: 10px; }
    .highlight-bot.short-line { padding: 0; line-height: 2px; width: 150px; border-bottom: 1px solid #7cb342; }
.ownerchef .more a { font-weight: bold; font-size: 13px; display: block; border: 1px solid #81D4FA; padding: 10px; text-align: center; background: #E1F5FE; text-decoration: none; border-radius: 12px; }
.ownerchef .more .small { display: block; color: #0288D1; }
.fb-connect { background-color: #3a5997; }
.fb-connect-block { text-align: center; margin-top: 15px; color: #fff; }
    .fb-connect-block .ads-follow-fb-right { padding: 0px; background: transparent; line-height: 38px; width: 380px; color: #fff; margin: 0 auto; }
        .fb-connect-block .ads-follow-fb-right .icon-inline { float: left; display: inline-block; }
        .fb-connect-block .ads-follow-fb-right .text-inline { font-size: 24px; padding: 0; line-height: 40px; }
    .fb-connect-block .text-more { padding: 0; font-size: 16px; }

.hokkaido-page .featured-videos { max-height: 600px; }
    .hokkaido-page .featured-videos .featured-video img { height: 600px; }
    .hokkaido-page .featured-videos .slick-dots li button { border: 1px solid transparent !important; border-radius: 50%; height: 13px !important; width: 13px !important; }
    .hokkaido-page .featured-videos .slick-dots li button:before { color: #fff; opacity:0.7; }
    .hokkaido-page .featured-videos .slick-dots li.slick-active button:before { color: #ff0000 !important; }
    .hokkaido-page .featured-videos .slick-dots { text-align: left; top: -100px; }
    .hokkaido-page .featured-video-info .video-item-info { padding-left: 30px; font-size: 16px; position: absolute; left: 0; bottom: 0; padding-bottom: 30px; }
.hokkaido-page .video-item-info .title a { color: #f2f2f2; }
.top-latest-video .video-item-info .title a { color: #444; }
.hokkaido-page .recently-item-info-box .title a { white-space: normal; font-size: 14px; font-weight: bold; }

.hokkaido-page .hokkaido-navbar { line-height: 50px; font-size: 16px; color: #fff; margin: 0; text-align: center; background: rgba(183, 28, 28, 0.8); margin-top: -60px; position: relative; }
    .hokkaido-page .hokkaido-navbar ul { opacity: 0.8; background: rgba(183, 28, 28, .5); list-style: none; position: relative; display: inline-block; -webkit-margin-start: 0; -webkit-padding-start: 0; margin: 0 auto; }
        .hokkaido-page .hokkaido-navbar ul li { background: transparent; display: inline-block; color: #fff; min-width: 120px; text-align: center; vertical-align: middle; height: 60px; line-height: 60px; font-size: 16px; }
            .hokkaido-page .hokkaido-navbar ul li a { color: #fff; padding: 0 10px; text-decoration: none; display: inline-block; height: 60px; width: 100%; border: 0; margin: 0; }
            .hokkaido-page .hokkaido-navbar ul li a span { padding: 0 8px; vertical-align: middle; }
            .hokkaido-page .hokkaido-navbar ul li:hover a,
            .hokkaido-page .hokkaido-navbar ul li.active a { background: rgba(121, 16, 16, .8); }
.hokkaido-page .big-headline { font-size: 40px; font-weight: bold; color: #333; }
.hokkaido-page .ico-flag-new { display: block; width: 47px; height: 20px; position: absolute; background-image: url(/imgs/hokkaido/icons/new_flag.png); }
.hokkaido-page .view-more { width: 200px; background: #b71c1c; color: #fff; border: 0; line-height: 44px; font-size: 18px; }
    .hokkaido-page .view-more .arrow-right { float: right; line-height: 44px; margin-right: 10px; }
.hokkaido-page .search-item-menu ul { display: inline-block; }
.hokkaido-page .search-item-menu ul li { width: 33%; color:#333; float:left; text-align:left; font-size:14px; line-height: 30px; }
    .hokkaido-page .search-item-menu ul li a { text-decoration: none; color: #333; }
    .hokkaido-page .search-item-menu ul li i { font-size: 12px; }
.hokkaido-page .recipe-box ul { min-height: 60px; margin-bottom: 0; }
    .hokkaido-page .recipe-box ul li.menu-ingr-item { min-width: 265px; height: 80px; font-size: 20px; border: 1px solid #e4e3e3; border-bottom: 0; border-top-left-radius: 8px; border-top-right-radius: 8px; margin-right: 10px; background-color: #fff; -webkit-box-shadow: 0px -5px 10px 0px rgba(224,224,224,0.53); -moz-box-shadow: 0px -5px 10px 0px rgba(224,224,224,0.53); box-shadow: 0px -5px 10px 0px rgba(224,224,224,0.53); padding-right: 0; }
        .hokkaido-page .recipe-box ul li.menu-ingr-item:last-child { margin-right: 0; }
        .hokkaido-page .recipe-box ul li.menu-ingr-item.active { background-color: rgba(109, 7, 6, 0.8); border: 1px solid #b71c1c; border-bottom: 0; }
        .hokkaido-page .recipe-box ul li.menu-ingr-item a { padding: 10px; text-decoration: none; }
        .hokkaido-page .recipe-box ul li.menu-ingr-item.active a { color: #fff; background: rgba(177, 7, 5, 0.8); height: 100%; border-radius: 6px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
.hokkaido-page .gray-content-text { color: #4e4e4e; line-height: 24px; }
.hokkaido-page .highlight-title:before,
.hokkaido-page .highlight-title:after { background-image: url(/imgs/hokkaido/icons/before-after-dot.png); color: transparent; width: 13px; height: 24px; padding: 5px; content: "."; background-position: left center; background-repeat: no-repeat; }
.hokkaido-page .highlight-title:before { float:left; }
.hokkaido-page .highlight-title:after { float: right; }
.hokkaido-page .dot-line { background-image: url(/imgs/hokkaido/icons/line-dot.png); color: transparent; background-position: left center; background-repeat: repeat-x; }