@import url("font-awesome.min.css");
@import url("https://fonts.googleapis.com/css?family=Lato:300,400,900");
@font-face {
  font-family: 'MyCustomFont'; /* 你自己為這個字型取的名字 */
  src: url('../fonts/fonts/SourceHanSerifTC-Regular.woff2') format('woff2'), /* 優先載入：檔案最小 */
       url('../fonts/SourceHanSerifTC-Regular.otf') format('opentype'); /* 最終備用：你的原始 OTF 檔 */
  font-weight: normal;
  font-style: normal;
}


/* 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-size: 100%;
	    font: inherit;
	    vertical-align: baseline;
		/*scroll-behavior: smooth;*/
	}

	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
		display: block;
	}

	body {
		line-height: 1;
		margin: 0; 
		padding: 0;
        -webkit-text-size-adjust: none;
        overflow-x: hidden;
	}

	ol, ul {
		list-style: none;
	}

	blockquote, q {
		quotes: none;
	}

	blockquote:before, blockquote:after, q:before, q:after {
		content: '';
		content: none;
	}

	table {
		border-collapse: collapse;
		border-spacing: 0;
	}

	video {
        mix-blend-mode: screen; /* 將黑色背景過濾掉顯示透明效果 */
        background-color: transparent;
	}


/* vedio */
	.vdvideo {
		display: block;
		position: relative;
		margin: 0 auto;
		width: 100%;
		object-fit: cover; /* 填滿容器並裁切，或 object-fit: contain; */
		/* object-fit: fill; /* 拉伸填滿，但可能變形 */
	}

	.video-container {
		position: relative;
		padding-bottom: 0;
		height: 0;
		overflow: hidden;
	}

	.video-container iframe, .video-container object, .video-container embed {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

      .vedio_play {
		  display: block;
		  position: absolute;
		  top: 50%;
		  left: 50%;
		  transform: translate(-50%, -50%);
          width: 80px;
		  height: auto;
      }

          .vedio_play img {
              width: 100%;
		      height: auto;
          }


/* Box Model */

	*, *:before, *:after {
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}


/* Basic */

	body {
		width: 100%;
	}

		body.is-loading *, body.is-loading *:before, body.is-loading *:after {
			-moz-animation: none !important;
			-webkit-animation: none !important;
			-ms-animation: none !important;
			animation: none !important;
			-moz-transition: none !important;
			-webkit-transition: none !important;
			-ms-transition: none !important;
			transition: none !important;
		}

	body, input, select, textarea {
		font-family: "Arial", 'Arial', sans-serif, serif;
		color: #000;
		font-size: 1em;
		letter-spacing: 0.5px;
		line-height: 1.75em;
		text-align: left;
	}


	a {
		-moz-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
		-webkit-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
		-ms-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
		transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
		text-decoration: none;
        color: #666;
	}

		a:hover {
			color: #2d4b9b;
			border-bottom-color: transparent;
		}

	strong, b {
		font-weight: 400;
	}

	p, ul, ol, dl, table, blockquote {
		margin: 0;
	}

	h1, h2, h3, h4, h5, h6 {
		line-height: ;
	}

	h2 {
		font-size: 1.5em;
		letter-spacing: 0.1em;
	}

	h3 {
		font-size: 2em;
		color: #FFF;
		letter-spacing: 0.025em;
	}

	sub {
		font-size: 0.8em;
		position: relative;
		top: 0.1em;
	}

	sup {
		font-size: 0.8em;
		position: relative;
		top: -0.4em;
	}

	hr {
		border-top: solid 1px rgba(124, 128, 129, 0.2);
		border: 0;
		margin-bottom: 1.5em;
	}

	blockquote {
		border-left: solid 0.5em rgba(124, 128, 129, 0.2);
		font-style: italic;
	}


/* header */

	#header {
		display: block;
		position: absolute;
		padding: 0;
		width: 100%;
		height: auto;
		z-index: 1000;
		
		-moz-animation-name: nnav;
		-moz-animation-duration: 1s;
		-moz-animation-iteration-count: 1;
		-moz-animation-fill-mode: forwards;
		-webkit-animation-name: nnav;
		-webkit-animation-duration: 1s;
		-webkit-animation-iteration-count: 1;
		-webkit-animation-fill-mode: forwards;
		-ms-animation-name: nnav;
		-ms-animation-duration: 1s;
		-ms-animation-iteration-count: 1;
		-ms-animation-fill-mode: forwards;
		-o-animation-name: nnav;
		-o-animation-duration: 1s;
		-o-animation-iteration-count: 1;
		-o-animation-fill-mode: forwards;
		animation-name: nnav;
		animation-duration: 1s;
		animation-iteration-count: 1;
		animation-fill-mode: forwards;		
	}

		@keyframes nnav {
		    0%    {top: 0;}
			100%  {top: 0; }
		}


		.path {
		    display: block;
		    position: relative;
		    padding: 0.25em 0;
            background: #e6e6e6;
		}

		    .path a {
		        color: #000;
		    }

		    .path a:hover {
		        color: #FF8327;
		    }


/* Dropotron 選單子層 */

	.dropotron {
		display: block;
        position: absolute;
		background: #FFF;
		box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.5);
		line-height: 2em;
		min-width: 8em;
		text-transform:; /*  uppercase全大寫, lowercase全小寫, capitalize第1字母大  */
        /* margin-top: calc(-1em + 1px); */
		z-index: 999999;
        text-align: center;
	}

		.dropotron.level-0 {
			font-size: 1.1em;
			font-weight: 400;
			margin-top: -0.8em;
            
			-moz-osx-font-smoothing: grayscale;
			-webkit-font-smoothing: antialiased;
			font-family: FontAwesome, "微軟正黑體";
			text-transform: none !important;
			content: '\f0da';
		}


		.dropotron > li {
			border-top: solid 1px #CCC;
		}

			.dropotron > li > a {
				-moz-transition: none;
				-webkit-transition: none;
				-ms-transition: none;
				transition: none;
				color: inherit;
				text-decoration: none;
				padding: 0.25em 1em;
			}

			.dropotron > li:hover > a {
				background: #333;
				color: #FFFFFF;
				font-weight: bold;
			}



/* Banner */

	#banner {
		display: block;
		position: relative;
		margin: 0 auto;
		padding: 0;
		width: 100%;
		height: auto;
	}

		.inner {
			display: block;
			position: relative;
			margin: 0 auto;
			padding: 0;
			overflow: hidden;
			opacity: 0;
			z-index: 1;
			
			-moz-animation-name: inneract;
			-moz-animation-duration: 1s;
			-moz-animation-iteration-count: 1;
			-moz-animation-fill-mode: forwards;
			-webkit-animation-name: inneract;
			-webkit-animation-duration: 1s;
			-webkit-animation-iteration-count: 1;
			-webkit-animation-fill-mode: forwards;
			-ms-animation-name: inneract;
			-ms-animation-duration: 1s;
			-ms-animation-iteration-count: 1;
			-ms-animation-fill-mode: forwards;
			-o-animation-name: inneract;
			-o-animation-duration: 1s;
			-o-animation-iteration-count: 1;
			-o-animation-fill-mode: forwards;
			animation-name: inneract;
			animation-duration: 1s;
			animation-iteration-count: 1;
			animation-fill-mode: forwards;	
		}

	    .inner img {
		     display: block;
			 width: 100%;
	     }

		    @keyframes inneract {
			    0%    {top: 0; opacity: 0;}
			    100%  {top: 0; opacity: 1;}
		    }

	.bannersubtxt {  
        display: block;
        position: absolute;
        bottom: 1em;
        left: 50%;
        transform: translate(-50%,0);
        color: #FFF;
	}

	.bannerab {  
        display: block;
        position: absolute;
        left: 49.5%;
        transform: translate(-50%,0);
        width: 300px;
        height: 100%;
        background: #003063;
        z-index: 10;
        
		-moz-animation-name: bab1;
		-moz-animation-duration: 1s;
		-moz-animation-iteration-count: 1;
		-moz-animation-fill-mode: forwards;
		-webkit-animation-name: bab1;
		-webkit-animation-duration: 1s;
		-webkit-animation-iteration-count: 1;
		-webkit-animation-fill-mode: forwards;
		-ms-animation-name: bab1;
		-ms-animation-duration: 1s;
		-ms-animation-iteration-count: 1;
		-ms-animation-fill-mode: forwards;
		-o-animation-name: bab1;
		-o-animation-duration: 1s;
		-o-animation-iteration-count: 1;
		-o-animation-fill-mode: forwards;
		animation-name: bab1;
		animation-duration: 1s;
		animation-iteration-count: 1;
		animation-fill-mode: forwards;	
	}

	    @keyframes bab1 {
		    0%    {top: -200%; opacity: 0;}
		    100%  {top: 0; opacity: 1;}
	    }

	.bannerab1 {  
        display: block;
        position: absolute;
        top: 66%;
        left: 50%;
        transform: translate(-50%,-50%);
        width: 31%;
        height: 100%;
        z-index: 100;
        opacity: 0;
        
		-moz-animation-name: bab2;
		-moz-animation-duration: 1s;
		-moz-animation-iteration-count: 1;
		-moz-animation-delay:1s;
		-moz-animation-fill-mode: forwards;
		-webkit-animation-name: bab2;
		-webkit-animation-duration: 1s;
		-webkit-animation-iteration-count: 1;
		-webkit-animation-delay:1s;
		-webkit-animation-fill-mode: forwards;
		-ms-animation-name: bab2;
		-ms-animation-duration: 1s;
		-ms-animation-iteration-count: 1;
		-ms-animation-delay:1s;
		-ms-animation-fill-mode: forwards;
		-o-animation-name: bab2;
		-o-animation-duration: 1s;
		-o-animation-iteration-count: 1;
		-o-animation-delay:1s;
		-o-animation-fill-mode: forwards;
		animation-name: bab2;
		animation-duration: 1s;
		animation-iteration-count: 1;
        animation-delay: 1s;
		animation-fill-mode: forwards;
	}

	    @keyframes bab2 {
		    0%    {opacity: 0;}
		    100%  {opacity: 1;}
	    }


	.bannerabbg {  
        display: block;
        position: absolute;
        top: 83%;
        left: 50%;
        transform: translate(-50%,0);
        width: 100%;
        height: 100%;
        z-index: 90;
	}

	    .bannerab img, .bannerab1 img, .bannerabbg img {  
            width: 100%;
	    }


	.bannerablion {  
        display: flex;
        position: absolute;
        justify-content: flex-start;
        align-items: flex-end;
        top: 50%;
        left: 66%;
        transform: translate(-50%,-50%);
        width: 15%;
        height: 100%;
        opacity: 0;
        z-index: 1100;
        
		-moz-animation-name: lion;
		-moz-animation-duration: 0.8s;
		-moz-animation-iteration-count: 1;
		-moz-animation-delay: 1.3s;
		-moz-animation-fill-mode: forwards;
		-webkit-animation-name: lion;
		-webkit-animation-duration: 0.8s;
		-webkit-animation-iteration-count: 1;
		-webkit-animation-delay: 1.3s;
		-webkit-animation-fill-mode: forwards;
		-ms-animation-name: lion;
		-ms-animation-duration: 0.8s;
		-ms-animation-iteration-count: 1;
		-ms-animation-delay: 1.3s;
		-ms-animation-fill-mode: forwards;
		-o-animation-name: lion;
		-o-animation-duration: 0.8s;
		-o-animation-iteration-count: 1;
		-o-animation-delay: 1.3s;
		-o-animation-fill-mode: forwards;
		animation-name: lion;
		animation-duration: 0.8s;
		animation-iteration-count: 1;
        animation-delay: 1.3s;
		animation-fill-mode: forwards;
	}

	    @keyframes lion {
		    0%    {top: 45%; opacity: 0;}
		    100%  {top: 50%; opacity: 1;}
	    }

	        .bannerablion img {  
                display: block;
                position: relative;
                width: 100%;
	        }

	    .bntxt1 {  
            display: block;
            position: absolute;
            top: 62%;
            left: 69%;
            padding: 10px 15px 10px 15px;
            text-align: left;
            writing-mode: ;
            background: rgba(255,255,255, 0.9);
            color: #2d4b9b;
            overflow-wrap: break-word;
            z-index: 150;
            opacity: 0;
            
		    -moz-animation-name: lion1;
		    -moz-animation-duration: 1s;
		    -moz-animation-iteration-count: 1;
		    -moz-animation-delay: 1.8s;
		    -moz-animation-fill-mode: forwards;
		    -webkit-animation-name: lion1;
		    -webkit-animation-duration: 1s;
		    -webkit-animation-iteration-count: 1;
		    -webkit-animation-delay: 1.8s;
		    -webkit-animation-fill-mode: forwards;
		    -ms-animation-name: lion1;
		    -ms-animation-duration: 1s;
		    -ms-animation-iteration-count: 1;
		    -ms-animation-delay: 1.8s;
		    -ms-animation-fill-mode: forwards;
		    -o-animation-name: lion1;
		    -o-animation-duration: 1s;
		    -o-animation-iteration-count: 1;
		    -o-animation-delay: 1.8s;
		    -o-animation-fill-mode: forwards;
		    animation-name: lion1;
		    animation-duration: 1s;
		    animation-iteration-count: 1;
            animation-delay: 1.8s;
		    animation-fill-mode: forwards;
	    }

	    @keyframes lion1 {
		    0%    {opacity: 0;}
		    100%  {opacity: 1;}
	    }


	    .bntxt2 {  
            display: block;
            position: absolute;
            top: 70%;
            left: 70%;
            padding: 10px 15px 10px 15px;
            text-align: left;
            writing-mode: ;
            background: rgba(255,255,255, 0.9);
            overflow-wrap: break-word;
            color: #2d4b9b;
            z-index: 150;
            opacity: 0;
            
		    -moz-animation-name: lion2;
		    -moz-animation-duration: 1s;
		    -moz-animation-iteration-count: 1;
		    -moz-animation-delay: 2.5s;
		    -moz-animation-fill-mode: forwards;
		    -webkit-animation-name: lion2;
		    -webkit-animation-duration: 1s;
		    -webkit-animation-iteration-count: 1;
		    -webkit-animation-delay: 2.5s;
		    -webkit-animation-fill-mode: forwards;
		    -ms-animation-name: lion2;
		    -ms-animation-duration: 1s;
		    -ms-animation-iteration-count: 1;
		    -ms-animation-delay: 2.5s;
		    -ms-animation-fill-mode: forwards;
		    -o-animation-name: lion2;
		    -o-animation-duration: 1s;
		    -o-animation-iteration-count: 1;
		    -o-animation-delay: 2.5s;
		    -o-animation-fill-mode: forwards;
		    animation-name: lion2;
		    animation-duration: 1s;
		    animation-iteration-count: 1;
            animation-delay: 2.5s;
		    animation-fill-mode: forwards;
	    }

	    @keyframes lion2 {
		    0%    {opacity: 0;}
		    100%  {opacity: 1;}
	    }


    .banner-sub { 
        display: block;
        position: relative;
        margin: 0 auto;
        width: 100%;
    }


    .banner-sub_txt { 
        display: block;
        position: absolute;
        top: 80%;
        left: 62.5%;
        transform: translate(-50%, -50%);
        width: 100%;
        z-index: 100;
    }



    .banner-video { 
        display: block;
        position: relative;
        margin: 0 auto;
        width: 100%;
    }

        .banner-video img { 
            display: block;
            position: relative;
            width: 100%;
        }


/* area-container */	

	.headcontainer {  
        margin: 0 auto;
		width: 100%;
	}

	.bannercontainer {  
        margin: 0 auto;
		width: 100%;
	}

	.pathcontainer {  
        margin: 0 auto;
        max-width: 1920px;
		width: 75%;
	}

	.bodycontainer1 {  
        margin: 0 auto;
        position: relative;
        max-width: 1920px;
		width: 75%;
	}

	.bodycontainer2 {  
        margin: 0 auto;
        position: relative;
        max-width: 1920px;
		width: 80%;
	}

	.bodycontainer3 {  
        margin: 0 auto;
        position: relative;
        max-width: 1920px;
		width: 65%;
	}

	.bodycontainer4 {   /* pro use */
        margin: 0 auto;
        position: relative;
		width: 1100px;
	}

	.bodycontainer5 {  /* news use */
        margin: 0 auto;
        position: relative;
        max-width: 1920px;
		width: 85%;
        background: #FFF;
	}

	.bodycontainer6 {  
        margin: 0 auto;
        position: relative;
        max-width: 1920px;
		width: 75%;
	}

	.bodycontainer7 {  
        margin: 0 auto;
        position: relative;
        max-width: 1920px;
		width: 75%;
	}

	.bodycontainer8 {  
        margin: 0 auto;
        position: relative;
        max-width: 1100px;
		width: 65%;
	}

	.bodycontainer9 {   /* pro 產品內頁 */
        margin: 0 auto;
        position: relative;
		width: 1200px;
	}


	.footercontainer {  
        margin: 0 auto;
		width: 70%;
	}  


/* Wrapper */

	.wrapper {
		position: relative;
	}

		.wrapper.style1 {  
			display: block;
            position: relative;
			margin: 0 auto;
			width: 100%;
		}

		.wrapper.style2 {  
			display: block;
            position: relative;
			margin: 0 auto;
            padding: 0;
			width: 100%;
		}

		.wrapper.style3 {  
			display: block;
            position: relative;
			margin: 0 auto;
            padding: 0;
            background: #f4f8fb;
			width: 100%;
		}

		.wrapper.style4 {  
			display: block;
            position: relative;
			margin: 0 auto;
            padding: 0;
            background: #f2f2f2;
			width: 100%;
		}



