/* -------------------------------------------------- Gerenal Classes -------------------------------------------------- */

.reverse_captcha,
.rc {
    width: 1px;
    height: 1px;
    overflow: hidden;
    margin-left: -99999px;
}

.fadein {
    opacity: 0;
}

input,
textarea {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


/* -------------------------------------------------- Template Styles -------------------------------------------------- */

@font-face {
    font-family: 'evenfallupright';
    src: url("../fonts/evenfall-upright-webfont.eot");
    src: url("../fonts/evenfall-upright-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/evenfall-upright-webfont.woff2") format("woff2"), url("../fonts/evenfall-upright-webfont.woff") format("woff"), url("../fonts/evenfall-upright-webfont.ttf") format("truetype"), url("../fonts/evenfall-upright-webfont.svg#evenfallupright") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'evenfall_uprightitalic';
    src: url("../fonts/evenfall-italic-webfont.eot");
    src: url("../fonts/evenfall-italic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/evenfall-italic-webfont.woff2") format("woff2"), url("../fonts/evenfall-italic-webfont.woff") format("woff"), url("../fonts/evenfall-italic-webfont.ttf") format("truetype"), url("../fonts/evenfall-italic-webfont.svg#evenfall_uprightitalic") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Avenir';
    src: url("../fonts/AvenirLTStd-Light.eot");
    src: url("../fonts/AvenirLTStd-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/AvenirLTStd-Light.woff") format("woff"), url("../fonts/AvenirLTStd-Light.ttf") format("truetype"), url("../fonts/AvenirLTStd-Light.svg#AvenirLTStd-Light") format("svg");
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'AvenirLT85';
    src: url("../fonts/Avenir-Heavy.eot");
    src: url("../fonts/Avenir-Heavy.eot?#iefix") format("embedded-opentype"), url("../fonts/Avenir-Heavy.woff2") format("woff2"), url("../fonts/Avenir-Heavy.woff") format("woff"), url("../fonts/Avenir-Heavy.ttf") format("truetype"), url("../fonts/Avenir-Heavy.svg#Avenir-Heavy") format("svg");
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'latolight';
    src: url("../fonts/lato-light-webfont.eot");
    src: url("../fonts/lato-light-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/lato-light-webfont.woff2") format("woff2"), url("../fonts/lato-light-webfont.woff") format("woff"), url("../fonts/lato-light-webfont.ttf") format("truetype"), url("../fonts/lato-light-webfont.svg#latolight") format("svg");
    font-weight: normal;
    font-style: normal;
}


/* fix for IE */

object {
    width: 100%;
}

p {
    margin: 0 0 5px 0;
}

.jquery-background-video-wrapper {
    height: 400px;
}

@media (max-width: 767px) {
    .fancybox-slide--iframe .fancybox-content {
        background: #000 !important;
        width: 90% !important;
        height: 50% !important;
        max-width: calc(100% - 50px) !important;
        max-height: calc(100% - 388px) !important;
    }
}

.facebook-responsive {
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
    height: 0;
}

.facebook-responsive iframe {
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    position: absolute;
}

.facebook-sqaure iframe {
    width: 100%;
    height: 100%;
}

.menu-fix {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 10;
    pointer-events: none;
    top: 0;
}

.menu-fix .font-evenfall {
    font-family: 'evenfallupright', times, serif, helvetica, arial, sans-serif, "Microsoft JhengHei", "Microsoft Yahei", "Hiragino Sans GB";
    font-size: 3em;
    color: white;
}

.menu-fix .font-evenfall:hover {
    text-decoration: none;
    color: white;
}

.menu-fix .core-menu {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    z-index: 12;
    text-align: center;
    color: white;
    opacity: 0;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.menu-fix .core-menu a:hover,
.menu-fix .core-menu a:active {
    text-decoration: none;
}

.menu-fix .core-menu li {
    font-size: 2.25em;
    font-weight: 100;
    margin: 10px 0;
}

.menu-fix .core-menu .list-break a {
    color: white;
    display: inline-block;
    position: relative;
    padding-bottom: 5px;
}

.menu-fix .core-menu .list-break a:after {
    content: "";
    position: absolute;
    bottom: 0;
    display: block;
    width: 0;
    height: 4px;
    background: white;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.menu-fix .core-menu .list-break a:hover,
.menu-fix .core-menu .list-break a:active {
    text-decoration: none;
}

.menu-fix .core-menu .list-break a:hover:after,
.menu-fix .core-menu .list-break a:active:after {
    width: 100%;
}

@media (max-width: 767px) {
    .menu-fix .core-menu {
        width: 80%;
    }
    .menu-fix .core-menu li {
        font-size: 1.625em;
    }
}

.menu-fix.is-opened {
    pointer-events: auto;
}

.menu-fix.is-opened .core-menu {
    opacity: 1;
    transition-delay: 1s !important;
}

.shape-overlays {
    width: 100%;
    height: 100%;
    pointer-events: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
}

.shape-overlays.is-opened {
    pointer-events: auto;
}

.shape-overlays__path:nth-of-type(1) {
    fill: #fff;
}

.shape-overlays__path:nth-of-type(2) {
    fill: #ddd;
}

.shape-overlays__path:nth-of-type(3) {
    fill: #005298;
}

.bootstrap-datetimepicker-widget table td.disabled {
    opacity: 0.5;
}

body {
    padding-top: 89px;
    display: none;
    font-size: 16px;
    color: #666;
    letter-spacing: 1.5px;
    font-family: 'Avenir', "source-han-sans-traditional", helvetica, arial, sans-serif, "Microsoft JhengHei", "Microsoft Yahei", "Hiragino Sans GB";
    line-height: 1.5;
    font-style: normal;
    font-weight: 300;
}

a {
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

a.nav-link {
    color: white;
    background: #005298;
    border-radius: 15px;
    text-decoration: none;
    font-weight: 300;
    font-size: 14px;
    padding: 3px 5px;
}

a.nav-link:hover {
    background: #e1271d;
}

.relative {
    position: relative;
}

.icon {
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle;
}

.img-full {
    width: 100%;
}

.img-fluid {
    max-width: 100%;
}

.list-inline {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.list-inline li {
    display: inline-block;
}

.list-break {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.list-break li {
    margin-bottom: 5px;
}

.widget-subMenu .container-fluid {
    max-width: 1480px;
    margin: 0 auto;
    border-top: 1px solid #e3e3e3;
}

.widget-subMenu.theme2 {
    text-align: center;
}

.widget-subMenu.theme2 .container-fluid {
    display: inline-block;
    margin: 20px auto 0 auto;
    max-width: 1140px;
    border: none;
    border-radius: 30px;
    background: white;
}

@media (max-width: 767px) {
    .widget-subMenu.theme2 .container-fluid {
        border-radius: 0;
        display: block;
        padding: 10px;
    }
    .widget-subMenu.theme2 .submenu li {
        display: block;
    }
    .widget-subMenu.theme2 .submenu li:after {
        display: none;
    }
}

.widget-subMenu.theme3 .container-fluid {
    border-bottom: 1px solid #e3e3e3;
}

.widget-subMenu.theme3 .select-option {
    margin-top: 10px;
    line-height: 40px;
}

@media (max-width: 767px) {
    .widget-subMenu.theme3 .container-fluid {
        border-bottom: none;
        background: white;
        margin: 0 15px;
    }
    .widget-subMenu.theme3 .list-inline li {
        display: block;
        padding: 0px;
    }
    .widget-subMenu.theme3 .list-inline li:after {
        display: none;
    }
}

.submenu {
    display: inline-block;
    margin: 0 auto;
}

.submenu li {
    padding: 8px 0px;
}

.submenu li:after {
    display: inline-block;
    content: "\2022";
    color: #ddd;
    padding: 0 10px;
}

.submenu li a {
    color: #666;
    padding: 4px 10px;
    display: inline-block;
    border-radius: 20px;
}

.submenu li a:hover,
.submenu li a.active {
    background: #005298;
    color: white;
    text-decoration: none;
}

.submenu li:last-child:after {
    display: none;
}

@media (max-width: 767px) {
    .submenu li:after {
        padding: 0 2px;
    }
}

ol,
ul {
    padding-left: 25px;
}

.padding-t-20 {
    padding: 20px 0;
}

.padding-0 {
    padding: 0;
}

.margin-bottom-5 {
    margin-bottom: 5px;
}

input:focus,
input:active,
input:after,
select:focus,
select:active,
select:after,
textarea:focus,
textarea:active,
textarea:after,
button:focus,
button:active,
button:after,
span:focus,
span:active,
span:after,
a:focus,
a:active,
a:after {
    outline: none !important;
    box-shadow: none !important;
}

.slick-slide:focus,
.slick-slide a {
    outline: none;
}

.one-slider .slick-dots li button:before {
    font-size: 35px;
    opacity: 1;
    color: #666;
}

.one-slider .slick-dots li.slick-active button:before {
    color: #005298;
    opacity: 1;
}

.photo-frame {
    border: 6px solid #fff;
    -webkit-box-shadow: 0 1px 7px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 1px 7px rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 7px rgba(0, 0, 0, 0.3);
    overflow: hidden;
}

.photo-frame img {
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.photo-frame:hover img {
    -moz-transform: scale(1.04);
    -webkit-transform: scale(1.04);
    transform: scale(1.04);
}

.ytp-cued-thumbnail-overlay-image {
    background-size: 100% auto !important;
    -moz-background-size: 100% auto !important;
    -webkit-background-size: 100% auto !important;
    background-position: center !important;
}

hr.theme1 {
    border-top: 1px dotted #e3e3e3;
}

@media (max-width: 767px) {
    body {
        font-size: 14px;
        letter-spacing: 0.3px;
        padding-top: 75px;
    }
}

.uppercase {
    text-transform: uppercase;
}

.form-control {
    border-radius: 0;
}

.btn {
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.btn.btn-filter {
    background: #f4f4f4;
    padding: 5px 10px;
    color: #005298;
    margin: 0 5px;
    border-radius: 30px;
}

.btn.theme1 {
    background: #005298;
    padding: 8px 15px;
    color: white;
    display: block;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 1.25em;
    font-weight: 100;
}

.btn.theme1 .icon {
    margin-right: 10px;
    max-height: 33px;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.btn.theme1:hover {
    background: #e1271d;
}

.btn.theme1:hover .icon {
    margin-right: 20px;
}

.btn.theme2 {
    background: transparent;
    border-width: 1px 1px 1px 0;
    border-color: rgba(255, 255, 255, 0.4);
    border-style: solid;
    border-radius: 0;
}

.btn.theme2:hover {
    background: white;
    color: #005298;
}

.btn.theme3 {
    padding: 10px 0px;
}

.btn.theme3 .icon {
    max-height: 33px;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.btn.theme3 .head {
    padding-top: 2px;
}

.btn.theme3 .tail {
    padding-top: 3px;
}

.btn.theme3 .mid {
    background: #005298;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
    color: white;
    padding: 8px 30px;
    text-align: center;
    display: inline-block;
    font-size: 1.25em;
    letter-spacing: 0.4px;
}

.btn.theme3 span {
    float: left;
}

.btn.theme3:hover .mid {
    padding: 8px 50px;
}

.btn.theme3:hover .icon {
    margin-right: 10px;
}

@media (max-width: 767px) {
    .btn.theme3 .head img,
    .btn.theme3 .tail img {
        max-height: 40px;
    }
}

.btn.theme4 {
    background: #868686;
    border-radius: 3px;
    display: block;
    color: white;
    display: block;
    width: 100%;
}

.btn.theme5 {
    background: #868686;
    padding: 8px 15px;
    color: white;
    display: block;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 1.25em;
    font-weight: 100;
}

.btn.theme5 .icon {
    margin-right: 10px;
    max-height: 33px;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.btn.theme6 {
    background: #005298;
    padding: 5px 10px;
    color: white;
    display: block;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 1.125em;
    font-weight: 100;
    min-width: 250px;
    display: inline-block;
}

.btn.theme6 .icon {
    margin-right: 10px;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
    max-height: 25px;
}

.btn.theme6 .icon svg {
    max-height: 25px;
}

.btn.theme6:hover {
    background: #e1271d;
}

.btn.theme6:hover .icon {
    margin-right: 20px;
}

.btn.theme7 {
    background: #005298;
    padding: 5px 15px;
    color: white;
    display: inline-block;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    margin: 0 auto;
}

.btn.theme7:hover {
    background: #e1271d;
}

.btn.theme8 {
    background: #A58661;
    padding: 2px 15px;
    color: white;
    margin-top: 5px;
    display: block;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    font-size: 1.125em;
    font-weight: 100;
}

.btn.theme8 .icon {
    margin-right: 10px;
    max-height: 33px;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.btn.theme8 .icon svg {
    max-width: 26px;
}

.btn.theme8:hover {
    background: #e1271d;
}

.btn.theme8:hover .icon {
    margin-right: 20px;
}

@media (min-width: 768px) and (max-width: 990px) {
    .btn.theme8 {
        font-size: 0.938em;
    }
    .btn.theme8 .icon {
        margin-right: 5px;
    }
    .btn.theme8:hover .icon {
        margin-right: 5px;
    }
}

@media (max-width: 767px) {
    .btn.theme3 {
        margin: 0 auto;
    }
    .btn.theme3 .mid {
        font-size: 1.125em;
        padding: 5px 15px;
    }
    .btn.theme3 .mid svg {
        max-width: 30px;
    }
}

.parallax-window {
    min-height: 380px;
    background: transparent;
}

@media (max-width: 767px) {
    .parallax-window {
        min-height: 200px;
    }
}

.parallax-window .parallax-slider img {
    min-width: 100%;
}

.select-theme {
    width: 100%;
}

header {
    background: #fff;
    z-index: 10 !important;
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    -webkit-box-shadow: 0 0 9px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 9px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 9px rgba(0, 0, 0, 0.2);
}

header.theme2 {
    background: #fafafa;
}

header .container-fluid {
    max-width: 1480px;
    margin: 0 auto;
}

header .sub-logo {
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

header.is-opened {
    background: transparent;
    -webkit-box-shadow: 0 0 0 transparent;
    -moz-box-shadow: 0 0 0 transparent;
    box-shadow: 0 0 0 transparent;
}

header.is-opened #anchor-logo .normal {
    display: none;
}

header.is-opened #anchor-logo .hidden-normal {
    display: inline-block;
}

header.is-opened .sub-logo {
    opacity: 0;
}

.widget-banner {
    position: relative;
    background-position: inherit !Important;
}

.widget-banner .text-wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    color: white;
    z-index: 2;
    width: 90%;
    text-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
}

.widget-banner .text-wrapper h1 {
    margin: 0 0 5px 0;
    text-transform: uppercase;
    font-size: 1.875em;
    font-weight: 300;
}

.widget-banner .text-wrapper p {
    max-width: 480px;
    margin: 0 auto;
}

.widget-banner .img_wrap {
    width: 100%;
    height: 380px;
    position: relative;
    overflow: hidden;
}

@media (max-width: 1024px) {
    .widget-banner .img_wrap {
        height: 300px;
    }
}

.widget-banner .img_bg {
    width: 100%;
    height: 100%;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}

@media (max-width: 1024px) {
    .widget-banner video {
        display: none;
    }
}

.widget-banner:after {
    position: absolute;
    content: "";
    display: block;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.2);
    z-index: 1;
}

.widget-banner.theme2:after {
    background: rgba(0, 0, 0, 0.1);
}

.widget-banner.theme3 .text-wrapper {
    overflow: hidden;
}

.widget-banner.theme3 .text-wrapper p {
    margin: 0;
}

.widget-banner.theme3:after {
    background: rgba(0, 0, 0, 0.05);
}

@media (max-width: 767px) {
    .widget-banner.theme3 .text-wrapper {
        top: inherit;
        left: 50%;
        transform: translateX(-50%) translateY(0%);
        -ms-transform: translateX(-50%) translateY(0%);
        -webkit-transform: translateX(-50%) translateY(0%);
        bottom: 40px;
    }
}

.widget-banner.theme4:after {
    display: none;
}

.widget-banner .videoBg {
    overflow: hidden;
    min-height: 400px;
}

.widget-nav {
    padding: 15px 0;
    position: relative;
}

.widget-nav .logo-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.widget-nav .logo-list .sub-logo {
    top: -5px;
    position: relative;
}

.widget-nav .logo-list a:hover {
    text-decoration: none;
}

.widget-nav .logo-list li {
    display: inline-block;
    /*&#anchor-logo.fixed{position:fixed; z-index:100;
      .normal{display:none;}
      .hidden-normal{display:block;}
      &:after{display:none;}
  }*/
}

.widget-nav .logo-list li .hidden-normal {
    display: none;
}

.widget-nav .logo-list img {
    display: inline-block;
}

@media (max-width: 767px) {
    .widget-nav .logo-list .main-logo {
        float: left;
        width: 35%;
        position: relative;
        padding-right: 10px;
    }
    .widget-nav .logo-list .main-logo:after {
        position: absolute;
        right: 3px;
        top: 5px;
        padding: 0;
    }
    .widget-nav .logo-list .sub-logo {
        float: left;
        width: 40%;
    }
}

.widget-nav .MobileMenu {
    display: inline-block !important;
    position: absolute;
    right: 10px;
    top: 40%;
    z-index: 12;
    cursor: pointer;
}

@media (max-width: 767px) {
    .widget-nav .MobileMenu {
        top: 35%;
        right: 0;
    }
}

.widget-nav .MobileMenu .icon-bar {
    background: #e1271d;
    position: relative;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
    height: 3px;
    width: 30px;
    margin-bottom: 5px;
    display: block;
}

.widget-nav .MobileMenu.is-opened-navi .icon-bar {
    background-color: white;
}

.widget-nav .MobileMenu.is-opened-navi .icon-bar:nth-of-type(1) {
    top: 6px;
    transform: rotate(45deg);
}

.widget-nav .MobileMenu.is-opened-navi .icon-bar:nth-of-type(2) {
    background-color: transparent;
}

.widget-nav .MobileMenu.is-opened-navi .icon-bar:nth-of-type(3) {
    top: -10px;
    transform: rotate(-45deg);
}

@media (max-width: 767px) {
    .recipe-container {
        padding: 0 25px;
    }
}

.topic {
    color: #005298;
    font-size: 1.125em;
    text-align: center;
    margin-bottom: 20px;
    margin-top: 0;
    font-weight: 300;
}

.topic .pos-icon {
    position: relative;
    margin-left: -30px;
    display: inline-block;
    vertical-align: middle;
}

.topic:after {
    content: "";
    background: url("../images/common/split.svg") center center no-repeat;
    display: block;
    width: 76px;
    height: 8px;
    margin: 10px auto 20px auto;
}

.maskBg {
    position: relative;
    z-index: 2;
    background: url("../images/common/mask.png") left top repeat-x;
    padding: 50px 0;
    margin-top: -26px;
}

.maskBg .mask-white {
    background: white;
    margin-top: -26px;
    padding-top: 30px;
}

.widget-category {
    background: #005298;
    text-align: center;
    padding: 0px 15px;
    letter-spacing: 2px;
}

.widget-category ul {
    margin: 0 auto;
}

.widget-category ul li {
    margin: 0;
    padding: 10px 0 7px;
    letter-spacing: 0;
    border-bottom: 3px solid transparent;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
    position: relative;
    font-size: 1.125em;
}

.widget-category ul li:after {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
    opacity: 0;
    bottom: 0px;
    background: url("../images/home/arrow-pointer.png") bottom center no-repeat;
    width: 9px;
    height: 6px;
    display: block;
    content: "";
}

.widget-category ul li.active,
.widget-category ul li:hover {
    border-bottom: 3px solid #e1271d;
    text-decoration: none;
}

.widget-category ul li.active:after,
.widget-category ul li:hover:after {
    opacity: 1;
}

.widget-category .slick-prev:before {
    content: url("../images/common/left-arrow.svg");
}

.widget-category .slick-next:before {
    content: url("../images/common/right-arrow.svg");
}

.widget-category a {
    color: white;
    font-weight: 100;
}

.widget-category a:hover {
    text-decoration: none;
}

.widget-category .select-option {
    color: white;
    text-align: center;
    padding: 10px 0;
}

.widget-category .select-option i {
    margin-left: 5px;
}

@media (max-width: 767px) {
    .widget-category {
        padding: 0;
    }
    .widget-category .navbar-collapse {
        -webkit-box-shadow: none;
        box-shadow: none;
        border-top: 1px solid white;
    }
    .widget-category ul li {
        display: block;
        margin: 0px 15px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }
}

@media (min-width: 768px) and (max-width: 990px) {
    .widget-category ul li {
        margin: 0 5px;
        padding: 10px 5px 7px;
        letter-spacing: 0;
        font-size: 0.938em;
    }
}

.divider img {
    margin: 0 auto;
}

.divider .bg-blue {
    display: inline-block;
    padding: 0 4px;
    background: #005298;
}

.divider hr {
    margin: -10px 0 0 0;
    border-top: 1px solid #ddd;
}

.divider.theme2 {
    margin: 10px auto 30px;
}

.divider.theme2 hr {
    margin: -16px 0 0 0;
}

.bg-theme {
    background: url("../images/class/formBg.jpg") left top repeat;
    position: relative;
}

.bg-theme2 {
    background: #eee;
}

#arrow {
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

#arrow.rotate {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

#whatsapp {
    display: none;
}

.recipe-introduction .session-wrapper {
    padding: 60px 0;
}

.recipe-introduction h2.topic {
    font-size: 1.875em;
    letter-spacing: 10px;
    margin-bottom: 30px;
}

.recipe-introduction .recipe-cat .item-grid.theme2 {
    margin-top: 20%;
}

.recipe-introduction .recipe-cat .recipe-item {
    margin-bottom: 30px;
    opacity: 0;
    position: relative;
    overflow: hidden;
}

.recipe-introduction .recipe-cat .recipe-item a {
    color: white;
}

.recipe-introduction .recipe-cat .recipe-item .item-wrapper {
    position: relative;
}

.recipe-introduction .recipe-cat .recipe-item .item-wrapper img {
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.recipe-introduction .recipe-cat .recipe-item .border {
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
    border: 1px solid rgba(255, 255, 255, 0.5);
    position: absolute;
    left: 1%;
    top: 1%;
    width: 98%;
    height: 98%;
    z-index: 3;
}

.recipe-introduction .recipe-cat .recipe-item .text-wrapper {
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
    text-align: center;
    color: white;
    position: absolute;
    width: 100%;
    bottom: 0;
    z-index: 2;
    left: 0;
    padding: 15px;
    background: url("../images/home/maskBg.png") left top repeat-x;
}

.recipe-introduction .recipe-cat .recipe-item .title {
    font-weight: 100;
    font-size: 1.875em;
}

.recipe-introduction .recipe-cat .recipe-item .caption span {
    display: inline-block;
    font-weight: 100;
}

.recipe-introduction .recipe-cat .recipe-item .split {
    border-top: 1px solid rgba(255, 255, 255, 0.7);
    width: 30%;
    position: relative;
    top: -4px;
}

.recipe-introduction .recipe-cat .recipe-item .decor img {
    max-width: 16px;
}

.recipe-introduction .recipe-cat .recipe-item:after {
    background: #005298;
    opacity: 0.7;
    left: 0;
    bottom: -100%;
    content: "";
    position: absolute;
    z-index: 1;
    display: block;
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.recipe-introduction .recipe-cat .recipe-item:hover:after {
    bottom: 0;
}

.recipe-introduction .recipe-cat .recipe-item:hover .text-wrapper {
    padding: 15px 15px 50% 15px;
    background: transparent;
}

.recipe-introduction .recipe-cat .recipe-item:hover .border {
    border: 5px solid white;
}

.recipe-introduction .recipe-cat .recipe-item:hover .item-wrapper img {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

@media (min-width: 768px) and (max-width: 989px) {
    .recipe-introduction .recipe-cat .recipe-item .title {
        font-size: 18px;
    }
}

@media (max-width: 767px) {
    .recipe-introduction .recipe-cat {
        padding: 0 30px;
    }
    .recipe-introduction .recipe-cat .item-grid.theme2 {
        margin-top: 0;
    }
}

.single-slider .slick-prev,
.single-slider .slick-next {
    width: 50px;
    z-index: 10;
    height: inherit;
    top: 90%;
}

@media (max-width: 1024pagingInfopagingInfopx) {
    .single-slider .slick-prev,
    .single-slider .slick-next {
        display: none !important;
    }
}

.single-slider .slick-dots {
    display: none;
}

.single-slider .slick-prev {
    left: inherit;
    right: 90px;
}

.single-slider .slick-next {
    right: 0;
}

@media (max-width: 1024px) {
    .section-home .pagingInfo {
        display: none;
    }
    .section-home .single-slider .slick-dots {
        display: block;
        margin-bottom: 10px;
    }
    .section-home .slick-arrow {
        display: none !important;
    }
}

@media (min-width: 1025px) {
    .section-home .slick-dots {
        display: none !important;
    }
    .section-home .slick-dotted.slick-slider {
        margin-bottom: 0 !important;
    }
}

.pagingInfo {
    margin-top: -60px;
    margin-right: 30px;
    float: right;
}

.productIntro {
    position: relative;
}

.productIntro:before {
    content: "";
    background: url("../images/home/mask_whiteBg3.png") left top repeat-x;
    position: absolute;
    top: -15px;
    display: block;
    height: 25px;
    width: 100%;
    z-index: 2;
}

.productIntro .session-wrapper {
    padding: 60px 0;
}

.productIntro h2.topic {
    font-size: 1.875em;
    letter-spacing: 2px;
}

.productIntro .text-wrapper p {
    color: #010101;
    text-align: center;
    font-size: 1.25em;
}

.productIntro .sprite {
    display: block;
    position: absolute;
    background: url("../images/home/product-effect-static.gif") 0 0 no-repeat;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.productIntro .product-img {
    position: relative;
}

.productIntro .product-img:hover .sprite {
    background-position: 0 0;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.productIntro .img-hold {
    position: relative;
    z-index: 2;
}

@media (max-width: 767px) {
    .section-productDetail .product-list .product-item {
        padding: 0 5%;
    }
}

.section-home .widget-class {
    z-index: 2;
}

.section-home .recipe-introduction {
    padding-top: 80px;
    margin-top: -30px;
    z-index: 0;
}

.product-content {
    position: relative;
}

.product-content .mask {
    content: "";
    background: url("../images/home/mask_whiteBg3.png") left bottom repeat-x;
    position: absolute;
    top: -15px;
    display: block;
    height: 25px;
    width: 100%;
    z-index: 2;
}

.product-content .mask.grey {
    background: url("../images/product/mask_grey.png") left bottom repeat-x;
}

.product-content .mask_bottom {
    content: "";
    background: url("../images/home/mask_whiteBg4.png") left bottom repeat-x;
    position: absolute;
    bottom: -15px;
    display: block;
    height: 25px;
    width: 100%;
    z-index: 2;
}

.product-content .topic .caption {
    font-size: 1.875em;
    font-weight: 100;
}

.product-content .topic p {
    color: #010101;
    line-height: 1.6;
    max-width: 990px;
    font-size: 16px;
    margin: 15px auto;
}

.product-content .product-group {
    padding: 50px 0 50px;
    background: url(../images/common/liner.png) bottom left repeat-x;
}

.product-content .product-group a:hover,
.product-content .product-group a:focus {
    text-decoration: none;
}

.product-content .product-group.last {
    background: none;
}

.product-content .content-wrapper {
    padding: 50px 15px;
}

@media (max-width: 767px) {
    .product-content .content-wrapper {
        padding: 20px 15px;
    }
}

@media (min-width: 768px) and (max-width: 990px) {
    .product-content .content-wrapper {
        width: 100%;
    }
}

.product-content .content-wrapper .product-list {
    padding: 30px 0 0;
    margin: 0 auto;
    text-align: center;
}

.product-content .content-wrapper .product-list.size1 {
    max-width: 990px;
}

.product-content .content-wrapper .product-thumb {
    text-align: center;
    margin-bottom: 25px;
}

.product-content .content-wrapper .product-thumb a {
    color: #666;
    pointer-events: none;
    cursor: default;
}

.product-content .content-wrapper .product-thumb a .img-wrapper {
    margin: 0 auto;
    text-align: center;
    position: relative;
}

.product-content .content-wrapper .product-thumb a .img-wrapper .img-product {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
    z-index: 2;
}

.product-content .content-wrapper .product-thumb a .text-wrapper {
    text-align: center;
    z-index: 3;
    position: relative;
}

.product-content .content-wrapper .product-thumb a .text-wrapper .btn {
    font-size: 1.125em;
    margin-top: -70px;
    z-index: 2;
    position: relative;
    font-family: "source-han-sans-traditional", helvetica, arial, sans-serif, "Microsoft JhengHei", "Microsoft Yahei", "Hiragino Sans GB";
    font-weight: 100;
}

.product-content .content-wrapper .product-thumb a .text-wrapper .btn .mid {
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.product-content .content-wrapper .product-thumb a .text-wrapper p {
    margin: 0 auto 20px auto;
}

.product-content .content-wrapper .product-thumb a:hover {
    color: #005298;
    text-decoration: none;
}

.product-content .content-wrapper .product-thumb a:hover .text-wrapper .btn .mid {
    padding: 8px 60px;
}

.product-content .content-wrapper .product-thumb a:hover .img-wrapper .img-product {
    padding-bottom: 20px;
}

@media (min-width: 768px) and (max-width: 1024px) {
    .product-content .content-wrapper .product-thumb a {
        font-size: 0.938em;
    }
    .product-content .content-wrapper .product-thumb a .img-wrapper {
        max-width: 280px;
    }
}

@media (max-width: 767px) {
    .product-content .content-wrapper .product-thumb a .img-wrapper {
        width: 100%;
        height: 300px;
    }
    .product-content .content-wrapper .product-thumb a .img-wrapper .img-product {
        max-width: 70%;
        margin: 0 auto;
    }
    .product-content .content-wrapper .product-thumb a .img-wrapper .bg-circle {
        max-width: 80%;
        margin: 0 auto;
    }
    .product-content .content-wrapper .product-thumb a .text-wrapper .btn .mid {
        padding: 10px 20px;
    }
}

.product-content .content-wrapper .product-thumb.theme2 a .text-wrapper .btn {
    font-size: 0.875em;
}

.product-content .content-wrapper .product-thumb.theme2 a .text-wrapper .btn .mid {
    padding: 8px 15px;
}

.product-content .content-wrapper .product-thumb.theme2 a .pack {
    color: #222;
}

.product-content .content-wrapper .product-thumb.theme2 a:hover {
    color: #666;
}

.product-content .content-wrapper .product-thumb.theme2 a:hover .text-wrapper .btn .mid {
    padding: 8px 25px;
}

.product-content .content-wrapper .product-thumb.theme2 a ul {
    text-align: left;
    display: inline-block;
}

.product-content .content-wrapper .product-item .img-wrapper {
    text-align: center;
}

.product-content .content-wrapper .product-item .img-wrapper img {
    margin: 0 auto;
}

@media (max-width: 767px) {
    .product-content .content-wrapper .product-item .img-wrapper img {
        max-width: 250px;
    }
}

.product-content .content-wrapper .product-item .text-wrapper {
    text-align: center;
    padding: 10px 15px;
    margin-top: 15px;
}

.product-content .content-wrapper .product-item .text-wrapper h6 {
    color: #010101;
    font-size: 1.25em;
    font-family: "source-han-sans-traditional", helvetica, arial, sans-serif, "Microsoft JhengHei", "Microsoft Yahei", "Hiragino Sans GB";
    font-weight: 100;
    letter-spacing: 0;
}

.widget-groupPdt {
    padding: 50px 0;
}

.widget-groupPdt .topic .caption {
    font-size: 1.125em;
    font-weight: 100;
}

.widget-groupPdt .topic p {
    color: #010101;
    line-height: 1.6;
    max-width: 990px;
    font-size: 16px;
    margin: 15px auto;
}

.widget-groupPdt .item {
    margin: 30px auto;
}

.widget-groupPdt .item .wrapper {
    padding: 0 5%;
}

.widget-groupPdt .item .img-wrapper,
.widget-groupPdt .item .text-wrapper {
    padding: 20px 0;
}

.widget-groupPdt .item .text-wrapper b {
    color: #005298;
    display: block;
    font-weight: normal;
    text-align: center;
    font-size: 1.125em;
    margin-bottom: 5px;
}

.widget-recipe-special {
    position: relative;
}

.widget-recipe-special:after {
    content: "";
    background: url("../images/home/mask_whiteBg5.png") left bottom repeat-x;
    display: block;
    height: 25px;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: -23px;
    z-index: 2;
}

.widget-recipe-special .container-fluid {
    max-width: 1480px;
    margin: 0 auto;
}

.widget-recipe-special .text-wrapper {
    padding: 100px 0 50px 70px;
}

.widget-recipe-special .text-wrapper .title {
    margin-bottom: 20px;
    position: relative;
}

.widget-recipe-special .text-wrapper .pos-wave {
    position: absolute;
    left: -70px;
    top: 20px;
    z-index: 1;
}

.widget-recipe-special .text-wrapper h1,
.widget-recipe-special .text-wrapper h4 {
    color: #005298;
    position: relative;
    z-index: 2;
}

.widget-recipe-special .text-wrapper h1 {
    font-size: 2.25em;
    font-weight: 100;
    margin: 0;
}

.widget-recipe-special .text-wrapper h4 {
    margin: 0 0 4px 0;
    font-size: 1.5em;
}

.widget-recipe-special .text-wrapper h4 .icon {
    margin-right: 10px;
}

.widget-recipe-special .text-wrapper h4 span {
    font-family: 'evenfallupright', times, serif, helvetica, arial, sans-serif, "Microsoft JhengHei", "Microsoft Yahei", "Hiragino Sans GB";
}

.widget-recipe-special .text-wrapper .content {
    line-height: 1.6;
}

@media (min-width: 768px) and (max-width: 1024px) {
    .widget-recipe-special .text-wrapper {
        padding: 20px 0 20px 70px;
    }
    .widget-recipe-special .text-wrapper .content {
        line-height: 1.5;
    }
}

.widget-recipe-special .img-wrapper {
    text-align: center;
}

.widget-recipe-special .img-wrapper img {
    margin: 0 auto;
}

.widget-recipe-special .btn-wrapper {
    padding-top: 20px;
}

.widget-recipe-special .btn-wrapper .btn.theme1 {
    display: inline-block;
}

@media (min-width: 768px) and (max-width: 1024px) {
    .widget-recipe-special .btn-wrapper {
        padding-top: 10px;
    }
}

@media (max-width: 989px) {
    .widget-recipe-special .container-fluid {
        padding: 0;
    }
    .widget-recipe-special .text-wrapper {
        float: right;
        padding: 40px 20px;
    }
    .widget-recipe-special .text-wrapper .pos-wave {
        display: none;
    }
}

@media (max-width: 767px) {
    .widget-recipe-special .img-wrapper {
        padding: 40px 0px 0;
    }
    .widget-recipe-special .text-wrapper {
        float: right;
        padding: 20px 20px;
    }
    .widget-recipe-special .text-wrapper .pos-wave {
        display: none;
    }
    .widget-recipe-special .btn-wrapper .btn.theme1 {
        display: block;
    }
}

.widget-class {
    background: #fafafa url("../images/home/class_bg.jpg") left bottom repeat-x;
    position: relative;
}

.widget-class:after {
    content: "";
    background: url("../images/home/mask_bg4.png") left bottom repeat-x;
    display: block;
    height: 25px;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: -23px;
    z-index: 2;
}

.widget-class .container-fluid {
    max-width: 1480px;
    margin: 0 auto;
}

.widget-class .text-wrapper {
    padding: 50px 0 50px 70px;
}

.widget-class .text-wrapper .title {
    margin-bottom: 20px;
    position: relative;
}

.widget-class .text-wrapper .pos-wave {
    position: absolute;
    left: -70px;
    top: 20px;
    z-index: 1;
}

.widget-class .text-wrapper h1,
.widget-class .text-wrapper h4 {
    color: #005298;
    position: relative;
    z-index: 2;
}

.widget-class .text-wrapper h1 {
    font-size: 2.25em;
    font-weight: 100;
    margin: 0;
}

.widget-class .text-wrapper h4 {
    margin: 0 0 4px 0;
    font-size: 1.5em;
}

.widget-class .text-wrapper h4 .icon {
    margin-right: 10px;
}

.widget-class .text-wrapper h4 span {
    font-family: 'evenfallupright', times, serif, helvetica, arial, sans-serif, "Microsoft JhengHei", "Microsoft Yahei", "Hiragino Sans GB";
}

.widget-class .text-wrapper .content {
    line-height: 1.6;
}

@media (min-width: 768px) and (max-width: 1024px) {
    .widget-class .text-wrapper {
        padding: 20px 0 20px 70px;
    }
    .widget-class .text-wrapper .content {
        line-height: 1.5;
    }
}

.widget-class .btn-wrapper {
    padding-top: 20px;
}

@media (min-width: 768px) and (max-width: 1024px) {
    .widget-class .btn-wrapper {
        padding-top: 10px;
    }
}

.widget-class .timer {
    padding: 20px 0;
}

.widget-class .timer .topic {
    color: #010101;
    font-weight: 300;
}

.widget-class .timer .topic:after {
    margin-top: 8px;
    background: url("../images/common/split-b.svg") center center no-repeat;
}

.widget-class .timer #clock {
    text-align: center;
}

.widget-class .timer #clock .split-s {
    display: inline-block;
    padding: 0 5px;
    vertical-align: top;
    line-height: 5;
}

.widget-class .timer #clock .split-d {
    display: inline-block;
    border: 1px solid #99bad6;
    border-radius: 110px;
    height: 110px;
    width: 110px;
    line-height: 1;
    padding-top: 20px;
    color: #010101;
}

.widget-class .timer #clock .split-d .item {
    display: block;
    font-family: 'latolight', "source-han-sans-traditional", helvetica, arial, sans-serif, "Microsoft JhengHei", "Microsoft Yahei", "Hiragino Sans GB";
    font-size: 3em;
}

.widget-class .timer svg path {
    fill: #010101;
}

@media (min-width: 768px) and (max-width: 1024px) {
    .widget-class .timer {
        padding: 10px 0;
    }
    .widget-class .timer .topic {
        margin-bottom: 10px;
    }
    .widget-class .timer #clock .split-d {
        border-radius: 80px;
        height: 80px;
        width: 80px;
        padding-top: 15px;
    }
    .widget-class .timer #clock .split-d .item {
        font-size: 1.875em;
    }
}

.widget-class .img-wrapper {
    text-align: center;
}

.widget-class .img-wrapper img {
    margin: 0 auto;
}

.widget-class.theme2 {
    background: #f9f2e8;
    -webkit-mask-image: url(../images/common/maskBg.png);
    mask-image: url(../images/common/maskBg.png);
    -webkit-mask-position: center bottom;
    mask-position: center bottom;
    -webkit-mask-repeat: repeat-x;
    mask-repeat: repeat-x;
}

.widget-class.theme2:after {
    display: none;
}

.widget-class.theme2 .text-wrapper {
    padding: 5% 70px;
}

@media (max-width: 767px) {
    .widget-class.theme2 .text-wrapper {
        padding: 20px 20px;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .widget-class.theme2 .text-wrapper {
        padding: 60px 20px 20px 30px;
    }
    .widget-class.theme2 .text-wrapper .content {
        line-height: 1.5;
    }
    .widget-class.theme2 .text-wrapper h1 {
        font-size: 1.625em;
    }
}

.widget-class.theme2 .text-wrapper .title {
    margin-bottom: 20px;
    position: relative;
}

.widget-class.theme2 .text-wrapper .pos-wave {
    display: none;
}

.widget-class.theme2 .btn.theme1 {
    display: block;
    /*background:$red; color:white; 
  svg path{fill:white;}
  &:hover{
      background:white;color:$red; 
      svg path{fill:$red !important;}
  }*/
}

@media (max-width: 989px) {
    .widget-class .container-fluid {
        padding: 0;
    }
    .widget-class .img-wrapper {
        float: left;
    }
    .widget-class .text-wrapper {
        float: right;
        padding: 40px 20px;
    }
    .widget-class .text-wrapper .pos-wave {
        display: none;
    }
    .widget-class .text-wrapper .content {
        letter-spacing: 0;
    }
    .widget-class .timer #clock .split-d {
        border-radius: 110px;
        height: 95px;
        width: 95px;
    }
    .widget-class .timer svg path {
        fill: white;
    }
}

.news-content {
    position: relative;
    padding: 40px 0;
}

.news-content .mask {
    content: "";
    background: url("../images/home/mask_whiteBg3.png") left bottom repeat-x;
    position: absolute;
    top: -15px;
    display: block;
    height: 25px;
    width: 100%;
    z-index: 2;
}

.news-content .mask.grey {
    background: url("../images/product/mask_grey.png") left bottom repeat-x;
}

.news-content .mask_bottom {
    content: "";
    background: url("../images/home/mask_whiteBg4.png") left bottom repeat-x;
    position: absolute;
    bottom: -15px;
    display: block;
    height: 25px;
    width: 100%;
    z-index: 2;
}

.news-content .topic .caption {
    font-size: 1.875em;
    font-weight: 100;
}

.news-content .topic p {
    color: #010101;
    line-height: 1.6;
    max-width: 990px;
    font-size: 16px;
    margin: 15px auto;
}

.news-content .highlight-news {
    -webkit-box-shadow: 0 1px 6px rgba(100, 100, 100, 0.4);
    -moz-box-shadow: 0 1px 6px rgba(100, 100, 100, 0.4);
    box-shadow: 0 1px 6px rgba(100, 100, 100, 0.4);
    margin: 30px auto 20px auto;
}

.news-content .highlight-news .img-wrapper {
    float: left;
    width: 40%;
}

.news-content .highlight-news .img-wrapper>* {
    vertical-align: middle;
}

.news-content .highlight-news .text-wrapper {
    float: left;
    width: 60%;
}

.news-content .highlight-news .text-wrapper .wrapper {
    padding: 30px 30px 0 30px;
}

.news-content .highlight-news .text-wrapper .caption {
    letter-spacing: 0;
    color: #005298;
    font-size: 1.25em;
    line-height: 1.3;
    font-weight: 500;
    border-bottom: 1px solid #e3e3e3;
    padding-bottom: 10px;
    margin: 0 0 20px 0;
}

.news-content .highlight-news .text-wrapper .btn {
    margin-top: 10px;
}

.news-content .highlight-news .text-wrapper .tag-label {
    margin-top: 10px;
}

.news-content .highlight-news .text-wrapper .tag {
    font-weight: normal;
    font-size: 14px;
    letter-spacing: 0;
    display: inline-block;
    border-radius: 30px;
    background: #f4f4f4;
    float: left;
    margin-right: 5px;
    padding: 3px 10px;
}

.news-content .highlight-news .text-wrapper .tag:hover {
    background: #005298;
    color: white;
    text-decoration: none;
}

@media (max-width: 767px) {
    .news-content .highlight-news .img-wrapper {
        width: 100%;
    }
    .news-content .highlight-news .text-wrapper {
        width: 100%;
    }
    .news-content .highlight-news .text-wrapper .wrapper {
        padding: 20px 15px;
    }
}

.news-content .slick-dots {
    bottom: -35px;
    margin-top: 15px;
}

@media (max-width: 767px) {
    .news-content .slick-prev,
    .news-content .slick-next {
        display: none !important;
    }
}

.section-newsDetail .newsDetail {
    position: relative;
}

.section-newsDetail .newsDetail .mask {
    content: "";
    background: url("../images/home/mask_whiteBg3.png") left bottom repeat-x;
    position: absolute;
    top: -15px;
    display: block;
    height: 25px;
    width: 100%;
    z-index: 2;
}

.section-newsDetail .newsDetail .mask.grey {
    background: url("../images/product/mask_grey.png") left bottom repeat-x;
}

.section-newsDetail .newsDetail .padding-tb-50 {
    padding: 50px 15px;
}

.section-newsDetail .newsDetail .minH {
    min-height: 500px;
}

.section-newsDetail .newsDetail .title {
    font-size: 1.875em;
    font-weight: 100;
    color: #005298;
}

.section-newsDetail .newsDetail .title:after {
    content: "";
    background: url(../images/common/split.svg) center center no-repeat;
    display: block;
    width: 76px;
    height: 8px;
    margin: 10px 0 10px;
}

.section-newsDetail .newsDetail .cssLabel {
    margin-bottom: 15px;
}

.section-newsDetail .newsDetail .tag {
    display: inline-block;
    background: #005298;
    color: white;
    padding: 2px 8px;
    letter-spacing: 0;
    border-radius: 20px;
    margin-right: 5px;
    font-size: 13px;
}

.section-newsDetail .newsDetail .tag:hover {
    background: #e1271d;
    text-decoration: none;
}

.section-newsDetail .newsDetail .hashtag a {
    display: inline-block;
    margin-right: 10px;
}

.section-newsDetail .newsDetail .gallery {
    padding: 30px 0;
}

.section-newsDetail .newsDetail:after {
    content: "";
    background: url("../images/home/mask_whiteBg5.png") left bottom repeat-x;
    display: block;
    height: 25px;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: -23px;
    z-index: 2;
}

.section-newsDetail .related-news {
    padding: 70px 0;
}

.section-newsDetail .related-news .item {
    -webkit-box-shadow: 0.125rem 0.125rem 1.875rem 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0.125rem 0.125rem 1.875rem 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0.125rem 0.125rem 1.875rem 0 rgba(0, 0, 0, 0.1);
}

.section-newsDetail .related-news .item .tag {
    font-size: 0.875em;
    letter-spacing: 0;
    display: inline-block;
    border-radius: 30px;
    background: #f4f4f4;
    float: left;
    margin-right: 5px;
    padding: 3px 10px;
}

.section-newsDetail .related-news .item .tag:hover {
    background: #005298;
    color: white;
    text-decoration: none;
}

.section-newsDetail .related-news .item .title {
    margin-top: 5px;
    clear: both;
}

.section-newsDetail .related-news .item .text-wrapper {
    background: white;
    padding: 20px;
}

.section-newsDetail .related-news .item .btn-wrapper {
    text-align: center;
    margin-top: 20px;
}

@media (max-width: 767px) {
    .section-newsDetail .related-news .slick-prev {
        left: -6px;
    }
    .section-newsDetail .related-news .slick-next {
        right: -6px;
    }
    .section-newsDetail .related-news .item {
        -webkit-box-shadow: 0 0 0 0 transparent;
        -moz-box-shadow: 0 0 0 0 transparent;
        box-shadow: 0 0 0 0 transparent;
    }
}

.news-filter {
    margin-top: 80px;
}

.news-filter .widget-filter {
    text-align: center;
}

.news-filter .widget-filter .btn-filter {
    letter-spacing: 0;
}

.news-filter .widget-filter .btn-filter.active,
.news-filter .widget-filter .btn-filter:hover {
    background: #005298;
}

.news-filter .widget-filter .btn-filter.active a,
.news-filter .widget-filter .btn-filter:hover a {
    color: white;
    text-decoration: none;
}

@media (max-width: 767px) {
    .news-filter .widget-filter .btn {
        display: block;
        border-radius: 0;
        background: #e1271d;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    .news-filter .widget-filter .btn.btn-filter {
        border-radius: 0;
        margin: 0;
        background: #f4f4f4;
    }
    .news-filter .widget-filter .btn.btn-filter.active {
        background: #005298;
    }
    .news-filter .widget-filter .btn.btn-filter.active a {
        color: white;
    }
}

.news-filter .tag:hover {
    text-decoration: none;
}

.news-filter .filter-row {
    margin-top: 30px;
	display:flex;
	flex-wrap:wrap;
}

.news-filter .filter-row .item {
    margin: 15px 0;
}

.news-filter .filter-row .item .core-wrapper {
    -webkit-box-shadow: 0.125rem 0.125rem 1.875rem 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0.125rem 0.125rem 1.875rem 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0.125rem 0.125rem 1.875rem 0 rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    overflow: hidden;
	height:100%;
}

.news-filter .filter-row .item .core-wrapper .img-wrapper {
    overflow: hidden;
}

.news-filter .filter-row .item .core-wrapper img {
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.news-filter .filter-row .item .core-wrapper:hover img {
    -moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

.news-filter .filter-row .item .core-wrapper .tag {
    font-size: 0.875em;
    letter-spacing: 0;
    margin-bottom: 5px;
    display: inline-block;
    border-radius: 30px;
    background: #f4f4f4;
    float: left;
    margin-right: 5px;
    padding: 3px 10px;
}

.news-filter .filter-row .item .core-wrapper .tag:hover {
    background: #005298;
    color: white;
}

.news-filter .filter-row .item .core-wrapper .title {
    margin-top: 10px;
}

.news-filter .filter-row .item .core-wrapper .text-wrapper {
    padding: 20px 15px;
}

.news-filter .filter-row .item .core-wrapper .btn-wrapper {
    text-align: center;
    margin-top: 20px;
}

.widget-filter .time,
.widget-filter .type {
    padding: 10px 15px;
    border-bottom: 1px solid #e9e9e9;
}

.widget-filter .svg {
    min-width: 15px;
}

.widget-filter .svg path {
    fill: #666;
}

.widget-filter .select-option {
    text-align: center;
    color: #666;
}

.widget-filter .title {
    width: 10%;
    float: left;
}

.widget-filter ul.list-inline {
    margin: 0 auto;
    width: 90%;
    float: left;
}

.widget-filter ul li {
    padding: 0 2%;
    display: inline-block;
    border-right: 1px solid #c4c4c4;
}

.widget-filter ul li.active a {
    padding: 3px 10px;
    background: #ddd;
    color: #222;
    border-radius: 40px;
}

.widget-filter ul li:last-child {
    border: none;
}

@media (min-width: 990px) {
    .widget-filter ul li {
        text-align: center;
        float: left;
        width: 16.66666666666667%;
    }
}

.widget-filter ul a {
    color: #666;
}

.widget-filter ul a:active,
.widget-filter ul a:focus {
    text-decoration: none;
}

.widget-filter ul a:hover {
    color: #005298;
    text-decoration: none;
}

@media (min-width: 767px) and (max-width: 990px) {
    .widget-filter .title {
        width: 15%;
    }
    .widget-filter ul.list-inline {
        width: 85%;
    }
    .widget-filter ul li {
        font-size: 0.938em;
        letter-spacing: 0;
        padding: 0 1.5%;
    }
}

@media (max-width: 767px) {
    .widget-filter .navbar-collapse {
        padding: 0;
    }
    .widget-filter ul.list-inline {
        width: 100%;
    }
    .widget-filter ul li {
        display: block;
        margin: 0px 15px;
        padding: 7px 15px;
        border-right: none;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    }
}

.product-list {
    margin: 20px -15px;
}

@media (max-width: 767px) {
    .product-list {
        margin: 20px -5px;
    }
}

.product-list .product-item {
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    display: inline-block;
    vertical-align: top;
}

@media (min-width: 768px) {
    .product-list .product-item {
        width: 31%;
    }
}

.product-list .product-item a {
    color: #010101;
}

.product-list .product-item a:hover,
.product-list .product-item a:active {
    text-decoration: none;
}

.product-list .product-item .product-img {
    padding: 5px;
    text-align: center;
}

.product-list .product-item .product-img img {
    margin: 0 auto;
}

.product-list .product-item .recipe-data {
    z-index: 2;
    padding: 15px;
    background: white;
    text-align: center;
    position: relative;
    -webkit-box-shadow: 0 0px 10px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0px 10px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.3);
}

.product-list .product-item .recipe-data .title {
    color: #010101;
    font-size: 1.25em;
    font-weight: 100;
}

.product-list .product-item .recipe-data .pos-pattern {
    position: absolute;
}

.product-list .product-item .recipe-data .pos-pattern.left-t {
    left: 3px;
    top: 3px;
}

.product-list .product-item .recipe-data .pos-pattern.left-b {
    left: 3px;
    bottom: 3px;
}

.product-list .product-item .recipe-data .pos-pattern.right-t {
    right: 3px;
    top: 3px;
}

.product-list .product-item .recipe-data .pos-pattern.right-b {
    right: 3px;
    bottom: 3px;
}

@media (max-width: 767px) {
    .product-list .product-item {
        padding: 0 25px;
    }
    .product-list .product-item .product-img {
        text-align: center;
    }
    .product-list .product-item .product-img img {
        max-width: 200px;
        margin: 0 auto;
    }
}

.product-list.float .product-item {
    float: left;
}

.section-productDetail .product-list .product-item {
    float: none;
}

.section-productDetail .product-list.float .product-item {
    float: left;
}

video {
    width: 100%;
    height: auto;
    top: -100%;
    bottom: -100%;
    margin: auto;
    position: absolute;
}

.recipe-content {
    padding-top: 25px;
}

.recipe-content .recipe-topic {
    padding-bottom: 2px;
    background: url("../images/common/liner.png") bottom left repeat-x;
    position: relative;
}

.recipe-content .recipe-topic h6 {
    color: #005298;
    font-size: 1.125em;
    font-weight: 500;
    margin: 5px 0;
    display: inline-block;
}

.recipe-list {
    margin: 20px -15px;
}

@media (max-width: 767px) {
    .recipe-list {
        margin: 20px -5px;
    }
}

.recipe-list .widget-more {
    clear: both;
    display: block;
}

@media (min-width: 768px) and (max-width: 1024px) {
    .recipe-list {
        margin: 20px -5px;
    }
    .recipe-list .recipe-item {
        padding: 0 5px;
    }
}

.recipe-list .recipe-item {
    margin-bottom: 20px;
}

.recipe-list .recipe-item .recipe-img {
    position: relative;
}

.recipe-list .recipe-item .recipe-img .news {
    position: absolute;
    left: -3px;
    top: -1px;
    z-index: 2;
}

.recipe-list .recipe-item .recipe-img .timer {
    position: absolute;
    left: 5px;
    bottom: 5px;
    color: white;
    z-index: 2;
    font-size: 0.875em;
    font-family: "source-han-sans-traditional", helvetica, arial, sans-serif, "Microsoft JhengHei", "Microsoft Yahei", "Hiragino Sans GB";
    font-weight: 100;
    letter-spacing: 1px;
}

.recipe-list .recipe-item .recipe-img .video {
    position: absolute;
    right: 5px;
    bottom: 5px;
    z-index: 2;
}

.recipe-list .recipe-item .recipe-img:after {
    content: "";
    background: url("../images/recipe/recipe_mask.png") left bottom repeat-x;
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.recipe-list .recipe-item a {
    color: #010101;
}

.recipe-list .recipe-item a:hover,
.recipe-list .recipe-item a:active {
    text-decoration: none;
}

.recipe-list .recipe-item a:hover .recipe-data {
    background: #66b0b3;
    color: white;
}

.recipe-list .recipe-item a:hover .recipe-data .title {
    color: white;
}

.recipe-list .recipe-item .item-wrapper {
    -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

.recipe-list .recipe-item .item-wrapper .recipe-img {
    overflow: hidden;
}

.recipe-list .recipe-item .item-wrapper .recipe-img img {
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.recipe-list .recipe-item .item-wrapper .recipe-img:hover img {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.recipe-list .recipe-item .recipe-data {
    background: white;
    text-align: center;
    position: relative;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.recipe-list .recipe-item .recipe-data .text-container {
    padding: 15px;
}

.recipe-list .recipe-item .recipe-data .title {
    color: #010101;
    font-weight: 400;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

@media (min-width: 768px) and (max-width: 1024px) {
    .recipe-list .recipe-item .recipe-data .title {
        letter-spacing: 0;
        font-size: 0.938em;
    }
}

.recipe-list .recipe-item .recipe-data .author {
    font-size: 0.875em;
    font-family: "source-han-sans-traditional", helvetica, arial, sans-serif, "Microsoft JhengHei", "Microsoft Yahei", "Hiragino Sans GB";
}

.recipe-list .recipe-item .recipe-data .pos-pattern {
    position: absolute;
}

.recipe-list .recipe-item .recipe-data .pos-pattern.left-t {
    left: 3px;
    top: 3px;
}

.recipe-list .recipe-item .recipe-data .pos-pattern.left-b {
    left: 3px;
    bottom: 3px;
}

.recipe-list .recipe-item .recipe-data .pos-pattern.right-t {
    right: 3px;
    top: 3px;
}

.recipe-list .recipe-item .recipe-data .pos-pattern.right-b {
    right: 3px;
    bottom: 3px;
}

.recipe-list .recipe-item.theme2 .recipe-img:after {
    display: none;
}

@media (max-width: 767px) {
    .recipe-list .recipe-item {
        padding: 0 5px;
    }
}

.video-popup {
    position: absolute;
    z-index: 2;
    background: rgba(0, 0, 0, 0.8);
    height: 100%;
    width: 100%;
    display: none;
}

.video-popup .container-fluid {
    max-width: 1140px !important;
}

.video-popup .btn-close {
    position: absolute;
    right: -15px;
    top: 15px;
    z-index: 2;
}

@media (min-width: 768px) and (max-width: 1024px) {
    .video-popup .container-fluid {
        max-width: 90%;
    }
}

@media (max-width: 768px) {
    .video-popup .container-fluid {
        top: 30%;
    }
    .video-popup .btn-close {
        right: 15px;
        top: -30px;
    }
}

.widget-videoAd {
    position: relative;
    overflow: hidden;
    background: url("../images/home/videoBg.jpg") center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.widget-videoAd .video-wrapper {
    max-width: 800px;
    margin: 0px auto 30px auto;
}

@media (max-width: 767px) {
    .widget-videoAd .video-wrapper {
        padding: 0;
    }
}

.widget-videoAd .content-wrapper {
    position: relative;
    color: white;
}

.widget-videoAd .content-wrapper img {
    position: absolute;
    left: -20px;
    max-width: 87%;
    top: -50px;
}

.widget-videoAd .content-wrapper h3 {
    font-family: 'evenfallupright', times, serif, helvetica, arial, sans-serif, "Microsoft JhengHei", "Microsoft Yahei", "Hiragino Sans GB";
    margin: 0 0 5px 0;
}

.widget-videoAd .content-wrapper .text-wrapper {
    background: #005298;
    color: white;
    margin-top: 15%;
    padding: 15px;
    border: 3px solid #A48561;
}

@media (max-width: 767px) {
    .widget-videoAd .content-wrapper img {
        width: 80%;
        top: -20px;
    }
    .widget-videoAd .content-wrapper .text-wrapper {
        margin-bottom: 10px;
        padding: 10px;
    }
}

.widget-videoAd .text-center img {
    margin: 20px auto;
}

.widget-videoAd .img-wrapper {
    position: relative;
    text-align: center;
}

.widget-videoAd .img-wrapper img {
    margin: 0 auto;
}

.widget-videoAd .img-wrapper .icon-video {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    opacity: 0.9;
}

@media (max-width: 767px) {
    .widget-videoAd .img-wrapper {
        padding: 0;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .widget-videoAd .img-wrapper {
        padding: 0;
    }
}

@media (min-width: 768px) and (max-width: 990px) {
    .widget-videoAd .container {
        width: 100%;
    }
    .widget-videoAd .content-wrapper img {
        top: -40px;
    }
    .widget-videoAd .content-wrapper .text-wrapper {
        margin-top: 6%;
        font-size: 0.938em;
    }
}

@media (max-width: 767px) {
    .widget-videoAd .video-wrapper {
        margin: 0px auto 20px;
    }
    .widget-videoAd .btn-wrapper {
        margin: 0 auto 20px auto;
        clear: both;
    }
}

.widget-videoAd .video-popup .container-fluid {
    height: 100%;
}

.widget-videoAd .video-popup .embed-responsive-16by9 {
    padding: 0;
    width: 100%;
    height: 100%;
}

.widget-videoAd .video-popup .btn-close {
    right: 30px;
}

@media (min-width: 1280px) {
    .widget-videoAd .video-popup .btn-close {
        right: -15px;
    }
}

.recipe-menu {
    background: #f9f2e8;
    position: relative;
}

@media (min-width: 1024px) {
    .recipe-menu {
        -webkit-mask-image: url(../images/common/maskBg.png);
        mask-image: url(../images/common/maskBg.png);
        -webkit-mask-position: center bottom;
        mask-position: center bottom;
        -webkit-mask-repeat: repeat-x;
        mask-repeat: repeat-x;
    }
}

.recipe-menu.theme2 {
    /*position:relative; background:url("../images/recipe/woodBg.jpg") center center no-repeat;-webkit-background-size: cover;  -moz-background-size: cover;-o-background-size: cover;background-size: cover;
    &:after{content:"";background:url("../images/home/mask_whiteBg3.png") left top repeat-x; position: absolute; bottom: -10px;display:block; height:25px; width:100%; z-index:2;}
*/
}

.recipe-menu .img-wrapper {
    position: relative;
    text-align: center;
}

.recipe-menu .img-wrapper img {
    margin: 0 auto;
    width: 100%;
}

.recipe-menu .img-wrapper .icon-video {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    opacity: 0.9;
}

@media (max-width: 767px) {
    .recipe-menu .img-wrapper {
        padding: 0;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .recipe-menu .img-wrapper {
        padding: 0;
    }
}

.recipe-menu .container-fluid {
    max-width: 1480px;
}

.recipe-menu .cssLabel {
    padding-right: 0;
}

.recipe-menu .text-wrapper {
    padding: 5% 30px;
}

@media (min-width: 768px) and (max-width: 1024px) {
    .recipe-menu .text-wrapper {
        padding: 20px 30px;
    }
}

.recipe-menu .text-wrapper h2 {
    color: #005298;
    font-size: 1.5em;
    position: relative;
}

.recipe-menu .text-wrapper h2 .pos-icon {
    display: inline-block;
    position: absolute;
    top: -10px;
}

.recipe-menu .text-wrapper h2 span {
    font-family: 'evenfallupright', times, serif, helvetica, arial, sans-serif, "Microsoft JhengHei", "Microsoft Yahei", "Hiragino Sans GB";
    font-size: 36px;
    line-height: 0;
    padding-left: 40px;
    display: inline-block;
}

.recipe-menu .text-wrapper h1 {
    color: #010101;
    font-size: 1.875em;
    margin: 0;
    font-weight: 100;
}

.recipe-menu .text-wrapper h1:after {
    content: "";
    background: url("../images/common/split.svg") center center no-repeat;
    display: block;
    width: 76px;
    height: 8px;
    margin: 10px 0;
}

.recipe-menu .text-wrapper .info-wrapper {
    color: #3e3e3e;
    padding: 5px 0 15px 0;
}

.recipe-menu .text-wrapper .widget-timer,
.recipe-menu .text-wrapper .widget-level {
    padding: 0;
}

.recipe-menu .text-wrapper .widget-timer .icon {
    max-height: 16px;
    margin-right: 0;
}

.recipe-menu .text-wrapper .widget-timer svg path {
    fill: #3e3e3e;
}

.recipe-menu .text-wrapper .widget-level .list-inline {
    display: inline-block;
}

.recipe-menu .text-wrapper .widget-level .list-inline li {
    padding: 0 1px;
}

.recipe-menu .text-wrapper .widget-level .list-inline li.active svg path {
    fill: #005298;
}

.recipe-menu .text-wrapper .widget-author {
    border-width: 1px 0;
    border-style: dotted;
    padding: 10px 0;
    border-color: #e3e3e3;
    margin: 20px auto;
}

.recipe-menu .text-wrapper .widget-author .author-name {
    font-family: "source-han-sans-traditional", helvetica, arial, sans-serif, "Microsoft JhengHei", "Microsoft Yahei", "Hiragino Sans GB";
    color: #010101;
    margin-top: 5px;
}

@media (min-width: 768px) and (max-width: 1024px) {
    .recipe-menu .description {
        font-size: 0.875em;
    }
    .recipe-menu .text-wrapper .widget-author {
        font-size: 0.813em;
        margin: 10px auto;
    }
    .recipe-menu .padding-t-20 {
        padding: 10px 0 0;
    }
    .recipe-menu .widget-social {
        font-size: 0.813em;
    }
}

@media (max-width: 767px) {
    .recipe-menu .text-wrapper h1 {
        font-size: 1.625em;
        font-weight: 300;
    }
    .recipe-menu .text-wrapper .cssLabel {
        color: #3e3e3e;
    }
    .recipe-menu .list-break li {
        margin-bottom: 10px;
    }
}

.recipe-menu .section-thankyou .img-wrapper {
    background: #f9f2e8
}

.recipe-menu .section-thankyou .text-wrapper {
    background: url("../images/class/thankBg.jpg") top left repeat;
    color: white;
    padding: 5% 5%;
}

.recipe-menu .section-thankyou .text-wrapper svg path {
    fill: white;
}

.recipe-menu .section-thankyou .text-wrapper h2,
.recipe-menu .section-thankyou .text-wrapper h1 {
    color: white;
}

@media (max-width: 767px) {
    .recipe-menu .section-thankyou .text-wrapper {
        padding: 20px 5% 30px 5%;
    }
    .recipe-menu .section-thankyou .text-wrapper .cssLabel {
        color: white !important;
    }
}

.widget-social span {
    vertical-align: top;
}

.widget-social .list-inline {
    display: inline-block;
}

.widget-social .list-inline .icon {
    max-height: 30px;
}

.widget-social .list-inline svg path {
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.widget-social .list-inline a:hover svg path {
    fill: #005298;
}

.recipe-detail {
    padding: 40px 0;
}

.recipe-detail .subHeader {
    color: #005298;
    font-size: 1.25em;
    font-weight: 300;
    padding-bottom: 10px;
    background: url("../images/common/liner.png") bottom left repeat-x;
}

.recipe-detail .ingredient .item-row {
    margin-bottom: 20px;
}

.recipe-detail .ingredient .cssLabel {
    color: #010101;
}

.recipe-detail ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    font-family: "source-han-sans-traditional", helvetica, arial, sans-serif, "Microsoft JhengHei", "Microsoft Yahei", "Hiragino Sans GB";
}

.recipe-detail ul li {
    margin: 0 auto 5px auto;
}

.recipe-detail .number {
    background: #005298;
    border-radius: 30px;
    color: white;
    display: inline-block;
    height: 25px;
    width: 25px;
    text-align: center;
    margin-right: 8px;
}

.recipe-detail .widget-tips {
    margin-top: 20px;
    padding: 5px;
    background: url("../images/common/background-slash.gif") center center repeat;
}

@media (max-width: 989px) {
    .recipe-detail .widget-tips {
        margin-top: 30px;
    }
}

.recipe-detail .widget-tips .wrapper {
    background: #f5f5f5;
    padding: 10px;
}

.recipe-detail .widget-tips .tip-title {
    margin-left: -5px;
    padding: 0;
    position: relative;
}

.recipe-detail .widget-tips .tip-title .pos-item {
    position: absolute;
    left: 200px;
    top: 15px;
    z-index: 1;
}

.recipe-detail .widget-tips .tip-title .thumb-icon {
    margin-bottom: 5px;
    display: inline-block;
    vertical-align: middle;
    max-height: 50px;
}

.recipe-detail .widget-tips .tip-title .thumb-icon svg {
    max-width: 30px;
}

.recipe-detail .widget-tips .tip-title h6 {
    background: #005298;
    color: white;
    height: 60px;
    font-weight: 100;
    line-height: 60px;
    float: left;
    margin: 0;
    font-size: 1.33em;
    padding: 0px 20px;
    display: inline-block;
}

.recipe-detail .widget-tips .tip-title .corner {
    float: left;
}

.recipe-detail .widget-tips .tip-title .corner img {
    max-height: 60px;
}

@media (max-width: 989px) {
    .recipe-detail .widget-tips .tip-title h6 {
        padding: 8px 15px;
        line-height: 2.5;
    }
    .recipe-detail .widget-tips .tip-title .thumb-icon {
        margin-top: -5px;
        display: inline-block;
        vertical-align: top;
    }
    .recipe-detail .widget-tips .tip-title .thumb-icon svg {
        max-width: 30px;
    }
}

@media (max-width: 767px) {
    .recipe-detail .widget-tips .tip-title .pos-item {
        left: 50%;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .recipe-detail .widget-tips .tip-title .pos-item {
        left: 60%;
    }
}

.recipe-detail .widget-tips .tips-item {
    padding: 15px 15px;
    border-right: 1px solid #e3e3e3;
}

.recipe-detail .widget-tips .tips-item .thumb {
    text-align: center;
}

.recipe-detail .widget-tips .tips-item .thumb img {
    max-height: 135px;
    margin: 0 auto;
}

@media (max-width: 767px) {
    .recipe-detail .widget-tips .tips-item .thumb {
        padding: 10px 0 0 15px;
    }
    .recipe-detail .widget-tips .tips-item .thumb img {
        max-width: 100%;
        max-height: 100px;
    }
}

.recipe-detail .widget-tips .tips-item h6 {
    color: #005298;
    font-size: 16px;
    font-weight: 300;
    font-family: "source-han-sans-traditional", helvetica, arial, sans-serif, "Microsoft JhengHei", "Microsoft Yahei", "Hiragino Sans GB";
    margin: 0 0 10px 0;
}

.recipe-detail .widget-tips .tips-item .text-wrapper {
    padding: 10px 0;
}

.recipe-detail .widget-tips .tips-item .text-wrapper p {
    margin: 0 0 3px 0;
    font-size: 14px;
}

.recipe-detail .widget-tips .tips-item .text-wrapper a {
    color: #005298;
}

.recipe-detail .widget-tips .tips-item .text-wrapper a:hover {
    text-decoration: underline;
}

@media (max-width: 767px) {
    .recipe-detail .widget-tips .tips-item .text-wrapper {
        padding: 10px 15px 10px 15px;
    }
    .recipe-detail .widget-tips .tips-item .text-wrapper p {
        font-size: 0.813em;
        letter-spacing: 0;
    }
}

.recipe-detail .widget-tips .tips-item:last-child {
    border: none;
}

@media (max-width: 767px) {
    .recipe-detail .widget-tips .tips-item {
        border-width: 0 0 1px 0;
        border-style: solid;
        border-color: #e3e3e3;
    }
    .recipe-detail .widget-tips .tips-item:last-child {
        border: none;
    }
}

@media (min-width: 990px) {
    .recipe-detail .widget-tips .tips-item {
        padding: 15px 3%;
    }
}

.section-thankmsg {
    position: relative;
}

.section-thankmsg:before {
    content: "";
    background: url("../images/class/mask_whiteBg3.png") left top repeat-x;
    position: absolute;
    top: -25px;
    display: block;
    height: 25px;
    width: 100%;
    z-index: 2;
}

.section-thankmsg .content-msg {
    padding: 50px 0;
    min-height: 300px;
    text-align: center;
}

.widget-form {
    position: relative;
    font-size: 14px;
    font-family: "source-han-sans-traditional", helvetica, arial, sans-serif, "Microsoft JhengHei", "Microsoft Yahei", "Hiragino Sans GB";
}

.widget-form:before {
    content: "";
    background: url("../images/class/mask_whiteBg.png") left top repeat-x;
    position: absolute;
    top: 0;
    display: block;
    height: 25px;
    width: 100%;
    z-index: 2;
}

.widget-form .wrapper {
    padding: 60px 0;
}

.widget-form .form-wrapper {
    padding: 20px;
    background: white;
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.widget-form .form-control {
    border-width: 0 0 1px 0;
    -webkit-box-shadow: 0 0 0 transparent;
    -moz-box-shadow: 0 0 0 transparent;
    box-shadow: 0 0 0 transparent;
}

.widget-form .opt-label {
    border-width: 1px 0 1px 1px;
    border-style: solid;
    border-color: #ddd;
    padding: 0;
    line-height: 36px;
    height: 36px;
}

.widget-form .opt-label span {
    display: inline-block;
    padding: 0 10px;
    letter-spacing: 0;
}

.widget-form label {
    font-weight: 300;
    letter-spacing: 0;
    margin: 0 10px;
}

.widget-form .opt-upload {
    position: relative;
    overflow: hidden;
    display: inline-block;
    padding-left: 0;
}

.widget-form .opt-upload input[type=file] {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    cursor: pointer;
    height: 100%;
}

.widget-form .opt-select {
    padding: 0;
}

.widget-form .opt-select span {
    display: block;
    margin: 0 0 5px 0;
}

.widget-form input,
.widget-form select,
.widget-form textarea {
    letter-spacing: 0;
}

.widget-form .mask {
    content: "";
    background: url("../images/class/mask_whiteBg2.png") left bottom repeat-x;
    display: block;
    height: 25px;
    width: 100%;
    position: absolute;
    bottom: -0px;
    z-index: 2;
}

.widget-form .tnc {
    background: white;
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.widget-form .tnc .panel-heading {
    border-bottom: 1px solid #e3e3e3;
}

.widget-form .tnc .panel-heading a {
    color: #666;
}

.widget-form .tnc .panel-heading a:hover {
    color: #005298;
    text-decoration: none;
}

.widget-form .tnc ul {
    font-size: 13px;
    line-height: 1.6;
    list-style-type: disc;
    padding-left: 20px;
    letter-spacing: 0;
}

.widget-form .wIcon {
    position: relative;
}

.widget-form .wIcon .pos-icon {
    position: absolute;
    left: 5px;
    top: 5px;
    z-index: 2;
    width: 30px;
    text-align: center;
}

.widget-form .wborder {
    border-width: 1px;
    padding-left: 40px !important;
    min-height: 36px;
}

.widget-form .img-upload {
    text-align: center;
    margin: 5px 0;
    border: 1px dotted #ccc;
    border-radius: 3px;
    padding: 5px;
}

@media (max-width: 767px) {
    .widget-form .tnc {
        margin-top: 15px;
    }
    .widget-form .form-control {
        padding: 5px 0px;
    }
    .widget-form .form-group:first-child {
        margin-bottom: 0px;
    }
    .widget-form .descriptionPanel .list-break li .cssLabel {
        padding: 0;
    }
    .widget-form .opt-select span {
        display: block;
    }
    .widget-form .opt-label {
        border-width: 0;
    }
    .widget-form .opt-label span {
        padding: 0;
        display: block;
    }
    .widget-form .opt-upload {
        margin-top: 5px;
        padding: 0;
    }
}

.recipe-archive {
    padding: 0;
}

.recipe-archive .content-wrapper {
    padding: 30px 15px;
}

.recipe-archive .section-content {
    max-width: 880px;
    margin: 0 auto;
}

.recipe-archive .album-list {
    padding: 30px 0;
}

.recipe-archive .album-list .photo-frame {
    margin: 10px;
    height: 180px;
    overflow: hidden;
    position: relative;
}

.recipe-archive .album-list .photo-frame img {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.recipe-archive .list-break {
    text-align: left;
    max-width: 620px;
    margin: 15px auto 0;
}

.recipe-archive .divider {
    margin-top: 30px;
}

.recipe-archive h6 {
    font-size: 1.125em;
    color: #3e3e3e;
    text-align: center;
    margin: 40px auto 10px;
    font-weight: 300;
}

.recipe-archive .img-wrapper {
    position: relative;
}

.recipe-archive .mask {
    content: "";
    background: url(../images/class/mask_whiteBg.png) left top repeat-x;
    position: absolute;
    top: 0;
    display: block;
    height: 25px;
    width: 100%;
    z-index: 2;
}

.recipe-archive .mask-bottom {
    content: "";
    background: url(../images/home/mask_whiteBg3.png) left bottom repeat-x;
    position: absolute;
    bottom: -5px;
    display: block;
    height: 25px;
    width: 100%;
    z-index: 2;
}

.recipe-related {
    padding: 60px 0;
    position: relative;
}

.recipe-related.theme3 {
    background: #f9f9fb;
    padding: 0 0 60px 0;
}

.recipe-related.theme2,
.recipe-related.theme4 {
    background: url("../images/recipe/related-bg.jpg") left top repeat;
    margin-top: 50px;
    position: relative;
}

.recipe-related.theme5 {
    background: #f9f2e8;
	background-size: 100% 100%;
    position: relative;
}

.recipe-related .mask {
    background: url("../images/common/grid-mask.png") left top repeat-x;
    display: block;
    height: 40px;
    width: 100%;
    margin-top: -70px;
    z-index: 2;
}

.theme5 .mask {
    background: url("../images/home/grid-mask-green.png") left top repeat-x;
    display: block;
    height: 40px;
    width: 100%;
    margin-top: -70px;
    z-index: 2;
}


.theme5 .recipe-list .recipe-item .recipe-data .text-container{
	height:80px;
	display:flex;
	justify-content:center;
	align-items:center;
}


.theme5 .recipe-list .recipe-item .recipe-data .title{
	font-weight:200;

}
.recipe-list .recipe-item .more-news a{
	color: #005298;
}

.recipe-related.theme5  h2.topic {
    font-size: 1.875em;
    letter-spacing: 10px;
    margin-bottom: 30px;
}

.btn.theme9{
	margin:auto;
	width:25%;
	padding:8px 15px;
	color:#005298;
	border:1px solid #005298;
	display: block;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
	font-size:1.25em;
	font-weight:300;
}

.btn.theme9 path{
	fill: #005298;
}

.btn.theme9:hover{
	background-color: #005298;
	color: white;
}

.btn.theme9:hover path{
	fill: white;
}

.btn.theme9 .icon {
    margin-right: 10px;
    max-height: 33px;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.btn.theme9:hover .icon{
	margin-right: 20px;
}

.more-news.btn-wrapper{
	margin-top:20px;
}

@media (max-width: 990px){
    .btn.theme9 {
        width:100%;
    }
}

.recipe-related.theme4 {
    margin-top: 0px;
}

.recipe-related.theme4 .mask {
    background: url("../images/common/mask_grey_upside.png") left top repeat-x;
}

@media (max-width: 767px) {
    .recipe-related.theme4 .mask {
        margin-top: -20px;
    }

	.theme5 .recipe-list .recipe-item .recipe-data .title{
	font-size:1.25em;
	}

	.theme5 .recipe-list .recipe-item .recipe-data .text-container{
	height:75px;
	}
}

.recipe-related .topic {
    margin-top: 40px;
}

@media (max-width: 767px) {
    .recipe-related.theme4 {
        padding: 0;
        margin-top: -10px;
    }
    .recipe-related.theme3 {
        padding: 0 0 30px 0;
    }
    .recipe-related.theme2 {
        margin-top: 10px;
    }
}

.recipe-related .widget-more a {
    color: #005298;
}

.widget-facebookAd {
    position: relative;
}

.widget-facebookAd a {
    color: #666;
}

.widget-facebookAd h2 {
    color: #3b5998;
    font-family: 'evenfallupright', times, serif, helvetica, arial, sans-serif, "Microsoft JhengHei", "Microsoft Yahei", "Hiragino Sans GB";
    font-size: 2.25em;
    margin: 0;
}

.widget-facebookAd h6 {
    color: #010101;
    font-size: 1.125em;
    margin: 0 0 10px 0;
}

.widget-facebookAd .mask {
    background: url("../images/class/mask_whiteBg.png") left top repeat-x;
    position: absolute;
    top: 0;
    display: block;
    height: 25px;
    width: 100%;
    z-index: 2;
}

.widget-facebookAd .mask.theme2 {
    background: url("../images/class/mask_whiteBg4.png") left top repeat-x;
}

.widget-facebookAd.theme2 .mask {
    background: url("../images/home/mask_whiteBg6.png") left bottom repeat-x;
}

.widget-facebookAd .pos-text .text-wrapper {
    padding: 0 3% 0 1%;
}

@media (max-width: 1024px) {
    .widget-facebookAd .pos-text .text-wrapper {
        text-align: center;
        padding: 15px 15px 30px;
    }
    .widget-facebookAd .pos-text p {
        max-width: 700px;
        margin: 10px auto 20px;
    }
    .widget-facebookAd h2 {
        font-size: 1.875em;
    }
    .widget-facebookAd h2 svg {
        max-width: 30px;
    }
}

@media (min-width: 1025px) {
    .widget-facebookAd .pos-text {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        width: 100%;
    }
}

.widget-classAd {
    position: relative;
}

.widget-classAd a {
    color: white;
}

.widget-classAd h2 {
    color: white;
    font-size: 3.75em;
    margin: 0;
}

.widget-classAd h2 span {
    font-family: 'evenfallupright', times, serif, helvetica, arial, sans-serif, "Microsoft JhengHei", "Microsoft Yahei", "Hiragino Sans GB";
}

.widget-classAd .btn {
    margin-top: 10px;
}

.widget-classAd h6 {
    color: white;
    font-size: 1.125em;
    margin: 0 0 10px 0;
}

.widget-classAd .mask {
    background: url("../images/class/mask_whiteBg.png") left top repeat-x;
    position: absolute;
    top: 0;
    display: block;
    height: 25px;
    width: 100%;
    z-index: 2;
}

.widget-classAd .mask.theme2 {
    background: url("../images/class/mask_whiteBg4.png") left top repeat-x;
}

.widget-classAd .pos-text .text-wrapper {
    padding: 0 5%;
}

@media (max-width: 768px) {
    .widget-classAd .pos-text {
        color: #005298;
    }
    .widget-classAd .pos-text h2 {
        color: #005298;
        margin: 0 0 10px 0;
    }
    .widget-classAd .pos-text .text-wrapper {
        text-align: center;
        padding: 30px 25px;
    }
    .widget-classAd h2 {
        font-size: 1.875em;
    }
    .widget-classAd h2 svg {
        max-width: 30px;
    }
}

@media (min-width: 1024px) {
    .widget-classAd .pos-text {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        width: 100%;
    }
}

@media (min-width: 768px) and (max-width: 1280px) {
    .widget-classAd h2 {
        font-size: 1.625em;
        margin-bottom: 10px;
    }
}

.widget-productAd {
    position: relative;
}

.widget-productAd a {
    color: white;
}

.widget-productAd h2 {
    color: white;
    font-size: 1.875em;
    margin: 0 0 10px 0;
}

.widget-productAd .btn {
    margin-top: 10px;
}

.widget-productAd h6 {
    color: white;
    font-size: 1.125em;
    margin: 0 0 10px 0;
}

.widget-productAd .mask {
    background: url("../images/class/mask_whiteBg.png") left top repeat-x;
    position: absolute;
    top: 0;
    display: block;
    height: 25px;
    width: 100%;
    z-index: 2;
}

.widget-productAd .mask.theme2 {
    background: url("../images/class/mask_whiteBg4.png") left top repeat-x;
}

.widget-productAd .pos-text .text-wrapper {
    padding: 0 5%;
}

@media (max-width: 768px) {
    .widget-productAd .pos-text {
        color: #005298;
    }
    .widget-productAd .pos-text h2 {
        color: #005298;
        margin: 0 0 10px 0;
    }
    .widget-productAd .pos-text .text-wrapper {
        text-align: center;
        padding: 30px 25px;
    }
    .widget-productAd h2 {
        font-size: 1.875em;
    }
    .widget-productAd h2 svg {
        max-width: 30px;
    }

}

@media (min-width: 1024px) {
    .widget-productAd .pos-text {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        width: 100%;
    }
}

@media (min-width: 768px) and (max-width: 1280px) {
    .widget-productAd h2 {
        font-size: 1.625em;
        margin-bottom: 10px;
    }

}

.widget-breadcrumb {
    -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
    position: relative;
    z-index: 2;
}

.widget-breadcrumb .container-fluid {
    max-width: 1480px;
}

.widget-breadcrumb .breadcrumb {
    background: transparent;
    margin: 0;
    border-top: 1px solid #e3e3e3;
    border-radius: 0;
}

.widget-breadcrumb .breadcrumb a {
    color: #666;
}

.widget-breadcrumb .breadcrumb a:hover,
.widget-breadcrumb .breadcrumb a:active {
    color: #005298;
    text-decoration: none;
}

.widget-breadcrumb .breadcrumb>li+li:before {
    padding: 0 3px;
}

.widget-breadcrumb.theme2 {
    background: #f0f0f0;
    -webkit-box-shadow: 0 0px 0px transparent;
    -moz-box-shadow: 0 0px 0px transparent;
    box-shadow: 0 0px 0px transparent;
}

.section-class .recipe-menu.thankyou {
    background: #ffffff;
}

.section-class .recipe-menu .btn-wrapper {
    padding: 30px 0;
}

.section-class .recipe-menu .btn.theme1 {
    background: #e1271d;
}

.section-class .recipe-menu .btn.theme1:hover {
    background: #005298;
    color: white;
}

.section-class .recipe-menu .btn.theme1:hover svg path {
    fill: white;
}

.section-class .recipe-menu .btn {
    max-width: 300px;
}

@media (max-width: 767px) {
    .section-class .recipe-menu .btn-wrapper {
        padding: 15px 0;
    }
    .section-class .recipe-menu .btn {
        max-width: 100%;
    }
}

.section-page {
    padding: 50px 0;
}

.section-page .content-msg {
    letter-spacing: 0;
}

.section-page .paragraph {
    margin: 0 0 15px 0;
}

.section-page .paragraph .title {
    color: #005298;
    display: block;
}

footer {
    font-size: 0.813em;
    font-weight: 100;
}

footer a {
    color: white;
}

footer a:hover,
footer a:active,
footer a:visited {
    color: white;
    text-decoration: none;
}

footer .footer-wrapper {
    background: #005298;
    color: white;
    padding: 30px 0 15px;
}

footer b {
    font-family: 'AvenirLT85', "source-han-sans-traditional", helvetica, arial, sans-serif, "Microsoft JhengHei", "Microsoft Yahei", "Hiragino Sans GB";
    font-weight: 100;
    margin-bottom: 10px;
    text-transform: uppercase;
    display: block;
}

footer .container-fluid {
    max-width: 1480px;
    margin: 0 auto;
}

footer .list {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

footer .list li {
    display: inline-block;
    float: left;
    margin-right: 10px;
}

footer .copyright {
    text-align: center;
    font-weight: 100;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    padding: 15px 0;
    margin-top: 15px;
}

footer .list-inline li {
    padding: 0;
}

footer .form-control {
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.4);
    color: white;
}

footer .copyright a {
    color: white;
    text-decoration: underline;
}

footer .copyright a:hover {
    color: #e1271d;
}

@media (max-width: 767px) {
    footer {
        font-size: 14px;
    }
    footer .social-grid {
        border-top: 1px solid #005298;
        padding: 20px 15px;
        color: #005298;
    }
    footer .social-grid span {
        width: 50%;
        float: left;
        font-family: 'AvenirLT85', "source-han-sans-traditional", helvetica, arial, sans-serif, "Microsoft JhengHei", "Microsoft Yahei", "Hiragino Sans GB";
        font-weight: 100;
    }
    footer .social-grid ul {
        width: 50%;
        float: left;
        text-align: right;
    }
    footer .social-grid ul .icon svg path {
        fill: #005298;
    }
    footer .subscribe-grid .wrapper {
        padding: 10px 0;
        border-top: 1px solid rgba(255, 255, 255, 0.2);
    }
    footer .list li {
        margin: 0 0 15px 0;
        letter-spacing: 0.5px;
        display: block;
        float: none;
    }
    footer .list li .icon {
        max-width: 23px;
    }
    footer .copyright {
        font-size: 11px;
        margin: 15px -15px 0;
    }
}