@charset "utf-8";
/* CSS Document */
@media (max-width: 1200px){
.step{
padding-right: 15%;
}
}
@media (max-width: 1150px){
.step{
padding-right: 20%;
}
}
@media (max-width: 1112px){
.step{
padding-right: 26%;
}
}
@media (max-width: 1010px){
.step{
padding-right: 35%;
}
}
@media (max-width: 997px){
.step{
padding-right: 0%;
}
}
@media (max-width: 865px){}
.step{
padding-right: 15;
}
@media (max-width: 771px){
.step{
padding-right: 14%;
}
@media (max-width: 768px){
.step{
padding-right: 0%;
}
.detail {
	width: 100%;
	padding: 5% 5%;
}
.boxs2{
width: 100%;
}
}
@media (max-width: 660px){
	.detail .txt{
	font-size: 1.1rem;
	text-indent: -1.1rem;
    padding-left: 1.1rem;
	 margin-top: 3%;
	}
	.detail .txt2{
	font-size: 1.1rem;
	}
	.detail .txt br{
display: none;
}
.btn{
margin-bottom: 5%;
}
.owl-theme .owl-nav.disabled+.owl-dots {
margin-bottom: 5%;
}
}
@media (max-width: 576px){
.subtitle h2{
font-size: 1.6rem;
text-align: center;
margin-top: 3%;
}
.nav-link{
font-size: 1.1rem;
}
.my-4 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
}
.writ{
font-size: 1.2rem;
line-height: 1.6;
padding-bottom: 3%;
}
.img-fluid{
max-width: 25%;
    height: auto;
	margin-bottom: 4%;
}
.detail{
width: 100%;
padding:5% 5%;
            margin-top: 11%;
            margin-bottom: 11%;
}
.step {
        padding-right: 3%;
    }
	.precautions {
    width: 100%;
}
.py-5{
padding-bottom: 1rem !important;
}
  .line{
	 width: 100%;
	 }
	.line2{
	 margin-bottom: 3%;
	 }
	 .line3{
	 margin-bottom: 9%;
	 }
	 .boxs{
	 margin-bottom: 11%;
	 }
	.precautions ol{
	padding-left: 1rem;
	}
	.end{
	width: 100%;
	}
	.btn-group{
	margin-bottom: 5%;
	}
	.line88{
	margin-bottom: 5%;
	}
	.line5{
	margin-top: 10%;
	margin-bottom: 10%;
	}
	.line6{
	margin-bottom: 9%;
	}
	.line9{
	margin-bottom: 10%;
	}
	.line10{
	margin-top: 8%;
	margin-bottom: 8%;
	}
	.btn-group{
	margin-bottom: 9%;
	}
	.open{
	margin-bottom: 8%;
	}
	.pp{
	width: 100%;
	}
	.end2{
	width: 100%;
	}
}
@media (max-width: 440px){
li.tab-01 .nav-link {
    padding-top: 15px;
    padding-bottom: 15px;
}
.nav-link{
font-size: 1rem;
}
.btn-group{
	display: block;
	margin: auto;
	margin-left: 20%;
	margin-top: 5%;
	}


 .boxs{
    table-layout:fixed !important;
    width:100% !important;
    word-wrap:break-word !important;
  }
  .boxs tr > th.left2,
 .boxse tr > td.left2{
    width:20% !important;
    white-space:normal !important; /* ✅可換行，顯示完整字 */
    overflow:visible !important;
    text-overflow:clip !important;
  }
  .boxs tr > th.center2,
  .boxs tr > td.center2{
    width:30% !important;
  }
.boxs tr > th.right23,
  .boxse tr > td.right23{
    width:50% !important;
  }
  .boxs th,
  .boxs td{
    font-size:0.8rem;
	line-height: 1;
/*    padding:6px;*/
  }
}


	.boxs .left{
font-size: .9rem;
}
.boxs .center{
font-size: .9rem;
}
.boxs .center2{
font-size: .9rem;
}
.boxs .right{
font-size: .9rem;
padding: 8px;
}
.boxs .left2{
font-size: .9rem;
}
.boxs .right23{
font-size: .9rem;
}
.boxs2 .left_b{
font-size: .9rem;
}
.boxs2 .right_b{
font-size: .9rem;
}
.boxs2 .left_b2{
font-size: .9rem;
}
.boxs2 .right_b2{
font-size: .9rem;
}
.precautions ol li {
    font-size: .9rem;
    line-height: 1.7;
}
.end{
font-size: .9rem;
}
}
@media (max-width: 390px){
.btn-group{
/*padding-left: 20%;*/
}
.step {
        padding-right: 18%;
    }
li.tab-01 .nav-link {
            padding-top: 15px;
            padding-bottom: 20px;
        }
}
@media (max-width: 375px){
.px-5{
padding-right: 1rem !important;
    padding-left: 1rem !important;
}

    li.tab-01 .nav-link.active {
        padding-bottom: 12%;
    }
}
@media (max-width: 360px){
.step{
padding-right: 25%;
}
}