/* setting */

	.inda1 {  
	    display: block;
 	    position: relative;
        margin: 0 auto;
        background-image: url("../../images/pic1_food_chiken.png"), url("../../images/pic1_ind_a1bg.png");
        background-repeat: no-repeat;
        background-size: 11%, 100%;
        background-position: 85% 100%, center top;
        z-index: 2;
	}

	.indkindset {  
	    display: block;
 	    position: relative;
        margin: 0 auto;
        width: 100%;
	}

	.indkindsetab {  
	    display: block;
 	    position: absolute;
        margin: 0 auto;
        width: 100%;
	}

	    .indkindset img {  
	        display: block;
 	        position: relative;
            width:100%;
	    }

	.txtnote {  
	    display: block;
 	    position: relative;
        margin: 0 auto;
        width: 80%;
        text-align: center;
	}

	.ind_allkind {
        display: block;
        margin: 0 auto;
        width: 100%;
	}

        /* 海鮮 */
		.ind_seafood-div {  
    		display: block;
    		position: absolute;
            top: 5%;
            left: 12%;
       	 	width: 8%;
            z-index: 10;
            transition: all 0.2s ease-in-out;
		}

			.ind_seafood-pic {  
    			display: block;
    			position: relative;
           	 	width: 100%;
    		    transition: all 0.2s ease-in-out; 
    		 	box-sizing: border-box; 
             	background-image: url("../../images/pic1_prokind1.png");
             	background-size: 100%;
             	background-repeat: no-repeat;
                background-position: center;
			}

			    .ind_seafood-pic img {  
    			    display: block;
    			    position: relative;
           	 	    width: 100%;
			    }

			.ind_seafood-txt {  
    			display: block;
    			position: relative;
                padding: 0.75em 0;
           	 	width: 100%;
    		    text-align: center;
                color: #484848;
			}

				.ind_seafood-div:hover .ind_seafood-pic { 
            		cursor: pointer;
           	    	background-image: url("../../images/pic1_prokind1-1.png");
				}

				.ind_seafood-div:hover .ind_seafood-txt { 
                    font-weight: bold;
            		color: #2d4b9b;
				}

        /* 豬肉 */
		.ind_prok-div {  
    		display: block;
    		position: absolute;
            top: 100%;
            left: 22%;
       	 	width: 8%;
            z-index: 10;
            transition: all 0.2s ease-in-out;
		}

			.ind_prok-pic {  
    			display: block;
    			position: relative;
           	 	width: 100%;
    		    transition: all 0.2s ease-in-out; 
    		 	box-sizing: border-box; 
             	background-image: url("../../images/pic1_prokind2.png");
             	background-size: 100%;
             	background-repeat: no-repeat;
                background-position: center;
			}

			    .ind_prok-pic img {  
    			    display: block;
    			    position: relative;
           	 	    width: 100%;
			    }

			.ind_prok-txt {  
    			display: block;
    			position: relative;
                padding: 0.75em 0;
           	 	width: 100%;
    		    text-align: center;
                color: #484848;
			}

				.ind_prok-div:hover .ind_prok-pic { 
            		cursor: pointer;
           	    	background-image: url("../../images/pic1_prokind2-1.png");
				}

				.ind_prok-div:hover .ind_prok-txt { 
                    font-weight: bold;
           	    	color: #e1aaaf;
				}
       
        /* 雞肉 */
		.ind_chicken-div {  
    		display: block;
    		position: absolute;
            top: 175%;
            left: 38%;
       	 	width: 8%;
            z-index: 10;
            transition: all 0.2s ease-in-out;
		}

			.ind_chicken-pic {  
    			display: block;
    			position: relative;
           	 	width: 100%;
    		    transition: all 0.2s ease-in-out; 
    		 	box-sizing: border-box; 
             	background-image: url("../../images/pic1_prokind3.png");
             	background-size: 100%;
             	background-repeat: no-repeat;
                background-position: center;
			}

			    .ind_chicken-pic img {  
    			    display: block;
    			    position: relative;
           	 	    width: 100%;
			    }

			.ind_chicken-txt {  
    			display: block;
    			position: relative;
                padding: 0.75em 0;
           	 	width: 100%;
    		    text-align: center;
                color: #484848;
			}

				.ind_chicken-div:hover .ind_chicken-pic { 
            		cursor: pointer;
           	    	background-image: url("../../images/pic1_prokind3-1.png");
				}

				.ind_chicken-div:hover .ind_chicken-txt { 
                    font-weight: bold;
           	    	color: #be272d;
				}

        /* 牛肉 */
		.ind_beef-div {  
    		display: block;
    		position: absolute;
            top: 175%;
            left: 55%;
       	 	width: 8%;
            z-index: 10;
            transition: all 0.2s ease-in-out;
		}

			.ind_beef-pic {  
    			display: block;
    			position: relative;
           	 	width: 100%;
    		    transition: all 0.2s ease-in-out; 
    		 	box-sizing: border-box; 
             	background-image: url("../../images/pic1_prokind4.png");
             	background-size: 100%;
             	background-repeat: no-repeat;
                background-position: center;
			}

			    .ind_beef-pic img {  
    			    display: block;
    			    position: relative;
           	 	    width: 100%;
			    }

			.ind_beef-txt {  
    			display: block;
    			position: relative;
                padding: 0.75em 0;
           	 	width: 100%;
    		    text-align: center;
                color: #484848;
			}

				.ind_beef-div:hover .ind_beef-pic { 
            		cursor: pointer;
           	    	background-image: url("../../images/pic1_prokind4-1.png");
				}

				.ind_beef-div:hover .ind_beef-txt { 
                    font-weight: bold;
           	    	color: #00a69a;
				}


        /* 客製 */
		.ind_cus-div {  
    		display: block;
    		position: absolute;
            top: 100%;
            left: 70%;
       	 	width: 8%;
            z-index: 10;
            transition: all 0.2s ease-in-out;
		}

			.ind_cus-pic {  
    			display: block;
    			position: relative;
           	 	width: 100%;
    		    transition: all 0.2s ease-in-out; 
    		 	box-sizing: border-box; 
             	background-image: url("../../images/pic1_prokind5.png");
             	background-size: 100%;
             	background-repeat: no-repeat;
                background-position: center;
			}

			    .ind_cus-pic img {  
    			    display: block;
    			    position: relative;
           	 	    width: 100%;
			    }

			.ind_cus-txt {  
    			display: block;
    			position: relative;
                padding: 0.75em 0;
           	 	width: 100%;
    		    text-align: center;
                color: #484848;
			}

				.ind_cus-div:hover .ind_cus-pic { 
            		cursor: pointer;
           	    	background-image: url("../../images/pic1_prokind5-1.png");
				}

				.ind_cus-div:hover .ind_cus-txt { 
                    font-weight: bold;
           	    	color: #e1af6c;
				}


        /* 代工 */
		.ind_odem-div {  
    		display: block;
    		position: absolute;
            top: 5%;
            left: 81%;
       	 	width: 8%;
            z-index: 10;
            transition: all 0.2s ease-in-out;
		}

			.ind_odem-pic {  
    			display: block;
    			position: relative;
           	 	width: 100%;
    		    transition: all 0.2s ease-in-out; 
    		 	box-sizing: border-box; 
             	background-image: url("../../images/pic1_prokind6.png");
             	background-size: 100%;
             	background-repeat: no-repeat;
                background-position: center;
			}

			    .ind_odem-pic img {  
    			    display: block;
    			    position: relative;
           	 	    width: 100%;
			    }

			.ind_odem-txt {  
    			display: block;
    			position: relative;
                padding: 0.75em 0;
           	 	width: 100%;
    		    text-align: center;
                color: #484848;
			}

				.ind_odem-div:hover .ind_odem-pic { 
            		cursor: pointer;
           	    	background-image: url("../../images/pic1_prokind6-1.png");
				}

				.ind_odem-div:hover .ind_odem-txt { 
                    font-weight: bold;
           	    	color: #50a0e6;
				}


	.inda2 {  
	    display: block;
 	    position: relative;
        margin: 0 auto;
        background: #FFF;
	}


	.inda2-flex {  
	    display: flex;
 	    position: relative;
        justify-content: space-between;
        align-items: center;
        margin: 20px auto;
	}

	    .inda2-flex-div-le {  
	        display: flex;
 	        position: relative;
            flex-direction: column;
            justify-content: space-between;
            width: 20%;
	    }

	    .inda2-flex-div-rt {  
	        display: flex;
 	        position: relative;
            justify-content: space-between;
            width: 76%;
	    }

	        .inda2-note {  
	            display: block;
 	            position: relative;
                padding: 1em 0;
                width: 100%;
	        }

	        .inda2-lion {  
	            display: block;
 	            position: relative;
                width: 100%;
	        }

	            .inda2-lion img {  
	                display: block;
 	                position: relative;
                    width: 100%;
	            }

	        .inda2-slick {  
	            display: block;
 	            position: relative;
                margin: 0 auto;
                padding: 0 1em 1em 1em;
                width: 98%;
	        }

	        .inda2-slickimg {  
	            display: block;
 	            position: relative;
                margin: 0 0.35%;
                padding: 0.5em 0.5em 0 0.5em;
                width: 100%;
                border-radius: 15px;
	        }

	            .inda2-slickimg img {  
	                display: block;
 	                position: relative;
                    width: 100%;
	            }

	        .inda2-slickimg:hover {  
	            background: #f2f2f2;
	        }

	        .inda2-slickname {  
	            display: block;
 	            position: relative;
                padding: 0.25em 0.5em;
                width: 100%;
                text-align: center;
	        }


	.inda3 {  
	    display: flex;
 	    position: relative;
        justify-content: center;
        align-items: center;
        margin: 0 auto;
        padding: 30px 0;
        background: #f4f8fb;
        background-image: url("../../images/pic1_food_shrimp.png"), url("../../images/pic1_ind_about_bg1.png"), url("../../images/pic1_ind_about_bg2.png");
        background-repeat: no-repeat;
        background-size: 10%, 100%, 100%;
        background-position: 55% 10%, center top, center top;
	}

	.inda3_flex {  
	    display: flex;
 	    position: relative;
        justify-content: flex-end;
        align-items: stretch;
        margin: 40px auto 0 auto;
        width: 95%;
	}

	    .inda3_flex-pic {  
	        display: block;
 	        position: relative;
            margin: 0 auto;
            width: 40%;
	    }

	        .inda3_flex-pic img {  
	            display: flex;
 	            position: relative;
                width: 100%;
	        }

	    .inda3_flex-div {  
	        display: flex;
 	        position: relative;
            flex-direction: column;
            justify-content: center;
            width: 33%;
	    }

	    .inda3_flex-div-s {  
	        display: flex;
 	        position: relative;
            flex-direction: column;
            justify-content: flex-start;
            margin: 0 auto;
            width: 25%;
	    }

	        .inda3-note {  
	            display: block;
 	            position: relative;
                padding: 0.35em 0;
                width: 100%;
	        }


	.inda4 {  
	    display: flex;
 	    position: relative;
        justify-content: center;
        align-items: center;
        margin: 0 auto;
        padding: 5em 0 0 0;
        background: #f4f8fb;
	}

	.inda4_rr {  
	    display: block;
 	    position: relative;
        margin: 0 auto;
        padding: 2em 3em 0 3em;
        border-top-left-radius: 60px;
        border-top-right-radius: 60px;
        background: #FFF;
        width: 90%;
	}


	.inda4_flex {  
	    display: flex;
 	    position: relative;
        justify-content: space-between;
        align-items: flex-start;
        margin: 0 auto;
        max-width: 1680px;
        width: 100%;
	}

	    .inda4_flex-d1 {  
	        display: block;
 	        position: relative;
            width: 8%;
	    }

	    .inda4_flex-d2 {  
	        display: block;
 	        position: relative;
            width: 50%;
            padding: 7% 2em 1em 0;
	    }

	    .inda4_flex-d3 {  
	        display: flex;
 	        position: relative;
            justify-content: flex-start;
            width: 38%;
	    }

	        .inda4_flex-d1 img {  
	            display: block;
 	            position: absolute;
                top: 0;
                left: -50%;
                transform: translate(0%,-40%);
                width: 140%;
	        }

	        .inda4_flex-d2-list {  
	            display: flex;
 	            position: relative;
                justify-content: flex-start;
                align-items: baseline;
                margin: 1.5em 0 0.5em 0;
                width: 100%;
	        }

	            .inda4_flex-d2-list-d1 {  
	                display: flex;
 	                position: relative;
                    justify-content: flex-start;
                    width: auto;
                    padding-right: 1em;
                    border-right: solid 1px #2d4b9b;
	            }

	            .inda4_flex-d2-list-d1-1 {  
	                display: flex;
 	                position: relative;
                    justify-content: flex-start;
                    width: 100%;
	            }

	            .inda4_flex-d2-list-d2 {  
	                display: flex;
 	                position: relative;
                    justify-content: flex-start;
                    padding-left: 1em;
                    flex: 1 1 auto;
	            }

	        .inda4_flex-d2-word {  
	            display: block;
 	            position: relative;
                margin: 0.5em 0 2em 0;
                width: 100%;
	        }

	        .inda4_flex-d3-pic1 {  
	            display: block;
 	            position: relative;
                margin: 100px 20px;
                width: 38%;
	        }

	        .inda4_flex-d3-pic2 {  
	            display: block;
 	            position: relative;
                margin: 30px 20px;
                width: 38%;

	        }

	        .inda4_flex-d3-pic1 img, .inda4_flex-d3-pic2 img {  
                display: block;
                position: relative;
                width: 100%;
                border-radius: 20px;
                box-shadow: 10px 10px 0 #CCC;
                border-radius: 20px;
	        }


	.inda5 {  
	    display: block;
 	    position: relative;
        margin: -3em auto 0 auto;
        background-image: url("../../images/pic1_food_two.png");
        background-size: 15%;
        background-repeat: no-repeat;
        background-position: 90% 95%;
        width: 100%;
	}

	.inda5_flex {  
	    display: flex;
 	    position: relative;
        justify-content: center;
        align-items: stretch;
        margin: 1em auto;
        max-width: 1680px;
        width: 100%;
	}

	    .inda5_flex-d1 {  
	        display: flex;
 	        position: relative;
            justify-content: center;
            align-items: center;
            margin: 0 auto;
            width: 50%;
	    }

	        .inda5_flex-d1 img {  
	            display: block;
 	            position: relative;
                width: 100%;
	        }

	    .inda5_flex-d2 {  
	        display: flex;
 	        position: relative;
            flex-direction: column;
            justify-content: center;
            align-items: flex-start;
            margin: 0 auto;
            width: 50%;
            text-align: left;
	    }

	        .inda5_flex-d2-list {  
	            display: block;
 	            position: relative;
                width: 100%;
	        }

	        .inda5_note {  
	            display: block;
 	            position: relative;
                padding: 0.5em 0;
                width: 100%;
	        }


	.inda6 {  
	    display: block;
 	    position: relative;
        margin: 0 auto;
        background-image: url("../../images/pic1_ind_news_bg.jpg"),  url("../../images/pic1_ind_news_bg1.jpg");
        background-size: 100%;
        background-repeat: no-repeat, repeat;
        background-position: top center;
        padding: 12% 0 4em 0;
        width: 100%;
	}


	.indnews_flex {  
	    display: grid;
        position: relative;
        grid-template-columns: repeat(3, 31%); 
        justify-content: space-between;
        align-items: stretch;
        margin: 3em auto 0 auto;
        width: 90%;
	}

	   .indnews_flex-div {  
	       display: block;
           position: relative;
           margin: 0 auto 1.5em auto;
           width: 100%;
           border-radius: 10px;
           background: #FFF;
	   }

	   .indnews_flex-div-r1 {  
	       display: block;
           position: relative;
           margin: 0 auto;
           width: 100%;
	   }

	       .indnews_flex-div-r1 img {  
	           display: block;
               position: relative;
               width: 100%;
               border-radius: 10px;
	       }

	   .indnews_flex-div-r2 {  
	       display: ;
           position: relative;
           justify-content: space-between;
           align-items: flex-start;
           margin: -2em 0 0 0;
           padding: 1em 1.5em 0 1.5em;
           width: 100%;
           min-height: 220px;
           background: #FFF;
           border-radius: 10px;
           z-index: 5;
	   }

	       .indnews_flex-div-r2-tt {  
	           display: flex;
               position: relative;
               justify-content: space-between;
               align-items: flex-start;
               width: 100%;
               background: #FFF;
	       }

	           .indnews_flex-div-r2-tt1 {  
	               display: flex;
                   position: relative;
                   width: 3em;
	           }

	           .indnews_flex-div-r2-tt2 {  
	               display: flex;
                   position: relative;
                   float: left;
                   flex: 1;
	           }

	       .indnews_flex-div-r2-txt {  
	           display: block;
               position: relative;
               margin: 0.25em 0;
               width: 100%;
	       }

	       .indnews_flex-div-r2-txt1 {  
	           display: block;
               position: relative;
               margin: 0.25em 0;
               width: 100%;
               padding-left: 1em;
               text-indent: -1em;
	       }


	   .indnews_flex-div-r3 {  
	       display: block;
           position: relative;
           padding: 0 1.5em 1em 1.5em;
           width: 100%;
	   }


    /* about */
	.about_a1 {  
	    display: block;
 	    position: relative;
        margin: 0 auto;
        background-image: url("../../images/pic1_about_a1bg.png");
        background-size: 100%;
        background-repeat: no-repeat;
        background-position: bottom center;
        padding: 3em 0 0 0;
        width: 100%;
	}

	.about_a1_flex {  
	    display: flex;
 	    position: relative;
        justify-content: space-between;
        align-items: stretch;
        margin: 0 auto;
        width: 100%;
	}

	    .about_a1_flex-div {  
	        display: flex;
 	        position: relative;
            flex-direction: column;
            justify-content: flex-start;
            align-items: stretch;
            width: 48%;
	    }

	        .about_a1_flex-div-r {  
	            display: flex;
 	            position: relative;
                justify-content: space-between;
                align-items: stretch;
                width: 100%;
	        }

            .about_a1_flex-div-1 { 
                width: 50%;
            }

            .about_a1_flex-div-2 { 
                width: 50%;
            }


	        .about_a1_lion {  
	            display: block;
 	            position: absolute;
                bottom: 0;
                left: 85%;
                transform: translate(-50%, 0%);
                width: 33%;
                z-index: 10000;
                opacity: 0;
                
		        -moz-animation-name: sublion1;
		        -moz-animation-duration: 1s;
		        -moz-animation-iteration-count: 1;
		        -moz-animation-delay: 0.5s;
		        -moz-animation-fill-mode: forwards;
		        -webkit-animation-name: sublion1;
		        -webkit-animation-duration: 1s;
		        -webkit-animation-iteration-count: 1;
		        -webkit-animation-delay: 0.5s;
		        -webkit-animation-fill-mode: forwards;
		        -ms-animation-name: sublion1;
		        -ms-animation-duration: 1s;
		        -ms-animation-iteration-count: 1;
		        -ms-animation-delay: 0.5s;
		        -ms-animation-fill-mode: forwards;
		        -o-animation-name: sublion1;
		        -o-animation-duration: 1s;
		        -o-animation-iteration-count: 1;
		        -o-animation-delay: 0.5s;
		        -o-animation-fill-mode: forwards;
		        animation-name: sublion1;
		        animation-duration: 1s;
		        animation-iteration-count: 1;
                animation-delay: 0.5s;
		        animation-fill-mode: forwards; 
	        }


	        @keyframes sublion1 {
		        0%    {bottom: 0;     opacity: 0;}
		        100%  {bottom: 20px; opacity: 1;}
	        }

	            .about_a1_lion img {  
	                display: block;
 	                position: relative;
                    width: 100%;
                    z-index: 200;
	            }


	            .about_a1_liontxt1 {  
                    display: block;
                    position: absolute;
                    bottom: 100%;
                    left: 75%;
                    width: 495px;
                    padding: 10px 15px;
                    text-align: left;
                    white-space: nowrap;
                    writing-mode: ;
                    background: rgba(255,255,255, 0.9);
                    color: #2d4b9b;
                    z-index: 150;
	            }

	            .about_a1_liontxt2 {  
                    display: block;
                    position: absolute;
                    bottom: 75%;
                    left: 75%;
                    width: 450px;
                    padding: 10px 15px;
                    text-align: left;
                    white-space: nowrap;
                    writing-mode: ;
                    background: rgba(255,255,255, 0.9);
                    color: #2d4b9b;
                    z-index: 150;
	            }


	    .about_a1_flex-pic {  
	        display: flex;
 	        position: relative;
            flex-direction: column;
            justify-content: flex-end;
            align-items: stretch;
            width: 48%;
	    }

	        .about_a1_flex-pic img {  
	            display: block;
 	            position: relative;
                width: 100%;
	        }

	        .about_a1_flex-picab {  
	            display: block;
 	            position: absolute;
                width: 100%;
	        }



	.about_a2 {  
	    display: block;
 	    position: relative;
        margin: 0 auto;
        background: #f4f8fb;
        padding: 3em 0 0 0;
        width: 100%;
	}
     
	.about_a2_flex1 {  
	    display: flex;
 	    position: relative;
        justify-content: space-between;
        align-items: stretch;
        margin: 0 auto;
        width: 100%;
	}

	    .about_a2_flex1-div {  
	        display: flex;
 	        position: relative;
            flex-direction: column;
            justify-content: center;
            align-items: stretch;
            width: 50%;
	    }

	        .about_a2_flex1-div img {  
	            display: block;
 	            position: relative;
                width: 100%;
	        }

	.about_a2_flex2 {  
	    display: flex;
 	    position: relative;
        justify-content: space-between;
        align-items: stretch;
        margin: -3em auto 0 auto;
        padding: 0 0 3em 0;
        width: 100%;
	}

	    .about_a2_flex2-div1 {  
	        display: flex;
 	        position: relative;
            flex-direction: column;
            justify-content: flex-end;
            align-items: flex-start;
            width: 30%;
	    }

	        .about_a2_flex2-div1 img {  
	            display: block;
 	            position: relative;
                width: 250px;
                z-index: 100;
	        }

	    .about_a2_flex2-div2 {  
	        display: flex;
 	        position: relative;
            flex-direction: column;
            justify-content: flex-start;
            align-items: flex-start;
            padding: 4em 0 1em 5em;
            background: #f4f8fb;
            width: 77%;
	    }


	.about_a3 {  
	    display: block;
 	    position: relative;
        margin: 0 auto;
        background: #f4f8fb;
        padding: 0 0 0 0;
        width: 100%;
	}

	.about_a3-rr {  
	    display: block;
 	    position: relative;
        margin: 0 auto;
        background: #FFF;
        padding: 5em 0 15em 0;
        width: 85%;
        border-top-left-radius: 80px;
        border-top-right-radius: 80px;
	}

	.about_a3_vlue {  
	    display: block;
 	    position: relative;
        margin: 0 auto;
        width: 100%;
        height: 100%;
        z-index: 100;
	}

	    .about_a3_vlue img {  
	        display: block;
 	        position: relative;
            width: 100%;
	    }


	.qc_a1 {  
	    display: block;
 	    position: relative;
        margin: 0 auto;
        padding: 3em 0 0 0;
        background: #f4f8fb;
        background-image: url("../../images/pic1_qc_a1bg1.png");
        background-position: top center;
        background-repeat: no-repeat;
        background-size: 100%;
        width: 100%;
	}

	.qc_cficon {  
	    display: block;
 	    position: relative;
        margin: 1.5em auto;
        width: 400px;
        z-index: 5;
	}

	    .qc_cficon img {  
	        display: block;
 	        position: relative;
            width: 100%;
            z-index: 1;
	    }

	.qc_box {  
	    display: block;
 	    position: absolute;
        margin: 0 auto;
        background: linear-gradient(to bottom, rgb(225,225,225, 0) 0%, #E5E5E5 60%);
        top: 0;
        left: 50%;
        transform: translate(-50%,0);
        width: 320px;
        height: 100%;
        z-index: 1;
	}


	.qc_word1 {  
	    display: block;
 	    position: relative;
        margin: 2em auto 1em auto;
        width: 250px;
        z-index: 5;
	}

	.qc_word2 {  
	    display: flex;
 	    position: relative;
        justify-content: center;
        align-items: center;
        margin: 1em auto;
        z-index: 5;
	}

	    .qc_word-tt {  
	        display: block;
 	        position: relative;
            text-align: center;
            margin: 0 0 0.5em 0;
	    }

	    .qc_word-tt1 {  
	        display: block;
 	        position: absolute;
            text-align: center;
            width: 100%;
            top: 70%;
            left: 50%;
            transform: translate(-50%, -50%);
	    }

	    .qc_word-pp {  
	        display: block;
 	        position: relative;
            text-align: center;
            width: 350px;
	    }

	        .qc_word-pp img {  
	            display: block;
 	            position: relative;
                width: 100%;
                opacity: 0;
                z-index: 1;
	        }


	.qc_piclist {  
	    display: flex;
 	    position: absolute;
        justify-content: space-between;
        align-items: stretch;
        top: 0%;
        left: 50%;
        transform: translate(-50%,-70%);
        margin: 3em auto;
        padding-left: 4%;
        width: 80%;
        z-index: 7;
	}

	    .qc_piclist-d1 {  
	        display: flex;
 	        position: relative;
            justify-content: flex-end;
            align-items: flex-end;
            width: 15%;
	    }

	    .qc_piclist-d2 {  
	        display: flex;
 	        position: relative;
            justify-content: flex-end;
            align-items: flex-end;
            width: 15%;
	    }

	    .qc_piclist-d3 {  
	        display: flex;
 	        position: relative;
            justify-content: center;
            align-items: center;
            width: 26%;
	    }

	    .qc_piclist-d4 {  
	        display: flex;
 	        position: relative;
            justify-content: flex-end;
            align-items: flex-end;
            width: 15%;
	    }

	    .qc_piclist-d5 {  
	        display: flex;
 	        position: relative;
            justify-content: flex-end;
            align-items: flex-end;
            width: 20%;
	    }

	    .qc_piclist-d1 img, .qc_piclist-d2 img, .qc_piclist-d4 img, .qc_piclist-d5 img {  
	        display: block;
 	        position: relative;
            width: 100%;
	    }


	.qc_bottome {  
	    display: block;
 	    position: absolute;
        margin: 0 auto;
        width: 100%;
        bottom: 0;
        z-index: 2;
	}

	    .qc_bottome img {  
	        display: block;
 	        position: relative;
            width: 100%;
            opacity: 1;
	    }



	.qc_a2 {  
	    display: block;
 	    position: relative;
        margin: 0 auto;
        padding: 0;
        background-image: url("../../images/pic1_qc_a1bg2.png");
        background-position: top center;
        background-repeat: no-repeat;
        background-size: 100%;
        width: 100%;
        z-index: 5;
	}


	.qc_a2-topline {  
	    display: block;
 	    position: absolute;
        top: 0;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 1px;
        height: 40px;
        border-left: solid 1px #000;
        padding: 0 0 0 0;
        z-index: 10;
	}


	.qc_a2-pic {  
	    display: block;
 	    position: relative;
        margin: 0 auto;
        width: 70%;
	}

	    .qc_a2-pic img {  
	        display: block;
 	        position: relative;
            margin: 0 auto;
            width: 100%;
	    }



	.equ_a1 {  
	    display: block;
 	    position: relative;
        margin: 0 auto;
        padding: 3em 0 0 0;
        width: 100%;
	}

	.equ_pocessflex {  
	    display: grid;
 	    position: relative;
        grid-template-columns: repeat(5, 20%); /* 4格, 23%寬度 */
        justify-content: space-between;
        align-items: stretch;
        margin: 3em auto 0 auto;
        width: 100%;
	}

	    .equ_pocessflexbg {  
	        display: block;
 	        position: absolute;
            bottom: 0;
            width: 100%;
	    }

	        .equ_pocessflexbg img {  
	            display: block;
                width: 100%;
	        }

	    .equ_pocessflex-div {  
	        display: flex;
 	        position: relative;
            justify-content: center;
            align-items: center;
            width: 100%;
            overflow: hidden;
	        text-align: center;
	        cursor: default;
	    }

	        .equ_pocessflex-div img {  
	            display: block;
 	            position: relative;
                width: 100%;
                -webkit-transition:all .2s linear;
	            transition:all .4s linear;
	       }

	        .equ_pocessflex-div:hover img {  
	            -ms-transform:scale(1.1);
	            -webkit-transform:scale(1.1);
	            transform:scale(1.1);
	       }

	        .equ_pocessflex-div:hover .overlay {  
	            opacity:1;
	            filter:alpha(opacity=100);
	       }


	       .equ_pocessflex-div .overlay {
	            width:100%;
	            height:100%;
	            position:absolute;
	            overflow:hidden;
	            top:0;
	            left:0;
	            opacity:0;
	            background-color:rgba(0,0,0,0.8);
	            -webkit-transition:all 0.4s ease-in-out;
	            transition:all 0.4s ease-in-out;
	            cursor: pointer;
	       }

	       .equ_pocessflex-divab {
	            display: block;
	            position: absolute;
	            overflow: hidden;
	            top: 50%;
	            left: 50%;
                width: 80%;
	            transform: translate(-50%, -50%);
	            color: #FFF;
                white-space: ;
                writing-mode: ;
                text-shadow: 2px 2px 2px #000;
	       }


	.equ_a2 {  
	    display: block;
 	    position: relative;
        margin: 0 auto 3em auto;
        padding: 0;
        width: 100%;
	}

	.equ_a2fish {  
	    display: block;
 	    position: relative;
        margin: -100px 0 0 12.5%;
        padding: 0;
        width: 15%;
        z-index: 10;
	}

	    .equ_a2fish img {  
	        display: block;
 	        position: relative;
            width: 100%;
	    }

	.equ_a2_line {  
	    display: block;
 	    position: absolute;
        padding: 0;
        background: linear-gradient(to bottom, #c1e39b 49%, #2d4b9b 72%);
        top: 5%;
        left: 19.5%;
        width: 20px;
        height: 95%;
        z-index: 5;
	}

	.equ_step-name {  
	    display: flex;
 	    position: relative;
        flex-direction: column;
        justify-content: space-between;
        align-items: stretch;
        margin: 1.5em 0 0 auto;
        padding: 0;
        width: 90%;
        z-index: 1;
	}

	.equ_step-name-txt {  
	    display: flex;
 	    position: relative;
        justify-content: flex-start;
        align-items: center;
        margin-left: auto;
        padding: 1em 1em 0 1.2em;
        text-indent: -1.2em;
        width: 87%;
        z-index: 1;
	}

	.equ_step {  
	    display: flex;
 	    position: relative;
        justify-content: space-between;
        align-items: stretch;
        margin: 1em 0 0 auto;
        padding: 0;
        width: 100%;
        z-index: 1;
	}

	    .equ_step-d1 {  
	        display: flex;
 	        position: relative;
            justify-content: center;
            align-items: center;
            padding: 2em 0;
            width: 11.5%;
            background: #2d4b9b;
            border-top-left-radius: 100%;
            border-bottom-left-radius: 100%;
	    }

	        .equ_step-d1 img {  
	            display: block;
 	            position: relative;
                width: 65%;
                height: auto;
	        }

	    .equ_step-d2 {  
	        display: flex;
 	        position: relative;
            justify-content: flex-start;
            align-items: stretch;
            width: 88.5%;
	    }

	        .equ_step-d2-1 {  
	            display: flex;
 	            position: relative;
                flex-direction: column;
                justify-content: flex-start;
                align-items: center;
                padding: 1em 1em 1em 1.5em;
                width: 45%;
                background: #e3e3e3;
	        }

	        .equ_step-tt {  
	            display: block;
 	            position: relative;
                width: 100%;
                margin-bottom: 0.3em;
                padding-left: 0.3em;
	        }

	        .equ_step-tt1 {  
	            display: block;
 	            position: relative;
                width: 100%;
                margin-bottom: 0.3em;
	        }

	        .equ_step-list {  
	            display: block;
 	            position: relative;
                margin-bottom: 0.15em;
                padding-left: 1em;
                text-indent: -1em;
                width: 100%;
	        }

	        .equ_step-list1 {  
	            display: block;
 	            position: relative;
                margin-bottom: 0.15em;
                width: auto;
                border-bottom: solid 1px #FFF;
	        }

	        .equ_step-d3-le {  
	            display: flex;
 	            position: relative;
                flex-direction: column;
                justify-content: flex-start;
                padding-left: 0.4em;
                width: 50%;
	        }

	        .equ_step-d3-rt {  
	            display: flex;
 	            position: relative;
                flex-direction: column;
                justify-content: center;
                align-items: center;
                text-align: center;
                width: 50%;
	        }

	            .equ_step-d3-videoplay {  
	                display: flex;
 	                position: relative;
                    flex-direction: column;
                    justify-content: center;
                    width: 20%;
	            }

	                .equ_step-d3-videoplay img {  
	                    display: block;
 	                    position: relative;
                        width: 100%;
	                }

	            .equ_step-d3-videoname {  
	                display: flex;
 	                position: relative;
                    flex-direction: column;
                    justify-content: center;
                    margin: 10px auto;
                    width: 80%;
                    text-shadow: 2px 2px 5px #000;
	            }


	        .equ_step-d3-1 {  
	            display: flex;
 	            position: relative;
                justify-content: space-between;
                align-items: stretch;
                background: #b5b5b6;
                background-image: url("../../images/pic1_equ1.png");
                background-size: cover;
                background-repeat: no-repeat;
                padding: 1em 1em 1em 3em;
                width: 55%;
                color: #FFF;
	        }

	        .equ_step-d3-2 {  
	            display: flex;
 	            position: relative;
                justify-content: space-between;
                align-items: stretch;
                background: #b5b5b6;
                background-image: url("../../images/pic1_equ2.png");
                background-size: cover;
                background-repeat: no-repeat;
                padding: 1em 1em 1em 2em;
                width: 55%;
                color: #FFF;
	        }

	        .equ_step-d3-3 {  
	            display: flex;
 	            position: relative;
                justify-content: space-between;
                align-items: stretch;
                background: #b5b5b6;
                background-image: url("../../images/pic1_equ3.png");
                background-size: cover;
                background-repeat: no-repeat;
                padding: 1em 1em 1em 2em;
                width: 55%;
                color: #FFF;
	        }

	        .equ_step-d3-4 {  
	            display: flex;
 	            position: relative;
                justify-content: space-between;
                align-items: stretch;
                background: #b5b5b6;
                background-image: url("../../images/pic1_equ4.png");
                background-size: cover;
                background-repeat: no-repeat;
                padding: 1em 1em 1em 2em;
                width: 55%;
                color: #FFF;
	        }

	        .equ_step-d3-5 {  
	            display: flex;
 	            position: relative;
                justify-content: space-between;
                align-items: stretch;
                background: #b5b5b6;
                background-image: url("../../images/pic1_equ5.png");
                background-size: cover;
                background-repeat: no-repeat;
                padding: 1em 1em 1em 2em;
                width: 55%;
                color: #FFF;
	        }

	        .equ_step-d3-6 {  
	            display: flex;
 	            position: relative;
                justify-content: space-between;
                align-items: stretch;
                background: #b5b5b6;
                background-image: url("../../images/pic1_equ6.png");
                background-size: cover;
                background-repeat: no-repeat;
                padding: 1em 1em 1em 2em;
                width: 55%;
                color: #FFF;
	        }

	        .equ_step-d3-7 {  
	            display: flex;
 	            position: relative;
                justify-content: space-between;
                align-items: stretch;
                background: #b5b5b6;
                background-image: url("../../images/pic1_equ7.png");
                background-size: cover;
                background-repeat: no-repeat;
                padding: 1em 1em 1em 2em;
                width: 55%;
                color: #FFF;
	        }

	        .equ_step-d3-8 {  
	            display: flex;
 	            position: relative;
                justify-content: space-between;
                align-items: stretch;
                background: #b5b5b6;
                background-image: url("../../images/pic1_equ8.png");
                background-size: cover;
                background-repeat: no-repeat;
                padding: 1em 1em 1em 2em;
                width: 55%;
                color: #FFF;
	        }


	.tech_a1 {  
	    display: block;
 	    position: relative;
        margin: 0 auto;
        padding: 3em 0 0 0;
        width: 100%;
	}


	.tech_a1_flex {  
	    display: flex;
        position: relative;
        justify-content: center;
        align-items: stretch;
        margin: 2em auto;
        width: auto;
        z-index: 100;
	}

	    .tech_a1_flex-div {  
	        display: flex;
            position: relative;
            justify-content: center;
            align-items: center;
            padding: 0.15em 2em;
            width: auto;
            border-right: solid 1px #666666;
	    }

	        .tech_a1_flex-div:last-child {  
                border-right: none;
	        }


	.tech_a2 {  
	    display: block;
 	    position: relative;
        background-color: #FFF;
        border-radius: 45px;
        margin: 0 auto;
        padding: 3em 0;
        width: 80%;
	}

	.tech_a2_title {  
	    display: flex;
        position: relative;
        justify-content: flex-start;
        align-items: stretch;
        margin: 1em auto;
        padding: 0.5em 0;
        width: 100%;
        border-bottom: solid 1px #000;
	}

        /* --- kon lion --- */
	    .tech_a2_title_lion {  
	        display: block;
            position: absolute;
            top: 0%;
            left: 97%;
            transform: translate(0, -70.3%);
            width: 220px;
            z-index: 1100;
	    }

	        .tech_a2_title_lion img {  
	            display: block;
                width: 100%;
	        }


	.QA_title {  
	    display: flex;
        position: relative;
        justify-content: flex-start;
        align-items: stretch;
        margin: 3em auto 0 auto;
        padding: 0.5em 0 0 1em;
        width: 100%;
        text-align: left;
        text-indent: -1em;
	}

	.QA_ttxt {  
	    display: flex;
        position: relative;
        justify-content: flex-start;
        align-items: stretch;
        margin: 0;
        padding: 0.3em 0 0.5em 2em;
        width: 100%;
        border-bottom: solid 1px #000;
	}

	.QA_title1 {  
	    display: flex;
        position: relative;
        justify-content: flex-start;
        align-items: stretch;
        margin: 3em auto 0 auto;
        padding: 0.5em 0 0 1em;
        text-indent: -1em;
        width: 100%;
        border-bottom: solid 1px #000;
	}


    /* --- 收合區塊主要容器 seafood --- */
    .qa-accordion {
        display: block;
        margin: 2em auto;
        padding: 3em;
        width: 100%;
        background-color: #EAF7FC; /* 圓角底色 */
        border-radius: 25px;
        box-sizing: border-box;
    }

    /* 隱藏原生 details 的預設箭頭 (Safari/Chrome) */
    .qa-accordion summary::-webkit-details-marker {
        display: none;
    }
    
    /* --- 標題列 (點擊區塊) --- */
    .qa-accordion summary {
        display: flex;
        padding: 0.35em 1em 0.34em 1em;
        align-items: center;
        user-select: none;
        list-style: none; /* 隱藏原生 details 的預設箭頭 */
        background-color: #29abe2; /* 藍色標題列 */
        color: #FFFFFF;
        cursor: pointer;
        letter-spacing: 1.5px;
    }

    /* 標題列的動態箭頭 (使用純 CSS 繪製) */
    .qa-accordion summary::after {
        content: "";
        margin-left: 15px;
        display: inline-block;
        /* 預設為向下箭頭 (收合狀態) */
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-top: 10px solid #ffffff;
        transition: transform 0.3s ease;
    }

    /* 當 details 展開時，箭頭向上轉 */
    .qa-accordion[open] summary::after {
        transform: rotate(180deg);
    }


    /* --- 收合區塊主要容器 pork --- */
    .qa-accordion-pink {
        display: block;
        margin: 2em auto;
        padding: 3em;
        width: 100%;
        background-color: #fcf3f4; /* 圓角底色 */
        border-radius: 25px;
        box-sizing: border-box;
    }

    /* 隱藏原生 details 的預設箭頭 (Safari/Chrome) */
    .qa-accordion-pink summary::-webkit-details-marker {
        display: none;
    }
    
    /* --- 標題列 (點擊區塊) --- */
    .qa-accordion-pink summary {
        display: flex;
        padding: 0.35em 1em 0.34em 1em;
        align-items: center;
        user-select: none;
        list-style: none; /* 隱藏原生 details 的預設箭頭 */
        background-color: #e68993; /* 標題列 */
        color: #FFFFFF;
        cursor: pointer;
        letter-spacing: 1.5px;
    }

    /* 標題列的動態箭頭 (使用純 CSS 繪製) */
    .qa-accordion-pink summary::after {
        content: "";
        margin-left: 15px;
        display: inline-block;
        /* 預設為向下箭頭 (收合狀態) */
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-top: 10px solid #ffffff;
        transition: transform 0.3s ease;
    }

    /* 當 details 展開時，箭頭向上轉 */
    .qa-accordion-pink[open] summary::after {
        transform: rotate(180deg);
    }


    /* --- 收合區塊主要容器 chicken --- */
    .qa-accordion-chicken {
        display: block;
        margin: 2em auto;
        padding: 3em;
        width: 100%;
        background-color: #f6f2ee; /* 圓角底色 */
        border-radius: 25px;
        box-sizing: border-box;
    }

    /* 隱藏原生 details 的預設箭頭 (Safari/Chrome) */
    .qa-accordion-chicken summary::-webkit-details-marker {
        display: none;
    }
    
    /* --- 標題列 (點擊區塊) --- */
    .qa-accordion-chicken summary {
        display: flex;
        padding: 0.35em 1em 0.34em 1em;
        align-items: center;
        user-select: none;
        list-style: none; /* 隱藏原生 details 的預設箭頭 */
        background-color: #cc9966; /* 標題列 */
        color: #FFFFFF;
        cursor: pointer;
        letter-spacing: 1.5px;
    }

    /* 標題列的動態箭頭 (使用純 CSS 繪製) */
    .qa-accordion-chicken summary::after {
        content: "";
        margin-left: 15px;
        display: inline-block;
        /* 預設為向下箭頭 (收合狀態) */
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-top: 10px solid #ffffff;
        transition: transform 0.3s ease;
    }

    /* 當 details 展開時，箭頭向上轉 */
    .qa-accordion-chicken[open] summary::after {
        transform: rotate(180deg);
    }

    /* --- 收合區塊主要容器 ＱＡ橘 --- */
    .qa-accordion-QAoring {
        display: block;
        margin: 2em auto;
        padding: 3em;
        width: 100%;
        background-color: #fef2e9; /* 圓角底色 */
        border-radius: 25px;
        box-sizing: border-box;
    }

    /* 隱藏原生 details 的預設箭頭 (Safari/Chrome) */
    .qa-accordion-QAoring summary::-webkit-details-marker {
        display: none;
    }
    
    /* --- 標題列 (點擊區塊) --- */
    .qa-accordion-QAoring summary {
        display: flex;
        padding: 0.35em 1em 0.34em 1em;
        align-items: center;
        user-select: none;
        list-style: none; /* 隱藏原生 details 的預設箭頭 */
        background-color: #f4821f; /* 標題列 */
        color: #FFFFFF;
        cursor: pointer;
        letter-spacing: 1.5px;
    }

    /* 標題列的動態箭頭 (使用純 CSS 繪製) */
    .qa-accordion-QAoring summary::after {
        content: "";
        margin-left: 15px;
        display: inline-block;
        /* 預設為向下箭頭 (收合狀態) */
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-top: 10px solid #ffffff;
        transition: transform 0.3s ease;
    }

    /* 當 details 展開時，箭頭向上轉 */
    .qa-accordion-QAoring[open] summary::after {
        transform: rotate(180deg);
    }


    /* --- 收合區塊主要容器 ＱＡ綠 --- */
    .qa-accordion-QAgreen {
        display: block;
        margin: 2em auto;
        padding: 3em;
        width: 100%;
        background-color: #f8faec; /* 圓角底色 */
        border-radius: 25px;
        box-sizing: border-box;
    }

    /* 隱藏原生 details 的預設箭頭 (Safari/Chrome) */
    .qa-accordion-QAgreen summary::-webkit-details-marker {
        display: none;
    }
    
    /* --- 標題列 (點擊區塊) --- */
    .qa-accordion-QAgreen summary {
        display: flex;
        padding: 0.35em 1em 0.34em 1em;
        align-items: center;
        user-select: none;
        list-style: none; /* 隱藏原生 details 的預設箭頭 */
        background-color: #bbc93d; /* 標題列 */
        color: #FFFFFF;
        cursor: pointer;
        letter-spacing: 1.5px;
    }

    /* 標題列的動態箭頭 (使用純 CSS 繪製) */
    .qa-accordion-QAgreen summary::after {
        content: "";
        margin-left: 15px;
        display: inline-block;
        /* 預設為向下箭頭 (收合狀態) */
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-top: 10px solid #ffffff;
        transition: transform 0.3s ease;
    }

    /* 當 details 展開時，箭頭向上轉 */
    .qa-accordion-QAgreen[open] summary::after {
        transform: rotate(180deg);
    }



    /* --- 內部內容區塊 --- */
    .qa-content {
        padding: 1em 1em 0 1em;
        color: #000;
        animation: fadeIn 0.4s ease-in-out;
    }

    /* 淡入動畫，讓展開時更滑順 */
    @keyframes fadeIn {
        from { opacity: 0; transform: translateY(-10px); }
        to   { opacity: 1; transform: translateY(0); }
    }



    /* --- Flexbox 兩欄排版 --- */

    .qainfo_flex {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: stretch;
        margin: 0 auto;
    }

        .qainfo_flex-div {
            display: flex;
            position: relative;
            flex-direction: column;
            justify-content: flex-start;
            align-items: flex-start;
            padding: 0.5em 0;
            width: 48%;
        }


    .qainfo_flex1 {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: stretch;
        margin: 1em auto;
    }

        .qainfo_flex1-div-b {
            display: flex;
            position: relative;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            background-color: #94d5f0;
            padding: 0.5em 1em;
            text-align: center;
            width: 50%;
        }

        .qainfo_flex1-div-w {
            display: flex;
            position: relative;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            background-color: #FFFFFF;
            padding: 0.5em 1em;
            text-align: center;
            width: 50%;
        }

        .qainfo_flex1-div-p {
            display: flex;
            position: relative;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            background-color: #f5d0d4;
            padding: 0.5em 1em;
            text-align: center;
            width: 50%;
        }

        .qainfo_flex1-div-wp {
            display: flex;
            position: relative;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            background-color: #FFFFFF;
            padding: 0.5em 1em;
            text-align: center;
            width: 50%;
        }

        .qainfo_flex1-div-c {
            display: flex;
            position: relative;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            background-color: #dbcbba;
            padding: 0.5em 1em;
            text-align: center;
            width: 50%;
        }

        .qainfo_flex1-div-wc {
            display: flex;
            position: relative;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            background-color: #FFFFFF;
            padding: 0.5em 1em;
            text-align: center;
            width: 50%;
        }


    .qainfo_flex2 {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: stretch;
        margin: 1em auto;
    }

        .qainfo_flex2-div {
            display: flex;
            position: relative;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            background-color: #94d5f0;
            margin: 5px 30px 5px 0;
            padding: 10px 10px 10px 10px;
            width: 200px;
            height: 200px;
            text-align: center;
            border-radius: 28px;
        }

        .qainfo_flex2-div-pink {
            display: flex;
            position: relative;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            background-color: #f9e1e4;
            margin: 5px 30px 5px 0;
            padding: 10px 10px 10px 10px;
            width: 200px;
            height: 200px;
            text-align: center;
            border-radius: 28px;
        }

        .qainfo_flex2-div-chicken {
            display: flex;
            position: relative;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            background-color: #e9ded4;
            margin: 5px 30px 5px 0;
            padding: 10px 10px 10px 10px;
            width: 200px;
            height: 200px;
            text-align: center;
            border-radius: 28px;
        }

            .qainfo_flex2-div-pic {
                display: block;
                position: relative;
                margin: 0 auto;
                width: 40%;
            }

                .qainfo_flex2-div-pic img {
                    display: block;
                    position: relative;
                    width: 100%;
                }


    .qainfo_flex3 {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: stretch;
        margin: 0 auto;
    }

        .qainfo_flex3-div-le {
            display: flex;
            position: relative;
            flex-direction: column;
            justify-content: flex-start;
            align-items: flex-start;
            width: 65%;
        }

        .qainfo_flex3-div-rt {
            display: flex;
            position: relative;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            width: 35%;
        }

            .qainfo_flex3-div-rt img {
                display: block;
                position: relative;
                width: 100%;
            }

        .qainfo_flex3-div-le1 {
            display: flex;
            position: relative;
            flex-direction: column;
            justify-content: flex-start;
            align-items: flex-start;
            width: 85%;
        }

            .qainfo_flex3-div-le1-rrlist {
                display: flex;
                position: relative;
                justify-content: flex-start;
                align-items: flex-start;
                padding: 5px 0;
                width: 100%;
                border-bottom: solid 1px #f4821f;
            }

                .qainfo_flex3-div-le-rrlist-tt {
                     display: block;
                     position: relative;
                     justify-content: flex-start;
                     align-items: center;
                     padding-right: 0.5em;
                     width: auto;
                 }

                 .qainfo_flex3-div-le-rrlist-txt {
                     display: flex;
                     position: relative;
                     justify-content: flex-start;
                     align-items: center;
                     padding: 10px 0 0 0;
                     flex: 1;
                 }


        .qainfo_flex3-div-rt1 {
            display: flex;
            position: relative;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            width: 15%;
        }

            .qainfo_flex3-div-rt1 img {
                display: block;
                position: relative;
                width: 100%;
            }


        .qainfo_flex3-div-le2 {
            display: flex;
            position: relative;
            flex-direction: column;
            justify-content: flex-start;
            align-items: flex-start;
            width: 70%;
        }

        .qainfo_flex3-div-rt2 {
            display: flex;
            position: relative;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            width: 28%;
        }

            .qainfo_flex3-div-rt2 img {
                display: block;
                position: relative;
                width: 110%;
            }


        .qainfo_flex3-div-le3 {
            display: flex;
            position: relative;
            flex-direction: column;
            justify-content: flex-start;
            align-items: flex-start;
            width: 85%;
        }

        .qainfo_flex3-div-rt3 {
            display: flex;
            position: relative;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            width: 15%;
        }

            .qainfo_flex3-div-rt3 img {
                display: block;
                position: relative;
                width: 100%;
            }


    .qainfo_flex4 {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: stretch;
        margin: 0 auto 1em auto;
    }

        .qainfo_flex4-div-le {
            display: flex;
            position: relative;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            width: 75%;
        }

            .qainfo_flex4-div-le-rrlist {
                display: flex;
                position: relative;
                flex-direction: column;
                justify-content: flex-start;
                align-items: flex-start;
                padding: 5px 0;
                width: 100%;
                border-bottom: solid 1px #f4821f;
            }

                .qainfo_flex4-div-le-rrlist:last-child {
                    border-bottom: none;
                }

                .qainfo_flex4-div-le-rrlist-tt {
                    display: block;
                    position: relative;
                    justify-content: flex-start;
                    align-items: center;
                    padding: 0 0.5em 0 0;
                    width: auto;
                 }

                 .qainfo_flex4-div-le-rrlist-txt {
                     display: flex;
                     position: relative;
                     justify-content: flex-start;
                     align-items: center;
                     padding: 10px 0 0 0;
                     flex: 1;
                 }


            .qainfo_flex4-div-le-rrlist-g {
                display: flex;
                position: relative;
                flex-direction: column;
                justify-content: flex-start;
                align-items: flex-start;
                padding: 5px 0;
                width: 100%;
                border-bottom: solid 1px #d6df8b;
            }

                .qainfo_flex4-div-le-rrlist-g:last-child {
                    border-bottom: none;
                }


        .qainfo_flex4-div-rt {
            display: flex;
            position: relative;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            width: 20%;
        }

            .qainfo_flex4-div-rt img {
                display: block;
                position: relative;
                margin: 0 auto;
                width: 100%;
            }

            .qainfo_flex-dtt {
                display: flex;
                position: relative;
                flex-direction: column;
                justify-content: flex-start;
                align-items: flex-start;
                background: #a9ddf3;
                margin: 5px 0;
                padding: 0.25em 1em 0.15em 0.5em;
                width: auto;
                border-top-right-radius: 20px;
                border-bottom-right-radius: 20px;
            }


            .qainfo_flex-dtt-pink {
                display: flex;
                position: relative;
                flex-direction: column;
                justify-content: flex-start;
                align-items: flex-start;
                background: #f5d0d4;
                margin: 5px 0;
                padding: 0.25em 1em 0.15em 0.5em;
                width: auto;
                border-top-right-radius: 20px;
                border-bottom-right-radius: 20px;
            }

            .qainfo_flex-dtt-chicken {
                display: flex;
                position: relative;
                flex-direction: column;
                justify-content: flex-start;
                align-items: flex-start;
                background: #dbcbba;
                margin: 5px 0;
                padding: 0.25em 1em 0.15em 0.5em;
                width: auto;
                border-top-right-radius: 20px;
                border-bottom-right-radius: 20px;
            }

            .qainfo_flex-dtt-QAoring {
                display: flex;
                position: relative;
                flex-direction: column;
                justify-content: flex-start;
                align-items: flex-start;
                background: #fbcda5;
                margin: 5px 0;
                padding: 0.25em 1em 0.15em 0.5em;
                width: auto;
                border-top-right-radius: 20px;
                border-bottom-right-radius: 20px;
            }

            .qainfo_flex-dtt-QAoring1 {
                display: flex;
                position: relative;
                flex-direction: column;
                justify-content: flex-start;
                align-items: flex-start;
                background: #fde6d2;
                margin: 5px 0;
                padding: 0.25em 1em 0.15em 0.5em;
                width: auto;
                border-top-right-radius: 20px;
                border-bottom-right-radius: 20px;
            }

            .qainfo_flex-dtt-QAgreen {
                display: flex;
                position: relative;
                flex-direction: column;
                justify-content: flex-start;
                align-items: flex-start;
                background: #d6df8b;
                margin: 5px 0;
                padding: 0.25em 1em 0.15em 0.5em;
                width: auto;
                border-top-right-radius: 20px;
                border-bottom-right-radius: 20px;
            }


            .qainfo_flex-dtt_line {
                display: block;
                position: relative;
                margin: 5px 0;
                width: 100%;
                border-bottom: solid 1px #a9ddf3;
            }

            .qainfo_flex-dtxt {
                display: block;
                position: relative;
                margin: 5px 0;
                width: 100%;
            }

            .qainfo_flex-pic {
                display: block;
                position: absolute;
                right: 0;
                top: 0;
                width: 35%;
                z-index: 5;
            }

                .qainfo_flex-pic img {
                    display: block;
                    width: 100%;
                }


    .qainfo_flex5 {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: stretch;
        margin: 0 auto;
    }

        .qainfo_flex5-div {
            display: flex;
            position: relative;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            width: 100%;
        }

                .qainfo_flex5-div-le-rrlist-tt {
                     display: block;
                     position: relative;
                     justify-content: flex-start;
                     align-items: center;
                     padding-right: 0.5em;
                     width: auto;
                 }

                 .qainfo_flex5-div-le-rrlist-txt {
                     display: flex;
                     position: relative;
                     justify-content: flex-start;
                     align-items: center;
                     padding: 10px 0 0 0;
                     flex: 1;
                 }


    .qainfo_flex6 {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: stretch;
        margin: 1em auto;
        width: 100%;
    }

        .qainfo_flex6-div {
            display: flex;
            position: relative;
            justify-content: center;
            align-items: center;
            margin: 5px 10px;
            width: auto;
            padding: 0.5em 1em;
            background: #FFF;
            border-radius: 100px;
        }

            .qainfo_flex6-div img {
                display: inline-block;
                position: relative;
                margin-right: 5px;
                width: 2.5em;
            }

        .qainfo_flex6-div1 {
            display: flex;
            position: relative;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            margin: 12px 10px;
            width: 200px;
            height: 200px;
            padding: 1em 0.8em;
            background: #FFF;
            border-radius: 20px;
            text-align: center;
        }

            .qainfo_flex6-div1 img {
                display: inline-block;
                position: relative;
                margin-bottom: 5px;
                width: 60%;
            }


    .qainfo_flex7 {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: stretch;
        margin: 1em auto 0 auto;
        width: 100%;
    }

        .qainfo_flex7-div {
            display: flex;
            position: relative;
            flex-direction: column;
            justify-content: flex-start;
            align-items: center;
            margin: 12px 1em 0 0;
            width: 25%;
        }

            .qainfo_flex7-div-pic {
                display: flex;
                position: relative;
                flex-direction: column;
                justify-content: center;
                align-items: center;
                padding: 0.5em;
                width: 120px;
                height: 120px;
                border-radius: 200px;
                background: #E68993;
            }

                .qainfo_flex7-div-pic img {
                    display: block;
                    position: relative;
                    width: 100%;
                }


            .qainfo_flex7-div-name {
                display: flex;
                position: relative;
                justify-content: center;
                align-items: center;
                padding: 1em 0 0 0;
                width: 100%;
                text-align: center;
            }


            .qa-text {
                margin: 5px 0;
            }

            .qa-pic {
                margin: 5px 0;
                width: 100%;
            }

                .qa-pic img {
                    margin: 5px 0;
                    width: 550px;
                }


    /* --- 流程圖區塊 --- */
    .process-flow {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: center;
        margin: 2em 0;
    }

    /* 圓形步驟 */
    .step-circle {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
        margin: 5px 20px 5px 20px;
        padding: 10px;
        box-sizing: border-box;
        flex-shrink: 0; /* 防止圓圈被壓縮 */
        background-color: #94d5f0; /* 淺藍色圓圈 */
        width: 200px;
        height: 200px;
        border-radius: 50%;
    }

    /* 圓形步驟 */
    .step-circle1 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
        margin: 5px 20px 5px 20px;
        padding: 10px;
        box-sizing: border-box;
        flex-shrink: 0; /* 防止圓圈被壓縮 */
        background-color: #d4eef9; /* 淺藍色圓圈 */
        width: 200px;
        height: 200px;
        border-radius: 50%;
    }

    /* 步驟之間的連接箭頭 (CSS 三角形) */
    .step-arrow {
        width: 0;
        height: 0;
        border-top: 12px solid transparent;
        border-bottom: 12px solid transparent;
        border-left: 16px solid #29abe2; /* 淺藍色三角形 */
        flex-shrink: 0;
    }


    /* 圓形步驟-pink */
    .step-circle-pink {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
        margin: 5px 15px 5px 15px;
        padding: 10px;
        box-sizing: border-box;
        flex-shrink: 0; /* 防止圓圈被壓縮 */
        background-color: #f2c4c9; /* 淺藍色圓圈 */
        width: 200px;
        height: 200px;
        border-radius: 50%;
    }

    /* 圓形步驟 */
    .step-circle-pink1 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
        margin: 5px 15px 5px 15px;
        padding: 10px;
        box-sizing: border-box;
        flex-shrink: 0; /* 防止圓圈被壓縮 */
        background-color: #fae7e9; /* 淺藍色圓圈 */
        width: 200px;
        height: 200px;
        border-radius: 50%;
    }

    /* 步驟之間的連接箭頭 (CSS 三角形) */
    .step-arrow-pink {
        width: 0;
        height: 0;
        border-top: 12px solid transparent;
        border-bottom: 12px solid transparent;
        border-left: 16px solid #f2c4c9; /* 淺藍色三角形 */
        flex-shrink: 0;
    }


    /* 圓形步驟-pink */
    .step-circle-chicken {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
        margin: 5px 15px 5px 15px;
        padding: 10px;
        box-sizing: border-box;
        flex-shrink: 0; /* 防止圓圈被壓縮 */
        background-color: #d2bda8; /* 淺藍色圓圈 */
        width: 200px;
        height: 200px;
        border-radius: 50%;
    }

    /* 圓形步驟 */
    .step-circle-chicken1 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
        margin: 5px 15px 5px 15px;
        padding: 10px;
        box-sizing: border-box;
        flex-shrink: 0; /* 防止圓圈被壓縮 */
        background-color: #ede5dc; /* 淺藍色圓圈 */
        width: 200px;
        height: 200px;
        border-radius: 50%;
    }

    /* 步驟之間的連接箭頭 (CSS 三角形) */
    .step-arrow-chicken {
        width: 0;
        height: 0;
        border-top: 12px solid transparent;
        border-bottom: 12px solid transparent;
        border-left: 16px solid #d2bda8; /* 淺藍色三角形 */
        flex-shrink: 0;
    }

    /* --- kno table --- */

    /* --- table orange1 --- */
    .qainfo_flextable1 {
        display: block;
        position: relative;
        margin: 0 auto 1em auto;
    }

        .qainfo_flextable1-r1 {
            display: flex;
            position: relative;
            flex-wrap: nowrap;
            justify-content: space-between;
            align-items: stretch;
            background: #fbcda5;
            width: 100%;
        }

        .qainfo_flextable1-r2 {
            display: flex;
            position: relative;
            flex-wrap: nowrap;
            justify-content: space-between;
            align-items: stretch;
            background: #FFFFFF;
            width: 100%;
        }

        .qainfo_flextable1-r3 {
            display: flex;
            position: relative;
            flex-wrap: nowrap;
            justify-content: space-between;
            align-items: stretch;
            background: #fde6d2;
            width: 100%;
        }

            .qainfo_flextable1-d1 {
                display: flex;
                justify-content: center;
                align-items: center;
                border-right: solid 1px #FFF;
                padding: 0.5em 0.35em 0.4em 0.35em;
                width: 16%;
            }

            .qainfo_flextable1-d2 {
                display: flex;
                justify-content: center;
                align-items: center;
                border-right: solid 1px #FFF;
                padding: 0.5em 0.35em 0.4em 0.35em;
                width: 28%;
            }

            .qainfo_flextable1-d3 {
                display: flex;
                justify-content: center;
                align-items: center;
                border-right: solid 1px #FFF;
                padding: 0.5em 0.35em 0.4em 0.35em;
                width: 28%;
            }

            .qainfo_flextable1-d4 {
                display: flex;
                justify-content: center;
                align-items: center;
                padding: 0.5em 0.35em 0.4em 0.35em;
                width: 28%;
            }
   

    /* --- table orange2 --- */
    .qainfo_flextable2 {
        display: block;
        position: relative;
        margin: 1em auto;
        width: 100%;
    }

        .qainfo_flextable2-r1 {
            display: flex;
            position: relative;
            flex-wrap: nowrap;
            justify-content: space-between;
            align-items: stretch;
            background: #fbcda5;
            width: 100%;
        }

        .qainfo_flextable2-r2 {
            display: flex;
            position: relative;
            flex-wrap: nowrap;
            justify-content: space-between;
            align-items: stretch;
            background: #FFFFFF;
            width: 100%;
        }

        .qainfo_flextable2-r3 {
            display: flex;
            position: relative;
            flex-wrap: nowrap;
            justify-content: space-between;
            align-items: stretch;
            background: #fde6d2;
            width: 100%;
        }

            .qainfo_flextable2-d1 {
                display: flex;
                justify-content: center;
                align-items: center;
                border-right: solid 1px #FFF;
                padding: 0.5em 0.5em 0.4em 0.5em;
                width: 18%;
            }

            .qainfo_flextable2-d2 {
                display: flex;
                justify-content: flex-start;
                align-items: center;
                border-right: solid 1px #FFF;
                padding: 0.5em 0.5em 0.4em 0.5em;
                width: 24%;
                text-align: left;
            }

            .qainfo_flextable2-d3 {
                display: flex;
                justify-content: flex-start;
                align-items: center;
                border-right: solid 1px #FFF;
                padding: 0.5em 0.5em 0.4em 0.5em;
                width: 26%;
                text-align: left;
            }

            .qainfo_flextable2-d4 {
                display: flex;
                justify-content: flex-start;
                align-items: center;
                border-right: solid 1px #FFF;
                padding: 0.5em 0.5em 0.4em 0.5em;
                width: 32%;
                text-align: left;
            }



    /* --- table green --- */
    .qainfo_flextable-g {
        display: block;
        position: relative;
        margin: 1em auto;
        width: 100%;
    }

        .qainfo_flextable-g-r1 {
            display: flex;
            position: relative;
            flex-wrap: nowrap;
            justify-content: space-between;
            align-items: stretch;
            background: #dde49e;
            width: 100%;
        }

        .qainfo_flextable-g-r2 {
            display: flex;
            position: relative;
            flex-wrap: nowrap;
            justify-content: space-between;
            align-items: stretch;
            background: #FFFFFF;
            width: 100%;
        }

        .qainfo_flextable-g-r3 {
            display: flex;
            position: relative;
            flex-wrap: nowrap;
            justify-content: space-between;
            align-items: stretch;
            background: #f1f4d8;
            width: 100%;
        }

            .qainfo_flextable-g-d1 {
                display: flex;
                justify-content: center;
                align-items: center;
                border-right: solid 1px #FFF;
                padding: 0.5em 0.35em 0.4em 0.35em;
                width: 16%;
                text-align: center;
            }

            .qainfo_flextable-g-d2 {
                display: flex;
                justify-content: flex-start;
                align-items: center;
                border-right: solid 1px #FFF;
                padding: 0.5em 0.35em 0.4em 0.35em;
                width: 42%;
                text-align: left;
            }

            .qainfo_flextable-g-d3 {
                display: flex;
                justify-content: flex-start;
                align-items: center;
                padding: 0.5em 0.35em 0.4em 0.35em;
                width: 42%;
                text-align: left;
            }


    /* --- 料理 ---  */

    .cuisine_a1 {
	    display: flex;
 	    position: relative;
        justify-content: space-between;
        align-items: center;
        margin: 2em auto 7em auto;
        width: 100%;
    }

        .cuisine_a1-pic {
	        display: flex;
 	        position: relative;
            justify-content: center;
            width: 25%;
        }    

            .cuisine_a1-pic img {
	            display: block;
 	            position: relative;
                width: 180%;
                z-index: 3;
            }    

        .cuisine_a1-div {
	        display: flex;
 	        position: relative;
            flex-wrap: wrap;
            justify-content: center;
            align-items: center;
            padding: 2em 3em 2em 12%;
            background: #FFF;
            width: 75%;
            border-radius: 30px;
        }    

            .cuisine_a1-div::after {
                content: "";
                display: block;
                width: 220px;
                height: 201px;
                background-image: url("../../images/pic1_food_shrimp.png");
                background-repeat: no-repeat;
                background-size: 100%;
                position: absolute;
                top: 80%;
                right: -3%;
                z-index: 100;
            }  

            .cuisine_div-c {
	            display: flex;
 	            position: relative;
                flex-wrap: wrap;
                justify-content: center;
                align-items: stretch;
                width: 100%;
            }  

                .cuisine_div-c-d1 {
	                display: flex;
 	                position: relative;
                    flex-direction: column;
                    justify-content: flex-start;
                    align-items: flex-start;
                    padding: 1em 2em 1em 1em;
                    width: 50%;
                    border-right: dashed 1px #000;
                    border-bottom: dashed 1px #000;
                }  

                .cuisine_div-c-d2 {
	                display: flex;
 	                position: relative;
                    flex-direction: column;
                    justify-content: flex-start;
                    align-items: flex-start;
                    padding: 1em 1em 1em 2em;
                    width: 50%;
                    border-bottom: dashed 1px #000;
                }  

                .cuisine_div-c-d3 {
	                display: flex;
 	                position: relative;
                    flex-direction: column;
                    justify-content: flex-start;
                    align-items: flex-start;
                    padding: 1em 1em 1em 1em;
                    width: 50%;
                    border-right: dashed 1px #000;
                }  

                .cuisine_div-c-d4 {
	                display: flex;
 	                position: relative;
                    flex-direction: column;
                    justify-content: flex-start;
                    align-items: flex-start;
                    padding: 1em 1em 1em 2em;
                    width: 50%;
                }  


                    .cuisine_div-c-d-tt {
	                    display: block;
 	                    position: relative;
                        margin: 0 0 5px 0;
                        width: 100%;
                    }  

                    .cuisine_div-c-d-list1 {
	                    display: block;
 	                    position: relative;
                        margin: 2px 0 0 0;
                        padding-left: 0.75em;
                        text-indent: -0.75em;
                        width: 100%;
                    }  

                    .cuisine_div-c-d-list2 {
	                    display: block;
 	                    position: relative;
                        margin: 2px 0 0 0;
                        padding-left: 0.95em;
                        text-indent: -0.95em;
                        width: 100%;
                    }  

                    .cuisine_div-c-d-list3 {
	                    display: block;
 	                    position: relative;
                        margin: 2px 0 0 0;
                        width: 100%;
                    } 


    .cuisine_a2 {
	    display: flex;
 	    position: relative;
        justify-content: space-between;
        align-items: center;
        margin: 2em auto 7em auto;
        width: 100%;
    }

        .cuisine_a2-pic {
	        display: flex;
 	        position: relative;
            justify-content: center;
            width: 25%;
        }    

            .cuisine_a2-pic img {
	            display: block;
 	            position: relative;
                width: 180%;
                z-index: 3;
            }    

        .cuisine_a2-div {
	        display: flex;
 	        position: relative;
            flex-wrap: wrap;
            justify-content: center;
            align-items: center;
            padding: 2em 3em 2em 12%;
            background: #FFF;
            width: 75%;
            border-radius: 30px;
        }    

            .cuisine_a2-div::after {
                content: "";
                display: block;
                width: 200px;
                height: 210px;
                background-image: url("../../images/pic1_food_chiken.png");
                background-repeat: no-repeat;
                background-size: 100%;
                position: absolute;
                bottom: -5%;
                left: -10%;
                z-index: 100;
            }  



    .cuisine_a3 {
	    display: flex;
 	    position: relative;
        justify-content: space-between;
        align-items: center;
        margin: 2em auto 7em auto;
        width: 100%;
    }

        .cuisine_a3-pic {
	        display: flex;
 	        position: relative;
            justify-content: center;
            width: 25%;
        }    

            .cuisine_a3-pic img {
	            display: block;
 	            position: relative;
                width: 180%;
                z-index: 3;
            }    

        .cuisine_a3-div {
	        display: flex;
 	        position: relative;
            flex-wrap: wrap;
            justify-content: center;
            align-items: center;
            padding: 2em 3em 2em 12%;
            background: #FFF;
            width: 75%;
            border-radius: 30px;
        }    

            .cuisine_a3-div::after {
                content: "";
                display: block;
                width: 230px;
                height: 132px;
                background-image: url("../../images/pic1_food_ciwing.png");
                background-repeat: no-repeat;
                background-size: 100%;
                position: absolute;
                top: 80%;
                right: -3%;
                z-index: 100;
            }  



    .cuisine_a4 {
	    display: flex;
 	    position: relative;
        justify-content: space-between;
        align-items: center;
        margin: 2em auto 7em auto;
        width: 100%;
    }

        .cuisine_a4-pic {
	        display: flex;
 	        position: relative;
            justify-content: center;
            width: 25%;
        }    

            .cuisine_a4-pic img {
	            display: block;
 	            position: relative;
                width: 180%;
                z-index: 3;
            }    

        .cuisine_a4-div {
	        display: flex;
 	        position: relative;
            flex-wrap: wrap;
            justify-content: center;
            align-items: center;
            padding: 2em 3em 2em 12%;
            background: #FFF;
            width: 75%;
            border-radius: 30px;
        }    

            .cuisine_a4-div::after {
                content: "";
                display: block;
                width: 200px;
                height: 210px;
                background-image: url("../../images/pic1_food_ribs.png");
                background-repeat: no-repeat;
                background-size: 100%;
                position: absolute;
                top: -5%;
                left: -10%;
                z-index: 100;
            } 


    .cuisine_a5 {
	    display: flex;
 	    position: relative;
        justify-content: space-between;
        align-items: center;
        margin: 2em auto 7em auto;
        width: 100%;
    }

        .cuisine_a5-pic {
	        display: flex;
 	        position: relative;
            justify-content: center;
            width: 25%;
        }    

            .cuisine_a5-pic img {
	            display: block;
 	            position: relative;
                width: 180%;
                z-index: 3;
            }    

        .cuisine_a5-div {
	        display: flex;
 	        position: relative;
            flex-wrap: wrap;
            justify-content: center;
            align-items: center;
            padding: 2em 3em 2em 12%;
            background: #FFF;
            width: 75%;
            border-radius: 30px;
        }    

            .cuisine_a5-div::after {
                content: "";
                display: block;
                width: 200px;
                height: 200px;
                background-image: url("../../images/pic1_food_meet.png");
                background-repeat: no-repeat;
                background-size: 100%;
                position: absolute;
                top: 82%;
                right: -3%;
                z-index: 100;
            }  


    /* --- 產品 ---  */

	.pro_a1 {  
	    display: block;
 	    position: relative;
        margin: 0 auto;
        padding: 3em 0 0 0;
        width: 100%;
        border: solid 1px transparent;
	}


	    .pro_liontalk {  
	        display: flex;
 	        position: relative;
            justify-content: center;
            align-items: stretch;
            margin: 3em auto 0 auto;
            width: 80%;
	    }

	        .pro_liontalk-div1 {  
	            display: flex;
 	            position: relative;
                justify-content: center;
                align-items: center;
                width: 16%;
	        }

	        .pro_liontalk-div2 {  
	            display: flex;
 	            position: relative;
                justify-content: center;
                align-items: flex-start;
                width: 28%;
	        }

	        .pro_liontalk-div3 {  
	            display: flex;
 	            position: relative;
                flex-direction: column;
                justify-content: flex-start;
                align-items: flex-start;
                padding: 1em 2em;
                flex: 1;
	        }

	        .pro_liontalk-div1 img, .pro_liontalk-div2 img {  
                display: block;
                width: 100%;
	        }


	.pro_a2 {  
	    display: flex;
 	    position: relative;
        justify-content: flex-start;
        align-items: center;
        margin: 0 auto 100px auto;
        background-image: url("../../images/pic1_pro_t1.png"), url("../../images/pic1_pro_b1.png"), url("../../images/pic1_pro_bg1.png");
        background-repeat: no-repeat;
        background-position: center -0.1%, center 100.1%, center, left top;
        background-size: 100%, 100%, cover;
        width: 100%;
	}

	.pro_a3 {  
	    display: flex;
 	    position: relative;
        justify-content: flex-start;
        align-items: center;
        margin: 0 auto 100px auto;
        background-image: url("../../images/pic1_pro_t2.png"), url("../../images/pic1_pro_b2.png"), url("../../images/pic1_pro_bg2.png");
        background-repeat: no-repeat;
        background-position: center -0.1%, center 100.1%, center, right top;
        background-size: 100%, 100%, cover;
        width: 100%;
	}

	.pro_a4 {  
	    display: flex;
 	    position: relative;
        justify-content: flex-start;
        align-items: center;
        margin: 0 auto 100px auto;
        background-image: url("../../images/pic1_pro_t1.png"), url("../../images/pic1_pro_b1.png"), url("../../images/pic1_pro_bg3.png");
        background-repeat: no-repeat;
        background-position: center -0.1%, center 100.1%, center, left top;
        background-size: 100%, 100%, cover;
        width: 100%;
	}

	.pro_a5 {  
	    display: flex;
 	    position: relative;
        justify-content: flex-start;
        align-items: center;
        margin: 0 auto 100px auto;
        background-image: url("../../images/pic1_pro_t2.png"), url("../../images/pic1_pro_b2.png"), url("../../images/pic1_pro_bg4.png");
        background-repeat: no-repeat;
        background-position: center -0.1%, center 100.1%, center, right top;
        background-size: 100%, 100%, cover;
        width: 100%;
	}

	.pro_a6 {  
	    display: flex;
 	    position: relative;
        justify-content: flex-start;
        align-items: center;
        margin: 0 auto 100px auto;
        background-image: url("../../images/pic1_pro_t1.png"), url("../../images/pic1_pro_b1.png"), url("../../images/pic1_pro_bg5.png");
        background-repeat: no-repeat;
        background-position: center -0.1%, center 100.1%, center, left top;
        background-size: 100%, 100%, cover;
        width: 100%;
	}

	.pro_a7 {  
	    display: flex;
 	    position: relative;
        justify-content: flex-start;
        align-items: center;
        margin: 0 auto 100px auto;
        background-image: url("../../images/pic1_pro_t2.png"), url("../../images/pic1_pro_b2.png"), url("../../images/pic1_pro_bg6.png");
        background-repeat: no-repeat;
        background-position: center -0.1%, center 100.1%, center, right top;
        background-size: 100%, 100%, cover;
        width: 100%;
	}


	    .pro_a-area1 {  
	        display: flex;
 	        position: relative;
            justify-content: flex-start;
            margin: 0 auto 0 5%;
            width: 85%;
            border: solid 1px transparent;
	    }

	    .pro_a-area2 {  
	        display: flex;
 	        position: relative;
            justify-content: flex-end;
            margin: 0 5% 0 auto;
            width: 85%;
            border: solid 1px transparent;
	    }

	    .pro_a-c {  
	        display: flex;
 	        position: relative;
            justify-content: flex-start;
            align-items: center;
            margin: 150px 0;
            width: 50%;
	    }

	        .pro_a-c-icon {  
	            display: flex;
 	            position: relative;
                flex-direction: column;
                justify-content: flex-start;
                margin: 0 2em 0 0;
                width: 180px;
	        }

	            .pro_a-c-icon img {  
	                display: block;
 	                position: relative;
                    width: 100%;
	            }

	            .pro_a-c:hover .pro_a-c-icon img {  
	                transform: scale(1.1);
                    -webkit-transition:all 0.3s ease-in-out;
	                transition:all 0.3s ease-in-out;
	            }

	        .pro_a-c-div {  
	            display: flex;
 	            position: relative;
                flex-direction: column;
                justify-content: flex-start;
                margin: 0;
                flex: 1;
	        }

	            .pro_a-c-div-tt {  
	                display: block;
                    margin: 0.5em auto;
                    width: 100%;
	            }

	            .pro_a-c-div-txt {  
	                display: block;
                    margin: 5px 0 0 0;
                    width: 100%;
	            }

	        .pro_a-c-dishes1 {  
	            display: block;
 	            position: absolute;
                width: 22%;
                top: 60%;
                left: 45%;
                z-index: 5;
	        }

	        .pro_a-c-dishes2 {  
	            display: block;
 	            position: absolute;
                width: 18%;
                top: 55%;
                right: 0;
                z-index: 5;
	        }

	        .pro_a-c-dishes3 {  
	            display: block;
 	            position: absolute;
                width: 23%;
                top: 60%;
                left: 40%;
                z-index: 5;
	        }

	        .pro_a-c-dishes4 {  
	            display: block;
 	            position: absolute;
                width: 16%;
                top: 60%;
                right: 0;
                z-index: 5;
	        }

	        .pro_a-c-dishes5 {  
	            display: block;
 	            position: absolute;
                width: 25%;
                top: 60%;
                left: 40%;
                z-index: 5;
	        }

	            .pro_a-c-dishes1 img, .pro_a-c-dishes2 img, .pro_a-c-dishes3 img, .pro_a-c-dishes4 img, .pro_a-c-dishes5 img {  
	                display: block;
 	                position: relative;
                    width: 100%;
	            }


    .pro_info {
	    display: block;
 	    position: relative;
        width: 100%;
    }

    .pro_info_flex {
	    display: flex;
 	    position: relative;
        justify-content: space-between;
        align-items: stretch;
        margin: 0 auto 1em auto;
        max-width: 1300px;
        width: 100%;
    }

        .pro_info_flex-pic {
	        display: flex;
 	        position: relative;
            justify-content: flex-start;
            align-items: flex-start;
            width: 280px;
        }

            .pro_info_flex-pic img {
	            display: block;
 	            position: relative;
                width: 100%;
            }

        .pro_info_flex-div {
	        display: flex;
 	        position: relative;
            flex-direction: column;
            justify-content: center;
            align-items: flex-start;
            padding-top: 10px;
            padding-left: 1em;
            flex: 1;
        }

            .pro_info_flex-div-tt {
	            display: block;
 	            position: relative;
                margin-bottom: 0.5em;
                width: 100%;
            }

            .pro_info_flex-div-list {
	            display: block;
 	            position: relative;
                width: 100%;
            }


    .pro_row2 {
	    display: block;
 	    position: relative;
        background-image: url("../../images/pro_pro_row2_bg.png");
        background-size: 100%;
        background-repeat: no-repeat;
        background-position: center bottom;
        width: 100%;
    }

        .pro_row2_3pics {
	        display: flex;
 	        position: relative;
            justify-content: flex-end;
            align-items: stretch;
            margin: 0 auto;
            width: 90%;
        }

            .pro_row2_3pics-div {
	            display: block;
 	            position: relative;
                margin: 0 5px;
                width: 200px;
            }

               .pro_row2_3pics-div img {
	               display: block;
 	               position: relative;
                   width: 100%;
               }


    .pro_row3 {
	    display: block;
 	    position: relative;
        background: #eaf4f4;
        width: 100%;
        border: solid 1px transparent;
    }

        .pro_alllist {
	        display: grid;
            position: relative;
            grid-template-columns: repeat(3, 32%); 
            justify-content: space-between;
            align-items: stretch;
            margin: 3em auto 5em auto;
            width: 1100px;
        }

            .pro_alllist-div {
	            display: flex;
                position: relative;
                flex-direction: column;
                justify-content: center;
                align-items: center;
                margin: 0 auto 2em auto;
                width: 100%;
                transform-origin: center center; /* 以中心為基準點 */
                
            }

                .pro_alllist-div-p {
	                display: flex;
                    position: relative;
                    justify-content: center;
                    align-content: center;
                    width: 280px;
                    height: 280px;
                    background: transparent;
                    background: #FFFFFF;
                    border-radius: 300px;
                    transform-origin: center; /* 設定中心點為基準 */
                    -webkit-transition:all 0.2s ease-in-out;
	                transition:all 0.2s ease-in-out;
                }

                    .pro_alllist-div-p img {
	                    display: block;
                        position: absolute;
                        top: 50%;
                        left: 50%;
                        transform: translate(-50%, -50%);
                        width: 110%;
                        z-index: 10;
                    }

                .pro_alllist-div-name {
	                display: flex;
                    justify-content: center;
                    align-items: center;
                    padding: 1.5em 1em;
                    width: 100%;
                    text-align: center;
                }

                .pro_alllist-div:hover .pro_alllist-div-p {
	                background: #2d4b9b;
                    border-radius: 300px;
                    
                }

                .pro_alllist-div:hover .pro_alllist-div-name {
	                color: #2d4b9b;
                    font-weight: bold;
                }


            /* --- pork --- */
            .pro_alllist-div-pork {
	            display: flex;
                position: relative;
                flex-direction: column;
                justify-content: center;
                align-items: center;
                margin: 0 auto 2em auto;
                width: 100%;
                transform-origin: center; /* 設定中心點為基準 */
                
            }

                .pro_alllist-div-pork:hover .pro_alllist-div-p {
	                background: #e68993;
                    border-radius: 300px;
                }

                .pro_alllist-div-pork:hover .pro_alllist-div-name {
	                color: #e68993;
                    font-weight: bold;
                }


            /* --- chicken --- */
            .pro_alllist-div-chicken {
	            display: flex;
                position: relative;
                flex-direction: column;
                justify-content: center;
                align-items: center;
                margin: 0 auto 2em auto;
                width: 100%;
            }

                .pro_alllist-div-chicken:hover .pro_alllist-div-p {
	                background: #be272d;
                    border-radius: 300px;
                }

                .pro_alllist-div-chicken:hover .pro_alllist-div-name {
	                color: #be272d;
                    font-weight: bold;
                }


    .pro_detail {
	    display: block;
 	    position: relative;
        margin: 1em auto;
        width: 100%;
    }

        .pro_name_title {
	        display: block;
 	        position: relative;
            padding: 1em 0;
            width: 100%;
            text-align: center;
        }


        /* --- 大小圖設定 --- */
        .pro_de_flex {
	        display: flex;
 	        position: relative;
            justify-content: space-between;
            align-items: stretch;
            width: 100%;
            overflow: hidden;
        }

            .pro_de_flex-b {
	            display: block;
 	            position: relative;
                margin-right: 1em;
                width: 76%;
                overflow: hidden;
            }

            .pro_de_flex-s {
                display: flex;
 	            position: relative;
                flex-direction: column;
                justify-content: flex-start;
                align-items: center;
                flex: 1;
            }

            .main-item {
	            display: block;
 	            position: relative;
                width: 100%;
            }

            .nav-item {
                position: relative;
                margin: auto 0;
                width: 100%;
                cursor: pointer;
            }

            .main-item img, .nav-item img {
                position: relative;
                width: 100%;
            }


        /* --- 產品資訊 --- */
        .pro_deinfo {
	        display: flex;
 	        position: relative;
            justify-content: space-between;
            align-items: stretch;
            margin: 0 auto;
            width: 100%;
        }

            .pro_deinfo-d1 {
	            display: flex;
 	            position: relative;
                flex-direction: column;
                justify-content: flex-start;
                align-items: stretch;
                width: 60%;
            }

            .pro_deinfo-d2 {
	            display: flex;
 	            position: relative;
                flex-direction: column;
                justify-content: flex-start;
                align-items: stretch;
                width: 40%;
            }

            .pro_deinfo-d3 {
	            display: block;
                position: relative;
                width: 100%;
            }

                .pro_deinfo-dtitle {
	                display: block;
 	                position: relative;
                    padding: 0.5em 1em;
                    width: 100%;
                    border-bottom: solid 8px;
                }

                .pro_deinfo-dtitle-c {
	                display: block;
 	                position: relative;
                    padding: 0.5em 1em;
                    width: 100%;
                    border-bottom: solid 8px #c9c9c9;
                }

                .pro_deinfo-dtitle-shop {
	                display: block;
 	                position: relative;
                    padding: 0.5em 1em;
                   width: 100%;
                    border-bottom: solid 8px #71afc3;
                }

                .pro_deinfo-word {
	                display: block;
 	                position: relative;
                    padding: 2em 2em 0 1em;
                    width: 100%;
                }

                .pro_deinfo-txt {
	                display: block;
 	                position: relative;
                    margin-bottom: 5px;
                    padding: 0;
                    width: 100%;
                }

                .pro_deinfo-txt-1 {
	                display: block;
 	                position: relative;
                    margin-bottom: 5px;
                    padding: 0 0 0 1.3em;
                    text-indent: -1.3em;
                    width: 100%;
                }

                .pro_deinfo-spe {
	                display: flex;
 	                position: relative;
                    flex-direction: column;
                    justify-content: flex-start;
                    align-items: flex-start;
                    width: 100%;
                }

                    .pro_deinfo-spe-tt1 {
	                    display: block;
 	                    position: relative;
                        width: auto;
                        font-weight: bold;
                        text-indent: -0.6em;
                    }

                    .pro_deinfo-spe-tt2 {
	                    display: block;
 	                    position: relative;
                        width: auto;
                        font-weight: bold;
                        text-indent: -0.6em;
                    }

                    .pro_deinfo-spe-tt3 {
	                    display: block;
 	                    position: relative;
                        width: auto;
                        font-weight: bold;
                        text-indent: -0.6em;
                    }

                    .pro_deinfo-spe-txt {
	                    display: block;
 	                    position: relative;
                        margin-bottom: 5px;
                        flex: 1;
                    }


                .pro_deinfo-icon {
	                display: flex;
 	                position: relative;
                    flex-wrap: wrap;
                    justify-content: flex-start;
                    align-items: stretch;
                    padding: 2em 1em;
                    width: 100%;
                }

                .pro_deinfo-icon-ev {
	                display: flex;
 	                position: relative;
                    justify-content: flex-start;
                    align-items: stretch;
                    margin: 0 1em 1em 0;
                    width: auto;
                }

                .pro_deinfo-icon-evicon {
	                display: block;
 	                position: relative;
                    width: 80px;
                    height: 80px;
                    border-radius: 100%;
                    flex-shrink: 0; /* 禁止被壓縮 */
                }

                    .pro_deinfo-icon-evicon img {
	                    display: block;
 	                    position: relative;
                        width: 100%;
                        height: 100%;
                        border-radius: 100%;
                    }

                .pro_deinfo-icon-evword {
	                display: flex;
 	                position: relative;
                    justify-content: flex-start;
                    align-items: center;
                    padding: 0 1em 0 0.5em;
                    flex: 1;
                }

                .pro_deinfo-icon-shop {
	                display: flex;
 	                position: relative;
                    justify-content: flex-start;
                    align-items: stretch;
                    margin: 0 1em 1em 0;
                    width: auto;
                }

                .pro_deinfo-icon-shopicon {
	                display: block;
 	                position: relative;
                    width: 95px;
                    height: 95px;
                    border-radius: 100%;
                    background: #71afc3;
                    flex-shrink: 0; /* 禁止被壓縮 */
                }

                    .pro_deinfo-icon-shopicon img {
	                    display: block;
 	                    position: relative;
                        width: 100%;
                        height: 100%;
                        border-radius: 100%;
                    }

                .pro_deinfo-icon-shopword {
	                display: flex;
 	                position: relative;
                    justify-content: flex-start;
                    align-items: center;
                    padding: 0 0 0 0.7em;
                    width: auto;
                }

                    .pro_deinfo-icon-shopworda {
	                    display: flex;
 	                    position: relative;
                        justify-content: flex-start;
                        align-items: center;
                        color: #71afc3;
                        width: auto;
                    }

                    .pro_deinfo-icon-shopworda::after {
	                    content: "";
                        position: absolute;
                        top: 48%;
                        right: -25px;
                        transform: translateY(-50%);
                        border-top: 7px solid transparent;
                        border-bottom: 7px solid transparent;
                        border-left: 10px solid #71afc3; 
                    }

                    .pro_deinfo-icon-shopworda:hover {
	                    color: #FF8327;
                        -webkit-transition:all 0.3s ease-in-out;
	                    transition:all 0.3s ease-in-out;
                    }

                    .pro_deinfo-icon-shopworda:hover::after {
	                    border-left: 10px solid #FF8327;
                        -webkit-transition:all 0.3s ease-in-out;
	                    transition:all 0.3s ease-in-out;
                    }


                .pro_deinfo-d3-flex {
	                display: grid;
 	                position: relative;
                    grid-template-columns: repeat(5, 18%); /* 4格, 23%寬度 */
                    justify-content: space-between;
                    align-items: stretch;
                    margin: 2em 0;
                    width: 100%;
                }

                    .pro_deinfo-d3-div {
	                    display: flex;
 	                    position: relative;
                        flex-direction: column;
                        justify-content: flex-start;
                        align-items: center;
                        margin-bottom: 1em;
                        width: 100%;
                    }

                        .pro_deinfo-d3-dpic1, .pro_deinfo-d3-dpic2, .pro_deinfo-d3-dpic3 {
	                        display: block;
 	                        position: relative;
                            width: 100%;
                            border-bottom: solid 6px transparent;
                        }

                            .pro_deinfo-d3-dpic1 img, .pro_deinfo-d3-dpic2 img, .pro_deinfo-d3-dpic3 img {
	                            display: block;
 	                            position: relative;
                                width: 100%;
                            }



                            .pro_deinfo-d3-div:hover .pro_deinfo-d3-dpic1 img {
	                            transform: scale(1.15);
                                transform: translateY(-5px);
                                -webkit-transition:all 0.3s ease-in-out;
	                            transition:all 0.3s ease-in-out;
                            }

                            .pro_deinfo-d3-div:hover .pro_deinfo-d3-dpic2 img {
	                            transform: scale(1.15);
                                transform: translateY(-5px);
                                -webkit-transition:all 0.3s ease-in-out;
	                            transition:all 0.3s ease-in-out;
                            }

                            .pro_deinfo-d3-div:hover .pro_deinfo-d3-dpic3 img {
	                            transform: scale(1.15);
                                transform: translateY(-5px);
                                -webkit-transition:all 0.3s ease-in-out;
	                            transition:all 0.3s ease-in-out;
                            }




                        .pro_deinfo-d3-dname1, .pro_deinfo-d3-dname2, .pro_deinfo-d3-dname3 {
	                        display: flex;
 	                        position: relative;
                            justify-content: center;
                            align-items: center;
                            width: 100%;
                            padding: 1em 1em;
                            text-align: center;
                        }


                .pro_deinfo-d3-div:hover .pro_deinfo-d3-dpic1 {
	                border-bottom: solid 6px #2d4b9b;
                    background: #f2f2f2;
                    -webkit-transition:all 0.3s ease-in-out;
	                transition:all 0.3s ease-in-out;
                }

                .pro_deinfo-d3-div:hover .pro_deinfo-d3-dpic2 {
	                border-bottom: solid 6px #e68993;
                    background: #f2f2f2;
                    -webkit-transition:all 0.3s ease-in-out;
	                transition:all 0.3s ease-in-out;
                }

                .pro_deinfo-d3-div:hover .pro_deinfo-d3-dpic3{
	                border-bottom: solid 6px #be272d;
                    background: #f2f2f2;
                    -webkit-transition:all 0.3s ease-in-out;
	                transition:all 0.3s ease-in-out;
                }


                .pro_deinfo-d3-div:hover .pro_deinfo-d3-dname1 {
	                color: #2d4b9b;
                    font-weight: bold;
                    -webkit-transition:all 0.3s ease-in-out;
	                transition:all 0.3s ease-in-out;
                }

                .pro_deinfo-d3-div:hover .pro_deinfo-d3-dname2 {
	                color: #e68993;
                    font-weight: bold;
                    -webkit-transition:all 0.3s ease-in-out;
	                transition:all 0.3s ease-in-out;
                }

                .pro_deinfo-d3-div:hover .pro_deinfo-d3-dname3 {
	                color: #be272d;
                    font-weight: bold;
                    -webkit-transition:all 0.3s ease-in-out;
	                transition:all 0.3s ease-in-out;
                }



    /* --- news ---  */

    .news_a1 {
	    display: block;
 	    position: relative;
        margin: 0 auto;
        padding: 3em 0 0 0;
        width: 100%;
    }

        .news_liontalk {
	        display: flex;
 	        position: absolute;
            justify-content: space-between;
            align-items: stretch;
            top: 0%;
            left: 50%;
            transform: translate(-50%, -20%);
            width: 88%;
            z-index: 5;
        }

        .news_liontalk-pic {
	        display: flex;
 	        position: relative;
            justify-content: center;
            align-items: center;
            width: 200px;
        }

            .news_liontalk-pic img {
	            display: block;
 	            position: relative;
                width: 100%;
                z-index: 10;
            }

        .news_liontalk-tb {
	        display: block;
 	        position: absolute;
            padding: 2em 3em;
            top: -50%;
            left: 55%;
            transform: translate(-50%, -30%);
            width: 75%;
            background: #f8e0c0;
            border-radius: 30px;
            z-index: 5;
        }

        .news_liontalk-tb::before {
            content: "";
            position: absolute;
            top: 90%;
            left: -1%; /* 往左移，數值與 border-width 的寬度對應 */
            transform: translateY(-50%); /* 確保完美垂直置中 */
            transform:rotate(-40deg);
            /* CSS 畫三角形的黑魔法 */
            border-style: solid;
            border-width: 20px 80px 20px 0; /* 上右下左：設定右邊有寬度，左邊為0 */
            border-color: transparent #f8e0c0 transparent transparent; /* 只留下右邊框的顏色，其餘透明 */
        }


        .news_liontalk-tb-b {
	        display: block;
 	        position: absolute;
            padding: 2em 3em;
            top: -50%;
            left: 55%;
            transform: translate(-50%, -55%);
            width: 75%;
            background: #d1e2ed;
            border-radius: 30px;
            z-index: 5;
        }

        .news_liontalk-tb-b::before {
            content: "";
            position: absolute;
            top: 90%;
            left: -1%; /* 往左移，數值與 border-width 的寬度對應 */
            transform: translateY(-50%); /* 確保完美垂直置中 */
            transform:rotate(-40deg);
            /* CSS 畫三角形的黑魔法 */
            border-style: solid;
            border-width: 20px 80px 20px 0; /* 上右下左：設定右邊有寬度，左邊為0 */
            border-color: transparent #d1e2ed transparent transparent; /* 只留下右邊框的顏色，其餘透明 */
        }

        .news_liontalk-tb-o {
	        display: block;
 	        position: absolute;
            padding: 2em 3em;
            top: -50%;
            left: 55%;
            transform: translate(-50%, -60%);
            width: 80%;
            background: #f8e7e5;
            border-radius: 30px;
            z-index: 5;
        }

        .news_liontalk-tb-o::before {
            content: "";
            position: absolute;
            top: 90%;
            left: -1%; /* 往左移，數值與 border-width 的寬度對應 */
            transform: translateY(-50%); /* 確保完美垂直置中 */
            transform:rotate(-40deg);
            /* CSS 畫三角形的黑魔法 */
            border-style: solid;
            border-width: 20px 80px 20px 0; /* 上右下左：設定右邊有寬度，左邊為0 */
            border-color: transparent #f8e7e5 transparent transparent; /* 只留下右邊框的顏色，其餘透明 */
        }

    .news_a2 {
	    display: block;
 	    position: relative;
        margin: 5em auto 0 auto;
        padding: 3em 0;
        width: 80%;
        background: #FFF;
        border-radius: 75px;
    }

        .news_rflex {
	        display: flex;
 	        position: relative;
            justify-content: space-between;
            align-items: stretch;
            margin: 2em auto 0 auto;
            width: 100%;
        }

            .news_rflex_le {
	            display: flex;
 	            position: relative;
                justify-content: flex-start;
                align-items: flex-start;
                width: 25%;
                border-top-left-radius: 15px;
                border-bottom-left-radius: 15px;
                background: #f2f2f2;
            }

                .news_rflex_le img {
	                display: block;
 	                position: relative;
                    width: 100%;
                    border-top-left-radius: 15px;
                    border-bottom-left-radius: 15px;
                }

            .news_rflex_rt {
	            display: flex;
 	            position: relative;
                flex-direction: column;
                justify-content: center;
                align-items: flex-start;
                background: #f2f2f2;
                padding: 1em 2em;
                width: 75%;
                border-top-right-radius: 15px;
                border-bottom-right-radius: 15px;
            }

                .news_rflex_rt-tt {
	                display: block;
 	                position: relative;
                    margin: 0.5em 0;
                    padding-bottom: 0.5em;
                    width: 100%;
                    border-bottom: solid 1px #2d4b9b;
                }

                .news_rflex_rt-list {
	                display: flex;
 	                position: relative;
                    justify-content: space-between;
                    align-items: flex-start;
                    padding: 0.15em 0 0.15em 0;
                    width: 100%;
                }

                .news_rflex_rt-list1 {
	                display: block;
 	                position: relative;
                    padding: 0.15em 0 0.15em 0;
                    width: 100%;
                }

                    .news_rflex_rt-list-r1 {
	                    display: flex;
 	                    position: relative;
                        justify-content: flex-start;
                        align-items: flex-start;
                        margin-right: 10px;
                        width: auto;
                    }

                    .news_rflex_rt-list-r2 {
	                    display: flex;
 	                    position: relative;
                        justify-content: flex-start;
                        align-items: flex-start;
                        flex: 1;
                    }


    .contant_a1 {
	    display: block;
 	    position: relative;
        margin: 0 auto;
        padding: 3em 0 0 0;
        background-image: url("../../images/pic1_contant_bg1.png"), url("../../images/pic1_contant_bg2.png");
        background-repeat: no-repeat;
        background-position: left 30%, right 5%;
        background-size: 14%, 24%;
        width: 100%;
    }


    .contant_flex {
        display: flex;
        justify-content: space-between;
        align-items: stretch;
        margin: 3em auto;
        width: 1200px;
    }

        .contant_flex-le {
            display: flex;
            flex-direction: column;
            justify-content: flex-start;
            align-items: flex-start;
            width: 58%;
        }

            .contant_flex-le-r1 {
                display: flex;
                flex-wrap: wrap;
                justify-content: flex-start;
                align-items: flex-start;
                width: 100%;
            }

            .contant_flex-le-r2 {
                display: flex;
                flex-wrap: wrap;
                justify-content: flex-start;
                align-items: flex-start;
                margin: 2em 0 0 0;
                padding-right: 2em;
                width: 100%;
            }

            .contant_flex-le-list {
                display: block;
                position: relative;
                margin: 5px 0 0 0;
                width: 100%;
            }

            .contant_flex-r1c1 {
                display: flex;
                position: relative;
                justify-content: center;
                align-items: center;
                margin: 5px 10px;
                padding: 10px;
                width: 140px;
                height: 140px;
                border-radius: 100px;
                background: #d4eef9;
                color: #0071bc;
                text-align: center;
            }

            .contant_flex-r1c2 {
                display: flex;
                position: relative;
                justify-content: center;
                align-items: center;
                margin: 5px 10px;
                padding: 10px;
                width: 140px;
                height: 140px;
                border-radius: 100px;
                background: #fceebd;
                color: #f7931e;
                text-align: center;
            }

            .contant_flex-r1c3 {
                display: flex;
                position: relative;
                justify-content: center;
                align-items: center;
                margin: 5px 10px;
                padding: 10px;
                width: 140px;
                height: 140px;
                border-radius: 100px;
                background: #feefd8;
                color: #f4821f;
                text-align: center;
            }

            .contant_flex-r1c4 {
                display: flex;
                position: relative;
                justify-content: center;
                align-items: center;
                margin: 5px 10px;
                padding: 10px;
                width: 140px;
                height: 140px;
                border-radius: 100px;
                background: #e1efd8;
                color: #5f9215;
                text-align: center;
            }


        .contant_flex-rt {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            background: #f2f2f2;
            padding: 2em 1em;
            border-radius: 25px;
            width: 40%;
        }

            .contant_flex-rt-c {
                display: flex;
                flex-direction: column;
                justify-content: flex-start;
                align-items: flex-start;
                background: #f2f2f2;
                border-radius: 25px;
                width: 70%;
                text-align: left;
            }

                .contant_flex-rt-c a {
                    color: #000;
                }

                .contant_flex-rt-c a:hover {
                    color: #FF8327;
                }

            .contant_flex-rt-logo {
                display: block;
                position: relative;
                margin: 0;
                width: 90%;
            }

                .contant_flex-rt-logo img {
                    display: block;
                    width: 100%;
                }

            .contant_flex-rt-tt {
                display: block;
                position: relative;
                margin-top: 10px;
                padding-left: 0.5em;
                width: 100%;
            }

            .contant_flex-rt-list {
                display: block;
                position: relative;
                margin-top: 2px;
                padding-left: 0.5em;
                margin-bottom: 0.25em;
                width: 100%;
            }

            .contant_flex-rt-icon {
                display: inline-block;
                position: relative;
                margin: 1em 0;
                width: 100%;
            }

                .contant_flex-rt-icon img {
                    display: inline-block;
                    margin-right: 5px;
                    width: 2.5em;
                    background: #FF8327;
                    border-radius: 3em;
                    transition: all 0.2s ease-in-out;
                }

                .contant_flex-rt-icon img:hover {
                    background: #003063;
                }

                .contant_flex-rt-follw {
                    display: inline-block;
                    position: relative;
                    top: -5px;
                }


    .contant_farm {
        display: block;
        position: relative;
        width: 100%;
    }

        .contant_farm img {
           display: block;
            position: relative;
            width: 100%;
        }

