@charset "utf-8";
/* CSS Document */

p{
font-size:18px;

}

.bg01-cover{
padding: 5% 0;
background: #EBF6FF;
margin:5% 0;
}

.text-blue{
color: #036EB7;	
}

.word-break-h1,.word-break-h4{
display:block
}


.subtitle-product-name{
font-size: 20px;
background: #FC9142;
color: #fff;
padding:1% 2%;
margin-bottom: 4%;
display: inline-block;
}

.dims-title h1{
font-size:70px;
line-height: 5rem;
color:#036EB7;
font-family: 'Roboto', sans-serif;
margin-bottom: 2%;
}

.subtitle-h1{
font-size: 35px;
line-height: 2.5rem
}

.dims-box{
display: block;
/*margin-right:2%;*/
}

.pic-radius img{
border-radius: 30px;
}


.dims-title h2{ 
font-size:50px;
margin-bottom: 3%;
}

.dims-title h4{
font-size:45px;
margin-bottom: 2%;
line-height: 3.7rem;
}


.dims-title h5{
color:#036EB7;
font-size:22px;
}


.dims-title h6{
font-size: 20px;
color:#036EB7;
margin:5% 0;
/*border: 1px #000 solid;*/
padding: 1%;
/*	border-radius: 10px;*/
}

.orange-tag{
background: #FC9142;
color: #fff;
padding: 0.5% 1%;
margin-right: 1%;
border-radius: 5px;
}


/*要保/理賠流程表*/

.dims-process-box{
margin:6%;
}


.dims-proccess-title h5{
font-size:22px;
margin-bottom: 1%;
line-height: 2rem;
}

.dims-proccess-title-box {
margin-bottom: 7%;
}



.dims-success p{
line-height: 1.5rem;
}


/*media query*/

/*Large devices (desktops, less than 1200px)for筆電*/
@media screen and (max-width: 1600px) {

.subtitle-product-name{
font-size: 20px;
background: #FC9142;
color: #fff;
padding:1% 2%;
margin-bottom: 4%;
display: inline-block;
}

.dims-title h1{
font-size: 62px;
line-height: 4.8rem;
color:#036EB7;
font-family: 'Roboto', sans-serif;
margin-bottom: 2%;
}

.subtitle-h1{
font-size: 35px;
}

}

/*Large devices (desktops, less than 1200px)for筆電*/
@media screen and (max-width: 1400px) {
.subtitle-product-name{
font-size: 20px;
background: #FC9142;
color: #fff;
padding:1% 2%;
margin-bottom: 4%;
display: inline-block;
}

.dims-title h1{
font-size: 43px;
line-height: 3.3rem;
color:#036EB7;
font-family: 'Roboto', sans-serif;
margin-bottom: 2%;
}

.subtitle-h1{
font-size: 25px;
line-height: 2.2rem;
}

.dims-title h2 {
font-size: 40px;
margin-bottom: 1%;
}

.dims-title h4 {
font-size: 33px;
margin-bottom: 2%;
line-height: 2.8rem;
}	

.dims-title h5,.dims-proccess-title h5{
font-size:20px;
}

.dims-proccess-title-box {
margin-bottom: 4%;
}
	
}


/*Large devices (desktops, less than 1200px)*/
@media screen and (max-width: 1199.98px) {
.section-padding {
padding: 80px 0 10px 0;
}
.subtitle-product-name{
font-size: 19px;
background: #FC9142;
color: #fff;
padding:1% 2%;
margin-bottom: 3%;
display: inline-block;
}

.dims-title h1{
font-size: 45px;
line-height: 3.3rem;
color:#036EB7;
font-family: 'Roboto', sans-serif;
margin-bottom: 2%;
}

.subtitle-h1{
font-size: 24px;
line-height: 2rem;
}

.dims-proccess-title img{
margin-bottom:5%;

} 	
}


/*Medium devices (tablets, less than 992px)*/

/*.col<576px(Extra small)/ .col-sm-≥576px(Small)/.col-md-≥768px(Medium)/
.col-lg-≥992px(Large)/.col-xl-≥1200px(Extra large)*/
@media screen and (max-width: 991.98px) {
	
.subtitle-product-name{
font-size: 20px;
background: #FC9142;
color: #fff;
padding:1% 2%;
margin-bottom: 4%;
display: inline-block;
margin-top: 10%;
}
	
.dims-title h1{
font-size: 60px;
line-height: 4rem;
color:#036EB7;
font-family: 'Roboto', sans-serif;
margin-bottom: 1%;
}
.subtitle-h1{
font-size: 30px;
}
		
.dims-title h4 {
font-size: 30px;
margin-bottom: 2%;
line-height: 3rem;
}
	
.word-break-h1{
display: inline;
}
.subtitle-h1{
display: inline;
}

}

/*Small devices (landscape phones, less than 768px)*/
@media screen and (max-width: 767.98px) { 
.section-padding {
padding: 60px 0 10px 0;
}	
.subtitle-product-name{
font-size: 20px;
background: #FC9142;
color: #fff;
padding:1% 2%;
margin-bottom: 3%;
display: inline-block;
margin-top: 10%;
}
	
.dims-title h1{
font-size: 47px;
line-height: 3.5rem;
color:#036EB7;
font-family: 'Roboto', sans-serif;
margin-bottom: 1%;
}
.subtitle-h1{
font-size: 24px;
line-height: 2rem;	
}
.dims-title h2 {
font-size: 35px;
line-height: 2.8rem;
margin-bottom: 3%;
}


.dims-title h4 {
font-size: 32px;
margin-bottom: 2%;
line-height: 2.8rem;
}	
	
.word-break-h1{
display: inline;
}
.subtitle-h1{
display: inline;
}

.word-break-h4{
display: inline;
}	
}

/*Extra small devices (portrait phones, less than 576px)*/

@media screen and (max-width: 575.98px) { 
.section-padding {
padding: 60px 0 10px 0;
}	
.dims-title h1{
font-size: 28px;
line-height: 2rem;
color:#036EB7;
font-family: 'Roboto', sans-serif;
margin-bottom: 1%;
}
.subtitle-h1{
font-size: 20px;
line-height: 1.2rem;
}	
.dims-title h2{
font-size: 28px;
line-height: 2.2rem;
margin-bottom: 3%;
}
	
.dims-title h4 {
font-size: 24px;
margin-bottom: 3%;
line-height: 2.2rem;
}	
.dims-success p{
margin: 0 0 5% 0;
font-size:15px;
}
.bg01-cover {
padding: 10% 0;
background: #EBF6FF;
margin: 10% 0;
}
.word-break-h4{
display: inline;
}
}