@charset "UTF-8";

/* CSS Document */



section, article, aside, footer, header, nav, h2 { display:block;}



body { width: 100%; padding: 80px 0 0 0; margin:0 auto; color: #414141; font:1em "Noto Sans TC", "微軟正黑體", sans-serif, Arial; font-weight: 300; background-color: #fff; display: block; position: relative;}

img { border:0;}



/*html, body { height: 100%;}*/



.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}

.clearfix { display: inline-block; }

* html .clearfix { height: 1%; }

.clearfix { display: block; }



div.brk { clear: both;}



.style1-en { color: #663300; font-family: Arial; font-size: 1.8em;}

.style2 { padding: 0 0 10px 0; font-size: 2.2em; font-weight: 500; letter-spacing: 0.1em;}

.style3 { padding: 0 0 10px 0; color: #663300; font-size: 1.4em; font-weight: 400;}

.style4 { font-size: 1.1em; line-height: 1.8em;}





section#breadcakebox { clear: both; width: 100%; padding: 0 calc(50% - 620px) 80px calc(50% - 620px); margin: -5px 0 0 0; background-image: url("../images/sec_breadcakebox_bg.jpg"); background-repeat: no-repeat; background-size: 100% auto; box-sizing: border-box;}



section#products img.breadcakebox-top-pic { width: 100%; height: auto; position: absolute; bottom: 0; left: 0;}





@media screen and (min-width: 1280px) {

    

    #gotop-bt { width: 40px; height: 40px; position: fixed; bottom: 20px; right: 20px; z-index: 9999;}

    

    

    /**************** header ****************/

    

    header#mo { display: none;}

    

    header#pc { width: 100%; height: 89px; padding: 0 calc(50% - 560px); box-sizing: border-box; background-image: url("../images/header_bg.png"); background-repeat: repeat-x; display: flex; justify-content: flex-start; align-items: center; position: fixed; top: 0; left: 0; z-index: 9999;}

    

    header#pc .logo { width: 205px;}

    

    header#pc .nav-icon { display: none;}

    

    header#pc .nav-social-box { width: calc(100% - 205px); display: flex; justify-content: flex-end; align-items: center;}    

    header#pc .nav-social-box nav { width: calc(100% - 190px);}

    header#pc .nav-social-box nav ul { padding: 0; margin: 0; list-style: none; display: flex; justify-content: flex-end; align-items: center;}

    header#pc .nav-social-box nav ul li { padding: 0; margin: 0;}

    header#pc .nav-social-box nav ul li a { padding: 10px 20px; color: #414141; font-weight: 500; text-decoration: none; display: block;}

    header#pc .nav-social-box nav ul li a:hover { color: #fff;}

    header#pc .nav-social-box nav ul li a:active { color: #fff;}

    header#pc .nav-social-box nav ul li a:focus { color: #fff; background-color: #4d2704;}

    header#pc .nav-social-box .social-box { width: 150px; margin: 0 0 0 40px; display: flex; justify-content: center; align-items: center;}

    header#pc .nav-social-box .social-box img { margin: 0 5px;}

    

    

    /**************** banner ****************/

    

    .banner-box { clear: both; width: 100%; position: relative;}

    

    .banner-box img.banner-bottom { width: 100%; height: auto; position: absolute; bottom: 0; left: 0; z-index: 99;}

    

    .banner-box .banner-pic { width: 100%;}

    .banner-box .banner-pic img { width: 100%; height: auto;}

    

    

    /**************** section (about+idea) ****************/

    

    section#about { clear: both; width: 100%; padding: 50px 0; background-image: url("../images/sec_about_bg.jpg"); background-repeat: repeat-y; background-size: 100%;}

    

    section#about .row-1 { width: 100%; padding: 0 calc(50% - 560px); display: flex; justify-content: flex-start; align-items: center; box-sizing: border-box;}

    section#about .row-1 .column-lf { width: 720px; padding: 0 60px; box-sizing: border-box;}

    section#about .row-1 .column-rt { width: calc(100% - 720px);}

    section#about .row-1 .column-rt img { max-width: 100%; height: auto;}

    section#about .row-1 .column-rt-mo { display: none;}

    

    section#about .row-2 { width: 100%; padding: 90px 0 40px 0; display: flex; justify-content: flex-start; align-items: flex-start;}

    section#about .row-2 .column-lf { width: calc(100% - 730px); padding: 0 60px 0 0; text-align: right; box-sizing: border-box;}

    section#about .row-2 .column-lf img { max-width: 100%; height: auto;}

    section#about .row-2 .column-rt { width: 730px; margin: 0 calc(50% - 560px) 0 0;}

    section#about .row-2 .column-rt .photos { width: 100%; margin: 0 0 15px 0; display: flex; justify-content: flex-start;}

    section#about .row-2 .column-rt .photos img.breadspace { width: calc(50% - 20px); margin: 0 20px 0 0;}

    

    

    /**************** section (products) ****************/

    

    section#products { clear: both; width: 100%; overflow: hidden; position: relative;}

    

    section#products .sec-pro-top-bg { width: 100%;}

    section#products .sec-pro-top-bg img { width: 100%; height: auto;}

    

    section#products .sec-pro-content { clear: both; width: 100%; padding: 80px 0 0 0; margin: -5px 0 0 0; background-image: url("../images/sec_products_bg.jpg"); background-repeat: repeat-y; background-size: 100% auto; background-position: center top; box-sizing: border-box;}

    section#products .sec-pro-content .title-en { width: 100%; color: #ff6600; font-size: 1.8em; font-weight: 400; text-align: center;}

    section#products .sec-pro-content .title { width: 100%; margin: 0 0 40px 0; color: #4d2704; font-size: 2.4em; font-weight: 500; letter-spacing: 0.2em; text-align: center;}

    

    section#products .sec-pro-content ul#tabs-pro-class { clear: both; width: 1120px; padding: 0; margin: 0 auto; list-style: none; display: flex; justify-content: center;}

    section#products .sec-pro-content ul#tabs-pro-class li { width: 120px; padding: 0; margin: 0 5px;}

    section#products .sec-pro-content ul#tabs-pro-class li a { width: 100%; padding: 8px 0 10px 0; color: #eee; font-size: 0.8em; line-height: 1em; text-align: center; text-decoration: none; background-color: #414141; display: block;}

    section#products .sec-pro-content ul#tabs-pro-class li a:hover { color: #fff; font-weight: 600;}

    section#products .sec-pro-content ul#tabs-pro-class li a.sel { color: #fff; font-weight: 600;}

    section#products .sec-pro-content ul#tabs-pro-class li .triangle { width: 0px; height: 0px; margin: 0 auto; border-style: solid; border-width: 6px 6px 0 6px; border-color: #414141 transparent transparent transparent; display: none;}

    

    section#products .sec-pro-content .pro-tab-content { clear: both; width: 1120px; padding: 40px 0; margin: 0 auto;}

    /*section#products .sec-pro-content .pro-tab-content > div { display: none;}*/

    section#products .sec-pro-content .pro-tab-content .pro-list-box { width: 100%;}

    section#products .sec-pro-content .pro-tab-content .pro-list-box .arrow-prev { width: 70px; padding: 200px 0 0 0; text-align: left; float: left;}

    section#products .sec-pro-content .pro-tab-content .pro-list-box .arrow-next { width: 70px; padding: 200px 0 0 0; text-align: right; float: right;}

    section#products .sec-pro-content .pro-tab-content .pro-list-box .arrow-prev img, .pro-list-box .arrow-next img { cursor: pointer;}

    section#products .sec-pro-content .pro-tab-content .pro-list-box .list-content { width: 980px; height: 460px; overflow: hidden; float: left;}

    section#products .sec-pro-content .pro-tab-content .pro-list-box .list-content ul.list-box-mo { display: none;}

    section#products .sec-pro-content .pro-tab-content .pro-list-box .list-content ul.list-box { padding: 0; margin: 0; list-style: none; display: block;}

    section#products .sec-pro-content .pro-tab-content .pro-list-box .list-content ul.list-box li { width: 980px; height: 460px; padding: 0; margin: 0; float: left;}

    section#products .sec-pro-content .pro-tab-content .pro-list-box .list-content ul.list-box li .list { width: 225px; margin: 10px; float: left; position: relative;}

    section#products .sec-pro-content .pro-tab-content .pro-list-box .list-content ul.list-box li .list:nth-child(5) { clear: both;}

    section#products .sec-pro-content .pro-tab-content .pro-list-box .list-content ul.list-box li .list .icon-lightbox { width: 40px; position: absolute; top: 10px; right: 0; z-index: 2;}

    section#products .sec-pro-content .pro-tab-content .pro-list-box .list-content ul.list-box li .list .icon-lightbox a { width: 32px; height: 32px; color: #ff6600; font-size: 1.1rem; text-decoration: none; border-radius: 100%; background-color: #fff; display: flex; justify-content: center; align-items: center;}

    section#products .sec-pro-content .pro-tab-content .pro-list-box .list-content ul.list-box li .list .pic { width: 100%;}

    section#products .sec-pro-content .pro-tab-content .pro-list-box .list-content ul.list-box li .list .pic img { width: 100%; height: auto;}

    section#products .sec-pro-content .pro-tab-content .pro-list-box .list-content ul.list-box li .list .text { width: 100%; padding: 10px 0; color: #414141; font-size: 1.2em; font-weight: 300; text-align: center;}

        

    section#products img.breadcakebox-top-pic { width: 1920px; height: auto; position: absolute; bottom: 0; left: 0;}



    .page-products-list { clear: both; width: 100%; display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap;}

    .page-products-list .list-box { width: calc(100% / 5 - 20px); margin: 0 10px 20px 10px; position: relative;}

    .page-products-list .list-box .icon-lightbox { width: 40px; position: absolute; top: 10px; right: 0; z-index: 2;}

    .page-products-list .list-box .icon-lightbox a { width: 32px; height: 32px; color: #ff6600; font-size: 1.1rem; text-decoration: none; border-radius: 100%; background-color: #fff; display: flex; justify-content: center; align-items: center;}

    .page-products-list .list-box a { text-decoration: none; position: relative; z-index: 1;}

    .page-products-list .list-box .pic { width: 100%;}

    .page-products-list .list-box .pic img { width: 100%; height: auto;}

    .page-products-list .list-box .name { width: 100%; padding: 10px 0; color: #414141; font-size: 1.1rem; line-height: 1.2em; text-align: center;}





    .hp-more-bt { clear: both; width: 160px; margin: 0 auto 80px auto;}

    .hp-more-bt a { width: 100%; padding: 8px 0; color: #fff; font-size: 1.1rem; line-height: 1em; text-align: center; text-decoration: none; border-radius: 16px; background-color: #ff6600; display: block;}





    /**************** section (page-products) ****************/

    

    section#page-products { clear: both; width: 100%; overflow: hidden; position: relative;}

    

    section#page-products .sec-pro-content { clear: both; width: 100%; padding: 80px 0 0 0; background-image: url("../images/sec_products_bg.jpg"); background-repeat: repeat-y; background-size: 100% auto; background-position: center top; box-sizing: border-box;}

    section#page-products .sec-pro-content .title-en { width: 100%; color: #ff6600; font-size: 1.8em; font-weight: 400; text-align: center;}

    section#page-products .sec-pro-content .title { width: 100%; margin: 0 0 40px 0; color: #4d2704; font-size: 2.4em; font-weight: 500; letter-spacing: 0.2em; text-align: center;}

    

    section#page-products .sec-pro-content ul#tabs-pro-class { clear: both; width: 1180px; padding: 0; margin: 0 auto; list-style: none; display: flex; justify-content: center;}

    section#page-products .sec-pro-content ul#tabs-pro-class li { width: 140px; padding: 0; margin: 0 5px;}

    section#page-products .sec-pro-content ul#tabs-pro-class li a { width: 100%; padding: 8px 0 10px 0; color: #eee; font-size: 1.1rem; line-height: 1em; text-align: center; text-decoration: none; background-color: #414141; display: block;}

    section#page-products .sec-pro-content ul#tabs-pro-class li a:hover { color: #fff; font-weight: 600;}

    section#page-products .sec-pro-content ul#tabs-pro-class li a.sel { color: #ff6600; font-weight: 600;}

    section#page-products .sec-pro-content ul#tabs-pro-class li .triangle { width: 0px; height: 0px; margin: 0 auto; border-style: solid; border-width: 6px 6px 0 6px; border-color: #414141 transparent transparent transparent; display: none;}

    

    section#page-products .sec-pro-content .pro-tab-content { clear: both; width: 1180px; padding: 40px 0 150px 0; margin: 0 auto;}

    /*section#products .sec-pro-content .pro-tab-content > div { display: none;}*/



    section#page-products img.breadcakebox-top-pic { min-width: 1920px; width: 100%; height: auto; position: absolute; bottom: 0; left: 0;}



    .page-pro-detail { clear: both; width: 1180px; padding: 80px 0; margin: 0 auto; display: flex; justify-content: flex-start; align-items: stretch;}

    .page-pro-detail .photo { width: 50%; background-color: #fff;}

    .page-pro-detail .photo img { width: 100%; height: auto;}

    .page-pro-detail .pro-infor { width: 50%; padding: 20px 30px; background-color: rgba(255,255,255,0.6); box-sizing: border-box;}

    .page-pro-detail .pro-infor .p-title { width: 100%; padding: 10px 0; font-size: 2rem; font-weight: 600; line-height: 1.2em; text-align: center; border-bottom: 1px #ccc solid;}

    .page-pro-detail .pro-infor .p-element { width: 100%; padding: 20px 0; font-size: 1.1rem; line-height: 1.8em;}

    .page-pro-detail .pro-infor .p-price { width: 100%; padding: 10px 0; color: #bb2525; font-size: 1.4rem; font-weight: 600; line-height: 1.2em; text-align: right; border-top: 1px #ccc solid;}



    .page-pro-detail-lightbox { clear: both; width: 70%; padding: 0 0 80px 0; margin: 0 auto; display: flex; justify-content: flex-start; align-items: stretch;}

    .page-pro-detail-lightbox .photo { width: 50%;}

    .page-pro-detail-lightbox .photo img { width: 100%; height: auto;}

    .page-pro-detail-lightbox .pro-infor { width: 50%; padding: 20px 30px; background-color: rgba(255,255,255,0.6); box-sizing: border-box;}

    .page-pro-detail-lightbox .pro-infor .p-title { width: 100%; padding: 10px 0; font-size: 2rem; font-weight: 600; line-height: 1.2em; text-align: center; border-bottom: 1px #ccc solid;}

    .page-pro-detail-lightbox .pro-infor .p-element { width: 100%; padding: 20px 0; font-size: 1.1rem; line-height: 1.8em;}

    .page-pro-detail-lightbox .pro-infor .p-price { width: 100%; padding: 10px 0; color: #bb2525; font-size: 1.4rem; font-weight: 600; line-height: 1.2em; text-align: right; border-top: 1px #ccc solid;}



    .page-goback-bt { clear: both; width: 100%; padding: 0 0 150px 0; position: relative; z-index: 999;}

    .page-goback-bt a { width: 160px; padding: 8px 0; margin: 0 auto; color: #fff; font-size: 1.1rem; line-height: 1em; text-align: center; text-decoration: none; border-radius: 8px; background-color: #ff6600; display: block;}

    .page-goback-bt a:hover { background-color: #c65003;}





    section#page-products .sec-pro2-content { clear: both; width: 100%; padding: 80px calc(50% - 600px); background-image: url("../images/products2_bg.jpg"); background-repeat: no-repeat; background-size: cover; box-sizing: border-box;}

    section#page-products .sec-pro2-content .title { width: 100%; margin: 0 0 40px 0; text-align: center;}

    section#page-products .sec-pro2-content .title img { width: 600px; height: auto;}

    section#page-products .sec-pro2-content .top-text { width: 100%; padding: 0 0 60px 0; color: #4d2704; font-size: 1.2rem; font-weight: 400; line-height: 1.4em; text-align: center;}

    section#page-products .sec-pro2-content .top-text-mo { display: none;}

    section#page-products .sec-pro2-content .notice-text { width: 100%; padding: 60px 0 0 0; color: #4d2704; font-size: 1rem; font-weight: 400; line-height: 1.4em;}

    section#page-products .sec-pro2-content .pro2-list-table { width: 100%; display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap;}

    section#page-products .sec-pro2-content .pro2-list-table .pro-box { width: calc(100% / 2); padding: 20px 80px; box-sizing: border-box; position: relative;}

    section#page-products .sec-pro2-content .pro2-list-table .pro-box .icon-lightbox { width: 40px; position: absolute; top: 40px; right: 40px; z-index: 2;}

    section#page-products .sec-pro2-content .pro2-list-table .pro-box .icon-lightbox a { width: 32px; height: 32px; color: #ff6600; font-size: 1.1rem; text-decoration: none; border-radius: 100%; background-color: #fff; display: flex; justify-content: center; align-items: center;}

    section#page-products .sec-pro2-content .pro2-list-table .pro-box.underline { border-bottom: 1px #4d2704 dashed;}

    section#page-products .sec-pro2-content .pro2-list-table .pro-box.underline-mo { border-bottom: 0;}

    section#page-products .sec-pro2-content .pro2-list-table .pro-box.rightline { border-right: 1px #4d2704 dashed;}

    section#page-products .sec-pro2-content .pro2-list-table .pro-box .pic { width: 100%; display: flex; justify-content: center; align-items: center;}

    section#page-products .sec-pro2-content .pro2-list-table .pro-box .pic.type1 { height: 380px;}

    section#page-products .sec-pro2-content .pro2-list-table .pro-box .pic.type2 { height: 440px;}

    section#page-products .sec-pro2-content .pro2-list-table .pro-box .pic.type3 { height: 540px;}

    section#page-products .sec-pro2-content .pro2-list-table .pro-box .pic img.type1 { width: auto; height: 380px;}

    section#page-products .sec-pro2-content .pro2-list-table .pro-box .pic img.type2 { width: auto; height: 440px;}

    section#page-products .sec-pro2-content .pro2-list-table .pro-box .pic img.type3 { width: auto; height: 540px;}

    section#page-products .sec-pro2-content .pro2-list-table .pro-box .name { width: 100%; padding: 0 0 20px 0; font-size: 1.1rem; line-height: 1.2em; text-align: center;}

    section#page-products .sec-pro2-content .pro2-list-table .pro-box .price { width: 100%; color: #bb2525; font-size: 1.1rem; font-weight: 500; line-height: 1em; text-align: center;}

    
    /** 20250926新增 **/    
    .pro-recommend-bt { clear: both; width: 100%; margin: 40px 0 0 0;}
    .pro-recommend-bt a { width: 200px; padding: 10px 0; margin: 0 auto; color: #fff; font-size: 1.4rem; font-weight: 500; text-align: center; text-decoration: none; border-radius: 30px; background-color: #ff6600; display: block;}
    .pro-recommend-bt a:hover { background-color: #bb2525;}

    

    /**************** section (breadcakebox) ****************/

    

    section#breadcakebox { clear: both; width: 100%; padding: 0 calc(50% - 620px) 80px calc(50% - 620px); background-image: url("../images/sec_breadcakebox_bg.jpg"); background-repeat: no-repeat; background-size: 1920px auto; box-sizing: border-box;}

    

    section#breadcakebox .title-en { width: 100%; color: #ff6600; font-size: 1.8em; font-weight: 400; text-align: center;}

    section#breadcakebox .title { width: 100%; margin: 0 0 40px 0; color: #fff; font-size: 2.4em; font-weight: 500; letter-spacing: 0.2em; text-align: center;}

    

    section#breadcakebox .breadcakebox-list-box { clear: both; width: 1120px; margin: 0 auto; display: flex; justify-content: flex-start; align-items: center;}

    section#breadcakebox .breadcakebox-list-box .arrow-prev { width: 65px; text-align: left;}

    section#breadcakebox .breadcakebox-list-box .arrow-next { width: 65px; text-align: right;}

    section#breadcakebox .breadcakebox-list-box .arrow-prev img, .breadcakebox-list-box .arrow-next img { cursor: pointer;}

    section#breadcakebox .breadcakebox-list-box .list-content { width: 990px; height: 740px; overflow: hidden;}

    section#breadcakebox .breadcakebox-list-box .list-content ul.list-box-mo { display: none;}

    section#breadcakebox .breadcakebox-list-box .list-content ul.list-box { padding: 0; margin: 0; list-style: none; display: block;}

    section#breadcakebox .breadcakebox-list-box .list-content ul.list-box li { width: 990px; padding: 0; margin: 0; float: left;}

    section#breadcakebox .breadcakebox-list-box .list-content ul.list-box li .list { width: 290px; margin: 10px 20px; float: left;}

    section#breadcakebox .breadcakebox-list-box .list-content ul.list-box li .list:nth-child(4) { clear: both;}

    section#breadcakebox .breadcakebox-list-box .list-content ul.list-box li .list .pic { width: 100%;}

    section#breadcakebox .breadcakebox-list-box .list-content ul.list-box li .list .pic img { width: 100%; height: auto;}

    section#breadcakebox .breadcakebox-list-box .list-content ul.list-box li .list .text { width: 100%; padding: 10 0; color: #fff; font-size: 1.2em; font-weight: 200; text-align: center;}

    section#breadcakebox .breadcakebox-list-box .list-content ul.list-box li .list .text font.price { color: #c65003; font-weight: 400;}

    

    

    /**************** section (delivery service) ****************/

    

    section#service { clear: both; width: 100%; background-image: url("../images/sec_service_bg.jpg"); background-repeat: no-repeat; background-size: 100% auto; box-sizing: border-box;}



    section#service iframe { width: 100%; height: 500px;}

    

    section#service .title-en { width: 100%; color: #663300; font-size: 1.8em; font-weight: 400; text-align: center;}

    section#service .title { width: 100%; margin: 0 0 20px 0; font-size: 2.4em; font-weight: 500; letter-spacing: 0.2em; text-align: center;}

    

    section#service .sec-service-content { clear: both; width: 100%; display: flex; justify-content: center; align-items: stretch;}

    section#service .sec-service-content .sec-pic-lf { width: calc(50% - 370px); padding: 0 70px 0 0; margin-top: -100px; text-align: right; box-sizing: border-box;}

    section#service .sec-service-content .sec-pic-lf img { max-width: 100%; height: auto;}

    section#service .sec-service-content .sec-text { width: 740px; padding: 0 0 40px 0;}

    section#service .sec-service-content .sec-text .s-title { width: 100%; margin: 0 0 20px 0; color: #663300; font-size: 1.4em; font-weight: 400; text-align: center;}

    section#service .sec-service-content .sec-text .text { width: 100%; font-size: 1.1em; line-height: 1.8em; text-align: center;}

    section#service .sec-service-content .sec-text .order-bt { width: 100%; margin: 20px 0; text-align: center;}

    section#service .sec-service-content .sec-text .call-num { width: 100%; font-size: 1.4em; font-weight: 500; text-align: center;}

    section#service .sec-service-content .sec-pic-rt { width: calc(50% - 370px); position: relative; overflow: hidden;}

    section#service .sec-service-content .sec-pic-rt img { max-width: 100%; height: auto; position: absolute; bottom: -3px; left: 0;}


    /**************** section (booking) ****************/

    .sec-booking-content { clear: both; width: 100%; padding: 80px calc(50% - 600px) 0 calc(50% - 600px); box-sizing: border-box;}
    .sec-booking-content .title-en { width: 100%; color: #ff6600; font-size: 1.8em; font-weight: 400; text-align: center;}
    .sec-booking-content .title { width: 100%; margin: 0 0 40px 0; color: #4d2704; font-size: 2.4em; font-weight: 500; letter-spacing: 0.2em; text-align: center;}
    .sec-booking-content .sort-bt-full { clear: both; width: 100%; padding: 60px 0; display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
    .sec-booking-content .sort-bt-full .sort-bt { width: 200px; margin: 0 10px 30px 10px;}
    .sec-booking-content .sort-bt-full .sort-bt a { width: 100%; padding: 10px 0; color: #fff; font-size: 1.2rem; text-align: center; text-decoration: none; border-radius: 26px; background-color: #c65003; display: block;}
    .sec-booking-content .sort-bt-full .sort-bt a:hover { background-color: #ff6600;}
    .sec-booking-content .sort-bt-full .sort-bt a.sel { background-color: #4d2704;}

    .sec-booking-content .booking-pic { clear: both; width: 100%; padding: 40px 0 0 0;}
    .sec-booking-content .booking-pic img { width: 100%; height: auto;}
 


    /**************** section (sitemap) ****************/



    section#sitemap { clear: both; width: 100%; padding: 80px calc(50% - 620px); box-sizing: border-box; background-image: url("../images/sec_about_bg.jpg"); background-repeat: repeat-y; background-size: 100% auto;}



    .sitemap-title-en { width: 100%; color: #ff6600; font-size: 1.8em; font-weight: 400; text-align: center;}

    .sitemap-title { width: 100%; margin: 0 0 80px 0; color: #4d2704; font-size: 2.4em; font-weight: 500; letter-spacing: 0.2em; text-align: center;}



    ul#sitemap { clear: both; width: 100%; padding: 0 0 80px 0; margin: 0; list-style: none; display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}

    ul#sitemap li { padding: 0; margin: 0 15px 30px 15px;}

    ul#sitemap li a { color: #000; font-size: 1.4rem; font-weight: 500; line-height: 1.2em; text-decoration: none;}

    ul#sitemap li a:hover { border-bottom: 1px #000 solid;}

    

    

    /**************** footer ****************/

    

    footer { clear: both; width: 100%; padding: 90px 0 50px 0; background-image: url("../images/footer_bg.jpg"); background-repeat: no-repeat; background-size: 100% auto; background-position: center top; box-sizing: border-box;}

    

    footer .logo-box { width: 100%; margin: 0 0 20px 0; text-align: center;}

    

    footer .social-icon { width: 100%; margin: 0 0 30px 0; display: flex; justify-content: center; align-items: center;}

    footer .social-icon img { margin: 0 5px;}

    

    footer .infor-text { width: 100%; font-weight: 500; line-height: 1.8em; text-align: center;}

    

    footer hr { width: 80%; margin: 25px auto; border: 1px #414141 solid;}

    

    footer .facebook-box { clear: both; width: 100%; margin: 0 0 20px 0; display: flex; justify-content: center;}

    

    footer .copyright { width: 100%; font-size: 0.8em; font-weight: 400; text-align: center;}



    ul.footer-nav { clear: both; width: 100%; padding: 0; margin: 0; list-style: none; display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}

    ul.footer-nav li { padding: 0; margin: 0 10px 20px 10px;}

    ul.footer-nav li a { color: #000; font-size: 1.1rem; font-weight: 500; line-height: 1.2em; text-decoration: none;}

    ul.footer-nav li a:hover { border-bottom: 1px #000 solid;}

    

    

}



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

    

    

    #gotop-bt { width: 40px; height: 40px; position: fixed; bottom: 20px; right: 20px; z-index: 9999;}

    

    

    /**************** header ****************/

    

    header#pc { display: none;}

    

    header#mo { width: 100%; height: 89px; padding: 0 20px; box-sizing: border-box; background-image: url("../images/header_bg.png"); background-repeat: repeat-x; position: fixed; top: 0; left: 0; z-index: 9999;}

    

    header#mo .logo { width: 205px; margin: 15px 0 0 0; float: left;}

    

    header#mo .nav-icon { width: 40px; margin: 10px 0 0 0; font-size: 2.6em; text-align: right; float: right;}

    

    header#mo .nav-social-box { width: 100%; padding: 40px; border-top: 1px #414141 solid; border-bottom: 1px #414141 solid; background-color: #fff; box-sizing: border-box; position: absolute; top: 80px; right: 0; display: none;}

    header#mo .nav-social-box nav { width: 100%;}

    header#mo .nav-social-box nav ul { width: 100%; padding: 0; margin: 0 0 30px 0; list-style: none; display: block;}

    header#mo .nav-social-box nav ul li { padding: 0; margin: 0;}

    header#mo .nav-social-box nav ul li a { padding: 20px; color: #414141; font-weight: 500; text-align: center; text-decoration: none; display: block;}

    header#mo .nav-social-box nav ul li a:active { color: #fff; background-color: #4d2704;}

    header#mo .nav-social-box .social-box { width: 100%; display: flex; justify-content: center; align-items: center;}

    header#mo .nav-social-box .social-box img { margin: 0 10px;}

    

    

    /**************** banner ****************/

    

    .banner-box { clear: both; width: 100%; position: relative;}

    

    .banner-box img.banner-bottom { width: 100%; height: auto; position: absolute; bottom: 0; left: 0; z-index: 99;}

    

    .banner-box .banner-pic { width: 100%;}

    .banner-box .banner-pic img { width: 100%; height: auto;}

    

    

    /**************** section (about+idea) ****************/

    

    section#about { clear: both; width: 100%; padding: 50px 0; background-image: url("../images/sec_about_bg.jpg"); background-repeat: repeat-y; background-size: 100%;}

    

    section#about .row-1 { width: 100%; padding: 0 20px; display: flex; justify-content: flex-start; align-items: center; box-sizing: border-box;}

    section#about .row-1 .column-lf { width: calc(100% - 320px); padding: 0 20px; box-sizing: border-box;}

    section#about .row-1 .column-rt { width: 320px;}

    section#about .row-1 .column-rt img { width: 100%; height: auto;}

    section#about .row-1 .column-rt-mo { display: none;}

    

    section#about .row-2 { width: 100%; padding: 90px 0 40px 0; display: flex; justify-content: flex-start; align-items: flex-start;}

    section#about .row-2 .column-lf { width: 50%; text-align: right; box-sizing: border-box;}

    section#about .row-2 .column-lf img { max-width: 100%; height: auto;}

    section#about .row-2 .column-rt { width: 50%; margin: 0 20px 0 0;}

    section#about .row-2 .column-rt .photos { width: 100%; margin: 0 0 15px 0; display: flex; justify-content: flex-start;}

    section#about .row-2 .column-rt .photos img.breadspace { width: calc(50% - 20px); margin: 0 20px 0 0;}

    

    

    /**************** section (products) ****************/

    

    section#products { clear: both; width: 100%; overflow: hidden; position: relative;}

    

    section#products .sec-pro-top-bg { width: 100%;}

    section#products .sec-pro-top-bg img { width: 100%; height: auto;}

    

    section#products .sec-pro-content { clear: both; width: 100%; padding: 80px 0 0 0; margin: -5px 0 0 0; background-image: url("../images/sec_products_bg.jpg"); background-repeat: repeat-y; background-size: 160% auto; background-position: center top; box-sizing: border-box;}

    section#products .sec-pro-content .title-en { width: 100%; color: #ff6600; font-size: 1.8em; font-weight: 400; text-align: center;}

    section#products .sec-pro-content .title { width: 100%; margin: 0 0 40px 0; color: #4d2704; font-size: 2.4em; font-weight: 500; letter-spacing: 0.2em; text-align: center;}

    

    section#products .sec-pro-content ul#tabs-pro-class { clear: both; width: 740px; padding: 0; margin: 0 auto; list-style: none; display: flex; justify-content: center;}

    section#products .sec-pro-content ul#tabs-pro-class li { width: 120px; padding: 0; margin: 0 5px;}

    section#products .sec-pro-content ul#tabs-pro-class li a { width: 100%; padding: 8px 0 10px 0; color: #eee; font-size: 0.8em; line-height: 1em; text-align: center; text-decoration: none; background-color: #414141; display: block;}

    section#products .sec-pro-content ul#tabs-pro-class li a:hover { color: #fff; font-weight: 600; background-color: #414141;}

    section#products .sec-pro-content ul#tabs-pro-class li a.sel { color: #fff; font-weight: 600;}

    section#products .sec-pro-content ul#tabs-pro-class li .triangle { width: 0px; height: 0px; margin: 0 auto; border-style: solid; border-width: 6px 6px 0 6px; border-color: #414141 transparent transparent transparent; display: none;}

    

    section#products .sec-pro-content .pro-tab-content { clear: both; width: 740px; padding: 40px 0; margin: 0 auto;}

    section#products .sec-pro-content .pro-tab-content .pro-list-box { width: 100%;}

    section#products .sec-pro-content .pro-tab-content .pro-list-box .arrow-prev { width: 50px; padding: 120px 0 0 0; text-align: left; float: left;}

    section#products .sec-pro-content .pro-tab-content .pro-list-box .arrow-next { width: 50px; padding: 120px 0 0 0; text-align: right; float: right;}

    section#products .sec-pro-content .pro-tab-content .pro-list-box .arrow-prev img, .pro-list-box .arrow-next img { cursor: pointer;}

    section#products .sec-pro-content .pro-tab-content .pro-list-box .list-content { width: 640px; height: 340px; overflow: hidden; float: left;}

    section#products .sec-pro-content .pro-tab-content .pro-list-box .list-content ul.list-box-mo { display: none;}

    section#products .sec-pro-content .pro-tab-content .pro-list-box .list-content ul.list-box { padding: 0; margin: 0; list-style: none; display: block;}

    section#products .sec-pro-content .pro-tab-content .pro-list-box .list-content ul.list-box li { width: 640px; height: 340px; padding: 0; margin: 0; float: left;}

    section#products .sec-pro-content .pro-tab-content .pro-list-box .list-content ul.list-box li .list { width: 140px; margin: 10px; float: left; position: relative;}

    section#products .sec-pro-content .pro-tab-content .pro-list-box .list-content ul.list-box li .list:nth-child(5) { clear: both;}

    .icon-lightbox { width: 40px; position: absolute; top: 10px; right: 0; z-index: 2;}

    section#products .sec-pro-content .pro-tab-content .pro-list-box .list-content ul.list-box li .list .icon-lightbox { width: 40px; position: absolute; top: 10px; right: 0; z-index: 2;}

    section#products .sec-pro-content .pro-tab-content .pro-list-box .list-content ul.list-box li .list .icon-lightbox a { width: 32px; height: 32px; color: #ff6600; font-size: 1.1rem; text-decoration: none; border-radius: 100%; background-color: #fff; display: flex; justify-content: center; align-items: center;}

    section#products .sec-pro-content .pro-tab-content .pro-list-box .list-content ul.list-box li .list .pic { width: 100%;}

    section#products .sec-pro-content .pro-tab-content .pro-list-box .list-content ul.list-box li .list .pic img { width: 100%; height: auto;}

    section#products .sec-pro-content .pro-tab-content .pro-list-box .list-content ul.list-box li .list .text { width: 100%; padding: 10px 0; color: #414141; font-size: 1.2em; font-weight: 200; text-align: center;}

        

    section#products img.breadcakebox-top-pic { width: 1920px; height: auto; position: absolute; bottom: 0; left: 0;}



    .page-products-list { clear: both; width: 100%; padding: 0 0 80px 0; display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap;}

    .page-products-list .list-box { width: calc(100% / 4 - 20px); margin: 0 10px 20px 10px; position: relative;}

    .page-products-list .list-box .icon-lightbox { width: 40px; position: absolute; top: 10px; right: 0; z-index: 2;}

    .page-products-list .list-box .icon-lightbox a { width: 32px; height: 32px; color: #ff6600; font-size: 1.1rem; text-decoration: none; border-radius: 100%; background-color: #fff; display: flex; justify-content: center; align-items: center;}

    .page-products-list .list-box a { text-decoration: none; position: relative; z-index: 1;}

    .page-products-list .list-box .pic { width: 100%;}

    .page-products-list .list-box .pic img { width: 100%; height: auto;}

    .page-products-list .list-box .name { width: 100%; padding: 10px 0; color: #414141; font-size: 1.1rem; line-height: 1.2em; text-align: center;}





    .hp-more-bt { clear: both; width: 160px; margin: 0 auto 80px auto;}

    .hp-more-bt a { width: 100%; padding: 8px 0; color: #fff; font-size: 1.1rem; line-height: 1em; text-align: center; text-decoration: none; border-radius: 16px; background-color: #ff6600; display: block;}





    /**************** section (page-products) ****************/

    

    section#page-products { clear: both; width: 100%; overflow: hidden; position: relative;}

    

    section#page-products .sec-pro-content { clear: both; width: 100%; padding: 80px 0 0 0; background-image: url("../images/sec_products_bg.jpg"); background-repeat: repeat-y; background-size: 160% auto; background-position: center top; box-sizing: border-box;}

    section#page-products .sec-pro-content .title-en { width: 100%; color: #ff6600; font-size: 1.8em; font-weight: 400; text-align: center;}

    section#page-products .sec-pro-content .title { width: 100%; margin: 0 0 40px 0; color: #4d2704; font-size: 2.4em; font-weight: 500; letter-spacing: 0.2em; text-align: center;}

    

    section#page-products .sec-pro-content ul#tabs-pro-class { clear: both; width: 100%; padding: 0 40px; margin: 0 auto; list-style: none; display: flex; justify-content: center; flex-wrap: wrap; box-sizing: border-box;}

    section#page-products .sec-pro-content ul#tabs-pro-class li { width: 140px; padding: 0; margin: 0 5px 10px 5px;}

    section#page-products .sec-pro-content ul#tabs-pro-class li a { width: 100%; padding: 8px 0 10px 0; color: #eee; font-size: 1.1rem; line-height: 1em; text-align: center; text-decoration: none; background-color: #414141; display: block;}

    section#page-products .sec-pro-content ul#tabs-pro-class li a:hover { color: #fff; font-weight: 600;}

    section#page-products .sec-pro-content ul#tabs-pro-class li a.sel { color: #ff6600; font-weight: 600;}

    section#page-products .sec-pro-content ul#tabs-pro-class li .triangle { width: 0px; height: 0px; margin: 0 auto; border-style: solid; border-width: 6px 6px 0 6px; border-color: #414141 transparent transparent transparent; display: none;}

    

    section#page-products .sec-pro-content .pro-tab-content { clear: both; width: 100%; padding: 40px 40px 150px 40px; box-sizing: border-box;}

    /*section#products .sec-pro-content .pro-tab-content > div { display: none;}*/



    section#page-products img.breadcakebox-top-pic { width: 1920px; height: auto; position: absolute; bottom: 0; left: 0;}



    .page-pro-detail { clear: both; width: 100%; padding: 80px 40px; margin: 0 auto; display: flex; justify-content: flex-start; align-items: stretch; box-sizing: border-box;}

    .page-pro-detail .photo { width: 46%; background-color: #fff;}

    .page-pro-detail .photo img { width: 100%; height: auto;}

    .page-pro-detail .pro-infor { width: 54%; padding: 20px 30px; background-color: rgba(255,255,255,0.6); box-sizing: border-box;}

    .page-pro-detail .pro-infor .p-title { width: 100%; padding: 10px 0; font-size: 2rem; font-weight: 600; line-height: 1.2em; text-align: center; border-bottom: 1px #ccc solid;}

    .page-pro-detail .pro-infor .p-element { width: 100%; padding: 20px 0; font-size: 1.1rem; line-height: 1.8em;}

    .page-pro-detail .pro-infor .p-price { width: 100%; padding: 10px 0; color: #bb2525; font-size: 1.4rem; font-weight: 600; line-height: 1.2em; text-align: right; border-top: 1px #ccc solid;}



    .page-pro-detail-lightbox { clear: both; width: 80%; padding: 0 0 80px 0; margin: 0 auto; display: flex; justify-content: flex-start; align-items: stretch; box-sizing: border-box;}

    .page-pro-detail-lightbox .photo { width: 46%; background-color: #fff;}

    .page-pro-detail-lightbox .photo img { width: 100%; height: auto;}

    .page-pro-detail-lightbox .pro-infor { width: 54%; padding: 20px 30px; background-color: rgba(255,255,255,0.6); box-sizing: border-box;}

    .page-pro-detail-lightbox .pro-infor .p-title { width: 100%; padding: 10px 0; font-size: 2rem; font-weight: 600; line-height: 1.2em; text-align: center; border-bottom: 1px #ccc solid;}

    .page-pro-detail-lightbox .pro-infor .p-element { width: 100%; padding: 20px 0; font-size: 1.1rem; line-height: 1.8em;}

    .page-pro-detail-lightbox .pro-infor .p-price { width: 100%; padding: 10px 0; color: #bb2525; font-size: 1.4rem; font-weight: 600; line-height: 1.2em; text-align: right; border-top: 1px #ccc solid;}



    .page-goback-bt { clear: both; width: 100%; padding: 0 0 150px 0; position: relative; z-index: 999;}

    .page-goback-bt a { width: 160px; padding: 8px 0; margin: 0 auto; color: #fff; font-size: 1.1rem; line-height: 1em; text-align: center; text-decoration: none; border-radius: 8px; background-color: #ff6600; display: block;}

    .page-goback-bt a:hover { background-color: #c65003;}





    section#page-products .sec-pro2-content { clear: both; width: 100%; padding: 80px calc(50% - 340px); background-image: url("../images/products2_bg.jpg"); background-repeat: no-repeat; background-size: cover; box-sizing: border-box;}

    section#page-products .sec-pro2-content .title { width: 100%; margin: 0 0 60px 0; text-align: center;}

    section#page-products .sec-pro2-content .title img { width: 600px; height: auto;}

    section#page-products .sec-pro2-content .top-text { width: 100%; padding: 0 0 60px 0; color: #4d2704; font-size: 1.2rem; font-weight: 400; line-height: 1.4em; text-align: center;}

    section#page-products .sec-pro2-content .top-text-mo { display: none;}

    section#page-products .sec-pro2-content .notice-text { width: 100%; padding: 60px 0 0 0; color: #4d2704; font-size: 1rem; font-weight: 400; line-height: 1.4em;}

    section#page-products .sec-pro2-content .pro2-list-table { width: 100%; display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap;}

    section#page-products .sec-pro2-content .pro2-list-table .pro-box { width: calc(100% / 2); padding: 20px; box-sizing: border-box; position: relative;}

    section#page-products .sec-pro2-content .pro2-list-table .pro-box .icon-lightbox { width: 40px; position: absolute; top: 20px; right: 20px; z-index: 2;}

    section#page-products .sec-pro2-content .pro2-list-table .pro-box .icon-lightbox a { width: 32px; height: 32px; color: #ff6600; font-size: 1.1rem; text-decoration: none; border-radius: 100%; background-color: #fff; display: flex; justify-content: center; align-items: center;}

    section#page-products .sec-pro2-content .pro2-list-table .pro-box.underline { border-bottom: 1px #4d2704 dashed;}

    section#page-products .sec-pro2-content .pro2-list-table .pro-box.underline-mo { border-bottom: 0;}

    section#page-products .sec-pro2-content .pro2-list-table .pro-box.rightline { border-right: 1px #4d2704 dashed;}

    section#page-products .sec-pro2-content .pro2-list-table .pro-box .pic { width: 100%; display: flex; justify-content: center; align-items: center;}

    section#page-products .sec-pro2-content .pro2-list-table .pro-box .pic.type1 { height: 260px;}

    section#page-products .sec-pro2-content .pro2-list-table .pro-box .pic.type2 { height: 280px;}

    section#page-products .sec-pro2-content .pro2-list-table .pro-box .pic.type3 { height: 340px;}

    section#page-products .sec-pro2-content .pro2-list-table .pro-box .pic img.type1 { width: auto; height: 260px;}

    section#page-products .sec-pro2-content .pro2-list-table .pro-box .pic img.type2 { width: auto; height: 280px;}

    section#page-products .sec-pro2-content .pro2-list-table .pro-box .pic img.type3 { width: auto; height: 340px;}

    section#page-products .sec-pro2-content .pro2-list-table .pro-box .name { width: 100%; padding: 20px 0; font-size: 1.1rem; line-height: 1.2em; text-align: center;}

    section#page-products .sec-pro2-content .pro2-list-table .pro-box .price { width: 100%; color: #bb2525; font-size: 1.1rem; font-weight: 500; line-height: 1em; text-align: center;}



    /** 20250926新增 **/    
    .pro-recommend-bt { clear: both; width: 100%; margin: 40px 0 0 0;}
    .pro-recommend-bt a { width: 200px; padding: 10px 0; margin: 0 auto; color: #fff; font-size: 1.4rem; font-weight: 500; text-align: center; text-decoration: none; border-radius: 30px; background-color: #ff6600; display: block;}
    .pro-recommend-bt a:hover { background-color: #bb2525;}

        

    /**************** section (breadcakebox) ****************/

    

    section#breadcakebox { clear: both; width: 100%; padding: 0 0 80px 0; background-image: url("../images/sec_breadcakebox_bg.jpg"); background-repeat: no-repeat; background-size: 1920px auto; box-sizing: border-box;}

    

    section#breadcakebox .title-en { width: 100%; color: #ff6600; font-size: 1.8em; font-weight: 400; text-align: center;}

    section#breadcakebox .title { width: 100%; margin: 0 0 40px 0; color: #fff; font-size: 2.4em; font-weight: 500; letter-spacing: 0.2em; text-align: center;}

    

    section#breadcakebox .breadcakebox-list-box { clear: both; width: 740px; margin: 0 auto; display: flex; justify-content: flex-start; align-items: center;}

    section#breadcakebox .breadcakebox-list-box .arrow-prev { width: 55px; text-align: left;}

    section#breadcakebox .breadcakebox-list-box .arrow-next { width: 55px; text-align: right;}

    section#breadcakebox .breadcakebox-list-box .arrow-prev img, .breadcakebox-list-box .arrow-next img { cursor: pointer;}

    section#breadcakebox .breadcakebox-list-box .list-content { width: 630px; height: 500px; overflow: hidden;}

    section#breadcakebox .breadcakebox-list-box .list-content ul.list-box-mo { display: none;}

    section#breadcakebox .breadcakebox-list-box .list-content ul.list-box { padding: 0; margin: 0; list-style: none; display: block;}

    section#breadcakebox .breadcakebox-list-box .list-content ul.list-box li { width: 630px; padding: 0; margin: 0; float: left;}    

    section#breadcakebox .breadcakebox-list-box .list-content ul.list-box li .list { width: 170px; margin: 10px 20px; float: left;}

    section#breadcakebox .breadcakebox-list-box .list-content ul.list-box li .list:nth-child(4) { clear: both;}

    section#breadcakebox .breadcakebox-list-box .list-content ul.list-box li .list .pic { width: 100%;}

    section#breadcakebox .breadcakebox-list-box .list-content ul.list-box li .list .pic img { width: 100%; height: auto;}

    section#breadcakebox .breadcakebox-list-box .list-content ul.list-box li .list .text { width: 100%; padding: 10 0; color: #fff; font-size: 1.2em; font-weight: 200; text-align: center;}

    section#breadcakebox .breadcakebox-list-box .list-content ul.list-box li .list .text font.price { color: #c65003; font-weight: 400;}

    

    

    /**************** section (delivery service) ****************/

    

    section#service { clear: both; width: 100%; background-image: url("../images/sec_service_bg.jpg"); background-repeat: no-repeat; background-size: auto 100%; box-sizing: border-box;}



    section#service iframe { width: 100%; height: 450px;}

    

    section#service .title-en { width: 100%; color: #663300; font-size: 1.8em; font-weight: 400; text-align: center;}

    section#service .title { width: 100%; margin: 0 0 20px 0; font-size: 2.4em; font-weight: 500; letter-spacing: 0.2em; text-align: center;}

    

    section#service .sec-service-content { clear: both; width: 100%; display: flex; justify-content: center; align-items: stretch;}

    section#service .sec-service-content .sec-pic-lf { width: 15%; padding: 0 0 0 0; margin-top: -100px; text-align: right; box-sizing: border-box;}

    section#service .sec-service-content .sec-pic-lf img { max-width: 100%; height: auto;}

    section#service .sec-service-content .sec-text { width: 60%; padding: 0 0 40px 0;}

    section#service .sec-service-content .sec-text .s-title { width: 100%; margin: 0 0 20px 0; color: #663300; font-size: 1.4em; font-weight: 400; text-align: center;}

    section#service .sec-service-content .sec-text .text { width: 100%; font-size: 1.1em; line-height: 1.8em; text-align: center;}

    section#service .sec-service-content .sec-text .order-bt { width: 100%; margin: 20px 0; text-align: center;}

    section#service .sec-service-content .sec-text .call-num { width: 100%; font-size: 1.4em; font-weight: 500; text-align: center;}

    section#service .sec-service-content .sec-pic-rt { width: 15%; position: relative; overflow: hidden;}

    section#service .sec-service-content .sec-pic-rt img { max-width: 100%; height: auto; position: absolute; bottom: -3px; left: 0;}



    /**************** section (booking) ****************/

    .sec-booking-content { clear: both; width: 100%; padding: 80px 40px 0 40px; box-sizing: border-box;}
    .sec-booking-content .title-en { width: 100%; color: #ff6600; font-size: 1.8em; font-weight: 400; text-align: center;}
    .sec-booking-content .title { width: 100%; margin: 0 0 40px 0; color: #4d2704; font-size: 2.4em; font-weight: 500; letter-spacing: 0.2em; text-align: center;}
    .sec-booking-content .sort-bt-full { clear: both; width: 100%; padding: 60px 0; display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
    .sec-booking-content .sort-bt-full .sort-bt { width: 200px; margin: 0 10px 30px 10px;}
    .sec-booking-content .sort-bt-full .sort-bt a { width: 100%; padding: 10px 0; color: #fff; font-size: 1.2rem; text-align: center; text-decoration: none; border-radius: 26px; background-color: #c65003; display: block;}
    .sec-booking-content .sort-bt-full .sort-bt a:hover { background-color: #ff6600;}
    .sec-booking-content .sort-bt-full .sort-bt a.sel { background-color: #4d2704;}

    .sec-booking-content .booking-pic { clear: both; width: 100%; padding: 40px 0 0 0;}
    .sec-booking-content .booking-pic img { width: 100%; height: auto;}



    /**************** section (sitemap) ****************/



    section#sitemap { clear: both; width: 100%; padding: 80px 40px; box-sizing: border-box; background-image: url("../images/sec_about_bg.jpg"); background-repeat: repeat-y; background-size: 100% auto;}



    .sitemap-title-en { width: 100%; color: #ff6600; font-size: 1.8em; font-weight: 400; text-align: center;}

    .sitemap-title { width: 100%; margin: 0 0 80px 0; color: #4d2704; font-size: 2.4em; font-weight: 500; letter-spacing: 0.2em; text-align: center;}



    ul#sitemap { clear: both; width: 100%; padding: 0 0 80px 0; margin: 0; list-style: none; display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}

    ul#sitemap li { padding: 0; margin: 0 15px 30px 15px;}

    ul#sitemap li a { color: #000; font-size: 1.4rem; font-weight: 500; line-height: 1.2em; text-decoration: none;}

    ul#sitemap li a:hover { border-bottom: 1px #000 solid;}

    

    

    /**************** footer ****************/

    

    footer { clear: both; width: 100%; padding: 90px 0 50px 0; background-image: url("../images/footer_bg.jpg"); background-repeat: no-repeat; background-size: 150% auto; background-position: center top; box-sizing: border-box;}

    

    footer .logo-box { width: 100%; margin: 0 0 20px 0; text-align: center;}

    

    footer .social-icon { width: 100%; margin: 0 0 30px 0; display: flex; justify-content: center; align-items: center;}

    footer .social-icon img { margin: 0 5px;}

    

    footer .infor-text { width: 100%; font-weight: 500; line-height: 1.8em; text-align: center;}

    

    footer hr { width: 80%; margin: 25px auto; border: 1px #414141 solid;}

    

    footer .facebook-box { clear: both; width: 100%; margin: 0 0 20px 0; display: flex; justify-content: center;}

    

    footer .copyright { width: 100%; font-size: 0.8em; font-weight: 400; text-align: center;}



    ul.footer-nav { clear: both; width: 100%; padding: 0; margin: 0; list-style: none; display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}

    ul.footer-nav li { padding: 0; margin: 0 10px 20px 10px;}

    ul.footer-nav li a { color: #000; font-size: 1.1rem; font-weight: 500; line-height: 1.2em; text-decoration: none;}

    ul.footer-nav li a:hover { border-bottom: 1px #000 solid;}

    

    

}



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

    



    #gotop-bt { width: 40px; height: 40px; position: fixed; bottom: 20px; right: 20px; z-index: 9999;}

    

    

    /**************** header ****************/

    

    header#pc { display: none;}

    

    header#mo { width: 100%; height: 89px; padding: 0 20px; box-sizing: border-box; background-image: url("../images/header_bg.png"); background-repeat: repeat-x; position: fixed; top: 0; left: 0; z-index: 9999;}

    

    header#mo .logo { width: 205px; margin: 15px 0 0 0; float: left;}

    

    header#mo .nav-icon { width: 40px; margin: 10px 0 0 0; font-size: 2.6em; text-align: right; float: right;}

    

    header#mo .nav-social-box { width: 100%; padding: 40px; border-top: 1px #414141 solid; border-bottom: 1px #414141 solid; background-color: #fff; box-sizing: border-box; position: absolute; top: 80px; right: 0; display: none;}

    header#mo .nav-social-box nav { width: 100%;}

    header#mo .nav-social-box nav ul { width: 100%; padding: 0; margin: 0 0 30px 0; list-style: none; display: block;}

    header#mo .nav-social-box nav ul li { padding: 0; margin: 0;}

    header#mo .nav-social-box nav ul li a { padding: 20px; color: #414141; font-weight: 500; text-align: center; text-decoration: none; display: block;}

    header#mo .nav-social-box nav ul li a:active { color: #fff; background-color: #4d2704;}

    header#mo .nav-social-box .social-box { width: 100%; display: flex; justify-content: center; align-items: center;}

    header#mo .nav-social-box .social-box img { margin: 0 10px;}

    

    

    /**************** banner ****************/

    

    .banner-box { clear: both; width: 100%; position: relative;}

    

    .banner-box img.banner-bottom { width: 100%; height: auto; position: absolute; bottom: 0; left: 0; z-index: 99;}

    

    .banner-box .banner-pic { width: 100%;}

    .banner-box .banner-pic img.pic { width: 140%; height: auto; margin-left: -40%;}

    

    

    /**************** section (about+idea) ****************/

    

    section#about { clear: both; width: 100%; padding: 50px 0; background-image: url("../images/sec_about_bg.jpg"); background-repeat: repeat-y; background-size: 100%;}

    

    section#about .row-1 { width: 100%; padding: 0 20px; box-sizing: border-box;}

    section#about .row-1 .column-lf { width: 100%;}

    section#about .row-1 .column-rt-mo { width: 100%; margin: 30px 0 0 0; display: flex; justify-content: center; align-items: center;}

    section#about .row-1 .column-rt-mo img { width: calc(50% - 20px); height: auto; margin: 0 10px;}

    section#about .row-1 .column-rt { display: none;}

    

    section#about .row-2 { width: 100%; padding: 40px 20px; box-sizing: border-box;}

    section#about .row-2 .column-lf { display: none;}

    section#about .row-2 .column-lf img { max-width: 100%; height: auto;}

    section#about .row-2 .column-rt { width: 100%;}

    section#about .row-2 .column-rt .photos { width: 100%; margin: 0 0 15px 0;}

    section#about .row-2 .column-rt .photos img.breadspace { width: 100%; margin: 0 0 20px 0;}

    

    

    /**************** section (products) ****************/

    

    section#products { clear: both; width: 100%; overflow: hidden; position: relative;}

    

    section#products .sec-pro-top-bg { width: 100%;}

    section#products .sec-pro-top-bg img { width: 100%; height: auto;}

    

    section#products .sec-pro-content { clear: both; width: 100%; padding: 80px 0 0 0; margin: -10px 0 0 0; background-image: url("../images/sec_products_bg.jpg"); background-repeat: repeat-y; background-size: 300% auto; background-position: center top; box-sizing: border-box;}

    section#products .sec-pro-content .title-en { width: 100%; padding: 30px 0 0 0; color: #ff6600; font-size: 1.8em; font-weight: 400; text-align: center;}

    section#products .sec-pro-content .title { width: 100%; margin: 0 0 40px 0; color: #4d2704; font-size: 2.4em; font-weight: 500; letter-spacing: 0.2em; text-align: center;}

    

    section#products .sec-pro-content ul#tabs-pro-class { clear: both; width: 340px; padding: 0; margin: 0 auto; list-style: none; display: flex; justify-content: center;}

    section#products .sec-pro-content ul#tabs-pro-class li { width: 75px; padding: 0; margin: 0 5px;}

    section#products .sec-pro-content ul#tabs-pro-class li a { width: 100%; padding: 8px 0 10px 0; color: #EEE; font-size: 0.8em; line-height: 1em; text-align: center; text-decoration: none; background-color: #414141; display: block;}

    section#products .sec-pro-content ul#tabs-pro-class li a:hover { color: #fff; font-weight: 600;}

    section#products .sec-pro-content ul#tabs-pro-class li a.sel { color: #fff; font-weight: 600;}

    section#products .sec-pro-content ul#tabs-pro-class li .triangle { width: 0px; height: 0px; margin: 0 auto; border-style: solid; border-width: 6px 6px 0 6px; border-color: #414141 transparent transparent transparent; display: none;}

    

    section#products .sec-pro-content .pro-tab-content { clear: both; width: 340px; padding: 40px 0; margin: 0 auto;}

    section#products .sec-pro-content .pro-tab-content .pro-list-box { width: 100%;}

    section#products .sec-pro-content .pro-tab-content .pro-list-box .arrow-prev { width: 50px; padding: 100px 0 0 0; text-align: left; float: left;}

    section#products .sec-pro-content .pro-tab-content .pro-list-box .arrow-next { width: 50px; padding: 100px 0 0 0; text-align: right; float: right;}

    section#products .sec-pro-content .pro-tab-content .pro-list-box .arrow-prev img, .pro-list-box .arrow-next img { cursor: pointer;}

    section#products .sec-pro-content .pro-tab-content .pro-list-box .list-content { width: 240px; height: 230px; overflow: hidden; float: left;}

    section#products .sec-pro-content .pro-tab-content .pro-list-box .list-content ul.list-box { display: none;}

    section#products .sec-pro-content .pro-tab-content .pro-list-box .list-content ul.list-box-mo { padding: 0; margin: 0; list-style: none; display: block;}

    section#products .sec-pro-content .pro-tab-content .pro-list-box .list-content ul.list-box-mo li { width: 240px; height: 230px; padding: 0; margin: 0; float: left; position: relative;}

    section#products .sec-pro-content .pro-tab-content .pro-list-box .list-content ul.list-box-mo li .list { width: 240px; float: left;}

    section#products .sec-pro-content .pro-tab-content .pro-list-box .list-content ul.list-box-mo li .list .icon-lightbox { width: 40px; position: absolute; top: 10px; right: 0; z-index: 2;}

    section#products .sec-pro-content .pro-tab-content .pro-list-box .list-content ul.list-box-mo li .list .icon-lightbox a { width: 32px; height: 32px; color: #ff6600; font-size: 1.1rem; text-decoration: none; border-radius: 100%; background-color: #fff; display: flex; justify-content: center; align-items: center;}

    section#products .sec-pro-content .pro-tab-content .pro-list-box .list-content ul.list-box-mo li .list .pic { width: 100%;}

    section#products .sec-pro-content .pro-tab-content .pro-list-box .list-content ul.list-box-mo li .list .pic img { width: 100%; height: auto;}

    section#products .sec-pro-content .pro-tab-content .pro-list-box .list-content ul.list-box-mo li .list .text { width: 100%; padding: 10px 0; font-size: 1.2em; font-weight: 200; text-align: center;}

        

    section#products img.breadcakebox-top-pic { width: 1920px; height: auto; position: absolute; bottom: 0; left: 0;}



    .page-products-list { clear: both; width: 100%; padding: 0 0 80px 0; display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap;}

    .page-products-list .list-box { width: calc(100% / 2 - 20px); margin: 0 10px 20px 10px; position: relative;}

    .page-products-list .list-box .icon-lightbox { width: 40px; position: absolute; top: 10px; right: 0; z-index: 2;}

    .page-products-list .list-box .icon-lightbox a { width: 32px; height: 32px; color: #ff6600; font-size: 1.1rem; text-decoration: none; border-radius: 100%; background-color: #fff; display: flex; justify-content: center; align-items: center;}

    .page-products-list .list-box a { text-decoration: none; position: relative; z-index: 1;}

    .page-products-list .list-box .pic { width: 100%;}

    .page-products-list .list-box .pic img { width: 100%; height: auto;}

    .page-products-list .list-box .name { width: 100%; padding: 10px 0; color: #414141; font-size: 1.1rem; line-height: 1.2em; text-align: center;}



    .hp-more-bt { clear: both; width: 160px; margin: 0 auto 80px auto;}

    .hp-more-bt a { width: 100%; padding: 8px 0; color: #fff; font-size: 1.1rem; line-height: 1em; text-align: center; text-decoration: none; border-radius: 16px; background-color: #ff6600; display: block;}





    /**************** section (page-products) ****************/

    

    section#page-products { clear: both; width: 100%; overflow: hidden; position: relative;}

    

    section#page-products .sec-pro-content { clear: both; width: 100%; padding: 80px 0 0 0; background-image: url("../images/sec_products_bg.jpg"); background-repeat: repeat-y; background-size: 300% auto; background-position: center top; box-sizing: border-box;}

    section#page-products .sec-pro-content .title-en { width: 100%; color: #ff6600; font-size: 1.8em; font-weight: 400; text-align: center;}

    section#page-products .sec-pro-content .title { width: 100%; margin: 0 0 40px 0; color: #4d2704; font-size: 2.4em; font-weight: 500; letter-spacing: 0.2em; text-align: center;}

    

    section#page-products .sec-pro-content ul#tabs-pro-class { clear: both; width: 100%; padding: 0 20px; margin: 0 auto; list-style: none; display: flex; justify-content: center; flex-wrap: wrap; box-sizing: border-box;}

    section#page-products .sec-pro-content ul#tabs-pro-class li { width: 140px; padding: 0; margin: 0 5px 10px 5px;}

    section#page-products .sec-pro-content ul#tabs-pro-class li a { width: 100%; padding: 8px 0 10px 0; color: #eee; font-size: 1.1rem; line-height: 1em; text-align: center; text-decoration: none; background-color: #414141; display: block;}

    section#page-products .sec-pro-content ul#tabs-pro-class li a:hover { color: #fff; font-weight: 600;}

    section#page-products .sec-pro-content ul#tabs-pro-class li a.sel { color: #ff6600; font-weight: 600;}

    section#page-products .sec-pro-content ul#tabs-pro-class li .triangle { width: 0px; height: 0px; margin: 0 auto; border-style: solid; border-width: 6px 6px 0 6px; border-color: #414141 transparent transparent transparent; display: none;}

    

    section#page-products .sec-pro-content .pro-tab-content { clear: both; width: 100%; padding: 40px 20px 100px 20px; box-sizing: border-box;}

    /*section#products .sec-pro-content .pro-tab-content > div { display: none;}*/



    section#page-products img.breadcakebox-top-pic { width: 1920px; height: auto; position: absolute; bottom: 0; left: 0;}



    .page-pro-detail { clear: both; width: 100%; padding: 80px 20px; box-sizing: border-box;}

    .page-pro-detail .photo { width: 100%; background-color: #fff;}

    .page-pro-detail .photo img { width: 100%; height: auto;}

    .page-pro-detail .pro-infor { width: 100%; padding: 20px 30px; background-color: rgba(255,255,255,0.6); box-sizing: border-box;}

    .page-pro-detail .pro-infor .p-title { width: 100%; padding: 10px 0; font-size: 2rem; font-weight: 600; line-height: 1.2em; text-align: center; border-bottom: 1px #ccc solid;}

    .page-pro-detail .pro-infor .p-element { width: 100%; padding: 20px 0; font-size: 1.1rem; line-height: 1.8em;}

    .page-pro-detail .pro-infor .p-price { width: 100%; padding: 10px 0; color: #bb2525; font-size: 1.4rem; font-weight: 600; line-height: 1.2em; text-align: right; border-top: 1px #ccc solid;}



    .page-pro-detail-lightbox { clear: both; width: 100%; padding: 0 0 80px 0; box-sizing: border-box;}

    .page-pro-detail-lightbox .photo { width: 100%; background-color: #fff;}

    .page-pro-detail-lightbox .photo img { width: 100%; height: auto;}

    .page-pro-detail-lightbox .pro-infor { width: 100%; padding: 20px; background-color: rgba(255,255,255,0.6); box-sizing: border-box;}

    .page-pro-detail-lightbox .pro-infor .p-title { width: 100%; padding: 10px 0; font-size: 2rem; font-weight: 600; line-height: 1.2em; text-align: center; border-bottom: 1px #ccc solid;}

    .page-pro-detail-lightbox .pro-infor .p-element { width: 100%; padding: 20px 0; font-size: 1.1rem; line-height: 1.8em;}

    .page-pro-detail-lightbox .pro-infor .p-price { width: 100%; padding: 10px 0; color: #bb2525; font-size: 1.4rem; font-weight: 600; line-height: 1.2em; text-align: right; border-top: 1px #ccc solid;}



    .page-goback-bt { clear: both; width: 100%; padding: 0 0 150px 0; position: relative; z-index: 999;}

    .page-goback-bt a { width: 160px; padding: 8px 0; margin: 0 auto; color: #fff; font-size: 1.1rem; line-height: 1em; text-align: center; text-decoration: none; border-radius: 8px; background-color: #ff6600; display: block;}

    .page-goback-bt a:hover { background-color: #c65003;}





    section#page-products .sec-pro2-content { clear: both; width: 100%; padding: 80px 20px; background-image: url("../images/products2_bg.jpg"); background-repeat: no-repeat; background-size: cover; background-position: center top; box-sizing: border-box;}

    section#page-products .sec-pro2-content .title { width: 100%; margin: 0 0 60px 0; text-align: center;}

    section#page-products .sec-pro2-content .title img { width: 90%; height: auto;}

    section#page-products .sec-pro2-content .top-text-mo { width: 100%; padding: 0 0 60px 0; color: #4d2704; font-size: 1.2rem; font-weight: 400; line-height: 1.4em; text-align: center;}

    section#page-products .sec-pro2-content .top-text { display: none;}

    section#page-products .sec-pro2-content .notice-text { width: 100%; padding: 60px 0 0 0; color: #4d2704; font-size: 1rem; font-weight: 400; line-height: 1.4em;}

    section#page-products .sec-pro2-content .pro2-list-table { width: 100%;}

    section#page-products .sec-pro2-content .pro2-list-table .pro-box { width: 100%; padding: 20px; box-sizing: border-box; position: relative;}

    section#page-products .sec-pro2-content .pro2-list-table .pro-box .icon-lightbox { width: 40px; position: absolute; top: 20px; right: 20px; z-index: 2;}

    section#page-products .sec-pro2-content .pro2-list-table .pro-box .icon-lightbox a { width: 32px; height: 32px; color: #ff6600; font-size: 1.1rem; text-decoration: none; border-radius: 100%; background-color: #fff; display: flex; justify-content: center; align-items: center;}

    section#page-products .sec-pro2-content .pro2-list-table .pro-box.underline { border-bottom: 1px #4d2704 dashed;}

    section#page-products .sec-pro2-content .pro2-list-table .pro-box.underline-mo { border-bottom: 1px #4d2704 dashed;}

    section#page-products .sec-pro2-content .pro2-list-table .pro-box.rightline { border-right: 0;}

    section#page-products .sec-pro2-content .pro2-list-table .pro-box .pic { width: 100%; display: flex; justify-content: center; align-items: center;}

    section#page-products .sec-pro2-content .pro2-list-table .pro-box .pic.type1 { height: 260px;}

    section#page-products .sec-pro2-content .pro2-list-table .pro-box .pic.type2 { height: 280px;}

    section#page-products .sec-pro2-content .pro2-list-table .pro-box .pic.type3 { height: 340px;}

    section#page-products .sec-pro2-content .pro2-list-table .pro-box .pic img.type1 { width: auto; height: 260px;}

    section#page-products .sec-pro2-content .pro2-list-table .pro-box .pic img.type2 { width: auto; height: 280px;}

    section#page-products .sec-pro2-content .pro2-list-table .pro-box .pic img.type3 { width: auto; height: 340px;}

    section#page-products .sec-pro2-content .pro2-list-table .pro-box .name { width: 100%; padding: 20px 0; font-size: 1.1rem; line-height: 1.2em; text-align: center;}

    section#page-products .sec-pro2-content .pro2-list-table .pro-box .price { width: 100%; color: #bb2525; font-size: 1.1rem; font-weight: 500; line-height: 1em; text-align: center;}



    /** 20250926新增 **/    
    .pro-recommend-bt { clear: both; width: 100%; margin: 40px 0 0 0;}
    .pro-recommend-bt a { width: 200px; padding: 10px 0; margin: 0 auto; color: #fff; font-size: 1.4rem; font-weight: 500; text-align: center; text-decoration: none; border-radius: 30px; background-color: #ff6600; display: block;}
    .pro-recommend-bt a:hover { background-color: #bb2525;}

        

    /**************** section (breadcakebox) ****************/

    

    section#breadcakebox { clear: both; width: 100%; padding: 0 0 80px 0; background-image: url("../images/sec_breadcakebox_bg.jpg"); background-repeat: no-repeat; background-size: 1920px auto; box-sizing: border-box;}

    

    section#breadcakebox .title-en { width: 100%; color: #ff6600; font-size: 1.8em; font-weight: 400; text-align: center;}

    section#breadcakebox .title { width: 100%; margin: 0 0 40px 0; color: #fff; font-size: 2.4em; font-weight: 500; letter-spacing: 0.2em; text-align: center;}

    

    section#breadcakebox .breadcakebox-list-box { clear: both; width: 340px; margin: 0 auto; display: flex; justify-content: flex-start; align-items: center;}

    section#breadcakebox .breadcakebox-list-box .arrow-prev { width: 50px; text-align: left;}

    section#breadcakebox .breadcakebox-list-box .arrow-next { width: 50px; text-align: right;}

    section#breadcakebox .breadcakebox-list-box .arrow-prev img, .breadcakebox-list-box .arrow-next img { cursor: pointer;}

    section#breadcakebox .breadcakebox-list-box .list-content { width: 240px; height: 360px; overflow: hidden;}

    section#breadcakebox .breadcakebox-list-box .list-content ul.list-box { display: none;}

    section#breadcakebox .breadcakebox-list-box .list-content ul.list-box-mo { padding: 0; margin: 0; list-style: none; display: block;}

    section#breadcakebox .breadcakebox-list-box .list-content ul.list-box-mo li { width: 240px; height: 360px; padding: 0; margin: 0; float: left;}    

    section#breadcakebox .breadcakebox-list-box .list-content ul.list-box-mo li .list { width: 100px; margin: 10px; float: left;}

    section#breadcakebox .breadcakebox-list-box .list-content ul.list-box-mo li .list:nth-child(3) { clear: both;}

    section#breadcakebox .breadcakebox-list-box .list-content ul.list-box-mo li .list .pic { width: 100%;}

    section#breadcakebox .breadcakebox-list-box .list-content ul.list-box-mo li .list .pic img { width: 100%; height: auto;}

    section#breadcakebox .breadcakebox-list-box .list-content ul.list-box-mo li .list .text { width: 100%; padding: 10 0; color: #fff; font-size: 1.2em; font-weight: 200; text-align: center;}

    section#breadcakebox .breadcakebox-list-box .list-content ul.list-box-mo li .list .text font.price { color: #c65003; font-weight: 400;}

    

    

    /**************** section (delivery service) ****************/

    

    section#service { clear: both; width: 100%; background-image: url("../images/sec_service_bg.jpg"); background-repeat: no-repeat; background-size: auto 100%; box-sizing: border-box;}



    section#service iframe { width: 100%; height: 400px;}

    

    section#service .title-en { width: 100%; color: #663300; font-size: 1.8em; font-weight: 400; text-align: center;}

    section#service .title { width: 100%; margin: 0 0 20px 0; font-size: 2.4em; font-weight: 500; letter-spacing: 0.2em; text-align: center;}

    

    section#service .sec-service-content { clear: both; width: 100%;}

    section#service .sec-service-content .sec-pic-lf { width: 100%; text-align: center;}

    section#service .sec-service-content .sec-pic-lf img { max-width: 100%; height: auto;}

    section#service .sec-service-content .sec-text { width: 100%; padding: 0 0 40px 0;}

    section#service .sec-service-content .sec-text .s-title { width: 100%; margin: 0 0 20px 0; color: #663300; font-size: 1.4em; font-weight: 400; text-align: center;}

    section#service .sec-service-content .sec-text .text { width: 100%; font-size: 1.1em; line-height: 1.8em; text-align: center;}

    section#service .sec-service-content .sec-text .order-bt { width: 100%; margin: 20px 0; text-align: center;}

    section#service .sec-service-content .sec-text .call-num { width: 100%; font-size: 1.4em; font-weight: 500; text-align: center;}

    section#service .sec-service-content .sec-pic-rt { width: 100%; text-align: right;}

    section#service .sec-service-content .sec-pic-rt img { width: 60%; height: auto;}



    /**************** section (booking) ****************/

    .sec-booking-content { clear: both; width: 100%; padding: 80px 20px 0 20px; box-sizing: border-box;}
    .sec-booking-content .title-en { width: 100%; color: #ff6600; font-size: 1.8em; font-weight: 400; text-align: center;}
    .sec-booking-content .title { width: 100%; margin: 0 0 40px 0; color: #4d2704; font-size: 2.4em; font-weight: 500; letter-spacing: 0.2em; text-align: center;}
    .sec-booking-content .sort-bt-full { clear: both; width: 100%; padding: 60px 0;}
    .sec-booking-content .sort-bt-full .sort-bt { width: 200px; margin: 0 auto 30px auto;}
    .sec-booking-content .sort-bt-full .sort-bt a { width: 100%; padding: 10px 0; color: #fff; font-size: 1.2rem; text-align: center; text-decoration: none; border-radius: 26px; background-color: #c65003; display: block;}
    .sec-booking-content .sort-bt-full .sort-bt a:hover { background-color: #ff6600;}
    .sec-booking-content .sort-bt-full .sort-bt a.sel { background-color: #4d2704;}

    .sec-booking-content .booking-pic { clear: both; width: 100%; padding: 40px 0 0 0;}
    .sec-booking-content .booking-pic img { width: 100%; height: auto;}



    /**************** section (sitemap) ****************/



    section#sitemap { clear: both; width: 100%; padding: 80px 20px; box-sizing: border-box; background-image: url("../images/sec_about_bg.jpg"); background-repeat: repeat-y; background-size: 100% auto;}



    .sitemap-title-en { width: 100%; color: #ff6600; font-size: 1.8em; font-weight: 400; text-align: center;}

    .sitemap-title { width: 100%; margin: 0 0 80px 0; color: #4d2704; font-size: 2.4em; font-weight: 500; letter-spacing: 0.2em; text-align: center;}



    ul#sitemap { clear: both; width: 100%; padding: 0 0 80px 0; margin: 0; list-style: none; display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}

    ul#sitemap li { padding: 0; margin: 0 15px 30px 15px;}

    ul#sitemap li a { color: #000; font-size: 1.4rem; font-weight: 500; line-height: 1.2em; text-decoration: none;}

    ul#sitemap li a:hover { border-bottom: 1px #000 solid;}

    

    

    /**************** footer ****************/

    

    footer { clear: both; width: 100%; padding: 90px 10px 50px 10px; margin: -8px 0 0 0; background-image: url("../images/footer_bg.jpg"); background-repeat: no-repeat; background-size: auto 100%; background-position: center top; box-sizing: border-box;}

    

    footer .logo-box { width: 100%; margin: 0 0 20px 0; text-align: center;}

    

    footer .social-icon { width: 100%; margin: 0 0 30px 0; display: flex; justify-content: center; align-items: center;}

    footer .social-icon img { margin: 0 5px;}

    

    footer .infor-text { width: 100%; font-weight: 500; line-height: 1.8em; text-align: center;}

    

    footer hr { width: 80%; margin: 25px auto; border: 1px #414141 solid;}

    

    footer .facebook-box { clear: both; width: 100%; margin: 0 0 20px 0; display: flex; justify-content: center;}

    

    footer .copyright { width: 100%; font-size: 0.8em; font-weight: 400; text-align: center;}



    ul.footer-nav { clear: both; width: 100%; padding: 0; margin: 0; list-style: none; display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}

    ul.footer-nav li { padding: 0; margin: 0 10px 20px 10px;}

    ul.footer-nav li a { color: #000; font-size: 1.1rem; font-weight: 500; line-height: 1.2em; text-decoration: none;}

    ul.footer-nav li a:hover { border-bottom: 1px #000 solid;}

    

    

}