/* area-setting */
    
    /* 單元title, 第1個字有底線-置中 */
    .un-title {
        padding: 0.5em 0;
        /* 新增這行來達成水平置中 */
        text-align: center; 
    }

    /* 單元title, 第1個字有底線-左對齊*/
    .un-title1 {
        padding: 0 0 0.5em 0;
        text-align: left; 
    }


    .underline-first {
        position: relative;
        display: inline-block;
    }

    .underline-first::after {
        content: "";
        position: absolute;
        left: 0;
        bottom: -10px;
        width: 85%;
        height: 2px;
        background-color: #2d4b9b;
    }


    /* 嚐鮮推薦title */
    .recommend-title {
        padding: 0.25em 0;
        border-bottom: solid 3px #2d4b9b;
        text-align: left; 
    }

    .txtcenter-1 {
        display: inline-block;
        position: relative;
        margin: 0 auto;
        width: 100%;
        text-align: center;
        z-index: 5;
    }

    .ind-txt-center {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        margin: 0.5em auto;
        padding: 0;
        width: 500px;
        -webkit-line-clamp: 2; /* 限制顯示的行數為 2 */
        overflow: hidden;     /* 隱藏超出範圍的文字 */
        text-overflow: ellipsis; /* 文字溢出時顯示省略號 */
    }

    .txt-center1 {
        display: inline-block;
        position: relative;
        margin: 0.25em auto;
        width: 100%;
        text-align: center;
    }

    .txt-center2 {
        display: block;
        position: relative;
        margin: 1.5em auto;
        width: 70%;
        text-align: center;
    }

    .txt-2-le {
        display: inline-block;
        position: relative;
        margin: 0.25em auto;
        width: 100%;
    }

    .txt-2-le2 {
        display: inline-block;
        position: relative;
        margin: 1em auto;
        width: 100%;
    }


