@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@600&display=swap');
h1.syis,h2.ptit{font-family: 'Noto Serif TC', serif; font-size:30px; color:#663300;}
.dtit{position:relative; padding-bottom:10px;}
.dtit::before{content:""; width:2em; height:2px; background:#663300; display: block; position:absolute; bottom:-2px; left:50%; transform:translateX(-50%);}
.list h3.subject{font-family: 'Noto Serif TC', serif;}
.Ct0003_all .side{display: none;}
.Ct0003_all .main{width:100%;}
.MBLayout h1{width:66%; float:right;}
.MBLayout figure{width:33%;}
.MBLayout .innerhtml.sum{width:66%; padding-left:2em;}
.MBLayout .innerhtml{margin-top:2em;}
.ServiceList .main .list .frm{border-bottom:1px solid #ccc;}
.ServiceList .main .list .innerhtml,.ServiceBigCat .main .list .innerhtml{font-size:18px; color:#000; padding-bottom:1em;}
.ServiceList .main .list .table{width:100%; font-size:16px; color:#333; line-height: 160%;}
.ServiceList .main .list .table td{padding:0.5em 3px; background:#efefef;}
.ServiceList .main .list .table td:nth-of-type(1){width:8em; font-weight:bold;}
.ServiceList .main .list .table td:nth-of-type(2){width:4em;}

.ServiceList .main .list.classlist h3.subject{font-size:28px; padding-bottom:0;}
.ServiceList .main .list.classlist .frm,.ServiceList .main .list.classlist{border:none; padding:0; margin-bottom:0;}
.ServiceList .main .list h3.subject{color:#663300; font-family: 'Noto Serif TC', serif; font-size:24px;}
.ServiceList .side.top{font-family: 'Noto Serif TC', serif;}
.ServiceList .side.top .subnav ul li a{font-size:20px;}
.ServiceBigCat .side{display:none;}
.ServiceBigCat .main .list h3.subject{font-size:30px; color:#663300; font-family: 'Noto Serif TC', serif;   padding-left:3px;}
.ServiceBigCat .main .list .frm{border:1px solid #efefef; background:#f6f0e6; text-align: center; box-shadow:0 3px 3px rgba(0,0,0,0.1);}
.ServiceBigCat .main .list .more{text-align:center; font-size:16px;}
.ServiceBigCat .main .list .more span{display:inline-block; padding:4px 1em; border-radius:1em; background:#666666; color:#fff; letter-spacing: 2px; }
.ServiceBigCat .main .list .frm:hover{box-shadow:0 10px 10px rgba(0,0,0,0.3);}

.coffee .list h3.subject{text-align: center;}
.coffeeDetail h1.syis{text-align: center;}
.coffeeDetail .main .btn{text-align: center;}

.farewellDetail h1.syis{text-align: center;}

/*A0604*/
.A0604 .list h3.subject{font-weight:normal; width:calc(100% - 5em); display:inline-block;}
.A0604 .list .more{width:5em; display:inline-block;}
.A0604 .list .more span{display:inline-block; border-radius:1em; padding:2px 6px; background:#666; color:#fff;}
.A0604 .list h3.subject .foricon{padding:5px; opacity:.5; }
.A0604 .list{border-bottom:1px dotted #999; padding:0; margin:0;}
.A0604 .list .frm{padding:0;}
.A0604 .list .frm:hover .more span{background:#333;}
.tagarea{list-style:none; margin:2em 0 0 0; padding:0; position:relative;}
.tagarea::after{content:""; width:100%; height:15vh; display:block;  background:linear-gradient(#f6f0e6 50%,rgba(255,255,255,0)); position:absolute; top:100%; left:0; z-index: -1;}
.tagarea li{display:inline-block; padding:0.3em 1em; border-radius:15px 15px 0 0; border-bottom:none; width:33%; font-size:28px; font-family: 'Noto Serif TC', serif; background:#f5f5f5; color:#999; cursor: pointer;}
.tagarea li:hover{color:#000;}
.tagarea li.hit{ background:#f6f0e6; color:#333;}
@media screen and (max-width:1286px){/*desktop*/
	
}
@media screen and (max-width:960px){/*desktop-small pad*/
	
}
@media screen and (max-width:767px){/*phone*/
.ServiceList .main .list .table td{padding:5px 3px; background:#efefef; font-size:14px;}
.ServiceList .main .list .table td:nth-of-type(1){width:2em;}
.ServiceList .main .list .table td:nth-of-type(2){width:3em;}
.ServiceList .main .list .table td:nth-of-type(3){width:4em;}
.tagarea li{font-size:17px;}
}