@charset "utf-8";
.mainMenu{position:unset}
header::after{height:0}
.dropdown{z-index:1}
.clearfix{display:block}
#stan-container h1,#stan-container h2,#stan-container h3,#stan-container h4,#stan-container p,#stan-container ul,#stan-container li,#stan-container p{padding:0;margin:0;font-weight:700}
.stan img{vertical-align: bottom;margin:0;padding:0}
.stan p{line-height: 180%}
.layout-center{text-align:center!important}
.text-tip{font-size:0.9rem!important}

.nav-content{width:auto;max-width:1096px;padding:12px 0;margin:auto;display: flex;align-items: center;justify-content:space-between;}
.nav-content h2 a{display:block;}


#stan-container{font-family:Arial, sans-serif, "微軟正黑體", Microsoft JhengHei;letter-spacing: 0.12rem;}
.stan-part nav{background:#F7F9EA; border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
.stan-part nav ul li a{display:flex;justify-content: center;color:#000;font-size:0.95rem;padding:50% 5px 5px;text-align: center;}
.stan-part nav ul li a:hover{text-decoration:none}
.stan-part nav ul li span {display:inline-block;position: relative;white-space: nowrap;}
.stan-part nav ul li span:after{content:"";position:absolute;width:0;margin:auto;height:2px;background:#000;bottom:0;left:0;right:0;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}
.stan-part nav ul li a:hover span:after{width:100%}
.stan-part nav ul li.active span:after{content:"";position:absolute;width:75%;margin:auto;height:2px;background:#000;bottom:10px;left:0;right:0}
.stan-part nav ul {display: flex;align-items: center;}
.stan-part nav ul li {width: calc(100%/5);letter-spacing: normal;background-repeat:no-repeat;background-size:65% auto;background-position:center top 10px}
#stan-container #navi-list li:nth-child(2){background-image:url(../images/nav01.png)}
#stan-container #navi-list li:nth-child(3){background-image:url(../images/nav02.png)}
#stan-container #navi-list li:nth-child(4){background-image:url(../images/nav03.png)}
#stan-container #navi-list li:nth-child(5){background-image:url(../images/nav04.png)}
#stan-container #navi-list li:nth-child(6){background-image:url(../images/nav05.png)}
/* .stan-part h2{float:left;width:inherit;margin:0;padding:0;line-height:2;font-size:20px} */
.stan-part h2 img{width:110px;height:auto}
#stan-container #navi-list{width: calc(100% - 130px);max-width: 700px;}
#stan-container .nav-fixed{position:fixed;top:0;left:0;z-index:99;width:100%;box-shadow: 0 0 8px rgba(0,0,0,.5);}
#stan-container #navi-list li:nth-child(1) {display:none}

#main-slider-wrap{position:relative}
#main-slider-wrap img{width:100%}

.stan-content{color:#000;padding:100px 15px;width:auto;max-width:1160px;margin:auto;height:auto}
.stan-content.pb0{padding-bottom: 20px;}
.stan #gotop{bottom:100px}

.slogen{position:relative;padding:0;}
.slogen p:nth-child(2){margin:100px auto}
.slogen img{max-width:392px;display:block;margin:0 auto 4rem}
.slogen iframe{margin-top:100px;width:100%;max-width:720px}

.stan img.index-list{width:267px;display:block;margin:0 auto 150px;}
.stan-wp{background:#faf9f0}
.stan-recipe-btn{border:2px solid #000;display:inline-block;background:#fff;margin-top:100px;position:relative}
.stan-recipe-btn a{font-weight:bold;line-height:2;padding:10px 70px;display:block;color:#000;font-size:22px;position:relative;overflow:hidden;text-align:center}
.stan-recipe-btn a:after{content:"";position:absolute;right:0;bottom:0;width:0;height:0;border-style:solid;border-width:0 0 10px 10px;border-color:transparent transparent #000 transparent}
.stan-recipe-btn:before{content:"";position:absolute;right:0px;background:#000;width:0px;height:100%;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}
.stan-recipe-btn:hover:before{content:"";position:absolute;right:0px;background:#000;width:100%}
.stan-recipe-btn a:hover{color:#fff;text-decoration:none}
.stan-recipe-btn a:hover:after{border-color:transparent transparent #fff transparent}
.product-wp ul li {text-align:center}
/* .product-wp {background: #F7F9EA;} */
.link-icon{position:absolute;width:calc(100vw - 2.5rem);max-width:1160px;top:2rem;right:0;left:0;margin:0 auto;display:flex;justify-content:flex-end;}
.link-icon ul{display:inline-flex;}    
.link-icon li{margin-left:1rem !important}
.link-icon li:first-child{width:61px}
.link-icon li:nth-of-type(2){width:75px}

#stan-container .product-wp ul li{display:inline-block;width:calc(50% - 4px);margin-bottom:1.5%;background:rgba(0,0,0,1);position:relative}
#stan-container .product-wp ul li.joined{width:96.5%;margin-bottom:1.5%;background:rgba(0,0,0,1);position:relative}
#stan-container .product-wp ul li img{width:100%}
.stan .mt-b{margin-top:80px!important}
.product-wp p{margin:150px auto;text-align:center}
.product-wp .index-list-title{line-height:2;position:absolute;left:0;right:0;margin:auto;top:55%;transform:translateY(-55%);color:#fff;padding:10px 20px;border:2px solid #fff;display:block;font-size:18px;width:50%;opacity:0;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out}
.stan-list-hover {
	background: #faf9f0;
}
.stan-list-hover ul li a:hover img{opacity:0.2;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}
.stan-list-hover ul li a:hover .index-list-title{opacity:1;top:50%;transform:translateY(-50%);-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}
.stan-part-slogen{position:relative;padding:150px 0;}
.stan-part .stan-part-slogen h2{text-align:center;float:none;font-size:30px;line-height:1.5}
.stan-part .stan-part-slogen h2 img{margin-right:10px;width:200px;height:auto}
.st-feature .stan-content{padding:50px 20px 100px}
#stan-container .feature-content h3 span.tip-note_icn, #stan-container .stan-content .tip-note_icn{font-size:1rem}
.stan-content-feature{position:relative;margin-bottom:50px}
.stan-content-feature p{position:absolute;left:0;right:0;margin:auto;top:25%;color:#fff;font-size:22px;text-align:center}
.stan-content-feature p span{font-size:16px}
.stan-content-feature img{width:100%}
#stan-container .stan-content .kind {width: 100%;text-align: left;margin: 10px 0 40px;}
#stan-container .stan-content .kind li {width: auto;display: inline-block;background: #ededed;padding: 10px 20px;color: #333;text-align: left;font-weight: normal;border-radius: 5px;margin-bottom: 10px;}
.feature-content{padding:50px 0;border-top:10px solid #f1f0d8;position:relative}
.feature-content:before{content:"";position:absolute;top:-10px;width:100%;height:1px;background:#000;left:0}
.feature-content .feature-text-l{float:left;width:45%}
.feature-content .feature-text-r{float:right;width:50%}
.feature-content .feature-text-r img{width:100%}
.feature-content .feature-text-l.layout{float:right}
.feature-content .feature-text-r.layout{float:left}
.feature-content.layout .feature-text-r,.feature-content.layout .feature-text-r{width:45%}
#stan-container .feature-content h3{position:relative;font-size:1.3rem;padding-left:25px;line-height:1.8em;margin-top:-10px}
#stan-container .feature-content h3 span{font-size:1.2rem}

#stan-container .feature-content h3:before{content:""; position:absolute;left:0;top:10px;width:15px;height:15px;background: #000;border-radius: 50%;}
#stan-container .feature-content h3.feature-title-text{border-bottom:1px dashed #000;padding-bottom:20px;margin-bottom:1rem}
#stan-container .feature-content h3.layout-center{display:inline-block}
#stan-container .feature-content ul li{float:left;width:49.5%;margin-bottom:1%}
#stan-container .feature-content ul li:nth-child(even){float:right}
#stan-container .feature-content ul li img{width:100%;height:auto;max-width:578px}
.feature-img{margin-top:50px}
.feature-content:last-child{padding-bottom:0}
#stan-container .feature-content p.feature-title-text{border-bottom:1px solid #000;padding-bottom:20px;margin-bottom:20px}
.product-pic{float:left}
.product-wp.p-50{padding-top:50px}
.product-wp .product-pic p{font-size:24px;text-align:center;margin:0 0 10px;padding-top:30px;line-height:1.5em}
.product-pic p span{font-size:14px}
#stan-container .product-wp .features-list p{text-align:left;margin:20px auto 50px}
.product-wp .features-list{float:right;width:65%;padding-left:5%;font-size:16px}
.product-wp .features-list.layout{float:none;width:auto;padding-left:0}
.product-wp .features-list span{font-size:12px}
.features-list .title{background:#f1f0d8;padding:0.75rem 1rem;font-size: 1.75rem;font-weight:bold;}
#stan-container .product-wp .tip-content li{float:left;padding:5px 10px;border:1px solid #000;text-align:center;width:auto;background:#fff;font-weight: bold;}
#stan-container .product-wp .tip-content li:first-child{background:#000;color:#fff}
#stan-container .product-wp .tip-content.pot li{width:150px}
#stan-container .product-wp .tip-content.pot li:first-child{background:none;color:#000}
#stan-container .product-wp .tip-content.pot li:last-child{background:none;color:#000;border:none;text-align:left}
#stan-container .product-wp .tip-content.hotplate li{padding:0!important;background:none;color:#000;width:auto;border:none}
#stan-container .features-tip-content h3{font-size:22px;padding:10px 0 20px;border-bottom:1px solid #000;line-height:2}
#stan-container .product-wp .features-tip-content p{margin:20px 0;text-align:left}
.product-wp .features-tip-content p span{font-size:12px}
#stan-container .features-tip-content{float:left;width:45%}
#stan-container .tip-pic{float:right;width:50%;text-align:center;}
#stan-container .tip-pic img {width:100%;}
.tip-img{position:relative;height:300px}
.tip-img div{position:absolute;bottom:0}
.tip-img.flexbox div{position:relative}

.tip-img.layout div{top:20px}
.tip-img.layout{height:100px}
ul#tip-note{text-align:left}
ul#tip-note span{border:1px solid #000;padding:2px}
.product-wp ul#tip-note{line-height:2em;margin-top: 20px;}
#stan-container .product-wp ul#tip-note li{display:block;width:auto;margin-bottom:0;background:#fff;font-weight:normal}
#stan-recipe{position:relative}
#stan-recipe ul li{float:left;width:25%;background:#000}
#stan-recipe ul li img{width:100%}
#stan-recipe div.stan-recipe-btn{position:absolute;left:50%;transform:translate(-50%,-50%);margin:auto;top:50%;width:auto;max-width:350px}
#stan-container #babyfood{display: flex;}
#stan-container #babyfood li{width:calc(100% / 4 - 2%);margin-right:2.6%;}
#stan-container #babyfood li:last-child{margin-right:0}
#stan-container #babyfood li p{text-align:center;padding-top:10px}
#stan-container #babyfood li p span{font-size:18px}
.feature-img img{width:100%}
#st-pic ul li{width:33.333333%;float:left}
#st-pic ul li img{width:100%}
#stan-container #ricecooker-feature-list{margin-top:40px}
#stan-container .feature-content-ul{margin-top:40px}


.stan_shop{display: block;width: 100%;line-height: 50px;color: #fff;font-size: 1.5rem;}
.stan_shop:hover{background-color: #837158;}

#stan-container .product-wp ul li.stan_PDmix{width: calc(100% - 2px); margin: 1.5% 0 5%;border-radius: 8px;}
#stan-container .product-wp ul li.stan_PDmix a{padding: 10px 0; font-size: 1.5rem;border-radius: 8px;}

.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; }
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.BuyNow{color: #fff; max-width: 200px;font-size: 1.3rem;height: 50px;font-weight: bold;letter-spacing: 1px;margin:0 auto;}
#stan-container .bloggerList li {padding: 0 20px 0 0;margin-bottom: 50px;}
#stan-container .author {font-weight: normal;}
#stan-container .bloggerList li:last-child {margin-bottom: 0;}

#stan-container .product-wp ul li.life_bnr{width: 100%; margin: 30px 0 10px;background: none;}

#stan-container .stan-list-hover ul li.life_bnr a:hover img {opacity: .7;}
.stan_home footer {
	margin: 0;
}

@media screen and (max-width:1300px){
	.nav-content{padding:12px 20px;}
}


@media screen and (max-width:800px){
	.stan-part nav ul li a{font-size: 0.9rem;}
}

@media screen and (max-width:768px){
	body{margin-bottom:58px!important}
	.mainMenu{position:fixed}
	.link-icon ul{display:flex;font-size:0}

	.stan{padding:58px 0 0}
	.stan-part .stan-part-slogen h2 span{font-size:20px;line-height:2.2em}
	.stan-part .stan-part-slogen h2 img{width:150px}
	.stan-part .stan-part-slogen h2 span:before{content:"\A";white-space:pre}
	.stan-content-feature img{width:100%}
	#stan-container .stan-content-feature p{position:static;color:#000;text-align:left;font-size:18px;margin-top:30px}
	.stan-content-feature p span{font-size:14px}
	.mt-40{margin-top:40px!important}
	.product-pic{float:none;width:auto;text-align:center}
	.features-list .title{font-size:16px}
	.product-wp .features-list{float:none;width:auto;padding-left:0;font-size:14px}
	.features-tip-content,.features-tip-content-img{float:none;width:auto}
	.tip-img{position:static;height:auto}
	.tip-img div{position:static}
	#stan-container .product-wp ul li img{opacity:0.8}
	.product-wp .index-list-title{opacity:1;font-size:16px;z-index:9;top:50%;transform:translateY(-50%)}
	#stan-container .feature-content ul li{float:none;width:auto}
	#stan-container #babyfood{display: block;}
	#stan-container #babyfood li{width:47%; float:left; margin-top:0;}
	#stan-container #babyfood li:nth-child(even){ float:right;margin-right:0;}
	#stan-container #navi-list{border-top:1px solid #ddd;position:fixed;bottom:0;left:0;background:#fff;width:100%;max-width: none;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;z-index:999}
	#stan-container #navi-list li{width:auto;width :calc(100%/6) ;background-repeat:no-repeat;background-size:80px auto;background-position:center top 5px}
	#stan-container #navi-list li:nth-child(1){display:block; background-image:url(../images/fnavi01.png)}
	#stan-container #navi-list li:nth-child(2){background-image:url(../images/fnavi02.png)}
	#stan-container #navi-list li:nth-child(3){background-image:url(../images/fnavi03.png)}
	#stan-container #navi-list li:nth-child(4){background-image:url(../images/fnavi04.png)}
	#stan-container #navi-list li:nth-child(5){background-image:url(../images/fnavi05.png)}
	#stan-container #navi-list li:nth-child(6){background-image:url(../images/fnavi06.png)}
	.nav-content{padding:15px 20px;justify-content: center;}
	.stan-part h2{float:none}
	.stan-part nav ul li a{padding: 80px 0 0px;color: #000;text-indent: -99999px;font-size: 0;line-height: 0;}
	.stan-part nav ul li a:after{display:none}
	#stan-container .product-wp ul li{float:none;width:100%;margin-bottom:20px}
	.stan-list-hover {
		padding: 50px 0;
	}
	.stan-list-hover ul li:hover img{opacity:0.8}
	#stan-container .feature-content ul li:nth-child(even){float:none;margin-top:20px}
	.tip-img.layout{height:auto}
	.stan-part h2 img{width: 80px;height: auto;vertical-align: baseline;}
	.stan-part .nav-content h2 img{width:80px;vertical-align:bottom;display: block;}
	
	.stan img.index-list{width:150px;margin:15px auto 80px;}
	.slogen p:nth-child(2){margin:60px auto}
	.slogen .stan-content{padding:90px 20px}
	.slogen img{width:60%}
	.stan-part-slogen{padding:90px 0 0}
	.feature-content{padding:40px 0}
	.feature-content.layout .feature-text-r h3{text-align:left;margin-bottom:20px}
	#stan-container .feature-content ul,.feature-img{margin-top:40px}
	.feature-content .feature-text-l,.feature-content .feature-text-r,.feature-content .feature-text-r.layout,.feature-content .feature-text-l.layout{float:none;width:auto}
	.feature-content.layout .feature-text-r,.feature-content.layout .feature-text-r{width:auto}
	.feature-content .feature-text-r,.feature-content .feature-text-r.layout{margin-top:40px;text-align:center}
	.st-feature .stan-content,.stan-content{padding:40px 20px}
	#stan-container .st-feature .stan-content h3,#stan-container h3{margin-bottom:40px}
	#stan-container h3{font-size:28px}
	#stan-container .feature-content h3{font-size:18px}
	#stan-container .feature-content h3 span{font-size:16px}
	#stan-container .feature-content h3.layout-center{display:block}
	.feature-content .layout-center{text-align:left!important}
	.stan-recipe-btn a{font-size:13px;padding:10px 50px;line-height:1.2rem}
	.stan-recipe-btn a:after{right:-10px;bottom:-16px;font-size:22px}
	#stan-recipe div.stan-recipe-btn{max-width:280px}

	.slick-dots{bottom:10px!important}
	#ricecooker-feature-list li:nth-child(3){margin-top:20px}
	.feature-content .layout-center.layout{text-align:center!important}
	.slick-dots li button:before{font-size:8px!important}
	.slick-dots li{width:15px!important}
	.nav-content h2 a{margin-top:0}
	.stan-part .stan-part-slogen h2 img{margin-right:0}
	.slogen iframe{height:300px}
	.link-icon{top:20px;width:100%}
	.link-icon ul{justify-content:center}
	.link-icon li iframe{height:20px}
	.d-none{display: none;}
	#stan-container .product-wp ul li.joined{width:100%;max-width:578px;margin-right:auto;margin-left:auto}

	#stan-container .features-tip-content,#stan-container .tip-pic{float:none;width:100%;}
	#stan-container .feature-content h3 span.tip-note_icn, #stan-container .stan-content .tip-note_icn{font-size:0.8rem}
	.stan-content.pb0{padding-bottom: 0;}
	footer {margin-bottom: 90px;}
	footer #gotop{bottom:100px}

	#stan-container .product-wp ul li.stan_PDmix{width: 100%;margin: 0 0 30px;}
	#stan-container .product-wp ul li.stan_PDmix a{padding: 10px 0; font-size: 1.2rem;letter-spacing: 0;}
	#stan-container .bloggerList li {padding: 0;}
	#stan-container .blogText .heading {font-size: 1.3rem;font-weight: bold;margin: 0;}
	#stan-container .bloggerTatle h3 {margin: 0;}

	#stan-container .product-wp ul li.life_bnr {margin: 0;}
	.stan_body footer {
		padding-bottom: 15%;
	}
	
}
@media screen and (max-width:500px){
	.BuyNow{font-size: 1.15rem;height: 40px;}
	#stan-container .blogText .heading {font-size: 1.2rem;font-weight: bold;margin: 0;}
	#stan-container .blogText {width: calc(100% - 33%);}
	#stan-container #navi-list li{background-size:110% auto;}
	.stan-part nav ul li a {
		padding: 110% 0 0px;
	}
	.stan_body footer {
		padding-bottom: 20%;
	}
}


/* flex */
.flex, .flexA, .flexB, .flexC {
	display: flex;
	flex-wrap: wrap; }
  
  .flexA {
	justify-content: space-around; }
  
  .flexB {
	justify-content: space-between; }
  
  .flexC {
	justify-content: center; }
  
  .averia {
	font-family: 'Averia Serif Libre', cursive; }
  
  .digit {
	font-family: 'Montserrat', sans-serif; }
  
  .baskerville {
	font-family: 'Libre Baskerville', serif; }
/*------------------------------------------------------------
	comBlur
------------------------------------------------------------*/
.comBlur {
	animation-duration: 1s;
	animation-fill-mode: forwards; }
  
  .comBlur.show {
	animation-name: blurAnime; }
  
  @keyframes blurAnime {
	from {
	  filter: blur(10px);
	  transform: scale(1.02); }
	to {
	  filter: blur(0);
	  transform: scale(1); } }
/*------------------------------------------------------------
	fade
------------------------------------------------------------*/
.fadeIn {
	opacity: 0; }
  
  .fadeIn.on {
	animation-name: fadeInAnime;
	animation-duration: 1s;
	animation-fill-mode: forwards; }
  
  @keyframes fadeInAnime {
	from {
	  opacity: 0; }
	to {
	  opacity: 1; } }
  .fadeDown {
	opacity: 0; }
  
  .fadeDown.on {
	animation-name: fadeDownAnime;
	animation-duration: 0.75s;
	animation-fill-mode: forwards; }
  
  @keyframes fadeDownAnime {
	from {
	  opacity: 0;
	  transform: translateY(-50px); }
	to {
	  opacity: 1;
	  transform: translateY(0); } }
  .fadeUp {
	opacity: 0; }
  
  .fadeUp.on {
	animation-name: fadeUpAnime;
	animation-duration: 0.75s;
	animation-fill-mode: forwards; }
  
  @keyframes fadeUpAnime {
	from {
	  opacity: 0;
	  transform: translateY(50px); }
	to {
	  opacity: 1;
	  transform: translateY(0); } }
  .fadeLeft {
	opacity: 0; }
  
  .fadeLeft.on {
	animation-name: fadeLeftAnime;
	animation-duration: 0.75s;
	animation-fill-mode: forwards; }
  
  @keyframes fadeLeftAnime {
	from {
	  opacity: 0;
	  transform: translateX(-50px); }
	to {
	  opacity: 1;
	  transform: translateX(0); } }
  .fadeRight {
	opacity: 0; }
  
  .fadeRight.on {
	animation-name: fadeRightAnime;
	animation-duration: 0.75s;
	animation-fill-mode: forwards; }
  
  @keyframes fadeRightAnime {
	from {
	  opacity: 0;
	  transform: translateX(50px); }
	to {
	  opacity: 1;
	  transform: translateX(0); } }
  .eachTextAnime span {
	opacity: 0; }
  
  .eachTextAnime.appeartext span {
	animation: text_anime_on 1s ease-out forwards; }
  
  @keyframes text_anime_on {
	0% {
	  opacity: 0; }
	100% {
	  opacity: 1; } }
  .slide-in {
	overflow: hidden;
	display: inline-block; }
  
  .slide-in_inner {
	display: inline-block; }
  
  .downAnime {
	opacity: 0; }
  
  .slideAnimeDownUp {
	animation-name: slideTextY100;
	animation-duration: 0.8s;
	animation-fill-mode: forwards;
	opacity: 0; }
  
  @keyframes slideTextY100 {
	from {
	  transform: translateY(100%);
	  opacity: 0; }
	to {
	  transform: translateY(0);
	  opacity: 1; } }
  .slideAnimeUpDown {
	animation-name: slideTextY-100;
	animation-duration: 0.8s;
	animation-fill-mode: forwards;
	opacity: 0; }
  
  @keyframes slideTextY-100 {
	from {
	  transform: translateY(-100%);
	  opacity: 0; }
	to {
	  transform: translateY(0);
	  opacity: 1; } }
/*------------------------------------------------------------
	comLinkBox
------------------------------------------------------------*/
.comLinkBox {
	margin-bottom: 130px; }
  
  .comLinkBox a {
	display: flex;
	align-items: center;
	color: #fff !important;
	background: #CEBA7D; }
  
  .comLinkBox .textBox {
	box-sizing: border-box;
	padding: 30px 20px;
	width: 46%;
	text-align: center; }
  
  .comLinkBox .textBox .text01 {
	margin-bottom: 17px;
	font-size: 25px; 
	color: #fff !important;}
  
  .comLinkBox .textBox .text02 {
	font-size: 20px;
	line-height: 1.75;
	letter-spacing: 0.3em; 
	color: #fff !important;}
  
  .comLinkBox .textBox .logo {
	margin-bottom: 24px;
	margin-left: 15px; }
  
  .comLinkBox .pho {
	width: 54%; }
  
  .comLinkBox .pho img {
	width: 100%; }
  
  @media screen and (min-width: 769px) {
	.comLinkBox a:hover {
	  opacity: 0.8; } }
  @media screen and (max-width: 768px) {
	.comLinkBox {
	  margin-bottom: 40px; }
  
	.comLinkBox a {
	  display: block; }
  
	.comLinkBox .textBox {
	  padding: 30px 20px;
	  width: auto; }
  
	.comLinkBox .textBox .text01 {
	  margin-bottom: 15px;
	  font-size: 20px; }
  
	.comLinkBox .textBox .text02 {
	  font-size: 16px; }
  
	.comLinkBox .textBox .logo {
	  margin: 0 0 15px; }
  
	.comLinkBox .pho {
	  width: auto; } }
/*------------------------------------------------------------
	comMoreBtn
------------------------------------------------------------*/
.comMoreBtn {
	width: 250px; }
  
  .comMoreBtn a {
	display: block;
	position: relative;
	color: #808080;
	font-size: 16px;
	font-weight: 400; }
  
  .comMoreBtn a::before {
	width: 100%;
	height: 1px;
	position: absolute;
	left: 0;
	bottom: 1px;
	background: #808080;
	content: ''; }
  
  .comMoreBtn a::after {
	width: 0;
	height: 1px;
	position: absolute;
	left: 0;
	bottom: 1px;
	background: #AFAFAF;
	content: '';
	z-index: 1;
	transition: all 0.3s ease-in-out; }
  
  .comMoreBtn a span {
	padding: 30px 14px;
	display: block;
	position: relative;
	letter-spacing: 0.1em; }
  
  .comMoreBtn a span::after {
	width: 19px;
	height: 20px;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	background: url("../images/icon01.png") no-repeat center center;
	background-size: 100% auto;
	content: '';
	transition: all .3s; }
  
  @media screen and (min-width: 769px) {
	.comMoreBtn a::before {
	  width: 100%;
	  height: 1px;
	  position: absolute;
	  left: 0;
	  bottom: 1px;
	  background: #808080;
	  content: ''; }
  
	.comMoreBtn a:hover::after {
	  width: 100%; }
  
	.comMoreBtn a:hover span::after {
	  right: -5px; } }
  @media screen and (max-width: 768px) {
	.comMoreBtn {
	  width: 200px; }
  
	.comMoreBtn a {
	  font-size: 14px; }
  
	.comMoreBtn a span {
	  padding: 15px 30px 15px 10px; } }

/*--------------各項產品 入口---------------------*/
/* img {
	vertical-align: top;
	max-width: 100%;
	height: auto; } */
#main_top {
	/* background: #F7F9EA; */
	max-width: 1920px;
	margin: 0 auto;
	padding: 100px 0 0;
	overflow: hidden;
}
#main_top .product23 .imgBox {
	margin-bottom: 152px;
	position: relative; }
  
  #main_top .product23 .imgBox .photoBox {
	width: calc(50% + 139px);
	order: 1;
	position: relative; }
  
  #main_top .product23 .imgBoxL .photoBox {
	order: 0; }
  
  #main_top .product23 .imgBox .photoBox a {
	display: block;
	position: relative;
	left: 0;
	top: 0;
	overflow: hidden; }
  
  #main_top .product23 .imgBox .photoBox a img {
	width: 100%; }
  
  @media screen and (min-width: 769px) {
	
	
	
	#main_top .product23 .imgBox .photoBox a img {
	  transition: .3s ease-in-out; }
  
	#main_top .product23 .imgBox .photoBox a:hover img {
	  transform: scale(1.05); } }
  #main_top .product23 .imgBox .photoBox .photo01 {
	margin-left: 80px;
	position: relative; }
  
  #main_top .product23 .imgBoxL .photoBox .photo01 {
	margin-left: 0;
	margin-right: 80px; }
  
  #main_top .product23 .imgBox .photoBox .photo02 {
	margin-top: -106px;
	width: 56.4%;
	position: relative;
	z-index: 1; }
  
  #main_top .product23 .imgBoxL .photoBox .photo02 {
	margin-left: 26.5%; }
  
  #main_top .product23 .imgBox03 .photoBox .photo02 {
	margin-left: 31%; }
  
  #main_top .product23 .imgBox .textBox {
	box-sizing: border-box;
	padding-top: 4px;
	width: calc(50% - 145px); }
  
  #main_top .product23 .imgBoxL .textBox {
	padding-top: 20px;
	width: calc(50% - 193px); }
  
  #main_top .product23 .imgBox .textBox .txtInner {
	width: 100%;
	max-width: 433px;
	margin-left: auto; }
  
  #main_top .product23 .imgBoxL .textBox .txtInner {
	margin-left: 0; }
  
  #main_top .product23 .imgBox .textBox .ttl {
	margin-bottom: 96px;
	padding-bottom: 17px;
	font-size: 23px;
	position: relative; }
  
  #main_top .product23 .imgBoxL .textBox .ttl {
	padding-left: 25px; }
  
  #main_top .product23 .imgBox .textBox .ttl span {
	display: block; }
  
  #main_top .product23 .imgBox .textBox .ttl::after {
	width: 100vh;
	height: 1px;
	position: absolute;
	right: 0;
	bottom: 0;
	background: #808080;
	content: ''; }
  
  #main_top .product23 .imgBoxL .textBox .ttl::after {
	right: auto;
	left: 0; }
  
  #main_top .product23 .imgBox .textBox .imgtext {
	margin-bottom: 74px; }
  
  #main_top .product23 .imgBox .textBox p {
	margin-bottom: 80px;
	font-size: 17px;
	line-height: 1.75; }
  
  #main_top .product23 .imgBox .textBox .comMoreBtn a {
	color: #808080; }
  
  #main_top .product23 .imgBox05 .textBox .imgtext {
	margin-left: -59px; }
  
  #main_top .product23 .imgBox05 {
	margin-bottom: 120px; }

	@media screen and (max-width: 768px) {
		#main_top {
			padding: 60px 0 0;}
		#main_top .product23 .imgBox {
		  margin-bottom: 80px;
		  display: block; }
	  
		#main_top .product23 .imgBox .photoBox {
		  margin-bottom: 0;
		  width: auto; }
	  
		#main_top .product23 .imgBox .photoBox .photo01 {
		  margin: 0 0 10px 20px; }
	  
		#main_top .product23 .imgBoxL .photoBox .photo01 {
		  margin-left: 0;
		  margin-right: 20px; }
	  
		#main_top .product23 .imgBox .photoBox .photo02 {
		  margin-top: 0; }
	  
		#main_top .product23 .imgBox .photoBox a {
		  top: -20px; }
	  
		#main_top .product23 .imgBox .textBox {
		  margin: 0 20px;
		  padding-top: 0;
		  width: auto; }
	  
		#main_top .product23 .imgBoxL .textBox {
		  padding-top: 0;
		  width: auto; }
	  
		#main_top .product23 .imgBox .textBox .txtInner {
		  margin-left: 0;
		  width: auto; 
		max-width: initial;}
	  
		#main_top .product23 .imgBox .textBox .ttl {
		  margin-bottom: 40px;
		  padding-bottom: 10px;
		  font-size: 18px; }
	  
		#main_top .product23 .imgBoxL .textBox .ttl {
		  padding-left: 0; }
	  
		#main_top .product23 .imgBoxL .textBox .ttl::after {
		  right: 0;
		  left: auto; }
	  
		#main_top .product23 .imgBox .textBox .imgtext {
		  margin-bottom: 30px;
		  width: 65%; }
	  
		#main_top .product23 .imgBox .textBox p {
		  margin-bottom: 30px;
		  font-size: 14px; }
	  
		#main_top .product23 .imgBox05 .textBox .imgtext {
		  margin-left: 0; }
	  
		#main_top .product23 .imgBox05 {
		  margin-bottom: 40px; }}