/* myBtn - go top */

	#myBtn {
		display: block;
		position: fixed;
		padding: 0;
		bottom: 4em;
		right: 10px;
		width: 55px;
		height: 55px;
		border: 0;
		background: none;
		cursor: pointer;
		z-index: 1000;
	    outline: none;
	}

	#myBtn img {
		width: 100%;
		height: auto;
	    outline: none;
	}

	.conside {
		display: block;
		position: fixed;
		padding: 0;
		top: 10%;
		right: 10px;
		width: 55px;
		height: auto;
		border: 0;
		cursor: pointer;
		z-index: 1000;
	    outline: none;
	}

		.conside img {
            background: #ff8327;
			width: 100%;
			height: auto;
	   	    outline: none;
            border-radius: 55px;
            box-shadow: 2px 2px 2px #000;
            transition: all 0.2s ease-in-out;
		}

		.conside img:hover {
			background: #2d4b9b;
            border-radius: 55px;
            box-shadow: 2px 2px 2px #000;
		}


/* Footer */

	#footer {
        display: block;
		position: relative;
		width: 100%;
		padding: 0;
        z-index: 100;
	}

	#footer .footerc {
		display: flex;
		position: relative;
		justify-content: space-between;
		align-items: stretch;
		width: 100%;
        padding: 3em 0 1em 0;
	}

	#footer .footerc1 {
		display: flex;
		position: relative;
		flex-direction: column;
		justify-content: space-between;
		align-items: stretch;
        text-align: center;
		width: 100%;
        padding: 1em 0 1em 0;
	}


		#footer .fcompany {
		    display: flex;
			display: -webkit-flex; /* Safari */
		    justify-content: flex-start;
            flex-direction: column;
			align-items: stretch;
            flex: 0 0 400px;
            border-right: solid 1px #FFF;
		}

		    #footer .fcompany-logo {
		        display: block;
                position: relative;
                margin-bottom: 20px;
			    width: 250px;
		    }

		        #footer .fcompany-logo img {
		            display: block;
                    position: relative;
			        width: 100%;
		        }

		    #footer .fcompany-comword {
		        display: block;
                position: relative;
                margin-top: 10px;
			    width: 100%;
		    }

		        #footer .fcompany-comword-list {
		            display: block;
                    position: relative;
                    margin-bottom: 5px;
			        width: 100%;
                    text-align: left;
		        }

		    #footer .fcompany-icon {
		        display: inline-flex;
                position: relative;
                flex-wrap: wrap;
                justify-content: flex-start;
                align-items: center;
                margin-top: 10px;
			    width: 100%;
		    }

		        #footer .fcompany-icon img {
		            display: block;
                    position: relative;
                    float: left;
                    margin-right: 10px;
                    margin-bottom: 10px;
			        width: 2.5em;
                    background: #FF8327;
                    border-radius: 3em;
                    transition: all 0.2s ease-in-out;
		        }

		        #footer .fcompany-icon img:hover {
		            background: #2d4b9b;
		        }

		        #footer .fcompany-icontxt {
		            padding-top: 0.5em;
		        }


		#footer .fmenu {
		    display: block;
            position: relative;
            padding: 2em 0 0 3em;
            flex: 1;
	     }

		#footer .fre1 {
		    display: grid;
            position: relative;
            flex-wrap: wrap;
            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
		    justify-content: start; 
            justify-items: start; /* 選用：若子項目寬度小於網格，使其在網格內靠左 */
			margin-left: 0;   /* 取消左側自動外邊距 */
            margin-right: auto; /* 讓右側吸收剩餘空間 */
            width: 100%;
			gap: 10px 0px;
	     }

		    #footer .fre1-div {
		        display: flex;
                position: relative;
                flex-direction: column;
			    display: -webkit-flex; /* Safari */
		        justify-content: flex-start;
			    align-items: stretch;
                margin-bottom: 1em;
                text-align: left;
	         }

		        #footer .fre1-div_titile {
		            display: block;
                    position: relative;
                    width: 100%;
                    padding: 0 0.8em 0.2em 0;
	             }

		        #footer .fre1-div_titile:last-child {
                    padding: 0 0 0.3em 0;
	             }

		        #footer .fre1-div_linklist {
		            display: block;
                    position: relative;
                    width: 100%;
                    padding: 0;
	             }

		            #footer .fre1-div_linklist > * {
		                display: block;
                        position: relative;
                        width: 100%;
                        padding: 0 0.8em 0.3em 0;
	                }


		#footer .ftitle1 {
			display: block;
			margin: 0 0 5px 0;
			width: 100%;
			font-size: 1.2em;
            font-weight: bold;
		}

		    #footer .ftitle1 a {
			    color: #FFFFFF;
		    }

		    #footer .ftitle1 a:hover {
			    color: #2d4b9b;
		    }

		#footer .ftxt1 {  
			font-size: 1em;
			line-height: 135%;
		}

		    #footer .ftxt1 a, #footer .ftxt1-TEL a, #footer .ftxt1-ADD1 a, #footer .ftxt1-ADD2 a {  
		         color: #FFFFFF;   
		    }

		    #footer .ftxt1 a:hover, #footer .ftxt1-TEL a:hover, #footer .ftxt1-ADD1 a:hover, #footer .ftxt1-ADD2 a:hover {  
		         color: #2d4b9b;
		    }


