.service-public-body{background: #f9f5f2;}
.service-public-h1{font-size: 30px;font-weight: bold;color: #F3E9DF;background: #8b776d;padding: 15px 0;text-align: center;margin: 0;}
.service-public-banner img{width: 100%;vertical-align: middle;}
.card-grid-3{padding: 40px 120px;}
.service-public-background{background: url(/assets/images/service/sample/background-pc-1.png) no-repeat center;background-size: cover;}
.service-public-h2{text-align: center;color: #8B776D;font-size: 26px;font-weight: bold;margin: 0;}
.card-grid-3-ul{font-size: 0;padding-top: 20px;}
.card-grid-3-ul li{display: inline-block;vertical-align: top;width: 33.33%;padding: 0 15px;margin-top:15px;}
.card-grid-3-li{border-radius: 10px;overflow: hidden;}
.card-grid-3-li img{width: 100%;vertical-align: middle;border-radius: 10px;}
.card-grid-3-bottom{padding: 15px 0 0 0;}
.service-public-h3{text-align: center;color: #8B776D;font-size: 22px;font-weight: bold;margin-bottom: 10px;line-height: 30px;}
.service-public-background .service-public-h3{font-size: 18px;line-height: 23px;}
.card-grid-3-text{color: #939393;font-size: 16px;line-height: 20px;padding: 0 20px;text-align: center;min-height:40px;}
.service-public-icon{display: inline-block;width: 78px;height: 41px;vertical-align: middle;margin-bottom: 5px;}
.card-grid-3-bordered{padding: 40px 45px;background: #f9f5f2;}
.card-grid-3-bordered ul{font-size: 0;margin-top: 10px;}
.card-grid-3-bordered li{display: inline-block;vertical-align: top;width: 33.33%;padding: 0 15px;}
.card-grid-3-bordered-li{background: #fff;border-radius: 15px;padding: 15px 20px;margin-top: 30px;position: relative;text-align: center;}
.card-grid-3-bordered-li img{width: 100%;vertical-align: middle;margin: 5px 0 20px 0;}
.service-public-h4{display: inline-block;border-radius: 50px;background: #6a966f;color: #fff;font-size: 20px;font-weight: bold;line-height: 34px;padding: 0 15px;margin-bottom: 10px;margin-top: 5px;}
.card-grid-3-bordered-text{color: #939393;font-size: 18px;line-height: 25px;text-align: center;min-height: 76px;}
.card-grid-3-bordered-icon{font-style: normal;width: 56px;height: 56px;border-radius: 50%;background: #6c438e;color: #fff;font-size: 36px;font-family: 'robotomedium';display: block;position: absolute;left: 50%;margin-left: -28px;top: -28px;text-align: center;line-height: 56px;}
.faq-list{background:#f9f5f2;padding: 50px 50px;}
.faq-list-main{background: #fff;border-radius: 15px;margin-top: 50px;padding: 10px 15px;box-shadow: 0px 0px 5px rgba(236,239,232);}
.faq-list-main ul li{border-bottom: 1px dotted #8B776D;padding: 15px 10px;}
.faq-list-text{color: #939393;font-size: 16px;line-height: 25px;}
.faq-list-text p{color: #939393;font-size: 16px;line-height: 25px;}
.faq-list-text strong{color: #D3674F;font-weight: bold;}
.faq-list-text a{color: #4d79ed;text-decoration: underline!important;}
.faq-list .service-public-h3{text-align: left;font-size: 20px;}
.faq-list .service-public-h3 em{font-style: normal;font-size: 20px;margin-right: 10px;font-weight: bold;font-family: "微軟正黑體";}
.faq-list-main ul li:last-child{border-bottom: none;}
.faq-list ol li{border: none;padding: 0!important;line-height: 25px;list-style-type: decimal;}
.faq-list ol{padding: 0!important;margin: 0;padding-left:30px!important;}
.note-list{padding: 0 50px 40px 50px;background: #f9f5f2;}
.note-list-group{padding-top: 40px;}
.note-list-group .service-public-h2 span{color: #D3674F;}
.note-list-main li{list-style-type:decimal;color: #939393;font-size: 16px;line-height: 25px;padding: 5px 0;}
.note-list-main{background: #fff;border-radius: 20px;padding: 10px 25px 10px 50px;margin-top: 40px;}
.note-list-main li::marker{color: #8B776D;}
.service-public-principle-image{font-size: 0;}
.service-public-principle-image li{display: inline-block;vertical-align: top;box-sizing: border-box;padding: 0 15px;width: 33.33%;}
.service-public-principle-image li img{border-radius: 50%;border: 2px solid #a991bc;}
.note-list-main strong{color: #D3674F;}
.service-public-text{color: #939393;font-size: 18px;line-height: 25px;}
.service-public-text strong{color: #A38A78;font-weight: bold;}
.service-public-text p{margin-top: 20px;}
.two-col-text-left .service-public-text p{margin-top: 0px!important;}
.two-col-text-left-main{display: table;}
.two-col-text-left-text{width: 50%;box-sizing: border-box;padding: 0 60px;display: table-cell;vertical-align: middle;}
.two-col-text-left-main img{width: 100%;display: table-cell;}
.two-col-text-left-main .image-mobile{display: none;}
.two-col-text-left .service-public-h2 img{width: 20px;vertical-align:-3px;margin-right: 5px;}
.two-col-text-left .service-public-h2{text-align: left;margin-bottom: 20px;}
.card-list-left{padding: 40px 50px 20px 50px;background: url(/assets/images/service/sample/background-pc-2.png) no-repeat center;background-size: cover;}
.card-list-left .service-public-text p{margin: 0!important;}
.card-list-left-list img{border-radius: 20px;display: table-cell;max-width: 360px;}
.card-list-left-list{display: table;margin-bottom: 20px;}
.card-list-left-list-content .service-public-h3{text-align: left;margin-bottom: 10px;color: #A38A78;}
.card-list-left-list-content{display: table-cell;vertical-align: middle;padding-left: 40px;}
.card-list-left .service-public-h2{margin-bottom: 40px;} 
@media (min-width: 1080px){
	.faq-list-text a:hover{opacity: 0.8;}
}
@media (max-width: 1081px){
	.two-col-text-left-main img{width: 100%;}
	.service-public-h1{font-size: 20px;padding: 5px 0;}
	.service-public-content{padding: 0 5px;}
	.card-grid-3{padding:15px 0;}
	.service-public-principle-right{position: static;height: auto!important;width: 80%;display: block;margin: 0 auto;}
	.card-grid-3 .service-public-h2{padding-bottom: 0;}
	.card-grid-3-ul{padding: 0 15px;padding-top: 10px;}
	.card-grid-3-ul li{width: 50%;margin-top: 5px;padding: 0 10px;}
	.service-public-container{padding-left: 0;padding-right: 0;margin: 0!important;}
	.service-public-h2{font-size: 19px;padding-bottom: 10px;}
	.service-public-h3{font-size: 17px;line-height: 22px;}
	.service-public-background .service-public-h3{font-size: 17px;}
	.service-public-h3 span{display: block;font-size: 17px;}
	.card-grid-3-text{font-size: 15px;padding: 0 10px;line-height: 20px;}
	.card-grid-3-other .card-grid-3-text{min-height: 100px;}
	.card-grid-3-bottom{padding: 10px 0;}	
	.service-public-icon{width: 48px;height: 25px;}
	.card-grid-3-bordered{padding: 20px 5px;}
	.card-grid-3-bordered li{padding: 0 5px;}
	.card-grid-3-bordered-icon{width: 28px;height: 28px;line-height: 28px;font-size: 16px;margin-left: -14px;top: -14px;}
	.card-grid-3-bordered-li{padding: 10px 10px;margin-top: 10px;}
	.card-grid-3-bordered ul{margin-top: 0;}
	.card-grid-3-bordered-text{font-size: 15px;min-height: 60px;line-height: 20px;}
	.service-public-h4{font-size: 16px;line-height: 22px;padding: 0 10px;}
	.card-grid-3-bordered-li img{margin: 5px 0 10px 0;}
	.faq-list{padding: 25px 0;}
	.faq-list-main{margin-top:10px;padding: 10px 10px;}
	.faq-list .service-public-h3{font-size: 16px;}
	.faq-list .service-public-content{padding: 0 10px;}
	.faq-list-main ul li{padding: 15px 0;}
	.faq-list .service-public-h3 em{margin-right: 7px;}
	.faq-list-text p{font-size: 13px;margin-top: 0;line-height: 20px;}
	.faq-list-text{font-size: 13px;line-height: 20px;}
	.note-list-group{padding-top: 30px;}
	.note-list-main{margin-top: 10px;padding: 10px 10px 10px 30px;}
	.note-list-main li{font-size: 13px;padding: 0;line-height: 20px;}
	.note-list{padding-bottom: 30px;padding: 0 10px 20px 10px;}
	.card-grid-3-other .service-public-h3 span{display: block;font-size: 17px;}
	.service-public-text{font-size: 15px;line-height: 22px;}
	.service-public-text p{margin-top: 5px;}
	.two-col-text-left-text{padding: 0 30px;padding-top: 30px;}
	.two-col-text-left .service-public-h2{margin-bottom: 5px;}
}
@media (max-width: 767px){
	.service-public-background{background: url(/assets/images/service/sample/background-mobile-1.png) no-repeat;background-size: cover;}
	.card-grid-3-bordered li{width: 50%;}
	.card-grid-3-bordered .service-public-h3{font-size: 16px;margin-bottom: 5px;}
	.card-grid-3-bordered{padding: 20px 0;}
	.two-col-text-left-text{width: 100%;text-align: center;box-sizing: border-box;padding: 0 45px;display: block;}
	.two-col-text-left .service-public-h2{text-align: center;}
	.service-public-background .service-public-h3{min-height: 46px;}
	.service-public-h2{line-height: 24px;}
	.service-public-h2 span{display: block;}
	.note-list .service-public-h2 span{display: inline-block;}
	.card-grid-3-bordered-text{min-height: 100px;}
	.card-list-left{padding: 20px 40px 10px 40px;background: url(/assets/images/service/sample/background-mobile-2.png) no-repeat center;background-size: cover;}
	.card-list-left-list-content{position: static;margin-top: 0;text-align: center;padding: 0 15px;}
	.card-list-left-list-content .service-public-h3{text-align: center;margin: 10px 0;}
	.card-list-left-list img{width: 100%;display: block;}
	.card-list-left-list-content{display: block;}
	.card-list-left-list{margin-bottom: 10px;}
	.card-list-left .service-public-h2{margin-bottom: 20px;} 
	.two-col-text-left-main .image-mobile{display: block;}
	.two-col-text-left-main .image-pc{display: none;}
	.service-public-background .service-public-h3{width: 120px;margin: 0 auto 10px auto;}
	.faq-list-text,.note-list-main li{font-size: 15px;line-height: 25px;}
}