@charset "utf-8";
/*@import url(http://fonts.googleapis.com/earlyaccess/cwtexhei.css);
*/
/*====================================================================================
重置 (reset)消除默認樣式和瀏覽器差異，並設置部分標籤的初始樣式
====================================================================================*/
/*html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}
ol,ul{list-style:none}
a{text-decoration: none;}*/

body ,html{ overflow-x:hidden; font-size: 16px;}
body ,label{ color: #333; font-family: "微軟正黑體", Arial, Helvetica, sans-serif, "新細明體";  line-height: 1.7; padding: 0 !important; letter-spacing: 0;}
h1, h2, h3, h4, h5, h6{font-family: "微軟正黑體", Arial, Helvetica, sans-serif, "新細明體"; letter-spacing: 0px;}
h3{font-size: 40px; font-weight: 500; color: #bf0303;}
h3:after {content: ""; font-size: initial;}
small{font-size: 18px; color: #000;}
p{text-align: justify; line-height: 1.7;}
ul,li{list-style-type: none; margin: 0; padding: 0;}
ul.disc li{list-style-type: disc!important; margin: 0 0 0 25px;}
a{text-decoration:none!important;}
a:hover{}
a:focus,button ,input ,select ,textarea{outline: none;}

button{border: none;}

table{width: 100%; }
table th{background-color: #f2d1b8; padding: 20px 10px;}
table th ,table td{border: 1px solid #eee; padding: 10px; text-align: center;}

@media screen and (max-width: 1200px){
h3{font-size: 32px;}
}

@media screen and (max-width: 480px){
h3{font-size: 23px;}
}

/*====================================================================================
bs原生css 重訂義
====================================================================================*/
.img-responsive{ display:inline;}
p{margin: 0 !important; padding: 0 !important;}

/*大banner*/
/*二側黑遮照移除*/
.carousel-control.right ,.carousel-control.left{background-image: none;}
/*arrow*/
.carousel-control .fa-angle-left,.carousel-control .fa-angle-right {font-size: 90px; position: absolute; top: 43%; z-index: 5; display: inline-block; color: #fff; text-align: center; line-height:1.2;}
.carousel-control .fa-angle-left:hover ,.carousel-control .fa-angle-right:hover {color: #fff;}
.carousel-control .fa-angle-left {left: 25%;margin-left: -10px;}
.carousel-control .fa-angle-right {right: 25%; margin-right: -10px;}
/*point*/
.carousel-indicators {bottom: 0;}
.carousel-indicators li {width: 15px; height: 15px; background-color: rgba(255,255,255,0); border: 2px solid #bf0303; margin: 0;}
.carousel-indicators .active {width: 15px;height: 15px;background-color: #bf0303; margin: 0;}
/*淡入淡出*/
.carousel-fade .carousel-inner .item {
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control {
  z-index: 2;
}
#carousel-example-generic{margin-bottom: 0;}

/*------------------------
原生popup
------------------------*/
.modal-dialog{ padding: 0 auto 20px auto; line-height:1.7; width: 1000px; z-index:9001; position: relative; top: 30px;}
.modal-dialog .close{ font-size: 25px; color: #fff; text-shadow: 0 1px 0 #fff; position: relative; z-index: 9999; right: 0px; top:0; }
.modal-content{ overflow: hidden; width: 100%;}
}

@media screen and (max-width: 1680px){
.carousel-control .fa-angle-left,.carousel-control .fa-angle-right {font-size: 90px; position: absolute; top: 40%;}
}
@media screen and (max-width: 1240px){
/*modal-dialog*/
.modal-dialog{ width: 90%; margin: 0 auto;}
}   
@media screen and (max-width: 1024px){
.carousel-control .fa-angle-left,.carousel-control .fa-angle-right {font-size: 80px; position: absolute; top: 43%;}
.carousel-control .fa-angle-left {left: 40%;margin-left: -10px;}
.carousel-control .fa-angle-right {right: 40%; margin-right: -10px;}

}

@media screen and (max-width: 768px){
.carousel-control .fa-angle-left,.carousel-control .fa-angle-right{display: none;}
.container{max-width: none!important;}
}

@media screen and (max-width: 620px){
.carousel-indicators li {width: 12px;height: 12px; margin: 0 2px;}
.carousel-indicators .active {width: 12px;height: 12px; margin: 0 2px;}
}


/*====================================================================================
購買版型原生css 重訂義
====================================================================================*/
#cboxOverlay{background-color:rgba(0,0,0,0.6);}


a {
    cursor: pointer;
    text-decoration: none;
    color: #bf0303;
    transition: all 0.25s ease 0s;
    -moz-transition: all 0.25s ease 0s;
    -webkit-transition: all 0.25s ease 0s;
    -o-transition: all 0.25s ease 0s;
}

a:hover {
    color: #e85555;
    text-decoration: none;
    transition: all 0.25s ease 0s;
    -moz-transition: all 0.25s ease 0s;
    -webkit-transition: all 0.25s ease 0s;
    -o-transition: all 0.25s ease 0s;
}


/*search-box*/
.search-box{display: inline-block; position: relative;}
.search-box i{font-size: 20px; position: absolute; top: -16px; color: #323232;}
.search-box .side-menu-btn ul li a.header-icon{padding: 0 0 0 20px;}
.search-overlay-menu input[type="search"]{font-size: 35px!important;}

/*主選單*/
.nav-menu{float: inherit;}
.nav-menu ul.nav-menu-inner > li > a {padding: 41px 38px;}
.nav-menu ul.nav-menu-inner li a {letter-spacing: 0px;}

.header {top:42px;}
.header .nav-menu ul.nav-menu-inner li a{font-size: 17px; font-weight: 500; font-family: "微軟正黑體", Arial, Helvetica, sans-serif, "新細明體"; 
    transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
    -o-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
    -moz-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
    -webkit-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;}
.header .nav-menu ul.nav-menu-inner .menu-has-sub{color: #333;}
.header .nav-menu ul.nav-menu-inner > li.active a,
.header .nav-menu ul.nav-menu-inner > li a.active,
.header .nav-menu ul.nav-menu-inner > li:hover > a,
.header .nav-menu ul.nav-menu-inner > li > a:hover,
.header.header-dark .nav-menu ul.nav-menu-inner > li.active a,
.header.header-dark .nav-menu ul.nav-menu-inner > li a.active,
.header.header-dark .nav-menu ul.nav-menu-inner > li:hover > a,
.header.header-dark .nav-menu ul.nav-menu-inner > li > a:hover,
.header.header-dark.header-prepare .nav-menu ul.nav-menu-inner li a.current,
.header.header-dark.header-prepare .nav-menu ul.nav-menu-inner li.current a {
    color: #bf0303;}

.header.header-light .nav-menu ul.nav-menu-inner > li:hover > a,
.header.header-light .nav-menu ul.nav-menu-inner > li > a:hover,
.header.header-prepare .nav-menu ul.nav-menu-inner li a.current,
.header.header-prepare .nav-menu ul.nav-menu-inner li.current a {
    color: #bf0303;}

.header .nav-menu ul.sub-dropdown{background: #bf0303;}
.header .nav-menu ul.sub-dropdown .menu-has-sub{color: #fff;}
.header .nav-menu ul.sub-dropdown .menu-has-sub:hover{color: #fff;}

.header.header-fixed {height: 73px;top:0;}
.header-fixed .logo a { margin-top: -2px;}
.header-fixed .logo a img{ margin-top: 8px;}

.sub-dropdown > li > a{font-size: 15px!important;}
.sub-dropdown{width: 235px!important;}

/* Mobile bar icon */
.nav-bar-icon, .nav-mobile.nav-bar-icon, .header-fixed .nav-bar-icon{float: left;}
header .nav-bar-icon > span, header .nav-bar-icon > span:before, header .nav-bar-icon > span::after, header.header-dark .nav-bar-icon > span, header.header-dark .nav-bar-icon > span:before, header.header-dark .nav-bar-icon > span::after, header.header-dark.header-prepare .nav-bar-icon > span, header.header-dark.header-prepare .nav-bar-icon > span:before, header.header-dark.header-prepare .nav-bar-icon > span::after
{background-color: #bf0303;}
header.header-light .nav-bar-icon > span, header.header-light .nav-bar-icon > span:before, header.header-light .nav-bar-icon > span::after, header.header-prepare .nav-bar-icon > span, header.header-prepare .nav-bar-icon > span:before, header.header-prepare .nav-bar-icon > span::after
{background-color: #bf0303;}

/*owl-controls*/
.nf-carousel-theme .owl-controls .owl-buttons .owl-prev, .nf-carousel-theme .owl-controls .owl-buttons .owl-next{width: 50px; height: 50px; font-size: 60px;}
.content-carousel .owl-controls .owl-buttons .owl-prev, .content-carousel .owl-controls .owl-buttons .owl-next, .image-slider .owl-controls .owl-buttons .owl-prev, .image-slider .owl-controls .owl-buttons .owl-next, .fullwidth-slider .owl-controls .owl-buttons .owl-prev, .fullwidth-slider .owl-controls .owl-buttons .owl-next, .nf-carousel-theme .owl-controls .owl-buttons .owl-prev, .nf-carousel-theme .owl-controls .owl-buttons .owl-next
{background: rgba(191,3,3,0);}
.content-carousel .owl-controls .owl-buttons .owl-prev, .content-carousel .owl-controls .owl-buttons .owl-next, .image-slider .owl-controls .owl-buttons .owl-prev, .image-slider .owl-controls .owl-buttons .owl-next, .fullwidth-slider .owl-controls .owl-buttons .owl-prev, .fullwidth-slider .owl-controls .owl-buttons .owl-next, .nf-carousel-theme .owl-controls .owl-buttons .owl-prev, .nf-carousel-theme .owl-controls .owl-buttons .owl-next
{color: #bf0303;}
.content-carousel .owl-controls .owl-buttons .owl-prev:hover, .content-carousel .owl-controls .owl-buttons .owl-next:hover, .image-slider .owl-controls .owl-buttons .owl-prev:hover, .image-slider .owl-controls .owl-buttons .owl-next:hover, .fullwidth-slider .owl-controls .owl-buttons .owl-prev:hover, .fullwidth-slider .owl-controls .owl-buttons .owl-next:hover, .nf-carousel-theme .owl-controls .owl-buttons .owl-prev:hover, .nf-carousel-theme .owl-controls .owl-buttons .owl-next:hover
{color: #e04545;}

/*inner-intro*/
.inner-intro {
    padding: 100px 0 0 0;
    background-color: #f7f7f7;
    display: block;
    position: relative;
}
.inner-intro .img{ width: 100%; height: 500px; overflow: hidden; background-repeat: no-repeat; background-position: center top; background-size: cover;}
.inner-intro .img img{ width: 100%; height: auto;}

    .inner-intro.inner-intro-small {
        height: 500px;
    }

    .inner-intro .container {
        position: relative;
        height: 100%;
        display: table;
    }

        .inner-intro .container .title {
            padding-bottom: 65px;
            padding-top: 65px;
            display: table-cell;
            vertical-align: middle;
            text-align: center;
        }

.full-intro .inner-intro .container .title h2 {
    margin-top: 65px;
}

.inner-intro .container .title .separator {
    margin-right: auto;
    margin-left: auto;
}

.inner-intro .container .title h2 {
        font-size: 40px;
        color: #fff;
        font-weight: 500;
        letter-spacing: 0;
        position: relative;
        padding: 0 0 15px 0;
    }

.inner-intro .container .title h2::before{
        position: absolute; 
        content: '';  
        width: 95px;  
        height: 1px; 
        background: #fff; 
        left: 50%;  
        bottom: 0; 
        transform: translateX(-50%);
    }

/*page-breadcrumb*/
.page-breadcrumb {
    background: rgba(255,255,255,0.9);
    padding: 0px 18px 20px 18px;
    /*display: inline-block;*/
    color: #323232;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    text-align: left;
}
    .page-breadcrumb i{font-size: 16px; vertical-align: middle;}
    .page-breadcrumb a, .page-breadcrumb span {
        display: inline-block;
        padding-left: 8px;
        padding-right: 8px;
    }

    .page-breadcrumb span {
        color: #999;
    }
/*container-filter*/
.container-filter {
    margin: 30px 0 0 0;
    padding: 0 0 15px 0;
    text-align: center;
}
    .container-filter li {
        list-style: none;
        display: inline-block;
        margin: 0 0 20px 0;
        width: 200px;
    }

        .container-filter li a {
            display: block;
            margin-left: 10px;
            margin-right: 10px;
            padding: 5px 12px;
            text-transform: uppercase;
            font-size: 17px;
            border: none;
            background-color: #ffcfcf;
            font-family: "微軟正黑體", Arial, Helvetica, sans-serif, "新細明體";
            font-weight: 500;
            letter-spacing: 0;
        }
        .container-filter li a:hover{
                background-color: #ef9d9d;
                color: #333;
        }

            .container-filter li a.active {
                background-color: #bf0303;
                color: #fff;
            }

.tabs .nav a{font-size: 18px; font-weight: 500;}





 @media screen and (max-width: 1200px){
.nav-menu ul.nav-menu-inner > li > a {padding: 41px 20px;}
.container-filter .less{width: 135px;}
.nf-col-4 .nf-item{width: 33.3%!important; max-width: 33.3%!important;}
}

 @media screen and (max-width: 1024px){
.search-box{display:block;}
.search-box i{ top: 35px; right: 20px;}
.search-box .side-menu-btn ul li a.header-icon{padding: 0;}

.header .nav-menu ul.sub-dropdown{background: rgba(34,34,34,0.9); font-size: 16px;}
.header .nav-menu ul.nav-menu-inner .menu-has-sub{color: #fff; font-size: 16px!important;}
.header .nav-menu ul.nav-menu-inner > li.active a, .header .nav-menu ul.nav-menu-inner > li a.active, .header .nav-menu ul.nav-menu-inner > li:hover > a, .header .nav-menu ul.nav-menu-inner > li > a:hover, .header.header-dark .nav-menu ul.nav-menu-inner > li.active a, .header.header-dark .nav-menu ul.nav-menu-inner > li a.active, .header.header-dark .nav-menu ul.nav-menu-inner > li:hover > a, .header.header-dark .nav-menu ul.nav-menu-inner > li > a:hover, .header.header-dark.header-prepare .nav-menu ul.nav-menu-inner li a.current, .header.header-dark.header-prepare .nav-menu ul.nav-menu-inner li.current a
{color: #eee; font-size: 17px!important;}
.nav-menu ul.nav-menu-inner > li > a{padding: 25px 20px;}
.nav-menu ul.nav-menu-inner li a, .header-fixed .nav-menu ul.nav-menu-inner li a{border-top: 1px solid #888;  }
.sub-dropdown{width: auto!important;}
.header.header-fixed{height: 64px;}

.nav-bar-icon, .nav-mobile.nav-bar-icon, .header-fixed .nav-bar-icon{position: relative; z-index: 9999;}

.inner-intro{height: auto; padding: 65px 0 0 0;}
}

 @media screen and (max-width: 991px){
.inner-intro .img{height: 230px !important; }
.inner-intro .container .title h2 {font-size: 35px;}
.container-filter li {width: 170px;}
}
 @media screen and (max-width: 768px){
.inner-intro .img{height: 150px !important;}
.inner-intro .container .title h2 {font-size: 30px;}

/*container-filter*/
.container-filter {
    text-align: left;
    margin: 0;
}
    .container-filter li {
        width: 49%;
        text-align: center;
    }
        .container-filter li a {
            margin-left: 2%;
            margin-right: 2%;
        }
.container-filter .less{width: 32.7%;}
.nf-col-2 ,.nf-col-3 ,.nf-col-4{width: 100%!important; max-width: 100%!important;}
.nf-col-2 .nf-item ,.nf-col-3 .nf-item,.nf-col-4 .nf-item{width: 50%!important; max-width: 50%!important;}
}

@media screen and (max-width: 620px){
.nf-col-2 .nf-item{width: 100%!important; max-width: 100%!important;}
.nf-row2 .nf-item.spacing, .nf-item.spacing, .nf-row2 .grid-sizer.spacing, .spacing-box{padding: 15px;}
}

 @media screen and (max-width: 480px){
.inner-intro .img{height: 100px !important ;}
.inner-intro .container .title h2 {font-size: 20px; padding: 0 0 10px 0;}
.container-filter .less{width: 49%;}
}





/*====================================================================================
布局（global）将页面分割为几个大块，通常有头部、主体、主栏、侧栏、尾部
====================================================================================*/

/*in-footer-link*/
.in-footer-link{background: url(../img/index/footer-link-bg.gif) repeat center top; }
.in-footer-link .row{width: 1350px; margin: 0 auto;}
.in-footer-link .item{text-align: center; display: block;}
.in-footer-link .item-box{width: 280px; height: 280px; border-radius: 99em; background-color: #bf0303; text-align: center; display: inline-block; padding: 70px 0 0 0;
    background: #c00404; /* Old browsers */
    background: -moz-linear-gradient(top, #fe5e5e 0%, #c00404 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #fe5e5e 0%,#c00404 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #fe5e5e 0%,#c00404 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fe5e5e', endColorstr='#c00404',GradientType=0 ); /* IE6-9 */ }
.in-footer-link .item-box h4{font-size: 25px; font-weight: 500; color: #fff;}

/*post-footer-link*/
.post-footer-link{ }
.post-footer-link .row{width: 1200px !important; margin: 0 auto;}
.post-footer-link .item{text-align: center; display: block; padding-right: 15px; padding-left: 15px;}
.post-footer-link .item-box{width: 100%; border-radius: 1em; background-color: #bf0303; text-align: center; display: inline-block; padding: 20px 0;
    background: #ffc4c4; /* Old browsers */
    background: -moz-linear-gradient(top, #fff 0%, #ffc4c4 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #fff 0%,#ffc4c4 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #fff 0%,#ffc4c4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#ffc4c4',GradientType=0 ); /* IE6-9 */ 
    display:flex;
    align-items:center;
    justify-content:center;
  }
.post-footer-link .item-box h4{font-size: 25px; font-weight: 500; color: #bf0303; width: 47%; margin: 0 0 0 1%; display: inline-block;}
.post-footer-link .item-box .item-img{width: 45%; display: inline-block;}
.post-footer-link .item-box img{width: 100%;}


@media screen and (max-width: 1480px){
/*in-footer-link*/
.in-footer-link .row{width: 85%;}
.in-footer-link .item{padding: 0 5px;}
.in-footer-link .item-box{width: 210px; height: 210px; padding: 45px 0 0 0;}
.in-footer-link .item-box h4{font-size: 20px;}
.in-footer-link .item-box img{max-width: 70%;}

/*post-footer-link*/
.post-footer-link .row{width: 80% !important;}
.post-footer-link .item-box h4{font-size: 20px; width: 55%;}
.post-footer-link .item-box .item-img{width: 40%;}
}

@media screen and (max-width: 1200px){
/*in-footer-link*/
.in-footer-link .row{width: 80%;}
.in-footer-link .item-box{width: 170px; height: 170px; padding: 35px 0 0 0;}
.in-footer-link .item-box h4{font-size: 18px; }

/*post-footer-link*/
.post-footer-link .item-box h4{font-size: 18px;}
}

@media screen and (max-width: 991px){
/*in-footer-link*/
.in-footer-link .row{width: 100%;}
.in-footer-link .item-box{width: 165px; height: 165px; padding: 35px 0 0 0;}
.in-footer-link .item-box h4{font-size: 18px; }

/*post-footer-link*/
.post-footer-link .item-box h4{font-size: 21px;}
}

@media screen and (max-width: 768px){
/*in-footer-link*/
.in-footer-link .item-box{width: 200px; height: 200px;}

}

@media screen and (max-width: 620px){
/*in-footer-link*/
.in-footer-link .item-box{width: 150px; height: 150px; padding: 25px 0 0 0;}

/*post-footer-link*/
.post-footer-link .item-box {display:block; padding: 10px 0;}   
.post-footer-link .item-box h4{font-size: 22px; width: 100% !important; display: block !important;}
.post-footer-link .item-box .item-img{width: 100% !important; display: block !important;}
.post-footer-link .item-box .item-img img{width: 45%;}
}

@media screen and (max-width: 480px){
/*post-footer-link*/
.post-footer-link .item-box h4{font-size: 18px;}
}

/*----------------------------*/
/* FOOTER        
/*----------------------------*/

.footer { background-color: #f44848; position: relative;  width: 100%; display: block; text-align: center;}
.footer dt{height: 30px; font-size: 20px; font-weight: 500;margin: 0 0 30px 0; color: #f44848; position: relative; line-height: 2;}
.footer dt:before{content: ""; width: 35px; height: 2px; background: #f44848; position: absolute; bottom:-30%;}
.footer-bg{background: url(../img/common/footer-bg.jpg) no-repeat 0 bottom;}
.footer .row{width: 1350px; margin: 0 auto;}

.footer-info {display: inline-block; vertical-align: top;  padding: 0 40px;}
.footer-info .logo{margin: 10px 0 0 0;}
.footer-info .logo img{margin: 0 0 5px 0;}

.followus{margin: 20px 0 30px 0;}
.followus .title{font-size: 18px; font-weight: 500; color: #fff;}
.followus .list{width: 100%;}
.followus .list a{width:38px; height:38px; margin: 10px 0 0 0; display: inline-block; border-radius: 99em; border: 1px solid #fff;}
.followus .list a img{width: 100%;}
.followus .list a:hover{ opacity: 0.7;
    transition: all 0.25s ease 0s;
    -moz-transition: all 0.25s ease 0s;
    -webkit-transition: all 0.25s ease 0s;
    -o-transition: all 0.25s ease 0s;}


/*.footer-map*/
.footer-map{display: inline-block; vertical-align: top;}
.footer-map>dl{color: #fff; text-align: left; font-size: 16px; padding: 0 40px; display: inline-block; vertical-align: top;}
.footer-map dl a{color: #fff; padding: 0 15px 0 0;}
.footer-map dl a:hover { color: #999;}
.footer-map dl a:before{content: "\f101"; font-size: 18px; color: #fff; font-family: 'FontAwesome';}
.footer-map dl a:hover:before { color: #999;}
.footer-map dd{line-height: 2;}
.footer-map .icon-arrow:before{content: "\f101"; font-size: 18px; color: #fff; font-family: 'FontAwesome';}
.footer-map .branch-info .none-icon-arrow a:before {display: none; color: transparent;}

.footer-map dd a {color: #fff; }
.footer-map dd a:hover { color: #d5cbbd;}
.footer-map dd i{width: 21px !important;}
.footer-map dd .push{ padding: 0 0 0 19px; }

.footer .copyright {text-align: center; background-color: #fff; padding: 20px 0; font-size: 13px;}

@media (max-width: 1480px) {
.footer .row{width: 85%;}

.footer-bg{
        -moz-background-size: cover;
        background-size: cover;
        padding: 35px 0 25px 0;}
.footer .container{text-align: center; }
.footer-info{width: 90%; margin: 0;}


/*.footer-branch{width: auto; border-right: 0px solid #b4a287; text-align: left;}
.footer-branch dl{text-align: left;}*/
.footer-map{width: 90%; border-top: 1px solid #ccc; margin: 20px -15px 0 -15px; }
.footer-map>dl{width: 49.5%; height: auto; padding: 20px 15px 0 15px;  border-left: none; position: relative; }
.footer-map dl a:before{content: "\f101"; font-size: 18px; color: #fff; font-family: 'FontAwesome'; position: absolute; right: 15px;}
.footer-map dd{border-bottom: 1px solid #ccc;}
.footer-map .icon-arrow:before{content: "\f101"; font-size: 18px; color: #fff; font-family: 'FontAwesome'; position: absolute; right: 15px;}
.footer-map .branch-info dd{border-bottom:none;}
}

@media (max-width: 991px) {
.footer .row{width: 100%;}
.footer dt{font-size: 18px;}
}

@media (max-width: 640px) {
.footer-info{width: 90%; margin: 0;}
.footer-info img{ width: 120px; }
.footer-map dl{width: 99.5%;}
}

@media (max-width: 430px) {
.footer-info{width: 95%;}
.footer-branch{width: 100%;}
.footer-branch dl{width: auto; padding: 0;}
.footer-map{width: 100%; }
}
/*====================================================================================
模塊+元件(module+unit)導航、菜單、幻燈、圖文列表、登入、注册、評論、搜索+按鈕、標題、輸入框、loading、圖標
====================================================================================*/

/*----------------------------*/
/* 模塊        
/*----------------------------*/
.wrapper .container{}

.logo{float: inherit;}
.logo a {width: 200px; height: 45px; top: 15px; margin: 0 20px;}
.header .logo-mobile{display: none;}
.search-mobile{display: none;}

/*top-nav*/
.top-nav{background-color: #bf0303;}
.top-nav ul{text-align: right;}
.top-nav li{font-size: 15px; display: inline-block; padding: 8px 0; margin: 0 10px;}
.top-nav li i{margin: 0 5px 0 0;}
.top-nav a{color: #fff;
    transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
    -o-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
    -moz-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
    -webkit-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;}
.top-nav a:hover{color: #e7b8b8;}


/*----------------------------*/
/* 元件        
/*----------------------------*/
p {
    line-height:  1.7;
    font-size: 16px;
    font-weight: 500;
    margin: 0px 0 10px 0;
    color: #333;
    letter-spacing: 0;
}

    p.lead, .lead {
        font-size: 18px;
        font-weight: 500;
        line-height: 1.7;
    }
    p.lead span{display: block;}

.hover-fadein:hover{opacity: 0.7;
    transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
    -o-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
    -moz-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
    -webkit-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;}
.inner-intro {
    background-color: #f7f7f7;
    /*height: 290px;*/
    display: block;
    position: relative;
}
.title-main{display: block; margin: 100px auto 60px auto;}

/*btn*/
.btn{font-size: 17px; font-weight: 500; font-family: "微軟正黑體", Arial, Helvetica, sans-serif, "新細明體";}
.btn-radius{border-radius: 2em;}
.btn-lg{padding: 11px 50px!important;}
.btn-space-ptb-10{ padding-top: 10px; padding-bottom: 10px;}
.btn-red {
    color: #fff;
    background: #bf0303;
    border: none;
    
}
    .btn-red:hover {
        color: #fff;
        background: #d14e4e;
    }

.text-line-black{color: #000;}
.text-line-black:hover{color: #bf0303!important;}

.red{color: #bf0303;}

.ptb-10{padding-top: 10px; padding-bottom: 10px;}
.pb-90{padding-bottom: 90px;}
.pt-30{padding-top: 30px;}


/*fixed-nav*/
.fixed-nav {position: fixed; z-index:300; right:2%; top:50%; width: 50px; text-align: center;}
.fixed-nav li {margin: 0 0 5px 0; list-style-type: none; width: 50px; height: 50px;}
.fixed-nav i { font-size: 20px; width: 47px; height: 47px; text-align: center; padding: 20px 0 0 0; border-radius: 99em; background-color: #333; color: #fff; }
.fixed-nav li:hover i{ background-color: #333; color: #fff;}
.fixed-nav li:hover{opacity: 0.7;}

/*.post-header*/
.post-header{}
.post-meta{}
.post-meta .release-date span{font-size: 15px; color: #fff; background-color: #bf0303; padding: 5px 15px; text-align: center;}
.post-meta .follow-me{text-align: right; margin: 0; padding: 0;}
.post-meta .follow-me dl{margin: 0 auto;}
.post-meta .follow-me dd{}
.post-meta .follow-me a{display: inline-block; width: 35px; height: 35px; border: 1px solid #bf0303; border-radius: 99em; background: #fff;}
.post-meta .follow-me a:hover{ border: 1px solid #bf0303; background: #fff;}
.post-title h3{font-size: 35px!important; color: #333!important; line-height: 1.5;}
.post-sub-title h3{font-size: 35px!important; color: #bf0303!important; line-height: 1.5; margin: 0 0 0 25px;}

/*.post-dt*/
.post-dt{}
.post-dt img{margin: 20px auto!important; max-width: 80%; text-align: center; display: block; overflow: hidden;}
.post-dt p{margin: 20px auto!important; font-size: 16px; color: #222; display: block; overflow: hidden;}
.post-dt .lightgallery img{margin: 20px auto!important; max-width: 100%; text-align: center; display: block; overflow: hidden;}

/*panel-group*/
.panel{border: none;}
.panel-group .panel + .panel{margin:15px 0 0 0; }
.panel-default > .panel-heading{border:1px solid #bf0303; padding: 3px 15px 8px 15px; background-color: #fff;}
.panel-group .panel-title{}
.panel-group .panel-title .title{width: 90%; font-size: 18px; display: inline-block; color: #bf0303;  vertical-align: bottom;}
.panel-group .panel-title .fa-minus ,.panel-group .panel-title .fa-plus{float:right; font-size:18px; padding: 13px 0 0 0; color: #bf0303;}
.panel-group .icon-radius{width: 25px; height: 25px; font-size: 15px; text-align: center; margin: 8px 8px 0 0; border-radius: 0.4em; display: inline-block;  vertical-align: top;}
.panel-group .icon-q{background-color: #bf0303; color: #fff; padding:0; margin-top: 10px;}
.panel-group .icon-a{background-color: #fff; color: #e1454d; padding:0; border:1px solid #e1454d;}
.panel-group .panel-body{font-size: 16px; padding-top: 20px;  padding-bottom: 20px; border: 1px solid #ececec; border-top: none;}
.panel-group .panel-body .text{width: 95%; display: inline-block; line-height: 1.8; text-align: justify; vertical-align: bottom;}
.panel-group .panel-body strong{font-size: 18px; color: #bf0303;}

/*post-filter-group*/
.post-filter-group{text-align: right;}
.post-filter-group select{ width: 50%; padding: 10px; font-size: 15px; color: #333; margin-right: -5px; background-color: #fff;}
.post-filter-group button{height: 47px; padding: 0 10px!important;}

/*post-list-group*/
.post-list-group{}
.post-list-group .title{font-size: 18px; color: #bf0303; border:1px solid #bf0303; padding: 3px 15px 8px 15px;}
.post-list-group .body{padding: 0 0 50px 0;}
.post-list-group .body li{position: relative; padding: 10px 0 10px 30px; border-bottom:1px solid #efefef;}
.post-list-group .body li:before{content: "\f101"; font-size: 18px; color: #333333; font-family: 'FontAwesome'; position: absolute; left: 15px; }
.post-list-group .highlight{background-color: #ffe478; color: #bf0303; font-size: 20px; text-align: center; padding: 20px; letter-spacing: 0;}
.post-list-group .highlight i{font-size: 27px; padding: 0 5px 0 0; vertical-align: text-bottom;}
.post-list-highlight{color: #bf0303; font-size: 18px; letter-spacing: 0; margin: 0 0 0 10px; padding: 3px 20px; border-radius: 2em; border:1px solid #bf0303; display: inline-block;}
.post-list-highlight i{font-size: 27px; padding: 0 5px 0 0; vertical-align: text-bottom;}
.post-list-text{padding: 20px 0 25px 25px;}

/*video_full*/
.video_full{
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;   
}
.video_full iframe, .video_full object, .video_full embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

@media screen and (max-width: 1200px){
.mt-sm-15{margin-top: 15px;}
.mt-sm-0{margin: 0;}
.title-main{display: block; margin: 70px auto 50px auto;}
.post-dt img{ max-width: 100%;}
.panel-group .panel-title .title{width: 92%;}
.panel-group .panel-body .text{width: 92%;}
}

@media screen and (max-width: 1024px){
.wrapper .container{width: 100%;}
.header .logo{display: none;}
.header .logo-mobile{display: block; transform: scale(0.8,0.8); transform-origin: center top; margin: 14px 0 0 0; position: relative; right: 15px;}
.search-table{display: none!important;}
.search-mobile{display: block;}
.search-mobile i{color: #bf0303; font-size: 20px; float: right; position: relative; top: -36px; right: 14px;}
}

@media screen and (max-width: 991px){
.post-title h3{font-size: 25px!important; }  
.post-sub-title h3{font-size: 25px!important; }
}

@media screen and (max-width: 768px){
p.lead span{display: inline;}
.title-main{margin: 50px auto 40px auto;}
.panel-group .panel-title .title{width: 86%;}
.panel-group .panel-body .text{width: 86%;}
/*.post-filter-group*/
.post-filter-group{text-align: left;}
.post-filter-group select{ width: 80%;}
.post-filter-group button{width: 19%;}
}

@media screen and (max-width: 480px){
.title-main{margin: 40px auto 20px auto;}
.panel-group .panel-title .title{width: 80%;}
.panel-group .panel-body .text{width: 80%;}
}
/*====================================================================================
首頁 index
====================================================================================*/

/*index-ad----------------------------------*/
.index-ad {top:100px; position: relative;}
.index-ad .img{ width: 100%; height: 800px; overflow: hidden; background-repeat: no-repeat; background-position: center top; background-size: cover;}
.index-ad .img img{ width: 100%; height: auto;}

/*in-pro*/
.pro-item{position: relative; overflow: hidden; text-align: center;}
.pro-item .item-title {height: 100%; width: 100%; position: absolute; bottom: -80%;}
.pro-item h4{background-color: #bf0303; color: #fff; font-size: 25px; font-weight: 500; padding: 10px 20px; display: inline-block;}

/*video_full*/
.video_full{
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;   
}
.video_full iframe, .video_full object, .video_full embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/*pro-intro 德國原裝製造  趨於完美、近乎苛求*/
.pro-intro{padding: 0 0 60px 0; position: relative; background: url(../img/index/pro-intro-bg.jpg) no-repeat center top; 
        -moz-background-size: cover;
        background-size: cover;
        background-attachment: fixed !important;}
.pro-intro .main-pic{text-align: center; top: 0; z-index: 98; position: relative;}
.pro-intro .info-right{z-index: 99; position: absolute; left: 13%; top: 25%;}
.pro-intro .info-right [class*='item-']{display: block; margin:70px 0; text-align: left;}
.pro-intro .info-right [class*='item-'] .msg{display: inline-block; position: relative; top: 10px; float: left; margin: 0 20px 0 0;}
.pro-intro .info-right [class*='item-'] .icon{display: inline-block;}
.pro-intro .info-right [class*='item-'] .line{display: inline-block; margin-left:-9px;}
.pro-intro .info-left{z-index: 99; position: absolute; right: 13%; top: 25%;}
.pro-intro .info-left [class*='item-']{display: block; margin:70px 0; text-align: left;}
.pro-intro .info-left [class*='item-'] .msg{display: inline-block; position: relative; top: 10px; float: right; margin: 0 0 0 20px;}
.pro-intro .info-left [class*='item-'] .icon{display: inline-block; margin-left:-8px;}
.pro-intro .info-left [class*='item-'] .line{display: inline-block;}
.pro-intro h5{font-size: 22px; width: 185px;}
.pro-intro p{font-size: 16px; font-weight: 500; width: 185px; color: #000; letter-spacing: 0;}


/*chef-recommend 名廚推薦*/
.chef-recommend {background: url(../img/index/chef-recommend-bg.gif) repeat center top; }
.chef-recommend .row{width: 1350px; margin: 0 auto;}
.chef-recommend .item{position: relative;}
.chef-recommend .item:nth-child(odd){margin: 0 0 0 0;}
.chef-recommend .item:nth-child(even){margin-top: 60px!important;}
.chef-recommend .item-mt60{margin-top: 60px!important;}
.chef-recommend .item-info{width: 227px; height: 100px; position: absolute; bottom: 30px; left: 50%; margin: 0 0 0 -114px;}
.chef-recommend .label{background: url(../img/index/chef-recommend-label.png) no-repeat center top; display: block; width: 227px; height: 100px; padding: 31px 0 0 0;}
.chef-recommend .label img{max-width: 100%;}
.chef-recommend .text-s{font-size: 13px; text-align: center; color: #fff; line-height: 1;}
.chef-recommend .text-b{font-size: 18px; text-align: center; color: #fff; line-height: 1;}


/*cooking-class 烹飪課程報名*/
.cooking-class { display: block; position: relative;}
.cooking-class .img{width: 100%; height: 650px; overflow: hidden; background-repeat: no-repeat; background-position: left top; background-size: cover; display:flex; align-items:center;}
.cooking-class .img img{ width: 100%; height: auto;}
.cooking-class .info{text-align: center; width: 350px; position: relative; left: 470px;}
.cooking-class .info h3{}
.cooking-class .info p{font-size: 18px; font-weight: 500; color: #000; text-align: center; margin: 40px 0!important; display: block;}

/*in-news 最新消息*/
.in-news{background: url(../img/index/chef-recommend-bg.gif) repeat center top; }
.in-news .row{width: 1350px; margin: 0 auto;}
.in-news .news-item{border-radius: 1em; border: none; position: relative; margin: 0 20px; overflow: hidden; background-color: #fff; }
.in-news .news-item .item-info{padding: 13px 20px 5px 20px;}
.in-news .news-item .release-date{width: 20%; margin: 6px 5% 0 0; display: inline-block; vertical-align: top; }
.in-news .news-item .release-date .year{font-size: 15px; color: #bf0303; line-height: 1; text-align: right;}
.in-news .news-item .release-date .day{font-size: 38px; color: #bf0303; line-height: 1; text-align: right;}
.in-news .news-item .msg{width: 72%; height: 3.2em; font-weight: 500; display: inline-block; overflow: hidden; vertical-align: top!important;}
.in-news .news-item .msg h3{ font-size: 23px; font-weight: 500; line-height: 1.2; }
.in-news .news-item .msg h4{ font-size: 17px; font-weight: 500; }
.owl-carousel .owl-controls .owl-page span{border: #bf0303; background: #bf0303;}
.owl-carousel .owl-controls .owl-page.active span{border: #bf0303; background-color: #bf0303;}

@media screen and (max-width: 1680px){
.index-ad .img{height: 650px;}
.pro-intro .info-right{left: 4%;}
.pro-intro .info-left{right: 4%;}
}

@media screen and (max-width: 1480px){
.pro-intro{height: auto; padding: 0 0 50px 0;}
.pro-intro .main-pic{transform-origin: center 0;}
.pro-intro .info-right{top: 27%;}
.pro-intro .info-right [class*='item-']{margin:50px 0; }
.pro-intro .info-right [class*='item-'] .icon{margin:0 5px;}
.pro-intro .info-right [class*='item-'] .line{display: none;}
.pro-intro .info-left{top: 27%;}
.pro-intro .info-left [class*='item-']{margin:50px 0;}
.pro-intro .info-left [class*='item-'] .icon{margin:0 5px;}
.pro-intro .info-left [class*='item-'] .line{display: none;}
.chef-recommend .row{width: 85%;}
.cooking-class .img{height: 550px;}
.cooking-class .info{left: 400px;}
.in-news .row{width: 85%;}
}

@media screen and (max-width: 1200px){
.pro-item .item-title {bottom: -75%;}
.pro-item h4{font-size: 22px;}
.pro-intro .info-box{width: 100%; display: block; margin: 0 auto 20px auto; top: 17%; text-align: center;}
.pro-intro .info-right{position: inherit; display: inline-block; }
.pro-intro .info-right [class*='item-']{left: inherit;}
.pro-intro .info-right [class*='item-']{margin:5px 0; }
.pro-intro .info-right [class*='item-'] .msg{top: 10px;}
.pro-intro .info-right [class*='item-'] h5{text-align: right;}
.pro-intro .info-right [class*='item-'] p{text-align: right;}
.pro-intro .info-right [class*='item-'] .icon{transform: scale(0.8,0.8); transform-origin: left 0;}
.pro-intro .info-left{position: inherit; display: inline-block; }
.pro-intro .info-left [class*='item-']{right: inherit;}
.pro-intro .info-left [class*='item-']{margin:5px 0;}
.pro-intro .info-left [class*='item-'] .msg{top: 10px;}
.pro-intro .info-left [class*='item-'] .icon{transform: scale(0.8,0.8); transform-origin: right 0;}
.pro-intro h5{font-size: 20px; width: 200px;}
.pro-intro p{font-size: 15px; width: 200px; }

.chef-recommend .row{width: 80%;}
.cooking-class .img{height: 450px;}
.cooking-class .info{left: 270px;}

/*.in-news*/
.in-news .row{width: 80%;}
.in-news .news-item .msg{height: 5em;}
.in-news .news-item h3{ font-size: 20px; }
}

@media screen and (max-width: 1024px){
.index-ad {top:65px;}
.index-ad .img{height: 550px;}
}

@media screen and (max-width: 991px){
.pro-item h4{font-size: 20px;}
.chef-recommend .row{width: 100%;}
.chef-recommend .item-info{width: 190px; height: 100px; margin: 0 0 0 -95px;}
.chef-recommend .label{width: 190px; height: 100px; background: url(../img/index/chef-recommend-label-2.png) no-repeat center top; }

/*in-news*/
.in-news .row{width: 96%;}
.in-news .news-item .release-date{width: 100%; margin: 0 0 10px 0;}
.in-news .news-item .release-date .year{font-size: 15px; display: inline-block; text-align: left;}
.in-news .news-item .release-date .day{font-size: 15px; display: inline-block; text-align: left;}
.in-news .news-item .msg{width: 100%; height: 4em;}
.in-news .news-item h3{font-size: 20px;}
.in-news .news-item h4{font-size: 16px;}
}

@media screen and (max-width: 768px){
.index-ad .img{height: 450px;}
.pro-intro .info-right ,.pro-intro .info-left{position: inherit; display: inline-block; width: 45%;}
.pro-intro .info-box [class*='item-']{left: inherit;}
.pro-intro .info-box [class*='item-']{margin:0; }
.pro-intro .info-box [class*='item-'] .msg{display: block; margin: 0 auto; float:inherit; width: 80%;}
.pro-intro .info-box [class*='item-'] .icon{display: block; text-align: center; transform-origin: center bottom;}
.pro-intro .info-box [class*='item-'] h5{color: #bf0303; text-align: center;}
.pro-intro .info-box [class*='item-'] p{text-align: center;}
.pro-intro h5{font-size: 20px; width: 100%; text-align: center;}
.pro-intro p{font-size: 15px;  width: 100%; text-align: center;}
.chef-recommend .item-info{width: 160px; height: 100px; margin: 0 0 0 -80px; bottom: 10px;}
.chef-recommend .label{width: 160px; height: 100px; background: url(../img/index/chef-recommend-label-3.png) no-repeat center top; }
/*in-news*/
.in-news .news-item .msg{height: 5.5em;}
}

@media screen and (max-width: 700px){
.chef-recommend .row{width: 100%;}
.cooking-class .img{height: 450px;}
.cooking-class .info{width: 300px; }
.cooking-class .info p{font-size: 16px;}
}

@media screen and (max-width: 640px){
.chef-recommend .owl-controls .owl-prev ,.chef-recommend .owl-controls .owl-next{display: none!important;}
.cooking-class .img{height: 450px;}
.cooking-class .info{width: 270px; left: auto; right: -40%;}
.in-news .news-item .msg{height: 4.5em;}
.in-news .owl-controls .owl-prev ,.in-news .owl-controls .owl-next{display: none!important;}
}

@media screen and (max-width: 620px){
.index-ad .img{height: 300px;}
.chef-recommend .row{width: 90%;}
.chef-recommend .item-mt60{margin-top: 0px!important;}
.cooking-class .img{height: 420px;}
.in-news .row{width: 100%;}
}

@media screen and (max-width: 500px){
.pro-item h4{font-size: 19px;}
.pro-intro .info-box [class*='item-'] .msg{width: 90%;}
.pro-intro h5{font-size: 18px; margin: 0;}
.chef-recommend .row{width: 100%;}
.cooking-class .img{height: 350px;}
.cooking-class .info{width: 250px; right: -36%;}
.cooking-class .info p{margin: 20px 0!important; }
}

@media screen and (max-width: 420px){
.chef-recommend .label{transform: scale(0.9,0.9);}
.cooking-class .info{right: -29%;}
.in-news .news-item .msg{height: 5.5em;}
}




/*====================================================================================
news
====================================================================================*/
/*news*/
.news .news-item{border-radius: 1em; border: 1px solid #eee; overflow: hidden; background-color: #fff; }
.news .news-item .item-info{padding: 25px 20px 25px 20px;}
.news .news-item .release-date{width: 20%; margin: 6px 5% 0 0; display: inline-block; vertical-align: top; }
.news .news-item .release-date .year{font-size: 15px; color: #bf0303; line-height: 1; text-align: right;}
.news .news-item .release-date .day{font-size: 38px; color: #bf0303; line-height: 1; text-align: right;}
.news .news-item .msg{width: 72%; height: 10em; font-weight: 500; display: inline-block; overflow: hidden; vertical-align: top!important;}
.news .news-item .msg h3{ font-size: 23px; font-weight: 500; line-height: 1.2; }
.news .news-item .msg h4{ font-size: 17px; font-weight: 500; }

@media screen and (max-width: 1200px){
.news .news-item .msg{height: 11.5em; }
.news .news-item h3{ font-size: 20px; }
}

@media screen and (max-width: 991px){
.news .news-item .release-date{width: 100%; margin: 0 0 10px 0;}
.news .news-item .release-date .year{font-size: 15px; display: inline-block; text-align: left;}
.news .news-item .release-date .day{font-size: 15px; display: inline-block; text-align: left;}
.news .news-item .msg{width: 100%; height: 9em;}
.news .news-item .msg h3{ font-size: 20px; line-height: 1; }
.news .news-item .msg h4{font-size: 16px;}
}

@media screen and (max-width: 768px){
.news .news-item .msg{height: 11em;}
.news .news-item .msg h3{ font-size: 18px;}
.news .news-item .msg h4{font-size: 15px;}
}

@media screen and (max-width: 620px){
.news .news-item .msg{height: auto;}
}


/*====================================================================================
service  顧客服務
====================================================================================*/

/*聯絡我們 contact*/
.contact-block{width: 85%; margin:0 auto;}
.contact-form{float: left!important; font-size: 15px!important; width: 100%;}
.contact-form label{font-size: 16px!important; vertical-align: top; width: 20%;}
.contact-form button{width: 78%;}
.contact-form input{background-color: #f9f9f9; border: 1px solid #ececec; padding: 10px;  width: 78%;}
.contact-form textarea{background-color: #f9f9f9; border: 1px solid #ececec;  width: 78%;}
.contact-info{float: right!important; display: inline-block; vertical-align: top;}
.contact-info dl{font-size: 15px!important; color: #333; text-align: left; display: inline-block; }
.contact-info dt{line-height: 2;}
.contact-info dt{ height: 30px; font-size: 17px; font-weight: 500; margin: 30px 0 20px 0; color: #222; position: relative;}
.contact-info dd {line-height: 1.8;}
.contact-info a {color: #333; }
.contact-info a:hover { color: #bf0303;}
.contact-info .push{ padding: 0 0 0 19px; }

@media (max-width: 991px) {
.contact-form{float: right; border-top: 1px solid #e9e9e9; padding: 35px 0 0 0;}
.contact-form label{width: 100%;}
.contact-form button{width: 100%;}
.contact-form input{width: 100%;}
.contact-form textarea{width: 100%;}
.contact-info{float: left;}
}

@media (max-width: 768px) {
.contact-block{width: 95%;}
}


/*====================================================================================
sales-base  銷售據點
====================================================================================*/

.sales-base .item-info .title{font-size: 18px; color: #bf0303; border:1px solid #bf0303; padding: 3px 15px 8px 15px;}
.sales-base .item-info ul{}
.sales-base .item-info label{width: 90px; font-size: 16px; text-align: center; vertical-align: top; border-radius: 2em; border:1px solid #bf0303; padding: 2px!important; margin-right: 10px;}
.sales-base .item-info p{width: 68%; font-size: 16px; display: inline-block; margin: 8px 0 0 0!important;}

.sales-base #my-map .modal-body{padding: 0px;}

.sales-base #my-traffic{}
.sales-base #my-traffic .modal-body{padding: 50px!important;}
.sales-base #my-traffic dt{font-size: 20px; margin: 10px 0;}
.sales-base #my-traffic dd{margin: 0 0 10px 0;}
.sales-base #my-traffic label{font-size: 16px;color: #fff; background-color: #bf0303; border-radius: 2em; padding: 2px 20px!important;}
.sales-base #my-traffic p{font-size: 16px; display: block; margin:0!important;}

@media (max-width: 768px) {
.sales-base #my-traffic .modal-body{padding: 20px!important;}
}


/*====================================================================================
 about  關於我們
====================================================================================*/
.span-lg-block{display: block;}
.float-lg-left{float: left;}
.float-lg-right{float: right;}

.about [class*=about-info-] dl{width: 27%; font-size: 16px; text-align: center; margin: 0 1.2%; padding: 50px 30px 40px 30px; background-color: #fff; border: 1px solid #bf0303; border-radius: 2em; display: inline-block; vertical-align: top;}
.about [class*=about-info-] dt{font-size: 26px; font-weight: 500; margin: 0 0 20px 0;}
.about [class*=about-info-] dd{line-height: 1.8;}

.about .about-info-1{padding: 0px; margin: 0 auto 70px auto; position: relative;}
.about .about-info-1 .msg{z-index: 10; position: relative;}
.about .about-info-1 .img{width: 680px!important; position: absolute; z-index: -1; left: -160px;}
.about .about-info-1 dl{height: 19em; }

.about .about-info-2{background-color: #f4f4f4; padding: 20px 0 100px 0; position: relative;}
.about .about-info-2 .msg{z-index: 10; position: relative;}
.about .about-info-2 .img{width: 570px!important; position: absolute; z-index: 0; top: 100px; right: -50px;}
.about .about-info-2 dl{height: 16em; }

.about .about-info-3{padding: 0px; margin: 0 auto 20px auto!important; position: relative; text-align: center!important; width: 80%;}
.about .about-info-3 .msg{z-index: 10; position: relative; }
.about .about-info-3 .img{width: 600px!important; position: absolute; z-index: -1; left: -50px; bottom: -30px;}
.about .about-info-3 dl{height: 31em; margin-bottom:40px; padding: 30px 30px 20px 30px;}
.about .about-info-3 dt{font-size: 23px; margin: 30px 0 20px 0;}
.about .about-info-3 .push{margin-left:30.4%; }

/*品質認證*/
.about .post-filter-group .select1{width: 35%;}
.about .post-filter-group .select2 ,.about .post-filter-group .select3{width: 25%;}
.about [class*=col-]{margin-bottom: 30px;}
.about .item-info{height: 5em;}

@media (max-width: 1640px) {
.about .about-info-1 dl{height: 19em; padding: 30px 20px 20px 20px; }
.about .about-info-2 dl{height: 15em; padding: 30px 20px 20px 20px; }
.about .about-info-3 dl{padding: 30px 20px 20px 20px; }
}

@media (max-width: 1440px) {
.about .about-info-1 .img{width: 640px!important; top: 70px;}
.about .about-info-1 dl{height: 21em;}
.about .about-info-3{width: 100%;}
}

@media (max-width: 1240px) {
.about [class*=about-info-] dt{font-size: 22px;}

/*.about .post-filter-group*/
.about .post-filter-group{text-align: left;}
.about .post-filter-group .select1{width: 40%;}
.about .post-filter-group .select2 ,.about .post-filter-group .select3{width: 25%;}
.about .post-filter-group button{width: 10%; height: 47px;}
}

@media (max-width: 1199px) {
.about [class*=about-info-] dl{width: 99%; height: auto; margin: 0 0 20px 0 ;}
.about .about-info-1{margin: 0 auto 50px auto; }
.about .about-info-1 .img{width: 780px!important; left: -270px; top: 70px;}

.about .about-info-2{margin: 0 auto 25px auto; padding: 20px 0 50px 0;; }
.about .about-info-2 .img{width: 670px!important; right: -140px; top: 180px;
}
.about .about-info-3 .img{left: -00px; bottom: -80px;}
.about .about-info-3 dl{width: 45%; margin: 0 15px 20px 15px; height: 34em; }
.about .about-info-3 .push{margin-left:0; }
.about .about-info-3 .push2{margin-left:47.4%; }
}

@media (max-width: 991px) {
.about [class*=about-info-] dl{width: 27%; margin: 0 1.2%;}
.about .about-info-1 dl{height: 22em;}
.about .about-info-2 dl{height: 16em;}

.about .about-info-3 dl{margin-bottom:40px; height: 37em;}
.about .about-info-3 dt{font-size: 20px;}
.about .about-info-3 .push2{margin-left:0; }

}

@media (max-width: 840px) {
.about .about-info-1 dl{height: 25em;}
.about .about-info-2 dl{height: 18em;}
}

@media (max-width: 768px) {
.about [class*=about-info-] dl{width: 99%; height: auto; margin: 0 0 20px 0 ;}
.about [class*=about-info-] dt{font-size: 20px; margin: 0 0 10px 0;}
.about .about-info-3 dt{margin: 30px 0 20px 0;}

/*.about .post-filter-group*/
.about .post-filter-group .select1{width: 100%;}
.about .post-filter-group .select2 ,.about .post-filter-group .select3{width: 41%;}
.about .post-filter-group button{width: 18%;}
}
@media (max-width: 480px) {
.about .post-filter-group button{width: 17%;}    
}

/*====================================================================================
video-sharing  影片分享
====================================================================================*/
.video-sharing{}
.video-sharing .post-filter-group .select1{width: 50%;}
.video-sharing .post-filter-group .select2{width: 35%;}

@media screen and (max-width: 991px){
.video-sharing .post-filter-group{text-align: left;}
.video-sharing .post-filter-group .select1{width: 55%;}
.video-sharing .post-filter-group .select2{width: 35%;}
.video-sharing .post-filter-group button{width: 10%;}
}

@media screen and (max-width: 768px){
}

@media screen and (max-width: 620px){
.video-sharing .post-filter-group .select1{width: 100%;}
.video-sharing .post-filter-group .select2{width: 80%;}
.video-sharing .post-filter-group button{width: 19%;}
}


/*====================================================================================
cookbook-sharing  食譜分享
====================================================================================*/

.cookbook-sharing-step li{margin: 15px 0; overflow: hidden;}
.cookbook-sharing-step strong{font-size: 20px; color: #bf0303; padding: 10px 0 5px 25px;}
.cookbook-sharing-step p{font-size: 16px; padding: 5px 0 25px 25px!important; display: block;}

@media screen and (max-width: 991px){
.cookbook-sharing-step img{max-width: 94%; float: right;}
}


/*====================================================================================
product  產品介紹
====================================================================================*/
/*看更多商品*/
.recommend-pro{background-color: #eee;}


/*submenu----------------------------*/
.accordion h6{font-size: 16px;}
.accordion-title.active{color: #bf0303;}
.accordion-section{border: none; border-bottom: 1px solid #f1f1f1;}

/*product----------------------------*/
.product .nf-item.spacing{padding: 10px;}
.product .post-filter{padding: 0 10px;}
.product .item-box{box-shadow: 0 1px 2px rgba(71,73,72,.2);}
.product .item-box:hover{cursor: pointer; box-shadow: 0 1px 2px rgba(71,73,72,.4);}
.product .item-box:hover img{
/*    transform:scale(1.1);*/
    opacity: 0.7;
    transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
    -o-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
    -moz-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
    -webkit-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;}

.product .item-info{padding: 10px;}
.product .item-info h3{font-size: 14px; height: 3.2em; overflow: hidden; line-height: 1.8; color: #000;s}
.product .item-info del{font-size: 13px; color: #888; text-decoration: line-through;}
.product .item-info .special-price{font-size: 18px; color: #bf0303;}


/*product-dt----------------------------*/
.product-dt .item-info{padding:0;}
.product-dt .item-info h3{font-size: 16px; line-height: 1.8; color: #000;}
.product-dt .item-info p{font-size: 14px;}
.product-dt .tag-rectangle{ font-size: 12px; line-height: 1; color: #ff9933; border: 1px solid #ff9933; margin: 0 0 15px 0; padding: 4px; text-align: center; display: inline-block;}
.product-dt .item-info del{font-size: 13px; color: #888; text-decoration: line-through; display: block;}
.product-dt .item-info .special-price{font-size: 25px; color: #bf0303;}

.product-dt .btn-add ,.product-dt .btn-checkout{ padding: 11px 0px!important; width: 100%!important; font-size: 16px; color: #fff;  border: none; margin: 10px 0 5px 0; display: inline-block; text-align: center;}
.product-dt .btn-add { background:#ff9933; }
.product-dt .btn-checkout{ background: #bf0303; }

/*數量加選器*/
.product-dt .input-group-prepend ,.product-dt .input-group-append{display: inline-block;}
.product-dt .input-group-prepend .btn,.product-dt .input-group-append .btn{display: inline-block; height: 50px; width: 40px; font-size: 25px;}
.product-dt .input-group .form-control{float: inherit; display: inline-block; width: 100px; height: 50px; font-size: 18px; position: relative; top: 12px; font-family: "微軟正黑體", Arial, Helvetica, sans-serif, "新細明體";}


/*product-dt .item-info-tab*/
.product-dt .item-info-tab .accordion-title {font-size: 14px; padding: 15px 0;}
.product-dt .item-info-tab .accordion-title span{display: inline-block; width: 45%; }
.product-dt .item-info-tab .accordion-title img{max-width: 18px;}
.product-dt .item-info-tab .accordion-title.active{color: #333;}
.product-dt .item-info-tab .text-left{text-align: left;}
.product-dt .item-info-tab .text-right{text-align: right;}
.product-dt .item-info-tab .accordion-content{font-size: 14px!important; background: #f7f8fa; padding: 15px;}
.product-dt .item-info-tab .accordion-content p{font-size: 14px;}

.product-dt .item-info-tab .payment-shipping{}
.product-dt .item-info-tab .payment-shipping .title{ padding-left: 6px!important; color: #4a4e5c; line-height: 1; font-weight: bold; border-left: 3px solid #4a4e5c; margin: 20px auto 17px auto!important; display: block;}
.product-dt .item-info-tab .payment-shipping .title:first-child{margin: 0 auto 17px auto!important;}

.product-dt .item-info-tab .salepage-feature{}
.product-dt .item-info-tab .salepage-feature .title{color: #888b94!important; display: block; margin: 10px auto 5px auto!important;}
.product-dt .item-info-tab .salepage-feature .title:first-child{margin: 0 auto 10px auto!important;}

.salepage-community a{color: #428bca!important;}
.salepage-community i{color: #428bca!important;}


/*nav-tab*/
.nav-tab .nav-tab-link.active {
    background: #ffffff;
    border-top: 3px solid #4a4e5c;
    color: #4a4e5c;
    border-bottom: transparent;
    border-left: 1px solid #d8d8d8;
    border-right: 1px solid #d8d8d8;}

.nav-tab .nav-tab-ul {
  border-bottom: 1px solid #d8d8d8;
  background: rgba(247, 248, 250, 0.85);
}
.nav-tab .nav-tab-ul:before, .nav-tab .nav-tab-ul:after {
  content: "";
  display: table;
  clear: both;
}
.nav-tab .nav-tab-ul.fix-nav-tab {
  position: fixed;
  background-color: rgba(247, 248, 250, 0.85);
}
.nav-tab .nav-tab-li {
  display: block;
  float: left;
  margin-bottom: -1px;
  position: relative;
}
.nav-tab .nav-tab-link {
  color: #666666;
  display: block;
  font-size: 1em;
  line-height: 1.5;
  padding: 12px 30px;
}

.nav-tab .nav-tab-link.active {
  background: #ffffff;
  border-top: 3px solid #4a4e5c;
  color: #4a4e5c;
  border-bottom: transparent;
  border-left: 1px solid #d8d8d8;
  border-right: 1px solid #d8d8d8;
}

/*salepage-detail-info*/
.salepage-detail-info iframe{margin: 20px auto; display: block;}
.salepage-detail-info img{margin: 20px auto; display: block;}
.salepage-detail-info p{font-size: 15px; margin: 20px auto!important;}

/*salepage-more-recommendation*/
.salepage-more-recommendation {overflow: hidden;}
.salepage-more-recommendation .nav{
    background: #f7f8fa;
    border-bottom: 1px solid #d4d9de;
}
.salepage-more-recommendation .nav a{color: #999999; font-size: 15px; background-color: transparent; border-bottom: 3px solid #f7f8fa; height: 45px;}
.salepage-more-recommendation .nav a:hover{color: #4a4e5c; background-color: transparent; }
.salepage-more-recommendation .ui-tabs .ui-tabs-nav .ui-tabs-anchor{padding: 13px 19px 5px 19px;}
.salepage-more-recommendation .ui-tabs .ui-tabs-nav li.ui-tabs-active {
    background:transparent;
    border:none;
    border-bottom: 3px solid #333;
    color: #4a4e5c;
    display: block;
}
.salepage-more-recommendation .nav .open > a,
.salepage-more-recommendation .nav .open > a:hover,
.salepage-more-recommendation .nav .open > a:focus {
        background-color: transparent;
        border-bottom: none;
        color: #4a4e5c;
    }
.salepage-more-recommendation .nav > li> a:active,
.salepage-more-recommendation .nav > li> a:focus {
        background-color: transparent;
        border-bottom: none;
        color: #4a4e5c;
    }
.salepage-more-recommendation .ui-tabs .ui-tabs-panel{padding: 0;}

/*pro-dt-carousel*/
.pro-dt-carousel h4{font-size: 13px!important; line-height: 1.5!important; height: 3em!important; color: #000; overflow: hidden; margin: 0;}
.pro-dt-carousel p{font-size: 13px; color: #bf0303;}
.pro-dt-carousel .nf-col-padding{padding-left: 15px; padding-right: 15px;}
.pro-dt-carousel .item:hover{cursor: pointer;}


@media screen and (max-width: 1199px){
.product .select1 {width: 55%;}
.product .select2 {width: 35%;}
.product button{width: 10%;}
}

@media screen and (max-width: 991px){
.product-dt .input-group{width: 100%;}
.product-dt .input-group-prepend ,.product-dt .input-group-append{width: 14.5%;}
.product-dt .input-group-prepend .btn,.product-dt .input-group-append .btn{width: 100%;}
.product-dt .input-group .form-control{width: 70%; }
/*.product-dt .btn-add ,.product-dt .btn-checkout{ width: 49.3%!important;}*/
}

@media screen and (max-width: 768px){
.product-dt .input-group{width: 100%;}
.product-dt .input-group-prepend ,.product-dt .input-group-append{width: 14.5%;}
.product-dt .input-group-prepend .btn,.product-dt .input-group-append .btn{width: 100%;}
.product-dt .input-group .form-control{width: 70%; }
/*.product-dt .btn-add ,.product-dt .btn-checkout{ width: 49.3%!important;}*/
}

@media screen and (max-width: 620px){
.product .select1 {width: 100%;}
.product .select2 {width: 80%;}
.product button{width: 19%;}
}



/*====================================================================================
教學課程
====================================================================================*/
/*師資介紹*/
/*list*/
.chef-item{position: relative;}
.chef-info{width: 227px; height: 100px; position: absolute; bottom: 10%; left: 50%; margin: 0 0 0 -114px;}
.chef-label{background: url(../img/index/chef-recommend-label.png) no-repeat center top; display: block; width: 227px; height: 100px; padding: 31px 0 0 0;}
.chef-label img{max-width: 100%;}
.chef-text-s{font-size: 13px; text-align: center; color: #fff; line-height: 1;}
.chef-text-b{font-size: 18px; text-align: center; color: #fff; line-height: 1;}
/*dt*/
.chef-info-dt{}

/*報名課程*/
.registration-course{}
.course-highlight-info{font-size: 30px; text-align: center; color: #bf0303;}
.course-sub-info{font-size: 25px; }
.course-info{border-radius: 1em; background-color: #fafafa; padding: 50px 40px;}
.course-info p{line-height: 2;}
.course-info a{color: #333;}
/*篩選器 */
.course-filter{width: 100%; border: solid 1px #eee; display: inline-block; margin: 0 0 30px 0;}
.course-filter dl{width: 100%; border-bottom: dotted 1px #bbb; padding: 10px 20px; margin: 0;}
.course-filter dt{width: 6%; color: #888;  display: inline-block; padding: 4px 7px; margin: 3px 5px; vertical-align: middle;}
.course-filter dt.push{margin-top: 9px;}
.course-filter .sub-filter{width: 96%; display: inline-block; vertical-align: top; }
.course-filter dd{font-size: 15px; color: #000; display: inline-block; padding: 4px 7px; margin: 3px 5px; vertical-align: middle;}
.course-filter dd:hover ,.course-filter dd.on{cursor: pointer; background-color: #d01d09; color: #fff;}
.course-filter .form-control{margin: 0!important; padding: 5px!important;}

.mrc-btn-wrap{margin: 0;}
.mrc-controls{position: relative; height: 1px; top: 0;}
.mrc-btn{position: absolute; right: -50px; top: -33px; z-index: 999; padding: 5px;}
.mrc-shadow{height: 0!important;}



/*課程列表*/
.course-list {width: 100%; font-size: 16px; vertical-align: middle; border: solid 1px #ddd; padding: 5px 10px; text-align: center;}
.course-list .title{background-color: #ffd8d4; }
.course-list span{display: block;}
.course-list .field{width: 11%; }
.course-list .field2{width: 16%; }
.course-list .field3{width: 12%; }
.course-list .field3 a{color: #333;}
.course-list .field4{width: 10%; }
.course-list .field5{width: 10%; }
.course-list .field6{width: 13%; }
.course-list .field7{width: 8%; }
.course-list .field8{width: 8%; }
.course-list .field9{width: 10%; }

/*活動花絮*/
.activity-tricks-item{border-radius: 1em; border: 1px solid #eee; overflow: hidden; background-color: #fff; }
.activity-tricks-item .item-info{padding: 25px 20px 15px 20px;}
.activity-tricks-item .item-info h3{ font-size: 23px; font-weight: 500; line-height: 1.2; }

@media screen and (max-width: 1199px){
/*篩選器 */
.course-filter dt{width: 30%; }
.course-filter .sub-filter{width: 94%;}
/*課程列表*/
.course-list {border: none; }
.course-list .title{display: none;}
.course-list .item { padding: 20px 10px; margin-bottom: 20px; display: block; width: 100%; background-color: #fafafa;}
.course-list td{padding: 5px;}
.course-list .item [class*=field]{width: 100%; color: #000;  border: none;display: block; overflow: hidden; position: relative; text-align: left;}
.course-list .item [class*=field]:before {content: attr(data-title) ""; text-transform: uppercase; width:90px; color: #888;  float: left; margin: 0 10px 0 0;}
.course-list .item [class*=field] span{display: inline-block;}
.activity-tricks-item .item-info{height: 6.8em;}
}

@media screen and (max-width: 991px){
.chef-info{width: 190px; height: 100px; margin: 0 0 0 -95px;}
.chef-label{width: 190px; height: 100px; background: url(../img/index/chef-recommend-label-2.png) no-repeat center top; }
.chef-info-dt .chef-info{width: 227px; height: 100px; position: absolute; bottom: 10%; left: 50%; margin: 0 0 0 -114px;}
.chef-info-dt .chef-label{background: url(../img/index/chef-recommend-label.png) no-repeat center top; display: block; width: 227px; height: 100px; padding: 31px 0 0 0; }
.activity-tricks-item .item-info{height: 6em;}
.activity-tricks-item .item-info h3{ font-size: 20px; }
}

@media screen and (max-width: 768px){
.chef-img {text-align: center;}
.chef-img img{transform: scale(0.85,0.85);}
.chef-info{bottom: 12%;}
.course-highlight-info{font-size: 23px; }
.course-sub-info{font-size: 21px; }
.course-info{padding: 25px 10px;}
.course-filter dl{padding: 10px 10px; }
.course-filter dt{padding: 4px 7px; margin: 3px 2px;}
.course-filter .sub-filter{width: 87%;}
.course-filter dd{padding: 4px 7px; margin: 3px 2px;}
.activity-tricks-item .item-info h3{ font-size: 18px; }

.mrc-btn{ right: -11%;}
}

@media screen and (max-width: 620px){
.activity-tricks-item .item-info{height: auto;}
}

@media screen and (max-width: 560px){
.chef-img img{transform: scale(1,1);}
.chef-info{bottom: 6%;}
/*dt*/
.chef-info-dt .chef-img img{transform: scale(0.9,0.9);}
.chef-info-dt .chef-info{bottom: 10%;}
}

@media screen and (max-width: 480px){
.chef-info{bottom: 2%;}
.chef-label{transform: scale(0.9,0.9); background: url(../img/index/chef-recommend-label-3.png) no-repeat center top;}

.course-filter .sub-filter{width: 84%;}
.mrc-btn{ right: -15%;}
}



/*日曆課程套件*/
.fc-event, .fc-event-dot{background-color: #d01d09!important;}
.fc-scroller, .fc-day-grid-container{height: auto!important;}
.fc-toolbar .fc-left{position: absolute; margin-top: 10px;}
.fc-day-grid-event .fc-content{  padding: 2px 0!important;  background-color: #d01d09!important;}
.fc-day-grid-event .fc-content:hover{ background-color: #e35a4b;}
.fc-content{border: none!important;}
.fc-day-grid-event{border: none!important;}
.fc-time{overflow: hidden!important; display: none!important;}

@media screen and (max-width: 702px){
.fc-center h2{font-size: 20px;}
.fc-icon-right-single-arrow:after{left: -5px;}
.fc-icon-left-single-arrow:after{left: -5px;}
.fc-button-group button{width: 40px;}
a.fc-more{  background-color: #d01d09!important; color: #fff!important; padding: 0 10px!important; font-size: 17px!important; margin: 0!important; height: 30px!important; overflow: hidden!important;}
.fc-day-grid-event .fc-content{  padding: 6px 2px!important;}
}



/*tab-main*/
.tab-main .nav-tabs > li > a{width: 170px; text-align: center; background-color: #fff;  border: 1px solid #d01d09; border-radius: 4px 4px 4px 4px;}
.tab-main  .nav-tabs{border: none; text-align: center;}
.tab-main .nav-tabs > li{ display: inline-block; float: none;}
.tab-main .nav-tabs > li.active > a, .tab-main .nav-tabs > li.active > a:hover, .tab-main .nav-tabs > li.active > a:focus{background-color: #d01d09; color: #fff; border: none;}
@media screen and (max-width: 480px){
.tab-main .nav-tabs > li > a{width: 130px;} 
}