.wave-container {
  position: relative;
  width: 100%;
  min-height: 400px; /* 設定一個最小高度，確保沒內容時也能看到波浪 */
  background-color: #eaf4f4; /* 波浪上方的網頁背景色 */
  overflow: hidden;
}

.wave-container1 {
  margin: -100px 0 0 0;
  position: relative;
  width: 100%;
  min-height: 400px; /* 設定一個最小高度，確保沒內容時也能看到波浪 */
  background-color: transparent; /* 波浪上方的網頁背景色 */
  overflow: hidden;
}

.wave-container2 {
  position: relative;
  width: 100%;
  min-height: 400px; /* 設定一個最小高度，確保沒內容時也能看到波浪 */
  background-color: transparent; /* 波浪上方的網頁背景色 */
  overflow: hidden;
}

.wave-container3 {
  position: relative;
  width: 100%;
  min-height: 400px; /* 設定一個最小高度，確保沒內容時也能看到波浪 */
  background-color: #f4f8fb; /* 波浪上方的網頁背景色 */
  overflow: hidden;
}

.wave-container4 {
  position: relative;
  width: 100%;
  min-height: 400px; /* 設定一個最小高度，確保沒內容時也能看到波浪 */
  background-color: #c1e39b; /* 波浪上方的網頁背景色 */
  overflow: hidden;
}

.wave-container5 {
  position: relative;
  width: 100%;
  min-height: 400px; /* 設定一個最小高度，確保沒內容時也能看到波浪 */
  background-color: #f2f2f2; /* 波浪上方的網頁背景色 */
  overflow: hidden;
}


.wave-svg {
  position: absolute;
  top: 0; /* 改為置頂貼齊 */
  left: 0;
  width: 200%; /* 水平拼接兩組波浪，確保橫移時不露白邊 */
  height: 100%; /* 讓高度跟隨外層容器無限延伸 */
}

/* 網頁內容層：確保內容壓在波浪圖案上方 */
.fcontent {
  position: relative;
  z-index: 10;
  padding: 40px 0 30px 0; /* 上方留白給波浪，下方的文字就會在灰藍綠色背景中 */
  color: #eaf4f4; /* 灰藍綠色背景上的文字設為白色 */
    
  background-image: url("../../images/pic1_footerbg.png");
  background-repeat: no-repeat;
  background-position: 95% 95%;
  background-size: 30%;
}

/* 前浪：4秒快速衝刺與明顯動態 */
.wave-front {
  z-index: 2;
  animation: wave-move-left 4s linear infinite;
}

/* 後浪：5.5秒反向推移 */
.wave-back {
  z-index: 1;
  animation: wave-move-right 5.5s linear infinite;
}

/* 前浪動畫 */
@keyframes wave-move-left {
  0% {
    transform: translateX(0) translateY(0);
  }
  25% {
    transform: translateX(-12.5%) translateY(-6px);
  }
  50% {
    transform: translateX(-25%) translateY(0);
  }
  75% {
    transform: translateX(-37.5%) translateY(4px);
  }
  100% {
    transform: translateX(-50%) translateY(0);
  }
}

/* 後浪動畫 */
@keyframes wave-move-right {
  0% {
    transform: translateX(-50%) translateY(0);
  }
  50% {
    transform: translateX(-25%) translateY(-4px);
  }
  100% {
    transform: translateX(0) translateY(0);
  }
}





/* --- 輪播css end --- */

 

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

/* Basic */
    
/* header */	
    
/* banner */

	.bannerab {  
        top: 0%;
        left: 49.42%;
        transform: translate(-50%,0);
	}
    
	    .bntxt1 {  
            top: 50%;
            left: 66%;
	    }

	    .bntxt2 {  
            top: 60%;
            left: 68%;
	    }

/* area-container */	
    
/* Wrapper */

/* setting */
    
    
        /* 海鮮 */
		.ind_seafood-div {  
            top: 5%;
            left: 12%;
       	 	width: 8%;
		}

        /* 豬肉 */
		.ind_prok-div {  
            top: 88%;
            left: 22%;
       	 	width: 8%;
		}
    
        /* 雞肉 */
		.ind_chicken-div {  
            top: 153%;
            left: 38%;
       	 	width: 8%;
		}
    
        /* 牛肉 */
		.ind_beef-div {  
            top: 153%;
            left: 55%;
            width: 8%;
		}

        /* 客製 */
		.ind_cus-div {  
            top: 88%;
            left: 70%;
       	 	width: 8%;
		}

        /* 代工 */
		.ind_odem-div {  
            top: 5%;
            left: 81%;
       	 	width: 8%;
		}

    
	        .about_a1_lion {  
                bottom: 0;
                left: 85%;
                transform: translate(-50%, 0%);
                width: 33%;
                z-index: 10000;
	        }
    
	            .about_a1_liontxt1 {  
                    bottom: 100%;
                    left: 75%;
	            }

	            .about_a1_liontxt2 {  
                    bottom: 70%;
                    left: 75%;
	            }
    

    
    
         .news_liontalk {
            top: 0%;
            left: 50%;
            transform: translate(-50%, -20%);
            width: 100%;
            z-index: 5;
        }

        .news_liontalk-pic {
            width: 180px;
        }

        .news_liontalk-tb {
            padding: 2em 3em;
            top: -50%;
            left: 55%;
            transform: translate(-50%, -40%);
             width: 75%;
        }
    
        .news_liontalk-tb-b {
            padding: 2em 3em;
            top: -50%;
            left: 55%;
            transform: translate(-50%, -50%);
             width: 75%;
        }
    
    
    .contant_a1 {
        padding: 3em 0 0 0;
        background-image: url("../../images/pic1_contant_bg1.png"), url("../../images/pic1_contant_bg2.png");
        background-repeat: no-repeat;
        background-position: left 30%, right 8%;
        background-size: 12%, 20%;
    }
    
/* area-setting */
    
/* Footer */
    

	
}


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

/* Basic */   
    
/* header */	
    
    
/* banner */
    
    .banner-sub_txt { 
        top: 80%;
        left: 62.5%;
        transform: translate(-50%, -50%);
    }

	.bannerab {  
        top: 0%;
        left: 49.5%;
        transform: translate(-50%,0);
        width: 250px;
	}
    
	.bannerab1 {  
        top: 66%;
        left: 50%;
        transform: translate(-50%,-50%);
        width: 31%;
	}
    
	    .bntxt1 {  
            width: 350px;
            top: 45%;
            left: 70%;
	    }

	    .bntxt2 {  
            width: 350px;
            top: 60%;
            left: 70%;
	    }
    
    
/* area-container */	
    
    
	.bodycontainer9 {   /* pro 產品內頁 */
        margin: 0 auto;
        position: relative;
		width: 75%;
	}
    
	.footercontainer {  
        margin: 0 auto;
		width: 80%;
	}  

/* Wrapper */

/* setting */
    
        /* 海鮮 */
		.ind_seafood-div {  
            top: 5%;
            left: 12%;
       	 	width: 8%;
		}

        /* 豬肉 */
		.ind_prok-div {  
            top: 78%;
            left: 22%;
       	 	width: 8%;
		}
    
        /* 雞肉 */
		.ind_chicken-div {  
            top: 135%;
            left: 38%;
       	 	width: 8%;
		}
    
        /* 牛肉 */
		.ind_beef-div {  
            top: 135%;
            left: 55%;
            width: 8%;
		}

        /* 客製 */
		.ind_cus-div {  
            top: 78%;
            left: 70%;
       	 	width: 8%;
		}

        /* 代工 */
		.ind_odem-div {  
            top: 5%;
            left: 81%;
       	 	width: 8%;
		}

    
	.inda4 {  
        margin: 0 auto;
        padding: 3em 0 0 0;
	}
    
    
	        .about_a1_lion {  
                bottom: 0;
                left: 78%;
                transform: translate(-50%, 0%);
                width: 33%;
                z-index: 10000;
	        }
    
	            .about_a1_liontxt1 {  
                    width: 460px;
                    bottom: 120%;
                    left: 75%;
	            }

	            .about_a1_liontxt2 {  
                    width: 415px;
                    bottom: 85%;
                    left: 75%;
	            }
    
    
	.qc_piclist {  
	    display: flex;
 	    position: absolute;
        justify-content: space-between;
        align-items: stretch;
        top: 0%;
        left: 50%;
        transform: translate(-50%,-70%);
        margin: 3em auto;
        padding-left: 4%;
        width: 100%;
        z-index: 7;
	}
    
    
	.equ_step-name {  
	    display: flex;
 	    position: relative;
        flex-direction: column;
        justify-content: space-between;
        align-items: stretch;
        margin: 1em 0 0 auto;
        padding: 0;
        width: 95%;
        z-index: 1;
	} 
    
	.equ_step-name-txt {  
        width: 81%;
        z-index: 1;
	}


	.equ_step {  
        margin: 1em 0 0 auto;
        padding: 0;
        width: 100%;
        z-index: 1;
	}

	    .equ_step-d1 {  
            width: 16%;
            border-top-left-radius: 100%;
            border-bottom-left-radius: 100%;
	    }

	    .equ_step-d2 {  
            width: 84%;
	    }

	        .equ_step-d2-1 {  
                padding: 1em 1em 1em 2em;
                width: 45%;
	        }  
    
    
    /* --- Flexbox 兩欄排版 --- */
    
    .qainfo_flex2 {
        margin: 1em auto;
    }

        .qainfo_flex2-div {
            margin: 5px 20px 5px 0;
            width: 200px;
            height: 200px;
            border-radius: 28px;
        }
    
        .qainfo_flex2-div-pink {
            margin: 5px 20px 5px 0;
            width: 200px;
            height: 200px;
            border-radius: 28px;
        }
    
        .qainfo_flex2-div-chicken {
            margin: 5px 20px 5px 0;
            width: 200px;
            height: 200px;
            border-radius: 28px;
        }

            .qainfo_flex2-div-pic {
                width: 40%;
            } 
    
    
    /* --- 產品 --- */
    
	.pro_a2, .pro_a3, .pro_a4, .pro_a5, .pro_a6, .pro_a7 {  
        margin: 0 auto 50px auto;
	}

	    .pro_a-area1 {  
            justify-content: flex-start;
            margin: 0 auto;
            width: 85%;
	    }

	    .pro_a-area2 {  
            justify-content: flex-end;
            margin: 0 auto;
            width: 85%;
	    }

	    .pro_a-c {  
            align-items: flex-start;
            margin: 100px 0;
            width: 50%;
	    }

    
	        .pro_a-c-icon {  
                margin: 0 1.5em 0 0;
                width: 160px;
	        }

	        .pro_a-c-div {  
                margin: 0;
                flex: 1;
	        }
    
    
	        .pro_a-c-dishes1 {  
                width: 22%;
                top: 65%;
                left: 50%;
	        }

	        .pro_a-c-dishes2 {  
                width: 18%;
                top: 55%;
                right: 0;
	        }

	        .pro_a-c-dishes3 {  
                width: 23%;
                top: 60%;
                left: 45%;
	        }

	        .pro_a-c-dishes4 {  
                width: 16%;
                top: 65%;
                right: 0;
	        }

	        .pro_a-c-dishes5 {  
                width: 25%;
                top: 60%;
                left: 45%;
	        } 
    
    
    
        .pro_alllist {
            grid-template-columns: repeat(3, 32%); 
            margin: 3em auto 5em auto;
            width: 70%;
        }

            .pro_alllist-div {
                margin: 0 auto 2em auto;
                width: 100%;
            }

                .pro_alllist-div-p {
                    width: 240px;
                    height: 240px;
                }

    
    
    
    
    
    
    
        /* --- news --- */
    
         .news_liontalk {
            top: 0%;
            left: 50%;
            transform: translate(-50%, -20%);
        }

        .news_liontalk-pic {
            width: 180px;
        }

        .news_liontalk-tb {
            padding: 2em 3em;
            top: -50%;
            left: 55%;
            transform: translate(-50%, -40%);
             width: 75%;
        }
    
        .news_liontalk-tb-b {
            padding: 2em 3em;
            top: -50%;
            left: 55%;
            transform: translate(-50%, -60%);
             width: 75%;
        }
    
         .news_liontalk-tb-o {
            padding: 2em 3em;
            top: -50%;
            left: 65%;
            transform: translate(-50%, -65%);
            width: 75%;
        }
    
    
    .contant_flex {
        margin: 3em auto;
        width: 85%;
    }
    
        .contant_flex-le {
            margin: 0 auto 20px auto;
            width: 100%;
        }

        .contant_flex-rt {
            margin: 0 auto;
            padding: 2em 2em;
            width: 100%;
        }
    
            .contant_flex-rt-c {
                display: inline-flex;
                flex-direction: column;
                justify-content: center;
                align-items: center;
                background: #f2f2f2;
                border-radius: 25px;
                width: auto;
                text-align: center;
            }
    
    
/* area-setting */
    
/* Footer */
    

}

	

/* Normal */

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

/* Basic */   
    
/* header */	
    
/* banner */
    
    .banner-sub_txt { 
        top: 78%;
        left: 62.5%;
        transform: translate(-50%, -50%);
    }
    
	    .bntxt1 {  
            width: 330px;
            top: 45%;
            left: 70%;
	    }

	    .bntxt2 {  
            width: 330px;
            top: 65%;
            left: 70%;
	    }

/* area-container */	
    
/* Wrapper */

/* setting */
    
	.inda1 {  
        background-size: 12%, 100%;
        background-position: 90% 98%, center top;
	}
    
        /* 海鮮 */
		.ind_seafood-div {  
            top: 5%;
            left: 12%;
       	 	width: 8%;
		}

        /* 豬肉 */
		.ind_prok-div {  
            top: 70%;
            left: 22%;
       	 	width: 8%;
		}
    
        /* 雞肉 */
		.ind_chicken-div {  
            top: 120%;
            left: 38%;
       	 	width: 8%;
		}
    
        /* 牛肉 */
		.ind_beef-div {  
            top: 120%;
            left: 55%;
            width: 8%;
		}

        /* 客製 */
		.ind_cus-div {  
            top: 70%;
            left: 70%;
       	 	width: 8%;
		}

        /* 代工 */
		.ind_odem-div {  
            top: 5%;
            left: 81%;
       	 	width: 8%;
		}
    
    
	.inda4 {  
        margin: 0 auto;
        padding: 2em 0 0 0;
	}
    
    
	        .about_a1_lion {  
                bottom: 0;
                left: 77%;
                transform: translate(-50%, 0%);
                width: 40%;
                z-index: 10000;
	        }
    
	            .about_a1_liontxt1 {  
                    width: 420px;
                    bottom: 110%;
                    left: 75%;
	            }

	            .about_a1_liontxt2 {  
                    width: 380px;
                    bottom: 77%;
                    left: 75%;
	            }
    
    
    .qainfo_flex2 {
        justify-content: center;
        margin: 1em auto;
    }

        .qainfo_flex2-div {
            margin: 10px 10px;
            width: 200px;
            height: 200px;
            border-radius: 28px;
        }
    
        .qainfo_flex2-div-pink {
            margin: 10px 10px;
            width: 200px;
            height: 200px;
            border-radius: 28px;
        }
    
        .qainfo_flex2-div-chicken {
            margin: 10px 10px;
            width: 200px;
            height: 200px;
            border-radius: 28px;
        }

            .qainfo_flex2-div-pic {
                width: 42%;
            } 
    
    
	.equ_step {  
        margin: 1em 0 0 auto;
        padding: 0;
        width: 100%;
        z-index: 1;
	}

	    .equ_step-d1 {  
            
            width: 16%;
            border-top-left-radius: 60%;
            border-bottom-left-radius: 60%;
	    }

	    .equ_step-d2 {  
            width: 84%;
	    }

	        .equ_step-d2-1 {  
                padding: 1em 2em 1em 2em;
                width: 45%;
	        }     
    
    
        /* --- kon lion --- */
	    .tech_a2_title_lion {  
            top: 0%;
            left: 90%;
            transform: translate(0, -69.2%);
            width: 210px;
	    }
    
    
    
	/* --- 產品 --- */
    
	    .pro_liontalk {  
            width: 100%;
	    }
    
	        .pro_liontalk-div1 {  
                width: 15%;
	        }

	        .pro_liontalk-div2 {  
                width: 28%;
	        }

	        .pro_liontalk-div3 {  
                padding: 1em 1em;
                flex: 1;
	        }
    

	    .pro_a-c {  
            align-items: flex-start;
            margin: 80px 0;
            width: 55%;
	    }

	        .pro_a-c-icon {  
                width: 140px;
	        }

	        .pro_a-c-div {  
                margin: 0;
                flex: 1;
	        }
    

    .pro_info_flex {
        width: 100%;
    }

        .pro_info_flex-pic {
            width: 260px;
        }
    
    
        .pro_alllist {
            grid-template-columns: repeat(3, 32%); 
            margin: 3em auto 5em auto;
            width: 80%;
        }

            .pro_alllist-div {
                margin: 0 auto 2em auto;
                width: 100%;
            }

                .pro_alllist-div-p {
                    width: 240px;
                    height: 240px;
                }
    
    

	/* --- news --- */
    
         .news_liontalk {
            top: 0%;
            left: 50%;
            transform: translate(-50%, -20%);
        }

        .news_liontalk-pic {
            width: 180px;
        }

        .news_liontalk-tb {
            padding: 2em 3em;
            top: -50%;
            left: 60%;
            transform: translate(-50%, -55%);
             width: 80%;
        }

        .news_liontalk-tb-b {
            padding: 2em 3em;
            top: -50%;
            left: 60%;
            transform: translate(-50%, -60%);
             width: 80%;
        }

         .news_liontalk-tb-o {
            padding: 2em 3em;
            top: -50%;
            left: 65%;
            transform: translate(-50%, -68%);
            width: 80%;
        }
    
    
    .contant_a1 {
        padding: 3em 0 0 0;
        background-image: url("../../images/pic1_contant_bg1.png"), url("../../images/pic1_contant_bg2.png");
        background-repeat: no-repeat;
        background-position: left 15%, right 1%;
        background-size: 14%, 24%;
    }
    
/* area-setting */
    
/* Footer */
	
}

/* Narrower */

#navPanel, #navButton {
		display: none;
}

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

/* Basic */

			html, body {
				overflow-x: hidden;
			}  
    
/* Button */

			input[type="button"].small,
			input[type="submit"].small,
			input[type="reset"].small,
			.button.small {
				font-size: 0.8em;
				min-width: 18em;
				padding: 0.75em 0;
			}

/* List */

			ul.featured-icons {
				margin: 0;
			}

				ul.featured-icons li {
					display: inline-block;
					float: none;
					width: auto;
				}

					ul.featured-icons li .icon {
						font-size: 4em;
						width: 1.25em;
					}

			ul.buttons li {
				display: block;
				padding: 1em 0 0 0;
			}   
    
/* header */	
    
	#header {
		display: none;
	}


    
/* banner */  

	.bannerab {  
        top: 0%;
        left: 49.5%;
        transform: translate(-50%,0);
        width: 20%;
	}
    
	.bannerab1 {  
        top: 60%;
        left: 50%;
        transform: translate(-50%,-50%);
        width: 33%;
	}
    
	    .blion {  
            width: 60%;
            z-index: 100;
	    }
    
    
	    .bntxt1 {  
            width: 330px;
            top: 45%;
            left: 70%;
	    }

	    .bntxt2 {  
            width: 330px;
            top: 65%;
            left: 70%;
	    }
    
/* area-container */	
    
/* Wrapper */

	.inda1 {  
        background-size: 12%, 100%;
        background-position: 98% 98%, center top;
	} 
    
    
/* setting */

	.indkindsetab {  
	    display: block;
 	    position: relative;
        margin: 0 auto;
        width: 100%;
	}
    
	.ind_allkind {
        display: grid;
        position: relative;
        grid-template-columns: repeat(6, 13%); 
        justify-content: space-between;
        align-items: stretch;
        margin: 0 auto;
        padding: 1em 0;
        width: 75%;
        height: auto;
        text-align: center;
	}
    
        /* 海鮮 */
		.ind_seafood-div {  
            display: block;
            position: relative;
            top: 0;
            left: 0;
       	 	width: 100%;
		}

        /* 豬肉 */
		.ind_prok-div {  
            display: block;
            position: relative;
            top: 0;
            left: 0;
       	 	width: 100%;
		}
    
        /* 雞肉 */
		.ind_chicken-div {  
            display: block;
            position: relative;
            top: 0;
            left: 0;
       	 	width: 100%;
		}
    
        /* 牛肉 */
		.ind_beef-div {  
            display: block;
            position: relative;
            top: 0;
            left: 0;
       	 	width: 100%;
		}

        /* 客製 */
		.ind_cus-div {  
            display: block;
            position: relative;
            top: 0;
            left: 0;
       	 	width: 100%;
		}

        /* 代工 */
		.ind_odem-div {  
            display: block;
            position: relative;
            top: 0;
            left: 0;
       	 	width: 100%;
		}   
    
    
	.inda2-flex {  
	    display: flex;
 	    position: relative;
        justify-content: space-between;
        align-items: center;
        margin: 0 auto;
	}

	    .inda2-flex-div-le {  
	        display: flex;
 	        position: relative;
            flex-direction: column;
            justify-content: space-between;
            margin-bottom: 1em;
            width: 25%;
	    }

	    .inda2-flex-div-rt {  
	        display: flex;
 	        position: relative;
            justify-content: space-between;
            margin-bottom: 1em;
            width: 70%;
	    }
    
	        .inda2-slick {  
	            display: block;
 	            position: relative;
                margin: 0 auto;
                padding: 0 1em 1em 1em;
                width: 98%;
	        }

	        .inda2-slickimg {  
                margin: 0;
                padding: 0.3em 0.25em 0 0.25em;
                width: 100%;
                border-radius: 15px;
	        }
    

	.inda3 {  
        background-image: url("../../images/pic1_food_shrimp.png"), url("../../images/pic1_ind_about_bg1.png"), url("../../images/pic1_ind_about_bg2.png");
        background-size: 10%, 100%, 100%;
        background-position: 55% 2%, center top, center top;
	}
    
	.inda3_flex {  
        justify-content: flex-end;
        margin: 2em auto;
	}

	    .inda3_flex-pic {  
	        display: block;
 	        position: relative;
            margin: 0 auto;
            width: 40%;
	    }
    
	    .inda3_flex-div {  
	        display: flex;
 	        position: relative;
            flex-direction: column;
            justify-content: center;
            width: 33%;
	    }

	    .inda3_flex-div-s {  
	        display: flex;
 	        position: relative;
            flex-direction: column;
            justify-content: flex-start;
            margin: 0 auto;
            width: 17%;
	    }
    
    
	.inda4 {  
        margin: 0 auto;
        padding: 1em 0 0 0;
	}

	.inda4_rr {  
	    display: block;
 	    position: relative;
        margin: 0 auto;
        padding: 2em 3em 0 3em;
        border-top-left-radius: 60px;
        border-top-right-radius: 60px;
        background: #FFF;
        width: 85%;
	}


	.inda4_flex {  
	    display: flex;
 	    position: relative;
        justify-content: space-between;
        align-items: flex-start;
        margin: 0 auto;
	}

	    .inda4_flex-d1 {  
            width: 7%;
	    }

	    .inda4_flex-d2 {  
            width: 60%;
            padding: 7% 2em 1em 0;
	    }

	    .inda4_flex-d3 {  
            width: 30%;
	    }
    
	        .inda4_flex-d1 img {  
                top: 0;
                left: -75%;
                transform: translate(0%,-50%);
                width: 180%;
	        }
    
	        .inda4_flex-d3-pic1 {  
                margin: 100px 10px;
                width: 40%;
	        }

	        .inda4_flex-d3-pic2 {  
                margin: 30px 10px;
                width: 40%;

	        }

	        .inda4_flex-d3-pic1 img, .inda4_flex-d3-pic2 img {  
                border-radius: 20px;
                box-shadow: 6px 6px 0 #CCC;
                border-radius: 15px;
	        }
    
    
	.about_a3-rr {  
        padding: 5em 0 10em 0;
        width: 90%;
        border-top-left-radius: 60px;
        border-top-right-radius: 60px;
	}
    
    
	.qc_cficon {  
        margin: 1.5em auto;
        width: 250px;
        z-index: 5;
	}


	.equ_a2fish {  
	    display: block;
 	    position: relative;
        margin: -50px 0 0 12.5%;
        padding: 0;
        width: 15%;
        z-index: 10;
	}
    
	.equ_a2_line {  
        top: 2%;
        left: 19.5%;
        width: 20px;
        height: 98%;
	}
    
	.equ_step {  
        margin: 1em 0 0 auto;
        padding: 0;
        width: 100%;
        z-index: 1;
	}

	    .equ_step-d1 {  
            width: 16%;
            border-top-left-radius: 40px;
            border-bottom-left-radius: 40px;
	    }

	    .equ_step-d2 {  
            flex-direction: column;
            width: 84%;
	    }

	        .equ_step-d2-1 {  
                padding: 1em 3em 1em 2em;
                width: 100%;
	        }     
    
	        .equ_step-d3-1, .equ_step-d3-2, .equ_step-d3-3, .equ_step-d3-4, .equ_step-d3-5, .equ_step-d3-6, .equ_step-d3-7, .equ_step-d3-8 { 
                padding: 1em 3em 1em 2em;
                width: 100%;
	        }
    
    
    
    /* --- 收合區塊主要容器 --- */
    .qa-accordion {
        margin: 2em auto;
        padding: 2em;
        width: 100%;
        border-radius: 25px;
    }

    /* 隱藏原生 details 的預設箭頭 (Safari/Chrome) */
    .qa-accordion summary::-webkit-details-marker {
        display: none;
    }
    
    /* --- 標題列 (點擊區塊) --- */
    .qa-accordion summary {
        display: flex;
        padding: 0.5em 1em 0.4em 1em;
        align-items: center;
        user-select: none;
        list-style: none; /* 隱藏原生 details 的預設箭頭 */
        background-color: #29abe2; /* 藍色標題列 */
        color: #FFFFFF;
        cursor: pointer;
        letter-spacing: 1.5px;
    }


    
    
/* area-setting */
    
/* Footer */
    
    
	#footer .footerc {
		flex-direction: column;
        justify-content: flex-start;
		width: 100%;
        padding: 4em 0 1em 0;
	}

		#footer .fcompany {
			margin: 0 0 1.5em 0;
            padding: 0 0 1.5em 0;
            flex: 0 0 auto;
            border-right: none;
            border-bottom: solid 1px #CCC;
		}
    
		#footer .fmenu {
		    display: block;
            position: relative;
            padding: 0;
            flex: 1;
	     }

		#footer .fre1 {
		    display: grid;
            position: relative;
            flex-wrap: wrap;
            grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
		    justify-content: start; 
            justify-items: start; /* 選用：若子項目寬度小於網格，使其在網格內靠左 */
			margin-left: 0;   /* 取消左側自動外邊距 */
            margin-right: auto; /* 讓右側吸收剩餘空間 */
            width: 100%;
			gap: 20px 10px;
	     }

	#footer .footerc1 {
        border-top: solid 1px #CCC;
		text-align: left;
	}
    
    
    
	/* Off-Canvas Navigation */

			#page-wrapper {
				-moz-backface-visibility: hidden;
				-webkit-backface-visibility: hidden;
				-ms-backface-visibility: hidden;
				backface-visibility: hidden;
				-moz-transition: -moz-transform 0.5s ease;
				-webkit-transition: -webkit-transform 0.5s ease;
				-ms-transition: -ms-transform 0.5s ease;
				transition: transform 0.5s ease;
				padding-bottom: 1px;
			}
		
			#navButton {
				-moz-backface-visibility: hidden;
				-webkit-backface-visibility: hidden;
				-ms-backface-visibility: hidden;
				backface-visibility: hidden;
				-moz-transition: -moz-transform 0.5s ease;
				-webkit-transition: -webkit-transform 0.5s ease;
				-ms-transition: -ms-transform 0.5s ease;
				transition: transform 0.5s ease;
				display: block;
				height: 60px;
				left: 0;
				position: fixed;
				top: 0;
				width:;
				z-index: 999;
			}

				#navButton .toggle {
					text-decoration: none;
					height: 50px;
					left: 0;
					position: absolute;
					text-align: center;
					top: 0;
					width: 100%;
					border: 0;
					outline: 0;
				}

					#navButton .toggle:before {
						-moz-osx-font-smoothing: grayscale;
						-webkit-font-smoothing: antialiased;
						font-family: FontAwesome, "Arial",sans-serif, serif;
						font-style: normal;
						font-weight: normal;
						text-transform: none !important;
					}

					#navButton .toggle:before {
						color: #FFF;
						border-radius: 5px;
						content: '\f0c9';
						font-size: 1.5em;
						height: 50px;
						left: 10px;
						line-height: 50px;
						opacity: 0.5;
						position: absolute;
						top: 10px;
						width: 50px;
						z-index: 1;
						box-shadow: 2px 2px 2px #000;
					}

					#navButton .toggle:after {
						background: #f4821f;
						border-radius: 5px;
						content: '';
						height: 50px;
						left: 10px;
						position: absolute;
						top: 10px;
						width: 50px;
					}

			#navPanel {
				-moz-backface-visibility: hidden;
				-webkit-backface-visibility: hidden;
				-ms-backface-visibility: hidden;
				backface-visibility: hidden;
				-moz-transform: translateX(-275px);
				-webkit-transform: translateX(-275px);
				-ms-transform: translateX(-275px);
				transform: translateX(-275px);
				-moz-transition: -moz-transform 0.5s ease;
				-webkit-transition: -webkit-transform 0.5s ease;
				-ms-transition: -ms-transform 0.5s ease;
				transition: transform 0.5s ease;
				display: block;
				height: 100%;
				left: 0;
				overflow-y: auto;
				position: fixed;
				top: 0;
				width: 275px;
				z-index: 10002;
				background: #1c2021;
				color: #fff;
				font-size: 0.9em;
				letter-spacing: 0.075em;
				text-transform:none;
				padding: 0.25em 0.75em 1em 0.75em;
			}

				#navPanel .link {
					border: 0;
					border-top: solid 1px rgba(255, 255, 255, 0.05);
					color: inherit;
					display: block;
					height: auto;
					line-height: 1.5em;
					opacity: 0.75;
					text-decoration: none;
					padding: 0.55em 0;
				}

					#navPanel .link.depth-0 {
						font-weight: 900;
					}
		
					#navPanel .link.depth-1 {
						margin-left: 1em;
					}

					#navPanel .link.depth-2 {
						margin-left: 2em;
					}

					#navPanel .link:first-child {
						border-top: 0;
					}

				#navPanel .indent-1 {
					display: inline-block;
					width: 0;
				}

				#navPanel .indent-2 {
					display: inline-block;
					width: 0;
				}
	
	
			body.navPanel-visible #page-wrapper {
				-moz-transform: translateX(275px);
				-webkit-transform: translateX(275px);
				-ms-transform: translateX(275px);
				transform: translateX(275px);
			}

			body.navPanel-visible #navButton {
				-moz-transform: translateX(275px);
				-webkit-transform: translateX(275px);
				-ms-transform: translateX(275px);
				transform: translateX(275px);
			}

			body.navPanel-visible #navPanel {
				-moz-transform: translateX(0);
				-webkit-transform: translateX(0);
				-ms-transform: translateX(0);
				transform: translateX(0);
			}
	
}





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

/* Basic */   
    
/* header */	
    
/* banner */
    
	    .bntxt1 {  
            width: 250px;
            top: 45%;
            left: 70%;
	    }

	    .bntxt2 {  
            width: 250px;
            top: 65%;
            left: 70%;
	    }
    
/* area-container */	
    
/* Wrapper */

/* setting */
    
	.indnews_flex {  
        grid-template-columns: repeat(2, 48%); 
        margin: 3em auto;
        width: 90%;
	}
    

    /* --- 生產技術 Flexbox 排版 --- */
    
    .qainfo_flex {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
    }
    
        .qainfo_flex-div {
            margin-bottom: 1em;
            padding: 0.5em 0;
            width: 100%;
        }
    
        .qainfo_flex-div:last-child {
            margin-bottom: 0;
        }
    
    
    .qainfo_flex1 {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        margin: 1em auto;
    }
    
    .qainfo_flex3 {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
    }

        .qainfo_flex3-div-le {
            margin-bottom: 1em;
            width: 100%;
        }

        .qainfo_flex3-div-rt {
            width: 50%;
        }
    
            .qainfo_flex3-div-rt img {
                width: 100%;
            }

    
        .qainfo_flex3-div-le1 {
            margin-bottom: 1em;
            width: 100%;
        }
    
            .qainfo_flex3-div-le1-rrlist {
                align-items: flex-start;
                padding: 5px 0;
            }
    
                .qainfo_flex3-div-le-rrlist-tt {
                     padding-right: 0.5em;
                     width: auto;
                 }

                 .qainfo_flex3-div-le-rrlist-txt {
                     padding: 8px 0 0 0;
                     flex: 1;
                 }
    
                .qainfo_flex5-div-le-rrlist-tt {
                     padding-right: 0.5em;
                     width: auto;
                 }

                 .qainfo_flex5-div-le-rrlist-txt {
                     padding: 0 8px 0 0;
                     flex: 1;
                 }

    
        .qainfo_flex3-div-rt1 {
            margin: 0;
            width: 22%;
        }
    
        .qainfo_flex3-div-le2 {
            width: 100%;
        }

        .qainfo_flex3-div-rt2 {
            width: 50%;
        }

            .qainfo_flex3-div-rt2 img {
                display: block;
                position: relative;
                width: 100%;
            }
    
        .qainfo_flex1-div-b, .qainfo_flex1-div-w, .qainfo_flex1-div-p, .qainfo_flex1-div-wp, .qainfo_flex1-div-c, .qainfo_flex1-div-wc {
            margin-bottom: 2px;
            padding: 0.5em 1em;
            width: 100%;
        }
    
        .qainfo_flex1-div-b:nth-child(odd) {
            background-color: #94d5f0;
        }
    
        .qainfo_flex1-div-b:nth-child(even) {
            background-color: #FFFFFF;
        }
    
        .qainfo_flex1-div-w:nth-child(odd) {
            background-color: #94d5f0;
        }
    
        .qainfo_flex1-div-w:nth-child(even) {
            background-color: #FFFFFF;
        }  
    
        .qainfo_flex1-div-p:nth-child(odd) {
            background-color: #f5d0d4;
        }
    
        .qainfo_flex1-div-p:nth-child(even) {
            background-color: #FFFFFF;
        }
    
        .qainfo_flex1-div-wp:nth-child(odd) {
            background-color: #f5d0d4;
        }
    
        .qainfo_flex1-div-wp:nth-child(even) {
            background-color: #FFFFFF;
        }  
    
        .qainfo_flex1-div-c:nth-child(odd) {
            background-color: #dbcbba;
        }
    
        .qainfo_flex1-div-c:nth-child(even) {
            background-color: #FFFFFF;
        }
    
        .qainfo_flex1-div-wc:nth-child(odd) {
            background-color: #dbcbba;
        }
    
        .qainfo_flex1-div-wc:nth-child(even) {
            background-color: #FFFFFF;
        }  
    
                                                                         
    
    .qainfo_flex4 {
        flex-direction: column;
        justify-content: space-between;
        align-items: stretch;
        margin: 0 auto;
    }

        .qainfo_flex4-div-le {
            width: 100%;
        }

            .qainfo_flex4-div-le-rrlist {
                padding: 5px 0;
                width: 100%;
                border-bottom: solid 1px #f4821f;
            }

                .qainfo_flex4-div-le-rrlist-tt {
                    display: block;
                    position: relative;
                    justify-content: flex-start;
                    align-items: center;
                    width: auto;
                 }

                 .qainfo_flex4-div-le-rrlist-txt {
                     display: flex;
                     position: relative;
                     justify-content: flex-start;
                     align-items: center;
                     padding: 10px 0 0 0;
                     flex: 1;
                 }

        .qainfo_flex4-div-rt {
            margin: 1em 0 0 0;
            width: 40%;
        }
    
    
        .qainfo_flex3-div-le3 {
            width: 100%;
        }
    
            .qainfo_flex4-div-le-rrlist-g {
                padding: 5px 0;
                width: 100%;
            }

        .qainfo_flex3-div-rt3 {
            margin: 1em 0 0 0;
            width: 40%;
        }
    
            .qa-pic {
                margin: 5px 0;
                width: 100%;
            }
    
                .qa-pic img {
                    margin: 5px 0;
                    width: 100%;
                }


    .process-flow {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: center;
        margin: 2em 0;
    }



    /* 步驟之間的連接箭頭 (CSS 三角形) */
    .step-arrow {
        border-top: 12px solid transparent;
        border-bottom: 12px solid transparent;
        border-left: 16px solid #29abe2; /* 淺藍色三角形 */
        flex-shrink: 0;
    }

    /* --- kno table --- */
    .qainfo_flextable1 {
        margin: 0 auto 1em auto;
        width: 100%;
        overflow-x: auto;
    }
    
        .qainfo_flextable1-r1, .qainfo_flextable1-r2, .qainfo_flextable1-r3 {
            width: 680px;
        }
    
    .qainfo_flextable2 {
        margin: 1em auto;
        width: 100%;
        overflow-x: auto;
    }

        .qainfo_flextable2-r1, .qainfo_flextable2-r2, .qainfo_flextable2-r3 {
            width: 680px;
        }
    
    .qainfo_flextable-g {
        margin: 1em auto;
        width: 100%;
        overflow-x: auto;
    }

        .qainfo_flextable-g-r1, .qainfo_flextable-g-r2, .qainfo_flextable-g-r3 {
            width: 680px;
        }

    
    .qainfo_flex6 {
        width: 100%;
    }

        .qainfo_flex6-div {
            display: flex;
            position: relative;
            justify-content: center;
            align-items: center;
            margin: 8px 10px;
            width: auto;
            padding: 0.5em 1em;
            background: #FFF;
            border-radius: 100px;
        }

            .qainfo_flex6-div img {
                display: inline-block;
                position: relative;
                margin-right: 5px;
                width: 2.5em;
            }

        .qainfo_flex6-div1 {
            margin: 10px 10px;
            width: 165px;
            height: 165px;
            padding: 0.5em;
            background: #FFF;
            border-radius: 20px;
        }

            .qainfo_flex6-div1 img {
                margin-bottom: 5px;
                width: 55%;
            }
    
    
    
    /* --- 料理 ---  */
    
    .cuisine_a1 {
        justify-content: flex-start;
        align-items: flex-start;
        margin: 2em auto 5em auto;
        width: 100%;
    }

        .cuisine_a1-pic { 
            width: 25%;
        }    

            .cuisine_a1-pic img {
                width: 200%;
                z-index: 3;
            }    

        .cuisine_a1-div {
            padding: 2em 3em 2em 12%;
            background: #FFF;
            width: 70%;
            border-radius: 30px;
        }    

            .cuisine_a1-div::after {
                content: "";
                width: 159px;
                height: 145px;
                top: 80%;
                right: -5%;
            }  

            .cuisine_div-c {
                flex-direction: column;
                justify-content: center;
                align-items: stretch;
                width: 100%;
            }  

                .cuisine_div-c-d1 {
                    padding: 1em 1em 1em 1em;
                    width: 100%;
                    border-right: none;
                    border-bottom: dashed 1px #000;
                    border-right: none;
                }  

                .cuisine_div-c-d2 {
                    padding: 1em 1em 1em 1em;
                    width: 100%;
                    border-right: none;
                    border-bottom: dashed 1px #000;
                }  

                .cuisine_div-c-d3 {
                    padding: 1em 1em 1em 1em;
                    width: 100%;
                    border-bottom: dashed 1px #000;
                    border-right: none;
                }  

                .cuisine_div-c-d4 {
	                padding: 1em 1em 1em 1em;
                    width: 100%;
                }  
    
    
    .cuisine_a2 {
        justify-content: flex-start;
        align-items: flex-start;
        margin: 2em auto 5em auto;
        width: 100%;
    }

        .cuisine_a2-pic {
            width: 25%;
        }    

            .cuisine_a2-pic img {
                width: 200%;
            }    

        .cuisine_a2-div {
            padding: 2em 3em 2em 15%;
            width: 75%;
            border-radius: 30px;
        }    

            .cuisine_a2-div::after {
                width: 150px;
                height: 155px;
                bottom: -3%;
                left: -10%;
            }  


    .cuisine_a3 {
        justify-content: flex-start;
        align-items: flex-start;
        margin: 2em auto 5em auto;
        width: 100%;
    }

        .cuisine_a3-pic { 
            width: 25%;
        }    

            .cuisine_a3-pic img {
                width: 200%;
                z-index: 3;
            }    

        .cuisine_a3-div {
            padding: 2em 3em 2em 12%;
            background: #FFF;
            width: 70%;
            border-radius: 30px;
        }    

            .cuisine_a3-div::after {
                content: "";
                width: 159px;
                height: 91px;
                top: 88%;
                right: -5%;
            }  
    
    
    .cuisine_a4 {
        justify-content: flex-start;
        align-items: flex-start;
        margin: 2em auto 5em auto;
        width: 100%;
    }

        .cuisine_a4-pic {
            width: 25%;
        }    

            .cuisine_a4-pic img {
                width: 200%;
            }    

        .cuisine_a4-div {
            padding: 2em 3em 2em 15%;
            width: 75%;
            border-radius: 30px;
        }    

            .cuisine_a4-div::after {
                width: 150px;
                height: 155px;
                top: -5%;
                left: -10%;
            }
    
    
    .cuisine_a5 {
        justify-content: flex-start;
        align-items: flex-start;
        margin: 2em auto 5em auto;
        width: 100%;
    }

        .cuisine_a5-pic { 
            width: 25%;
        }    

            .cuisine_a1-pic img {
                width: 200%;
                z-index: 3;
            }    

        .cuisine_a5-div {
            padding: 2em 3em 2em 12%;
            background: #FFF;
            width: 70%;
            border-radius: 30px;
        }    

            .cuisine_a5-div::after {
                content: "";
                width: 159px;
                height: 145px;
                top: 80%;
                right: -5%;
            }  
    
    
	/* --- 產品 --- */
    
	    .pro_a-c {  
            align-items: flex-start;
            margin: 80px 0;
            width: 55%;
	    }

	        .pro_a-c-icon {  
                margin: 0 1em 0 0;
                width: 130px;
	        }

	        .pro_a-c-div {  
                margin: 0;
                flex: 1;
	        }
    
    
	        .pro_a-c-dishes1 {  
                width: 24%;
                top: 75%;
                left: 50%;
	        }

	        .pro_a-c-dishes2 {  
                width: 18%;
                top: 63%;
                right: 0;
	        }

	        .pro_a-c-dishes3 {  
                width: 27%;
                top: 67%;
                left: 45%;
	        }

	        .pro_a-c-dishes4 {  
                width: 18%;
                top: 70%;
                right: 0;
	        }

	        .pro_a-c-dishes5 {  
                width: 27%;
                top: 72%;
                left: 45%;
	        } 
    
    
        .pro_row2_3pics {
            width: 90%;
        }

            .pro_row2_3pics-div {
                width: 180px;
            }
    
    
        .pro_alllist {
            grid-template-columns: repeat(3, 32%); 
            margin: 3em auto 5em auto;
            width: 75%;
        }

            .pro_alllist-div {
                margin: 0 auto 2em auto;
                width: 100%;
            }

                .pro_alllist-div-p {
                    width: 200px;
                    height: 200px;
                }
    
    
        /* --- 產品資訊 --- */
        .pro_deinfo {
	        flex-direction: column;
            margin: 0 auto;
            width: 100%;
        }

            .pro_deinfo-d1 {
                width: 100%;
            }

            .pro_deinfo-d2 {
                margin-top: 1em;
                width: 100%;
            }   
    
                .pro_deinfo-word {
                    padding: 1em 1em 0 1em;
                }
    
                .pro_deinfo-icon {
                    padding: 1em 1em;
                }
    
                .pro_deinfo-icon-evicon {
                    width: 75px;
                    height: 75px;
                }

                .pro_deinfo-icon-shopicon {
                    width: 85px;
                    height: 85px;
                }
    
    
                .pro_deinfo-d3-flex {
	                display: grid;
                    grid-template-columns: repeat(4, 22%); /* 4格, 23%寬度 */
                    margin: 2em 0;
                }
    
    
    
	/* --- news --- */
    
         .news_liontalk {
             position: relative;
             margin: 2em auto;
             top: 0%;
             left: 0%;
             transform: translate(0%, 0%);
             width: 100%;
             z-index: 5;
        }

        .news_liontalk-pic {
            width: 22%;
        }

        .news_liontalk-tb {
            position: relative;
            padding: 2em 2em;
            top: 0%;
            left: 0%;
            transform: translate(0%, 0%);
            width: 75%;
        }
    
        .news_liontalk-tb::before {
            content: "";
            position: absolute;
            top: 45%;
            left: -2%; /* 往左移，數值與 border-width 的寬度對應 */
            transform: translateY(-50%); /* 確保完美垂直置中 */
            transform:rotate(0);
            /* CSS 畫三角形的黑魔法 */
            border-style: solid;
            border-width: 15px 20px 15px 0; /* 上右下左：設定右邊有寬度，左邊為0 */
            border-color: transparent #f8e0c0 transparent transparent; /* 只留下右邊框的顏色，其餘透明 */
        }


        .news_liontalk-tb-b {
            position: relative;
            padding: 2em 2em;
            top: 0%;
            left: 0%;
            transform: translate(0%, 0%);
            width: 75%;
        }
    
        .news_liontalk-tb-b::before {
            content: "";
            position: absolute;
            top: 45%;
            left: -2%; /* 往左移，數值與 border-width 的寬度對應 */
            transform: translateY(-50%); /* 確保完美垂直置中 */
            transform:rotate(0);
            /* CSS 畫三角形的黑魔法 */
            border-style: solid;
            border-width: 15px 20px 15px 0; /* 上右下左：設定右邊有寬度，左邊為0 */
            border-color: transparent #d1e2ed transparent transparent; /* 只留下右邊框的顏色，其餘透明 */
        }
    
    
        .news_liontalk-tb-o {
            position: relative;
            padding: 2em 2em;
            top: 0%;
            left: 0%;
            transform: translate(0%, 0%);
            width: 75%;
        }

         .news_liontalk-tb-o::before {
            content: "";
            position: absolute;
            top: 45%;
            left: -2%; /* 往左移，數值與 border-width 的寬度對應 */
            transform: translateY(-50%); /* 確保完美垂直置中 */
            transform:rotate(0);
            /* CSS 畫三角形的黑魔法 */
            border-style: solid;
            border-width: 15px 20px 15px 0; /* 上右下左：設定右邊有寬度，左邊為0 */
            border-color: transparent #f8e7e5 transparent transparent; /* 只留下右邊框的顏色，其餘透明 */
        }
    
    
    
    .contant_a1 {
        padding: 3em 0 0 0;
        background-image: url("../../images/pic1_contant_bg1.png"), url("../../images/pic1_contant_bg2.png");
        background-repeat: no-repeat;
        background-position: left 15%, right 1%;
        background-size: 18%, 28%;
    }
    
    .contant_flex {
        flex-direction: column;
        margin: 1em auto;
        width: 80%;
    }
    
            .contant_flex-le-r1 {
                justify-content: center;
            }
    
            .contant_flex-le-r2 {
                margin: 1em 0 0 0;
                padding-right: 0;
                width: 100%;
            }
    
            .contant_flex-le-list {
                width: 100%;
                text-align: center;
            }
    
            .contant_flex-rt-logo {
                display: block;
                position: relative;
                margin: 0;
                width: 260px;
            }
    
/* area-setting */
    
/* Footer */

}


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

/* Basic */   
    
/* header */	
    
/* banner */

    .banner-sub_txt { 
        top: 76%;
        left: 62.5%;
        transform: translate(-50%, -50%);
    }
    
	    .bntxt1 {  
            display: none;
	    }

	    .bntxt2 {  
            display: none;
	    }
    
    
/* area-container */	
    
	.bodycontainer8 {  
        margin: 0 auto;
        position: relative;
        max-width: 1100px;
		width: 75%;
	}
    
    
/* Wrapper */

/* setting */
    
	.about_a1_flex {  
        flex-direction: column;
        margin: 0 auto;
        width: 100%;
	}

	    .about_a1_flex-div {  
	        display: flex;
 	        position: relative;
            flex-direction: column;
            justify-content: center;
            align-items: stretch;
            width: 100%;
	    }

	        .about_a1_lion {  
                bottom: 0;
                left: 90%;
                transform: translate(-50%, 0%);
                width: 30%;
                z-index: 10000;
	        }
    
	            .about_a1_liontxt1 {  
                    width: 420px;
                    bottom: 90%;
                    left: auto;
                    right: 80%;
	            }

	            .about_a1_liontxt2 {  
                    width: 380px;
                    bottom: 65%;
                    left: auto;
                    right: 80%;
	            }
    
    
	    .about_a1_flex-pic {  
	        margin: 0 auto;
            width: 70%;
	    }
    
    
	.about_a2_flex2 {  
        margin: -2em auto 0 auto;
        padding: 0 0 2em 0;
        width: 100%;
	}

	    .about_a2_flex2-div1 {  
            width: 33%;
	    }

	        .about_a2_flex2-div1 img {  
                width: 88%;
                z-index: 100;
	        }

	    .about_a2_flex2-div2 {  
            flex-direction: column;
            justify-content: flex-start;
            align-items: flex-start;
            padding: 3em 0 0 3em;
            background: #f4f8fb;
            width: 70%;
	    }
    

	.about_a3-rr {  
        padding: 2em 0 8em 0;
        width: 90%;
        border-top-left-radius: 40px;
        border-top-right-radius: 40px;
	}
    
    
	.qc_a2-pic {  
        margin: 0 auto 2em auto;
        width: 80%;
	}

    
    /* 圓形步驟 */
    .step-circle {
        margin: 5px auto;
        padding: 10px;
        box-sizing: border-box;
        flex-shrink: 0; /* 防止圓圈被壓縮 */
        width: 180px;
        height: 180px;
        border-radius: 50%;
    }

    /* 圓形步驟 */
    .step-circle1 {
        margin: 5px auto;
        padding: 10px;
        box-sizing: border-box;
        flex-shrink: 0; /* 防止圓圈被壓縮 */
        width: 180px;
        height: 180px;
        border-radius: 50%;
    }
    
    /* 圓形步驟 */
    .step-circle-pink1 {
        margin: 5px auto;
        padding: 10px;
        box-sizing: border-box;
        flex-shrink: 0; /* 防止圓圈被壓縮 */
        width: 180px;
        height: 180px;
        border-radius: 50%;
    }

    
    /* 圓形步驟-chicken */
    .step-circle-chicken {
        margin: 5px auto;
        padding: 10px;
        box-sizing: border-box;
        flex-shrink: 0; /* 防止圓圈被壓縮 */
        width: 180px;
        height: 180px;
        border-radius: 50%;
    }

    /* 圓形步驟 */
    .step-circle-chicken1 {
        margin: 5px auto;
        padding: 10px;
        box-sizing: border-box;
        flex-shrink: 0; /* 防止圓圈被壓縮 */
        width: 180px;
        height: 180px;
        border-radius: 50%;
    }
    
    
    
    
    /* --- Flexbox 兩欄排版 --- */
    
    .qainfo_flex6 {
        width: 100%;
    }

        .qainfo_flex6-div {
            display: flex;
            position: relative;
            justify-content: center;
            align-items: center;
            margin: 8px 10px;
            width: auto;
            padding: 0.5em 1em;
            background: #FFF;
            border-radius: 100px;
        }

            .qainfo_flex6-div img {
                display: inline-block;
                position: relative;
                margin-right: 5px;
                width: 2.5em;
            }

        .qainfo_flex6-div1 {
            margin: 10px 10px;
            width: 160px;
            height: 160px;
            padding: 0.5em;
            background: #FFF;
            border-radius: 20px;
        }

            .qainfo_flex6-div1 img {
                margin-bottom: 5px;
                width: 55%;
            }
    
    
    .qainfo_flex7 {
        justify-content: space-between;
        margin: 1em auto 0 auto;
        width: 100%;
    }

        .qainfo_flex7-div {
            margin: 12px 0;
            justify-content: flex-start;
            width: 30%;
        }
    
            .qainfo_flex7-div-pic {
                padding: 0.5em;
                width: 120px;
                height: 120px;
                border-radius: 200px;
            }
    
    
    
    
    /* --- 產品 --- */

	    .pro_a-c {  
            flex-direction: column;
            align-items: flex-start;
            margin: 50px 0;
            width: 50%;
	    }

	        .pro_a-c-icon {  
                margin: 0 2em 0.5em 0;
                width: 140px;
	        }

	        .pro_a-c-div {  
                margin: 0;
                padding-left: 1em;
                flex: 1;
	        }
    
	        .pro_a-c-dishes1 {  
                width: 26%;
                top: 10%;
                left: 30%;
	        }

	        .pro_a-c-dishes2 {  
                width: 20%;
                top: 10%;
                right: 0;
	        }

	        .pro_a-c-dishes3 {  
                width: 27%;
                top: 10%;
                left: 30%;
	        }

	        .pro_a-c-dishes4 {  
                width: 20%;
                top: 10%;
                right: 0;
	        }

	        .pro_a-c-dishes5 {  
                width: 27%;
                top: 10%;
                left: 33%;
	        } 
    
    
    .pro_info_flex {
        width: 100%;
    }

        .pro_info_flex-pic {
            width: 240px;
        }
    
    
    
    
    /* --- news --- */
    
   .news_a2 {
        margin: 3em auto 0 auto;
        padding: 3em 0;
        width: 80%;
        border-radius: 55px;
    }
    
/* area-setting */
    
    
    
	#myBtn {
		bottom: 4em;
		right: 10px;
		width: 40px;
		height: 40px;
	}
    
	.conside {
		width: 45px;
	}
    
/* Footer */

}


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

/* Basic */   
    
/* header */	

/* banner */
    
    .banner-sub_txt { 
        top: 55%;
        left: 62.5%;
        transform: translate(-50%, -50%);
    }

/* area-container */	
    
/* Wrapper */

/* setting */
    
	.ind_allkind {
        grid-template-columns: repeat(6, 14%);
        padding: 1em 0;
        width: 75%;
	}
    
	.inda3 {  
        background-image: url("../../images/pic1_food_shrimp.png"), url("../../images/pic1_ind_about_bg1.png"), url("../../images/pic1_ind_about_bg2.png");
        background-size: 10%, 100%, 100%;
        background-position: 60% 2%, center top, center top;
	}
    
	.inda3_flex {  
        justify-content: flex-end;
        margin: 1em auto;
	}

	    .inda3_flex-pic {  
            width: 40%;
	    }
    
	    .inda3_flex-div {  
            width: 33%;
	    }

	    .inda3_flex-div-s {  
            width: 17%;
	    }
    
    
	.inda5_flex {  
        margin: 1em auto;
        width: 100%;
	}

	    .inda5_flex-d1 {  
            margin: 0 auto;
            padding-right: 1em;
            width: 40%;
	    }

	    .inda5_flex-d2 {  
            margin: 0 auto;
            width: 60%
	    }
    
    
    .qainfo_flex2 {
        margin: 1em auto;
    }

        .qainfo_flex2-div {
            margin: 10px 10px;
            width: 200px;
            height: 200px;
            border-radius: 28px;
        }
    
        .qainfo_flex2-div-pink {
            margin: 10px 10px;
            width: 200px;
            height: 200px;
            border-radius: 28px;
        }
    
        .qainfo_flex2-div-chicken {
            margin: 10px 10px;
            width: 200px;
            height: 200px;
            border-radius: 28px;
        }

            .qainfo_flex2-div-pic {
                width: 42%;
            } 
    
    
	.equ_a1 {  
        margin: 0 auto;
        padding: 1em 0 0 0;
        width: 100%;
	} 

	.equ_pocessflex {  
        margin: 2em auto 0 auto;
        width: 100%;
	}
    
	.tech_a1 {  
        margin: 0 auto;
        padding: 1em 0 0 0;
        width: 100%;
	} 
    
	.tech_a2 {  
        border-radius: 30px;
        padding: 2em 0;
        width: 80%;
	}
    
    
    /* --- 產品 ---  */

	.pro_a1 {  
        margin: 0 auto;
        padding: 1em 0 0 0;
        width: 100%;
	}
    
                .pro_deinfo-d3-flex {
	                display: grid;
                    grid-template-columns: repeat(3, 30%); /* 4格, 23%寬度 */
                    margin: 2em 0;
                }

    
/* area-setting */
    
/* Footer */
    
}



@media screen and (max-width: 840px) {
    
/* Basic */   
    
/* header */	
    
/* banner */


    
/* area-container */	
    
	.bodycontainer6 {  
		width: 85%;
	}
    
	.bodycontainer7 {  
		width: 85%;
	}
    
/* Wrapper */

/* setting */
    
	.inda1 {  
        background-image: url("../../images/pic1_ind_a1bg.png");
        background-size: 100%;
        background-position: center top;
	} 
    
	.ind_allkind {
        grid-template-columns: repeat(4, auto);
        justify-content: center;
        place-content: center; 
        padding: 1em 0;
        width: 75%;
        gap: 20px; 
	}
    

	.inda2-flex {  
	    flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        margin: 0px auto 10px auto;
	}

	    .inda2-flex-div-le {  
            width: 100%;
            order: 2;
	    }

	    .inda2-flex-div-rt {  
            width: 100%;
            order: 1;
	    }
    
	        .inda2-lion {  
	            display: block;
 	            position: relative;
                width: 300px;
	        }

	        .inda2-slick {  
	            display: block;
 	            position: relative;
                margin: 0 auto;
                padding: 0 1em 1em 1em;
                width: 100%;
	        }
    
    
	.inda3 {  
	    display: flex;
 	    position: relative;
        justify-content: center;
        align-items: center;
        margin: 0 auto;
        padding: 30px 0;
        background: #f4f8fb;
        background-image: url("../../images/pic1_ind_about_bg1.png"), url("../../images/pic1_ind_about_bg2_m.png");
        background-repeat: no-repeat;
        background-size: 100%, 100%;
        background-position: center top, 25% top;
	}
    
    
	.inda3_flex {  
        flex-direction: column;
        justify-content: flex-start;
        margin: 0 auto 0 auto;
	}

	    .inda3_flex-pic {  
            margin: 0 auto;
            width: 80%;
	    }
    
	    .inda3_flex-div {  
            margin: 1.5em auto 0 auto;
            width: 80%;
            order: 2;
	    }

	    .inda3_flex-div-s {  
            display: none;
	    }
    
    
	.inda4_rr {  
        padding: 2em 3em 0 3em;
        border-top-left-radius: 35px;
        border-top-right-radius: 35px;
        width: 85%;
	}
    
	.inda4_flex {  
	    flex-wrap: wrap;
        justify-content: space-between;
        align-items: flex-start;
        margin: 0 auto;
	}

	    .inda4_flex-d1 {  
            width: 18%;
	    }

	    .inda4_flex-d2 {  
            width: 80%;
            padding: 0 0 1em 0;
	    }

	    .inda4_flex-d3 {  
            display: none;
            margin: 0 auto;
            width: 50%;
	    }
    
	        .inda4_flex-d1 img {  
                top: 0;
                left: 0;
                transform: translate(-30%,-40%);
                width: 110%;
	        }
    
	        .inda4_flex-d3-pic1 {  
                margin: 100px 10px;
                width: 40%;
	        }

	        .inda4_flex-d3-pic2 {  
                margin: 30px 10px;
                width: 40%;

	        }

	        .inda4_flex-d3-pic1 img, .inda4_flex-d3-pic2 img {  
                border-radius: 20px;
                box-shadow: 6px 6px 0 #CCC;
                border-radius: 15px;
	        }
    
	        .inda4_flex-d2-word {  
                margin: 0.5em 0 1em 0;
                width: 100%;
	        }
    
    
	.inda5 {  
        background-image: url("../../images/pic1_food_two.png");
        background-size: 30%;
        background-repeat: no-repeat;
        background-position: 90% 0%;
        width: 100%;
	}
    
	.inda5_flex {  
        flex-direction: column;
        margin: 1em auto;
        width: 100%;
	}

	    .inda5_flex-d1 {  
            margin: 0 auto 0 0;
            padding-right: 0;
            width: 50%;
	    }

	    .inda5_flex-d2 {  
            margin: 0 auto;
            width: 100%
	    }
    
    
	        .about_a1_lion {  
                bottom: 0;
                left: 90%;
	        }
    
	            .about_a1_liontxt1 {  
                    width: 420px;
                    bottom: 100%;
                    left: auto;
                    right: 80%;
	            }

	            .about_a1_liontxt2 {  
                    width: 380px;
                    bottom: 70%;
                    left: auto;
                    right: 80%;
	            }
    
    
    
	.about_a2_flex1 {  
	    flex-direction: column;
        justify-content: flex-start;
        margin: 0 auto;
        width: 100%;
	}

	    .about_a2_flex1-div {  
            margin-bottom: 2px;
            width: 100%;
	    }
    
	.about_a2_flex2 {  
        flex-direction: column;
        margin: -2em auto 0 auto;
        padding: 0 0 2em 0;
        width: 100%;
	}

	    .about_a2_flex2-div1 {  
            width: 50%;
            order: 2;
	    }
    
	        .about_a2_flex2-div1 img {  
                width: 90%;
                z-index: 100;
	        }

	    .about_a2_flex2-div2 {  
            flex-direction: column;
            margin: 0 0 0 auto;
            padding: 2em 2em 0 2em;
            background: #f4f8fb;
            width: 90%;
            order: 1;
	    }
    
    
    
    .process-flow {
        flex-direction: column;
    }
    
    /* 圓形步驟 */
    .step-circle {
        margin: 5px auto;
        padding: 10px;
        box-sizing: border-box;
        flex-shrink: 0; /* 防止圓圈被壓縮 */
        width: 200px;
        height: 200px;
        border-radius: 50%;
    }

    /* 圓形步驟 */
    .step-circle1 {
        margin: 5px auto;
        padding: 10px;
        box-sizing: border-box;
        flex-shrink: 0; /* 防止圓圈被壓縮 */
        width: 200px;
        height: 200px;
        border-radius: 50%;
    }

    /* 步驟之間的連接箭頭 (CSS 三角形) */
    .step-arrow {
        margin: 5px auto;
        border-top: 12px solid transparent;
        border-bottom: 12px solid transparent;
        border-left: 16px solid #29abe2; /* 淺藍色三角形 */
        flex-shrink: 0;
        -moz-transform:rotate(90deg);
        -webkit-transform:rotate(90deg);
        -o-transform:rotate(90deg);
        -ms-transform:rotate(90deg);
        transform:rotate(90deg);
    }    
    
    
    /* 圓形步驟-pink */
    .step-circle-pink {
        margin: 5px auto;
        padding: 10px;
        box-sizing: border-box;
        flex-shrink: 0; /* 防止圓圈被壓縮 */
        width: 200px;
        height: 200px;
        border-radius: 50%;
    }

    /* 圓形步驟 */
    .step-circle-pink1 {
        margin: 5px auto;
        padding: 10px;
        box-sizing: border-box;
        flex-shrink: 0; /* 防止圓圈被壓縮 */
        width: 200px;
        height: 200px;
        border-radius: 50%;
    }

    /* 步驟之間的連接箭頭 (CSS 三角形) */
    .step-arrow-pink {
        margin: 5px auto;
        border-top: 12px solid transparent;
        border-bottom: 12px solid transparent;
        border-left: 16px solid #f2c4c9; /* 淺藍色三角形 */
        -moz-transform:rotate(90deg);
        -webkit-transform:rotate(90deg);
        -o-transform:rotate(90deg);
        -ms-transform:rotate(90deg);
        transform:rotate(90deg);
    }
    
    
    /* 圓形步驟-chicken */
    .step-circle-chicken {
        margin: 5px auto;
        padding: 10px;
        box-sizing: border-box;
        flex-shrink: 0; /* 防止圓圈被壓縮 */
        width: 180px;
        height: 180px;
        border-radius: 50%;
    }

    /* 圓形步驟 */
    .step-circle-chicken1 {
        margin: 5px auto;
        padding: 10px;
        box-sizing: border-box;
        flex-shrink: 0; /* 防止圓圈被壓縮 */
        width: 180px;
        height: 180px;
        border-radius: 50%;
    }

    /* 步驟之間的連接箭頭 (CSS 三角形) */
    .step-arrow-chicken {
        margin: 5px auto;
        border-top: 12px solid transparent;
        border-bottom: 12px solid transparent;
        border-left: 16px solid #d2bda8; /* 淺藍色三角形 */
        -moz-transform:rotate(90deg);
        -webkit-transform:rotate(90deg);
        -o-transform:rotate(90deg);
        -ms-transform:rotate(90deg);
        transform:rotate(90deg);
    } 
    
	    .qc_word-pp {  
	        display: none;
	    }
    

	.qc_piclist {  
        flex-wrap: wrap;
 	    position: relative;
        justify-content: space-between;
        align-items: stretch;
        top: 0;
        left: 0;
        transform: translate(0,0);
        margin: 1em auto 2em;
        padding-left: 0;
        width: 100%;
        z-index: 7;
	}

	    .qc_piclist-d1 {  
            width: 18%;
            order: 2;
	    }

	    .qc_piclist-d2 {  
           width: 18%;
            order: 3;
	    }

	    .qc_piclist-d3 {  
            justify-content: center;
            align-items: center;
            margin-bottom: 1em;
            width: 100%;
            order: 1;
	    }

	    .qc_piclist-d4 {  
            width: 18%;
            order: 4;
	    }

	    .qc_piclist-d5 {  
            width: 22%;
            order: 5;
	    }


	.qc_bottome {  
	    display: block;
 	    position: absolute;
        margin: 0 auto;
        width: 100%;
        bottom: 0;
        z-index: 2;
	}

	    .qc_bottome img {  
	        display: block;
 	        position: relative;
            width: 100%;
            opacity: 1;
	    }
    
    
	.qc_a2-pic {  
        margin: 0 auto 2em auto;
        width: 100%;
	}  
    
    
        /* --- kon lion --- */
	    .tech_a2_title_lion {  
            top: 0%;
            left: 80%;
            transform: translate(0, -65.5%);
            width: 180px;
	    }
    
    
    /* --- 收合區塊主要容器 seafood --- */
    .qa-accordion, .qa-accordion-pink, .qa-accordion-chicken, .qa-accordion-QAoring, .qa-accordion-QAgreen {
        padding: 2em;
    }

    /* --- 內部內容區塊 --- */
    .qa-content {
        padding: 0.5em 0 0 0;
    }
    

	/* --- 產品 --- */
    
 	    .pro_liontalk {  
            flex-wrap: wrap;
            justify-content: flex-start;
            width: 100%;
	    }
    
	        .pro_liontalk-div1 {  
                width: 120px;
	        }

	        .pro_liontalk-div2 {  
                width: 220px;
	        }

	        .pro_liontalk-div3 {  
                padding: 1em 1em;
                flex: 1 1 100%;
	        }
    
    
	.pro_a3 {  
        background-image: url("../../images/pic1_pro_t2.png"), url("../../images/pic1_pro_b2.png"), url("../../images/pic1_pro_bg2_m.png");
	}
    
	.pro_a5 {  
        background-image: url("../../images/pic1_pro_t2.png"), url("../../images/pic1_pro_b2.png"), url("../../images/pic1_pro_bg4_m.png");
	}
    
	.pro_a7 {  
        background-image: url("../../images/pic1_pro_t2.png"), url("../../images/pic1_pro_b2.png"), url("../../images/pic1_pro_bg6_m.png");
	}
    
    
    
	    .pro_a-area1 {  
            justify-content: flex-start;
            margin: 0 auto;
            width: 80%;
	    }

	    .pro_a-area2 {  
            justify-content: flex-start;
            margin: 0 auto;
            width: 80%;
	    }

	    .pro_a-c {  
            flex-direction: column;
            align-items: flex-start;
            margin: 40px 0;
            width: 70%;
	    }

	        .pro_a-c-icon {  
                width: 130px;
	        }

	        .pro_a-c-div {  
                margin: 0;
                padding-left: 1em;
                width: 100%;
	        }
    
	        .pro_a-c-dishes1, .pro_a-c-dishes2, .pro_a-c-dishes3, .pro_a-c-dishes4, .pro_a-c-dishes5 {  
                display: none;
	        }

    
        .pro_row2_3pics {
            width: 90%;
        }

            .pro_row2_3pics-div {
                width: 150px;
            }
    
    
        .pro_alllist {
            grid-template-columns: repeat(2, 40%); 
            margin: 3em auto 5em auto;
            width: 450px;
        }

            .pro_alllist-div {
                margin: 0 auto 2em auto;
                width: 100%;
            }

                .pro_alllist-div-p {
                    width: 200px;
                    height: 200px;
                }
    

    .contant_a1 {
        padding: 3em 0 0 0;
        background-image: url("../../images/pic1_contant_bg1.png"), url("../../images/pic1_contant_bg2.png");
        background-repeat: no-repeat;
        background-position: left 35%, right 0%;
        background-size: 22%, 35%;
    }
    
/* area-setting */
    

    .ind-txt-center {
        margin: 0.5em auto;
        padding: 0;
        width: 85%;
    }
  
    .txt-center2 {
        width: 95%;
    }
    
/* Footer */
    
	#footer .footerc {
        padding: 6em 0 1em 0;
	}  
    
    
    
}	


@media screen and (max-width: 736px) {
	
/* Basic */   
    
/* header */	
    
/* banner */
    

    
/* area-container */	
    
/* Wrapper */

/* setting */
    
	.indnews_flex {  
        grid-template-columns: repeat(1, 100%); 
        margin: 3em auto;
        width: 80%;
	}
    
    
	        .about_a1_lion {  
                width: 33%;
                bottom: 0;
                left: 92%;
	        }
    
	            .about_a1_liontxt1 {  
                    padding: 5px 15px;
                    width: 385px;
                    bottom: 100%;
                    left: auto;
                    right: 80%;
	            }

	            .about_a1_liontxt2 {  
                    padding: 5px 15px;
                    width: 350px;
                    bottom: 72%;
                    left: auto;
                    right: 80%;
	            }
    
    

	.equ_pocessflex {  
        flex-wrap: wrap;
        grid-template-columns: repeat(2, 50%); 
        margin: 1.5em auto 0 auto;
	}
    
	       .equ_pocessflex-divab {
                writing-mode: horizontal-tb;
	       }

    
	.equ_a2fish {  
	    display: block;
 	    position: relative;
        margin: -10px 0 0 9%;
        padding: 0;
        width: 25%;
	}

	.equ_a2_line {  
        top: 2%;
	}
    
	.equ_step-name {  
        margin: 1em 0 0 auto;
        padding: 0;
        width: 95%;
        z-index: 1;
	} 
    
	.equ_step-name-txt {  
        width: 78%;
        z-index: 1;
	}
    

	.tech_a1_flex {  
	    flex-direction: column;
        justify-content: center;
        align-items: stretch;
        margin: 1em auto;
        width: 85%;
	}

	    .tech_a1_flex-div {  
	        margin: 0 auto;
            padding: 0.3em 0.5em 0.2em 0.5em;
            width: 100%;
            border-right: none;
            border-bottom: solid 1px #666666;
            text-align: center;
	    }

	        .tech_a1_flex-div:last-child {  
                border-bottom: none;
	        }
    
    
    
    
    /* --- Flexbox 兩欄排版 --- */
    

    
            .qainfo_flex3-div-le1-rrlist {
                flex-direction: column;
                align-items: flex-start;
                padding: 5px 0;
            }
    
                .qainfo_flex3-div-le-rrlist-tt {
                     padding: 0 0.5em 0 0;
                     width: auto;
                 }

                 .qainfo_flex3-div-le-rrlist-txt {
                     padding: 0 0 2px 0;
                     flex: 1;
                 }
    
    .qainfo_flex4 {
        
    }

        .qainfo_flex4-div-le {
            width: 100%;
        }

            .qainfo_flex4-div-le-rrlist {
                flex-direction: column;
                padding: 5px 0;
                width: 100%;
                border-bottom: solid 1px #f4821f;
            }
    
                .qainfo_flex4-div-le-rrlist:last-child {
                    border-bottom: none;
                }

                .qainfo_flex4-div-le-rrlist-tt {
                    display: block;
                    position: relative;
                    justify-content: flex-start;
                    align-items: center;
                    padding: 0 0.5em 0 0;
                    width: auto;
                 }

                 .qainfo_flex4-div-le-rrlist-txt {
                     display: flex;
                     position: relative;
                     justify-content: flex-start;
                     align-items: center;
                     padding: 0 0 2px 0;
                     flex: 1;
                 }

            .qainfo_flex4-div-le-rrlist-g {
                flex-direction: column;
                padding: 5px 0;
                width: 100%;
            }
    
        .qainfo_flex4-div-rt {
            margin: 1em 0 0 0;
            width: 40%;
        }
    
            .qa-pic {
                margin: 5px 0;
                width: 100%;
            }

    
    .qainfo_flex6 {
        flex-direction: column;
        justify-content: center;
        width: 100%;
    }

        .qainfo_flex6-div {
            margin: 8px auto;
            width: 100%;
            padding: 0.5em 1.5em;
            background: #FFF;
            border-radius: 100px;
        }

            .qainfo_flex6-div img {
                display: inline-block;
                position: relative;
                margin-right: 5px;
                width: 2.5em;
            }

        .qainfo_flex6-div1 {
            margin: 10px auto;
            width: 160px;
            height: 160px;
            padding: 0.5em;
            background: #FFF;
            border-radius: 20px;
        }

            .qainfo_flex6-div1 img {
                margin-bottom: 5px;
                width: 55%;
            }
    
    
    .qainfo_flex7 {
        flex-direction: column;
        justify-content: center;
        margin: 1em auto 0 auto;
        width: 100%;
    }

        .qainfo_flex7-div {
            margin: 12px auto;
            justify-content: center;
            width: auto;
        }
    
            .qainfo_flex7-div-pic {
                padding: 0.5em;
                width: 130px;
                height: 130px;
                border-radius: 200px;
            }
    
    
    
    .process-flow {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: center;
        margin: 1em 0;
    }


    /* --- 料理 ---  */
    
    .cuisine_a1 {
        flex-direction: column;
        margin: 2em auto;
        width: 100%;
    }

        .cuisine_a1-pic {
            margin: 0 auto;
            width: 80%;
            order: 1;
        }    

            .cuisine_a1-pic img {
                width: 100%;
            }    

        .cuisine_a1-div {
            margin: -2em 0 0 0;
            padding: 2em 3em 2em 3em;
            background: #FFF;
            width: 100%;
            border-radius: 30px;
            order: 2;
        }    

            .cuisine_a1-div::after {
                content: "";
                width: 159px;
                height: 145px;
                top: 80%;
                right: -5%;
            }  

            .cuisine_div-c {
                width: 100%;
            }  
    
    
    .cuisine_a2 {
        flex-direction: column;
        margin: 2em auto;
        width: 100%;
    }

        .cuisine_a2-pic {
            margin: 0 auto;
            width: 80%;
            order: 1;
        }    

            .cuisine_a2-pic img {
                width: 100%;
            }    

        .cuisine_a2-div {
            margin: -2em 0 0 0;
            padding: 2em 3em 2em 3em;
            background: #FFF;
            width: 100%;
            border-radius: 30px;
            order: 2;
        }    

            .cuisine_a2-div::after {
                content: "";
                width: 140px;
                height: 145px;
                top: 80%;
                left: 80%;
            } 
    
    
    .cuisine_a3 {
        flex-direction: column;
        margin: 2em auto;
        width: 100%;
    }

        .cuisine_a3-pic {
            margin: 0 auto;
            width: 80%;
            order: 1;
        }    

            .cuisine_a3-pic img {
                width: 100%;
            }    

        .cuisine_a3-div {
            margin: -2em 0 0 0;
            padding: 2em 3em 2em 3em;
            background: #FFF;
            width: 100%;
            border-radius: 30px;
            order: 2;
        }    

            .cuisine_a3-div::after {
                content: "";
                width: 159px;
                height: 145px;
                top: 95%;
                right: -10%;
            }  
    
    
    .cuisine_a4 {
        flex-direction: column;
        margin: 2em auto;
        width: 100%;
    }

        .cuisine_a4-pic {
            margin: 0 auto;
            width: 80%;
            order: 1;
        }    

            .cuisine_a4-pic img {
                width: 100%;
            }    

        .cuisine_a4-div {
            margin: -2em 0 0 0;
            padding: 2em 3em 2em 3em;
            background: #FFF;
            width: 100%;
            border-radius: 30px;
            order: 2;
        }    

            .cuisine_a4-div::after {
                content: "";
                width: 120px;
                height: 145px;
                top: 90%;
                left: 70%;
            } 
    
    
    .cuisine_a5 {
        flex-direction: column;
        margin: 2em auto;
        width: 100%;
    }

        .cuisine_a5-pic {
            margin: 0 auto;
            width: 80%;
            order: 1;
        }    

            .cuisine_a5-pic img {
                width: 100%;
            }    

        .cuisine_a5-div {
            margin: -2em 0 0 0;
            padding: 2em 3em 2em 3em;
            background: #FFF;
            width: 100%;
            border-radius: 30px;
            order: 2;
        }    

            .cuisine_a5-div::after {
                content: "";
                width: 159px;
                height: 145px;
                top: 80%;
                right: -5%;
            }   
    
    
    
    /* --- 產品 --- */

    .pro_info_flex {
        flex-direction: column;
        width: 100%;
    }

        .pro_info_flex-pic {
            margin-bottom: 0.5em;
            width: 240px;
        }
    
    
        .pro_alllist {
            grid-template-columns: repeat(2, 40%); 
            margin: 3em auto 5em auto;
            width: 380px;
        }

            .pro_alllist-div {
                margin: 0 auto 2em auto;
                width: 100%;
            }

                .pro_alllist-div-p {
                    width: 180px;
                    height: 180px;
                }
    
    

   .news_a2 {
        margin: 2em auto 0 auto;
        padding: 1em 0;
        width: 85%;
        border-radius: 55px;
    }
    
        .news_rflex {
	        flex-direction: column;
            align-items: stretch;
            margin: 2em auto 0 auto;
            width: 100%;
        }

            .news_rflex_le {
	            display: flex;
 	            position: relative;
                justify-content: flex-start;
                align-items: flex-start;
                width: 100%;
                border-top-left-radius: 15px;
                border-top-right-radius: 15px;
                border-bottom-left-radius: 0;
                background: #f2f2f2;
            }

                .news_rflex_le img {
                    border-top-left-radius: 15px;
                    border-top-right-radius: 15px;
                    border-bottom-left-radius: 0;
                }

            .news_rflex_rt {
                padding: 1em 2em;
                width: 100%;
                border-top-right-radius: 0;
                border-bottom-right-radius: 15px;
                border-bottom-left-radius: 15px;
            }
    
                .news_rflex_rt-tt {
                    margin: 0 0 0.25em 0;
                    padding-bottom: 0.5em;
                    width: 100%;
                }
    
                .news_rflex_rt-list {
	                flex-direction: column;
                    align-items: flex-start;
                    padding: 0.15em 0 0.15em 0;
                    width: 100%;
                }

                    .news_rflex_rt-list-r1 {
	                    display: flex;
 	                    position: relative;
                        justify-content: flex-start;
                        align-items: flex-start;
                        width: 100%;
                    }

                    .news_rflex_rt-list-r2 {
	                    display: flex;
 	                    position: relative;
                        justify-content: flex-start;
                        align-items: flex-start;
                        flex: 100%;
                    }
    
    
    .contant_flex {
        flex-direction: column;
        width: 90%;
    }
    
            .contant_flex-le-r1 {
                justify-content: center;
            }
    
            .contant_flex-le-r2 {
                padding-right: 0;
                width: 100%;
            }
    
            .contant_flex-le-list {
                width: 100%;
                text-align: center;
            }
    
            .contant_flex-rt-logo {
                display: block;
                position: relative;
                margin: 0;
                width: 260px;
            }
    
/* area-setting */
    
    
	.conside {
		display: none;
	} 
    
/* Footer */
    
	/* Off-Canvas Navigation */

			#page-wrapper {
				-moz-backface-visibility: hidden;
				-webkit-backface-visibility: hidden;
				-ms-backface-visibility: hidden;
				backface-visibility: hidden;
				-moz-transition: -moz-transform 0.5s ease;
				-webkit-transition: -webkit-transform 0.5s ease;
				-ms-transition: -ms-transform 0.5s ease;
				transition: transform 0.5s ease;
				padding-bottom: 1px;
			}
		
			#navButton {
				-moz-backface-visibility: hidden;
				-webkit-backface-visibility: hidden;
				-ms-backface-visibility: hidden;
				backface-visibility: hidden;
				-moz-transition: -moz-transform 0.5s ease;
				-webkit-transition: -webkit-transform 0.5s ease;
				-ms-transition: -ms-transform 0.5s ease;
				transition: transform 0.5s ease;
				display: block;
				height: 60px;
				left: 0;
				position: fixed;
				top: 0;
				width:;
				z-index: 999;
			}

				#navButton .toggle {
					text-decoration: none;
					height: 50px;
					left: 0;
					position: absolute;
					text-align: center;
					top: 0;
					width: 100%;
					border: 0;
					outline: 0;
				}

					#navButton .toggle:before {
						-moz-osx-font-smoothing: grayscale;
						-webkit-font-smoothing: antialiased;
						font-family: FontAwesome, "Arial",sans-serif, serif;
						font-style: normal;
						font-weight: normal;
						text-transform: none !important;
					}

					#navButton .toggle:before {
						color: #FFF;
						border-radius: 5px;
						content: '\f0c9';
						font-size: 1.35em;
						height: 40px;
						left: 10px;
						line-height: 40px;
						opacity: 0.5;
						position: absolute;
						top: 10px;
						width: 40px;
						z-index: 1;
						box-shadow: 2px 2px 2px #000;
					}

					#navButton .toggle:after {
						border-radius: 5px;
						content: '';
						height: 40px;
						left: 10px;
						position: absolute;
						top: 10px;
						width: 40px;
					}

			#navPanel {
				-moz-backface-visibility: hidden;
				-webkit-backface-visibility: hidden;
				-ms-backface-visibility: hidden;
				backface-visibility: hidden;
				-moz-transform: translateX(-275px);
				-webkit-transform: translateX(-275px);
				-ms-transform: translateX(-275px);
				transform: translateX(-275px);
				-moz-transition: -moz-transform 0.5s ease;
				-webkit-transition: -webkit-transform 0.5s ease;
				-ms-transition: -ms-transform 0.5s ease;
				transition: transform 0.5s ease;
				display: block;
				height: 100%;
				left: 0;
				overflow-y: auto;
				position: fixed;
				top: 0;
				width: 275px;
				z-index: 10002;
				background: #1c2021;
				color: #fff;
				font-size: 0.9em;
				letter-spacing: 0.075em;
				text-transform:none;
				padding: 0.25em 0.75em 1em 0.75em;
			}

				#navPanel .link {
					border: 0;
					border-top: solid 1px rgba(255, 255, 255, 0.05);
					color: inherit;
					display: block;
					height: auto;
					line-height: 1.5em;
					opacity: 0.75;
					text-decoration: none;
					padding: 0.55em 0;
				}

					#navPanel .link.depth-0 {
						font-weight: 900;
					}
		
					#navPanel .link.depth-1 {
						margin-left: 1em;
					}

					#navPanel .link.depth-2 {
						margin-left: 2em;
					}

					#navPanel .link:first-child {
						border-top: 0;
					}

				#navPanel .indent-1 {
					display: inline-block;
					width: 0;
				}

				#navPanel .indent-2 {
					display: inline-block;
					width: 0;
				}
	
	
			body.navPanel-visible #page-wrapper {
				-moz-transform: translateX(275px);
				-webkit-transform: translateX(275px);
				-ms-transform: translateX(275px);
				transform: translateX(275px);
			}

			body.navPanel-visible #navButton {
				-moz-transform: translateX(275px);
				-webkit-transform: translateX(275px);
				-ms-transform: translateX(275px);
				transform: translateX(275px);
			}

			body.navPanel-visible #navPanel {
				-moz-transform: translateX(0);
				-webkit-transform: translateX(0);
				-ms-transform: translateX(0);
				transform: translateX(0);
			}
    
    
}	


@media screen and (max-width: 600px) {
	
/* Basic */   
    
/* header */	
    
/* banner */
    
	.bannerab1 {  
        top: 57%;
        left: 50%;
        transform: translate(-50%,-50%);
        width: 35%;
	}  
    
	.bannerablion {  
        display: flex;
        position: absolute;
        justify-content: flex-start;
        align-items: flex-end;
        top: 50%;
        left: 100%;
        transform: translate(-30%,-50%);
        width: 23%;
        height: 100%;
        opacity: 0;
        z-index: 1100;
	}
    

    
/* area-container */	
    
/* Wrapper */

/* setting */

	.ind_allkind {
        grid-template-columns: repeat(3, 28%);
        justify-content: center;
        place-content: center; 
        padding: 1em 0;
        width: 75%;
        gap: 20px; 
	}
    
	    .inda3_flex-pic {  
            margin: 0 auto;
            width: 100%;
	    }
      
    
	.inda4_rr {  
        padding: 2em 2em 0 2em;
        border-top-left-radius: 35px;
        border-top-right-radius: 35px;
        width: 85%;
	}
	    .inda4_flex-d1 {  
            width: 30%;
	    }
    
	        .inda4_flex-d1 img {  
                position: relative;
                top: 0;
                left: 0;
                transform: translate(-20%,-20%);
                width: 130px;
	        }
    
 	    .inda4_flex-d2{  
            width: 100%;
	    }
    
	        .inda4_flex-d2-list {  
	            flex-direction: column;
                align-items: baseline;
                margin: 1.5em 0 0 0;
                width: 100%;
	        }

	            .inda4_flex-d2-list-d1 {  
	                display: flex;
 	                position: relative;
                    justify-content: flex-start;
                    margin-bottom: 5px;
                    width: 100%;
                    border-right: none;
	            }

	            .inda4_flex-d2-list-d2 {  
	                display: flex;
 	                position: relative;
                    justify-content: flex-start;
                    padding-left: 0;
                    flex: 1 1 auto;
	            }  

    
	.inda5_flex {  
        flex-direction: column;
        margin: 1em auto;
        width: 100%;
	}

	    .inda5_flex-d1 {  
            margin: 0 auto 0 0;
            padding-right: 0;
            width: 60%;
	    }

	    .inda5_flex-d2 {  
            margin: 0 auto;
            width: 100%
	    }
    
    
	        .about_a1_lion {  
                width: 33%;
                bottom: 0;
                left: 97%;
	        }
    
	            .about_a1_liontxt1 {  
                    padding: 5px 15px;
                    width: 385px;
                    bottom: 115%;
                    left: auto;
                    right: 80%;
	            }

	            .about_a1_liontxt2 {  
                    padding: 5px 15px;
                    width: 350px;
                    bottom: 85%;
                    left: auto;
                    right: 80%;
	            }
    
    
	.about_a3-rr {  
        padding: 2em 0 7em 0;
        width: 85%;
        border-top-left-radius: 40px;
        border-top-right-radius: 40px;
	}
    
    
	.equ_pocessflex {  
        flex-wrap: wrap;
        grid-template-columns: repeat(1, 100%); 
        margin: 1.5em auto 0 auto;
	}
    
	       .equ_pocessflex-divab {
                writing-mode: horizontal-tb;
	       }  
    
	        .equ_step-d3-le {  
                padding-left: 0.1em;
                width: 100%;
	        }

	        .equ_step-d3-rt {  
	            display: none;
	        }
    
	            .equ_step-d3-videoname {  
	                display: none;
	            }
    


    /* --- 生產技術 Flexbox 排版 --- */
    
   .qainfo_flex-pic {
        display: block;
        position: relative;
        margin: 0 0 0 auto;
        right: 0;
        top: 0;
        width: 50%;
   }
    
    .process-flow {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin: 1em auto;
    }

    
    
	/* --- 產品 --- */
    
	    .pro_a-c {  
            margin: 40px 0;
            width: 80%;
	    }

	        .pro_a-c-icon {  
                width: 120px;
	        }

	        .pro_a-c-div {  
                margin: 0;
                padding-left: 1em;
                width: 100%;
	        }
    
                .pro_deinfo-d3-flex {
	                display: grid;
                    grid-template-columns: repeat(2, 45%); /* 4格, 23%寬度 */
                    margin: 2em 0;
                }
    
    
    
    
         .news_liontalk {
             flex-direction: column;
             position: relative;
             margin: 2em auto;
             top: 0%;
             left: 0%;
             transform: translate(0%, 0%);
             width: 100%;
             z-index: 5;
        }

        .news_liontalk-pic {
            margin-top: 20px;
            width: 160px;
            order: 2;
        }

        .news_liontalk-tb {
            position: relative;
            padding: 1.5em 2em;
            top: 0%;
            left: 0%;
            transform: translate(0%, 0%);
            width: 100%;
            order: 1;
        }
    
        .news_liontalk-tb::before {
            content: "";
            position: absolute;
            top: 95%;
            left: 25%; /* 往左移，數值與 border-width 的寬度對應 */
            transform: translateY(-50%); /* 確保完美垂直置中 */
            transform:rotate(-90deg);
            /* CSS 畫三角形的黑魔法 */
            border-style: solid;
            border-width: 15px 25px 15px 0; /* 上右下左：設定右邊有寬度，左邊為0 */
            border-color: transparent #f8e0c0 transparent transparent; /* 只留下右邊框的顏色，其餘透明 */
        }
    
    
         .news_liontalk-tb-b {
            position: relative;
            padding: 1.5em 2em;
            top: 0%;
            left: 0%;
            transform: translate(0%, 0%);
            width: 100%;
            order: 1;
        }
    
        .news_liontalk-tb-b::before {
            content: "";
            position: absolute;
            top: 95%;
            left: 25%; /* 往左移，數值與 border-width 的寬度對應 */
            transform: translateY(-50%); /* 確保完美垂直置中 */
            transform:rotate(-90deg);
            /* CSS 畫三角形的黑魔法 */
            border-style: solid;
            border-width: 15px 25px 15px 0; /* 上右下左：設定右邊有寬度，左邊為0 */
            border-color: transparent #d1e2ed transparent transparent; /* 只留下右邊框的顏色，其餘透明 */
        }
    
          .news_liontalk-tb-o {
            position: relative;
            padding: 1.5em 2em;
            top: 0%;
            left: 0%;
            transform: translate(0%, 0%);
            width: 100%;
            order: 1;
        }
    
        .news_liontalk-tb-o::before {
            content: "";
            position: absolute;
            top: 95%;
            left: 25%; /* 往左移，數值與 border-width 的寬度對應 */
            transform: translateY(-50%); /* 確保完美垂直置中 */
            transform:rotate(-90deg);
            /* CSS 畫三角形的黑魔法 */
            border-style: solid;
            border-width: 15px 25px 15px 0; /* 上右下左：設定右邊有寬度，左邊為0 */
            border-color: transparent #f8e7e5 transparent transparent; /* 只留下右邊框的顏色，其餘透明 */
        }
    
    
    
    .contant_a1 {
        padding: 3em 0 0 0;
        background-image: url("../../images/pic1_contant_bg2.png");
        background-repeat: no-repeat;
        background-position: right 0%;
        background-size: 35%;
    }
    
    
/* area-setting */
    
    .txt-center2 {
        width: 90%;
    }
    

    
/* Footer */
    
}	


@media screen and (max-width: 500px) {
	
/* Basic */   
    
/* header */	
    
/* banner */

    .banner-sub_txt { 
        top: 50%;
        left: 62.5%;
        transform: translate(-50%, -50%);
    }
 
    
/* area-container */	
    
/* Wrapper */

/* setting */
    
    
	.ind_allkind {
        grid-template-columns: repeat(3, 28%);
        justify-content: center;
        place-content: center; 
        padding: 1em 0;
        width: 75%;
        gap: 30px; 
	}
    
    
	        .inda2-lion {  
	            display: block;
 	            position: relative;
                width: 80%;
	        }

    
	.indnews_flex {  
        grid-template-columns: repeat(1, 100%); 
        margin: 3em auto;
        width: 90%;
	}
    
    
	        .about_a1_lion {  
                width: 33%;
                bottom: 0;
                left: 97%;
	        }
    
	            .about_a1_liontxt1 {  
                    padding: 5px 15px;
                    width: 385px;
                    bottom: 135%;
                    left: auto;
                    right: 15%;
	            }

	            .about_a1_liontxt2 {  
                    padding: 5px 15px;
                    width: 350px;
                    bottom: 100%;
                    left: auto;
                    right: 15%;
	            }
    
    
 	.about_a2_flex2 {  
        flex-direction: column;
        margin: -2em auto 0 auto;
        padding: 0 0 2em 0;
        width: 100%;
	}

	    .about_a2_flex2-div1 {  
            width: 60%;
            order: 2;
	    }
    
	        .about_a2_flex2-div1 img {  
                width: 100%;
                z-index: 100;
	        }

	    .about_a2_flex2-div2 {  
            padding: 2em 2em 0 2em;
            background: #f4f8fb;
            width: 90%;
            order: 1;
	    }
    
    
	.qc_cficon {  
        margin: 1.5em auto;
        width: 75%;
        z-index: 5;
	}
    
    
    /* 圓形步驟 */
    .step-circle {
        margin: 5px auto;
        padding: 10px;
        box-sizing: border-box;
        flex-shrink: 0; /* 防止圓圈被壓縮 */
        width: 160px;
        height: 160px;
        border-radius: 50%;
    }

    /* 圓形步驟 */
    .step-circle1 {
        margin: 5px auto;
        padding: 10px;
        box-sizing: border-box;
        flex-shrink: 0; /* 防止圓圈被壓縮 */
        width: 160px;
        height: 160px;
        border-radius: 50%;
    }
    
    /* 圓形步驟 */
    .step-circle-pink {
        margin: 5px auto;
        padding: 10px;
        box-sizing: border-box;
        flex-shrink: 0; /* 防止圓圈被壓縮 */
        width: 160px;
        height: 160px;
        border-radius: 50%;
    }

    
    /* 圓形步驟 */
    .step-circle-pink1 {
        margin: 5px auto;
        padding: 10px;
        box-sizing: border-box;
        flex-shrink: 0; /* 防止圓圈被壓縮 */
        width: 160px;
        height: 160px;
        border-radius: 50%;
    }

    
    /* 圓形步驟-chicken */
    .step-circle-chicken {
        margin: 5px auto;
        padding: 10px;
        box-sizing: border-box;
        flex-shrink: 0; /* 防止圓圈被壓縮 */
        width: 160px;
        height: 160px;
        border-radius: 50%;
    }

    /* 圓形步驟 */
    .step-circle-chicken1 {
        margin: 5px auto;
        padding: 10px;
        box-sizing: border-box;
        flex-shrink: 0; /* 防止圓圈被壓縮 */
        width: 160px;
        height: 160px;
        border-radius: 50%;
    }
    
    
    

 	.equ_a2fish {  
	    display: none;
	}
    
	.equ_a2_line {  
        top: 0;
        left: 10%;
        width: 15px;
        height: 100%;
	}
    
	.equ_step-name {  
        margin: 1em 0 0 auto;
        padding: 0;
        width: 90%;
        z-index: 1;
	}

	.equ_step-name-txt {  
        padding: 1em 1em 0 2.8em;
        text-indent: -1.5em;
        width: 100%;
        z-index: 1;
	}

	.equ_step {  
        flex-direction: column;
        margin: 1em 0 0 auto;
        padding: 0;
        width: 100%;
	}
    
	    .equ_step-d1 {  
            justify-content: flex-start;
            align-items: center;
            padding: 1em 3em 1em 2em;
            width: 100%;
            border-top-left-radius: 0;
            border-bottom-left-radius: 0;
	    }
    
	        .equ_step-d1 img {  
                width: 80px;
                height: auto;
	        }
    
	    .equ_step-d2 {  
            width: 100%;
	    }


 	        .equ_step-tt {  
	            display: block;
 	            position: relative;
                width: 100%;
                padding-left: 0;
	        }
    
	        .equ_step-d2-1 {  
                padding: 1em 4em 1em 2em;
                width: 100%;
	        }     
    
	        .equ_step-d3-1, .equ_step-d3-2, .equ_step-d3-3, .equ_step-d3-4, .equ_step-d3-5, .equ_step-d3-6, .equ_step-d3-7, .equ_step-d3-8 {  
                padding: 1em 4em 1em 2em;
                width: 100%;
	        }
    
    

    
    
    
    
    /* --- Flexbox 兩欄排版 --- */
    

        .pro_alllist {
            grid-template-columns: repeat(2, 40%); 
            margin: 3em auto 5em auto;
            width: 75%;
        }

            .pro_alllist-div {
                margin: 0 auto 2em auto;
                width: 100%;
            }

                .pro_alllist-div-p {
                    width: 160px;
                    height: 160px;
                }
    
    
    
    
/* area-setting */
    
/* Footer */
    
	#footer .footerc {
        padding: 8em 0 1em 0;
	}  
    
    
    
}	

@media screen and (max-width: 460px) {
		
/* Basic */   
    
/* header */	
    
/* banner */

	        .about_a1_lion {  
                width: 33%;
                bottom: 0;
                left: 97%;
	        }
    
	            .about_a1_liontxt1 {  
                    padding: 5px 15px;
                    width: 385px;
                    bottom: 145%;
                    left: auto;
                    right: 8%;
	            }

	            .about_a1_liontxt2 {  
                    padding: 5px 15px;
                    width: 350px;
                    bottom: 110%;
                    left: auto;
                    right: 8%;
	            }
    
/* area-container */	
    
/* Wrapper */

/* setting */
    
	.ind_allkind {
        grid-template-columns: repeat(2, 35%);
        justify-content: center;
        place-content: center; 
        padding: 1em 0;
        width: 75%;
        gap: 30px; 
	}  
    
        /* --- kon lion --- */
	    .tech_a2_title_lion {  
            display: none;
	    }
    
    
    /* --- 料理 ---  */
    
        .cuisine_a1-div {
            margin: -2em 0 0 0;
            padding: 2em 2em 2em 2em;
            width: 100%;
        }    

            .cuisine_a1-div::after {
                  content: "";
                  width: 100px;
                  height: 91px;
                  top: 90%;
                  right: -8%;
            }  
    
    
        .cuisine_a2-div {
            margin: -2em 0 0 0;
            padding: 2em 2em 2em 3em;
            width: 100%;
        }    

            .cuisine_a2-div::after {
                content: "";
                width: 140px;
                height: 145px;
                top: 82%;
                left: 70%;
            } 
    
    
        .cuisine_a5-div {
            margin: -2em 0 0 0;
            padding: 2em 2em 2em 2em;
            width: 100%;
        }    

            .cuisine_a5-div::after {
                  content: "";
                  width: 100px;
                  height: 91px;
                  top: 95%;
                  right: -8%;
            } 
    
    
	/* --- 產品 --- */
    
 	    .pro_liontalk {  
            flex-wrap: wrap;
            justify-content: flex-start;
            width: 100%;
	    }
    
	        .pro_liontalk-div1 {  
                width: 33%;
	        }

	        .pro_liontalk-div2 {  
                width: 67%;
	        }

	        .pro_liontalk-div3 {  
                padding: 1em 1em;
                flex: 1 1 100%;
	        } 
    
    
    .pro_info_flex {
        margin: 0 auto 1em auto;
        width: 100%;
    }

        .pro_info_flex-pic {
            width: 70%;
        }
    

        .pro_alllist {
            grid-template-columns: repeat(1, 100%); 
            margin: 3em auto 5em auto;
            width: 80%;
        }

            .pro_alllist-div {
                margin: 0 auto 2em auto;
                width: 100%;
            }

                .pro_alllist-div-p {
                    width: 180px;
                    height: 180px;
                } 
    

    
    
    
/* area-setting */
    
/* Footer */
    
}	


@media screen and (max-width: 400px) {
		
/* Basic */

/* header */ 
    
/* banner */

/* area-container */	
    
/* Wrapper */

/* setting */
    
    
	        .about_a1_lion {  
                width: 50%;
                bottom: 0;
                left: 90%;
	        }
    
	            .about_a1_liontxt1 {  
                    display: none;
	            }

	            .about_a1_liontxt2 {  
                    display: none;
	            }
    
    
	/* --- 產品 --- */
    
	    .pro_a-c {  
            margin: 40px 0;
            width: 100%;
	    }

	        .pro_a-c-icon {  
                width: 120px;
	        }

	        .pro_a-c-div {  
                margin: 0;
                padding-left: 1em;
                width: 100%;
	        }
    
    
                .pro_deinfo-spe {
	                flex-direction: column;
                    width: 100%;
                    margin-bottom: 10px;
                }

                    .pro_deinfo-spe-tt1 {
	                    text-indent: -0.5em;
                        width: 5.5em;
                    }

                    .pro_deinfo-spe-tt2 {
	                    text-indent: -0.5em;
                        width: 7.5em;
                    }

                    .pro_deinfo-spe-tt3 {
	                    text-indent: -0.5em;
                        width: 6.5em;
                    }
    
                    .pro_deinfo-spe-txt {
	                    display: block;
 	                    position: relative;
                        flex: 1;
                    }  
    
                .pro_deinfo-d3-flex {
	                display: flex;
                    flex-direction: column;
                    margin: 2em auto;
                    width: 80%;
                }
    
    
    
    
/* Footer */

    
}


@media screen and (max-width: 370px) {
	
/* Basic */

/* header */ 
    
/* banner */

/* area-container */	
    
/* Wrapper */	

/* setting */
    
	.ind_allkind {
        display: none;
        grid-template-columns: repeat(1, 60%);
        justify-content: center;
        place-content: center; 
        padding: 1em 0;
        width: 75%;
        gap: 20px; 
	}  
    
/* Footer */ 
    
}


@media screen and (max-width: 300px) {
	
/* Basic */   
    
/* header */	
    
/* banner */

    .banner-sub_txt { 
        top: 45%;
        left: 62.5%;
        transform: translate(-50%, -50%);
    }  
    
/* area-container */	
    
/* Wrapper */

/* setting */
    
/* area-setting */
    
/* Footer */
    
	
			#page-wrapper {
				-moz-backface-visibility: hidden;
				-webkit-backface-visibility: hidden;
				-ms-backface-visibility: hidden;
				backface-visibility: hidden;
				-moz-transition: -moz-transform 0.5s ease;
				-webkit-transition: -webkit-transform 0.5s ease;
				-ms-transition: -ms-transform 0.5s ease;
				transition: transform 0.5s ease;
				padding-bottom: 1px;
			}
		
			#navButton {
				-moz-backface-visibility: hidden;
				-webkit-backface-visibility: hidden;
				-ms-backface-visibility: hidden;
				backface-visibility: hidden;
				-moz-transition: -moz-transform 0.5s ease;
				-webkit-transition: -webkit-transform 0.5s ease;
				-ms-transition: -ms-transform 0.5s ease;
				transition: transform 0.5s ease;
				display: block;
				height: 60px;
				left: 0;
				position: fixed;
				top: 0;
				width:;
				z-index: 999;
			}

				#navButton .toggle {
					text-decoration: none;
					height: 50px;
					left: 0;
					position: absolute;
					text-align: center;
					top: 0;
					width: 100%;
					border: 0;
					outline: 0;
				}

					#navButton .toggle:before {
						-moz-osx-font-smoothing: grayscale;
						-webkit-font-smoothing: antialiased;
						font-family: FontAwesome, "Arial",sans-serif, serif;
						font-style: normal;
						font-weight: normal;
						text-transform: none !important;
					}

					#navButton .toggle:before {
						color: #FFF;
						border-radius: 5px;
						content: '\f0c9';
						font-size: 1em;
						width: 35px;
						height: 35px;
						left: 10px;
						line-height: 36px;
						opacity: 0.5;
						position: absolute;
						top: 10px;
						z-index: 1;
						box-shadow: 2px 2px 2px #000;
					}

					#navButton .toggle:after {
						background: #f4821f;
						border-radius: 5px;
						content: '';
						width: 35px;
						height: 35px;
						left: 10px;
						position: absolute;
						top: 10px;
					}
	
			#navPanel {
				-moz-backface-visibility: hidden;
				-webkit-backface-visibility: hidden;
				-ms-backface-visibility: hidden;
				backface-visibility: hidden;
				-moz-transform: translateX(-180px);
				-webkit-transform: translateX(-180px);
				-ms-transform: translateX(-180px);
				transform: translateX(-180px);
				-moz-transition: -moz-transform 0.5s ease;
				-webkit-transition: -webkit-transform 0.5s ease;
				-ms-transition: -ms-transform 0.5s ease;
				transition: transform 0.5s ease;
				display: block;
				height: 100%;
				left: 0;
				overflow-y: auto;
				position: fixed;
				top: 0;
				width: 180px;
				z-index: 10002;
				background: #1c2021;
				color: #fff;
				font-size: 0.8em;
				letter-spacing: 0.075em;
				text-transform:none;
				padding: 0.25em 0.75em 1em 0.75em;
			}
	
	
			body.navPanel-visible #page-wrapper {
				-moz-transform: translateX(180px);
				-webkit-transform: translateX(180px);
				-ms-transform: translateX(180px);
				transform: translateX(180px);
			}

			body.navPanel-visible #navButton {
				-moz-transform: translateX(180px);
				-webkit-transform: translateX(180px);
				-ms-transform: translateX(180px);
				transform: translateX(180px);
			}

			body.navPanel-visible #navPanel {
				-moz-transform: translateX(0);
				-webkit-transform: translateX(0);
				-ms-transform: translateX(0);
				transform: translateX(0);
			}
	
	
	
}






/*-------------滑鼠.hover--------------*/


.proicon {
	position:relative;
	width:100%;
	height:100%;
	float:left;
	overflow:hidden;
	text-align:center;
	cursor:default;
}

.proicon img {
	display:block;
	position:relative;
	-webkit-transition:all .4s linear;
	transition:all .4s linear;
}

.proicon:hover img {
	-ms-transform:scale(1.1);
	-webkit-transform:scale(1.1);
	transform:scale(1.1);
}

.proicon:hover .overlay{
	opacity:1;
	filter:alpha(opacity=100);
}

.proicon .overlay {
	width:100%;
	height:100%;
	position:absolute;
	overflow:hidden;
	top:0;
	left:0;
	opacity:0;
	background-color:rgba(0,0,0,0.8);
	-webkit-transition:all 0.4s ease-in-out;
	transition:all 0.4s ease-in-out;
	cursor: pointer;
}

.proiconab {
	display: block;
	position:absolute;
	overflow:hidden;
    padding: 2px 5px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: #FFF;
}