.container-fluid001 {
  width: 100%;
  padding-right: var(--bs-gutter-x, 0rem);
  padding-left: var(--bs-gutter-x, 0rem);
  margin-right: auto;
  margin-left: auto;
}
.b-example-divider {
  height: 0.5rem;
  background-color: rgba(0, 0, 0, .0.5);
  border: solid rgba(0, 0, 0, .15);
  border-width: 1px 0;
  box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
}
.b-example-divider01 {
  height: 0.13rem;
  background-color: rgba(0, 0, 0, .0.5);
  border: solid rgba(0, 0, 0, .15);
  border-width: 1px 0;
  box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
}
/* 分類標題 */
.top001-name {
 font-size: 1.3rem;
 font-weight: 600;
 text-align: center;/* center left */
 color: #152FB1;
 line-height: 1.3rem;/* 行間 */
 letter-spacing: 1px;/* 字間 */
 padding: 0rem;
 margin: 0.0rem 0rem 0rem 0rem;
}
@media (min-width: 600px) and (max-width: 800px) {
.top001-name {
 font-size: 1.5rem;
 font-weight: 600;
 text-align: center;/* center left */
 color: #152FB1;
 line-height: 1.3rem;/* 行間 */
 letter-spacing: 1px;/* 字間 */
 padding: 0rem;
 margin: 0.0rem 0rem 0.1rem 0rem;
}
}
@media (min-width: 800px) and (max-width: 1024px) {
.top001-name {
 font-size: 1.5rem;
 font-weight: 600;
 text-align: center;/* center left */
 color: #152FB1;
 line-height: 1.3rem;/* 行間 */
 letter-spacing: 1px;/* 字間 */
 padding: 0rem;
 margin: 0.0rem 0rem 0.1rem 0rem;
}
}
@media (min-width: 1024px) and (max-width: 1280px) {
.top001-name {
 font-size: 1.5rem;
 font-weight: 600;
 text-align: center;/* center left */
 color: #152FB1;
 line-height: 1.3rem;/* 行間 */
 letter-spacing: 1px;/* 字間 */
 padding: 0rem;
 margin: 0.0rem 0rem 0.1rem 0rem;
}
}
@media (min-width: 1280px) and (max-width: 1400px) {
.top001-name {
 font-size: 1.5rem;
 font-weight: 600;
 text-align: center;/* center left */
 color: #152FB1;
 line-height: 1.3rem;/* 行間 */
 letter-spacing: 1px;/* 字間 */
 padding: 0rem;
 margin: 0.0rem 0rem 0.1rem 0rem;
}
}

@media (min-width: 1400px) and (max-width: 1600px) {
.top001-name {
 font-size: 1.5rem;
 font-weight: 600;
 text-align: center;/* center left */
 color: #152FB1;
 line-height: 1.3rem;/* 行間 */
 letter-spacing: 1px;/* 字間 */
 padding: 0rem;
 margin: 0.0rem 0rem 0.1rem 0rem;
}
}
@media (min-width: 1600px) and (max-width: 1920px) {
.top001-name {
 font-size: 1.5rem;
 font-weight: 600;
 text-align: center;/* center left */
 color: #152FB1;
 line-height: 1.3rem;/* 行間 */
 letter-spacing: 1px;/* 字間 */
 padding: 0rem;
 margin: 0.0rem 0rem 0.1rem 0rem;
}
}
/* 分類標題 */

/* 軟體下載布局 */
/* 框架 */
.soft001-by {
 border: 1px solid #EB0A0A;
 padding: 0rem 0rem 0em 0rem;
 margin: 0rem 0rem 0rem 0rem;
 }
@media (min-width: 600px) and (max-width: 800px) {
.soft001-by {
 border: 1px solid #EB0A0A;
 padding: 0rem 0rem 0em 0rem;
 margin: 0rem 0rem 0rem 0rem;
 }
}
@media (min-width: 800px) and (max-width: 1024px) {
.soft001-by {
 border: 1px solid #EB0A0A;
 padding: 0rem 0rem 0em 0rem;
 margin: 0rem 0rem 0rem 0rem;
 }
}
@media (min-width: 1024px) and (max-width: 1280px) {
.soft001-by {
 border: 1px solid #EB0A0A;
 padding: 0rem 0rem 0em 0rem;
 margin: 0rem 0rem 0rem 0rem;
 }
}
@media (min-width: 1280px) and (max-width: 1400px) {
.soft001-by {
 border: 1px solid #EB0A0A;
 padding: 0rem 0rem 0em 0rem;
 margin: 0rem 0rem 0rem 0rem;
 }
}

@media (min-width: 1400px) and (max-width: 1600px) {
.soft001-by {
 border: 0px solid #EB0A0A;
 padding: 1.5rem 0rem 1.5em 0rem;
 margin: 0rem 0rem 0rem 0rem;
 }
 .soft001-by01 {
 border: 1px solid #EB0A0A;
 padding: 0rem 0rem 0em 0rem;
 margin: 0rem 0rem 0rem 0rem;
 }	
.soft001gap-v {
  gap: 1rem !important;
}
}
@media (min-width: 1600px) and (max-width: 1920px) {
.soft001-by {
 border: 0px solid #EB0A0A;
 padding: 0rem 0rem 0em 0rem;
 margin: 0rem 0rem 0rem 0rem;
 }
}
/* 框架 */
/* 產品框架 */
.soft001-mo { 
 border: 1px solid #EB0A0A;
 padding: 0rem;
 margin: 0rem 0rem 0rem 0rem;
}
/* 產品圖框 */
.soft001-mo1 { 
 width: ;
 height: ; 
 border: 1px solid #EB0A0A;
 padding: 0rem 0rem 0rem 0rem;
 margin: 0rem 0rem 0rem 0rem;
}
/* 產品圖 */
/* 軟體說明 */
.soft001-mo2 {  
 border: 1px solid #EB0A0A;
 padding: 0rem 0rem 0rem 0rem;
 margin: 0rem 0rem 0rem 0rem;
}
.soft001-txt {
 font-size: 0.9rem;
 font-weight: 500;
 text-align: left;/* center left */
 color: #464646;
 line-height: 1.38rem;/* 行間 */
 letter-spacing: 0.1px;/* 字間 */
 padding: 0rem 0rem 0rem 0rem;
 margin: 0rem 0rem 0rem 0rem;
}
.soft001-stitle {
 font-size: 1.3rem;
 font-weight: 600;
 text-align: left;/* center left */
 color: #0A4978;
 line-height: ;/* 行間 */
 letter-spacing: 0.1px;/* 字間 */
 padding: 0rem 0rem 0.19rem 0rem;
 margin: 0rem 0rem 0rem 0rem;
}
/* 軟體說明 */

/* 軟體功能 */
.soft001-functiontxt {
 font-size: 1.0rem;
 font-weight: 500;
 text-align: left;/* center left */
 color: #204370;
 line-height: 1.48rem;/* 行間 */
 letter-spacing: 0.1px;/* 字間 */
 padding: 0rem 1rem 0rem 0rem;
 margin: 0rem 0rem 0rem 1rem;
}
.soft001-functionicon {
 width: 1.6rem; 
 height: 1.6rem;
 padding: 0rem 0rem 0.3rem 0rem;
 margin: 0rem 0rem 0rem 0rem;
}
/* 軟體功能 */

/* 產品框架 */

/* 產品標題 */
.soft001-icon {
 font-size: 1.5rem;
 font-weight: 600;
 border-radius:50%;
 background-color: #152FB1;
 text-align: center;/*  Center:置中 Right:靠右對齊 left:靠左對齊 justify:左右對齊 */
 color: #fff;
 padding: 0.25rem 0.7rem 0.25rem 0.7rem;
 margin: 0.1rem 0rem 0.3rem 0rem;
}
.soft001-name {
 font-size: calc(1.7rem + 0.1vw);
 font-weight: 600;
 text-align: left;/* center left */
 color: #262626;
 line-height: 1.9rem;/* 行間 */
 letter-spacing: 1px;/* 字間 */
 padding: 0.1rem 0.5rem 0rem 0.5rem;
 margin: 0.1rem 0.8rem 0.3rem 0rem;
}	
/* 產品標題 */



	


.soft001-mo2a { 
 border-top: 0px solid #C7C7C7;
 border-right: 0px solid #EA181C;
 border-bottom: 0px solid #EA181C;
 border-left: 0px solid #EA181C;
 border: 0px solid #EB0A0A;
 padding: 0rem 0rem 0rem 0rem;
 margin: 0rem 1rem 0rem 1rem;
}
.soft001-mo3 { 
 border-top: 0px solid #C7C7C7;
 border-right: 0px solid #EA181C;
 border-bottom: 0px solid #EA181C;
 border-left: 0px solid #EA181C;
 border: 0px solid #EB0A0A;
 padding: 0rem 0rem 0rem 0rem;
 margin: 0rem 0rem 0rem 0rem;
}	
.soft001-nt {
 font-size: 1.7rem;
 max-width: 600px;
 text-align: Right;/*  Center:置中 Right:靠右對齊 left:靠左對齊 justify:左右對齊 */
 color: #F21010;
 line-height: 1.7rem;/* 行間 */
 letter-spacing: 0.5px;/* 字間 */
 padding: 0rem 0.5rem;
 margin: 0.0rem;
}	
.soft001-nt1 {
 font-size: 1rem;
 max-width: 600px;
 text-align: Right;/* Center:置中 Right:靠右對齊 left:靠左對齊 justify:左右對齊*/
 color: #464646;
 line-height: 1.7rem;/* 行間 */
 letter-spacing: 0.5px;/* 字間 */
 padding: 0rem;
 margin: 0.5rem 0.0rem 0.0rem 0.0rem;
}	
.soft001-buy {
 font-size: 1.0rem;
 font-weight: 600;
 text-align: center;/* center left */
 color: #464646;
 line-height: 1.59rem;/* 行間 */
 letter-spacing: 0.5px;/* 字間 */
 padding: 0rem 0rem 0.19rem 0rem;
 margin: 0.1rem 0rem 0rem 0rem
}
.soft001-btn {
 padding: 0rem  0rem 0rem 0rem;
 margin: 2rem 0rem 2rem 0rem; 
 text-align: center;/* center left */  
}
.soft001-btn01 {
 border: none;
 color: #fff;
 font-size: 1.1rem;
 padding: 0.35rem 0.5rem 0.35rem 0.5rem;
 margin: 0.4rem 0.4rem 0.4rem 0.4rem;
 line-height: 0rem;/* 行間 */
 letter-spacing: 2px;/* 字間 */
 background-color: #1D2983;
 border: 1px solid #1D2983;
 border-radius: 0.3rem;
}
.soft001-btn01:hover {  
 color: #1D2983;
 border: 1px solid #1D2983;
 background-color: transparent;
}
.soft001-btn02 {
 border: none;
 color: #fff;
 font-size: 1.1rem;
 text-align: ;/* center left */  
 padding: 0.35rem 0.5rem 0.35rem 0.5rem;
 margin: 0.4rem 0.4rem 0.4rem 0.4rem;
 line-height: 0rem;/* 行間 */
 letter-spacing: 2px;/* 字間 */
 background-color: #136129;
 border: 1px solid #093723;
 border-radius: 0.3rem;
}
.soft001-btn02:hover {  
 color: #136129;
 border: 1px solid #136129;
 background-color: transparent;
}
@media (min-width: 600px) and (max-width: 800px) {

}
@media (min-width: 800px) and (max-width: 1024px) {


}
@media (min-width: 1024px) and (max-width: 1280px) {

}
@media (min-width: 1280px) and (max-width: 1400px) {

}

@media (min-width: 1400px) and (max-width: 1600px) {

	







.soft001-mo1a { 
 width: ; 
 eight: ;
 margin: 0rem 0rem 100rem% 0rem;
}

.soft001-mo3 { 
 border-top: 0px solid #C7C7C7;
 border-right: 0px solid #EA181C;
 border-bottom: 0px solid #EA181C;
 border-left: 0px solid #EA181C;
 border: 0px solid #EB0A0A;
 padding: 0rem 0rem 0rem 0rem;
 margin: 0rem 0rem 0rem 0rem;
}	
.soft001-nt {
 font-size: 1.7rem;
 max-width: 600px;
 text-align: Right;/*  Center:置中 Right:靠右對齊 left:靠左對齊 justify:左右對齊 */
 color: #F21010;
 line-height: 1.7rem;/* 行間 */
 letter-spacing: 0.5px;/* 字間 */
 padding: 0rem 0.5rem;
 margin: 0.0rem;
}	
.soft001-nt1 {
 font-size: 1rem;
 max-width: 600px;
 text-align: Right;/* Center:置中 Right:靠右對齊 left:靠左對齊 justify:左右對齊*/
 color: #464646;
 line-height: 0rem;/* 行間 */
 letter-spacing: 0.5px;/* 字間 */
 padding: 0rem;
 margin: 0.0rem;
}	
.soft001-buy {
 font-size: 1.0rem;
 font-weight: 600;
 text-align: center;/* center left */
 color: #464646;
 line-height: 1.59rem;/* 行間 */
 letter-spacing: 0.5px;/* 字間 */
 padding: 0rem 0rem 0.19rem 0rem;
 margin: 0.1rem 0rem 0rem 0rem
}
.soft001-btn {
 padding: 0rem  0rem 0rem 0rem;
 margin: 0.5rem 0rem 0.5rem 0rem; 
 text-align: center;/* center left */  
}
.soft001-btn01 {
 border: none;
 color: #fff;
 font-size: 1rem;
 padding: 0.35rem 0.8rem 0.35rem 0.5rem;
 margin: 0.4rem 0.4rem 0.4rem 0rem;
 line-height: 3rem;/* 行間 */
 letter-spacing: 2px;/* 字間 */
 background-color: #1D2983;
 border: 1px solid #1D2983;
 border-radius: 0.3rem;
}
.soft001-btn01:hover {  
 color: #1D2983;
 border: 1px solid #1D2983;
 background-color: transparent;
}
.soft001-btn02 {
 border: none;
 color: #fff;
 font-size: 1rem;
 text-align: ;/* center left */  
 padding: 0.35rem 0.8rem 0.35rem 0.5rem;
 margin: 0.4rem 0.4rem 0.4rem 0rem;
 line-height: 3rem;/* 行間 */
 letter-spacing: 2px;/* 字間 */
 background-color: #136129;
 border: 1px solid #093723;
 border-radius: 0.3rem;
}
.soft001-btn02:hover {  
 color: #136129;
 border: 1px solid #136129;
 background-color: transparent;
}
}
@media (min-width: 1600px) and (max-width: 1920px) {

}

/* 軟體下載布局 */



/* 文字 */
.txt-01 {
  font-size: 1rem;
 font-weight: 500;
 text-align: left;/* center left */
 color: #464646;
 line-height: 1.35rem;/* 行間 */
 letter-spacing: 1.2px;/* 字間 */
 padding: 0rem;
 margin: 0.0rem;
 }
@media (min-width: 800px) and (max-width: 1024px) {
.txt-01 {
  font-size: 1rem;
 font-weight: 500;
 text-align: left;/* center left */
 color: #464646;
 line-height: 1.35rem;/* 行間 */
 letter-spacing: 1.2px;/* 字間 */
 padding: 0rem;
 margin: 0.0rem;
 }
}

@media (min-width: 1024px) and (max-width: 1160px) {
.txt-01 {
  font-size: 2rem;
 font-weight: 500;
 text-align: left;/* center left */
 color: #464646;
 line-height: 1.35rem;/* 行間 */
 letter-spacing: 1.2px;/* 字間 */
 padding: 0rem;
 margin: 0.0rem;
 }
}
@media (min-width: 1160) and (max-width: 1270px) {
.ttxt-01 {
  font-size: 1rem;
 font-weight: 500;
 text-align: left;/* center left */
 color: #464646;
 line-height: 1.35rem;/* 行間 */
 letter-spacing: 1.2px;/* 字間 */
 padding: 0rem;
 margin: 0.0rem;
 }
}

@media (min-width: 1270px) and (max-width: 1400px) {
.txt-01 {
  font-size: 1rem;
 font-weight: 500;
 text-align: left;/* center left */
 color: #464646;
 line-height: 1.35rem;/* 行間 */
 letter-spacing: 1.2px;/* 字間 */
 padding: 0rem;
 margin: 0.0rem;
 }
}
@media (min-width: 1400px) and (max-width: 1600px) {
.txt-01 {
 font-size: 1rem;
 text-align: left;/* center left */
 line-height: 1.35rem;/* 行間 */
 letter-spacing: 0.8px;/* 字間 */
 padding: 0rem;
 margin: 0.0rem;
 }
}

@media (min-width: 1600px) and (max-width: 1920px) {
.txt-01 {
  font-size: 1rem;
 font-weight: 500;
 text-align: left;/* center left */
 color: #464646;
 line-height: 1.35rem;/* 行間 */
 letter-spacing: 1.2px;/* 字間 */
 padding: 0rem;
 margin: 0.0rem;
 }
}
/* 文字 */


/* 文章架構 */
.txt-by {
 border: 0px solid #BFBFBF;	    
 background-color: rgba(255,255,255,0);
 box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.00), 0 3px 6px 0 rgba(0, 0, 0, 0.00);
 border-radius: 3px;
 padding: 0.0rem 0.0rem; 
 margin: 0rem 0rem 0.5rem 0rem;
 }
.txt-by:hover {
 }	
.txt-mo1 {
 width: ;
 height: ;
    border: 0px solid #FAA84E;
    position: relative;
    padding: 0.0rem;
    margin: 0rem;
 }	
.txt-mo2 {
 border: 0px solid #FAA84E;
 position: relative;
 text-align: center;
 padding: 0rem 0rem; 
 margin: 0rem; 
 }
.txt-top { 
 margin: 0rem 0rem 0.5rem 0rem;
}

@media (min-width: 800px) and (max-width: 1024px) {
.txt-by {
 border: 0px solid #BFBFBF;	    
 background-color: rgba(255,255,255,0);
 box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.00), 0 3px 6px 0 rgba(0, 0, 0, 0.00);
 border-radius: 3px;
 padding: 0.0rem 0.0rem; 
 margin: 0.8rem 0rem 0.5rem 0rem;
 }
.txt-by:hover {
 }	
.txt-mo1 {
 width: ;
 height: ;
    border: 0px solid #FAA84E;
    position: relative;
    padding: 0.0rem;
    margin: 0rem;
 }	
.txt-mo2 {
 border: 0px solid #FAA84E;
 position: relative;
 text-align: center;
 padding: 0rem 0rem; 
 margin: 0rem; 
 }
.txt-top { 
 margin: 0rem 0rem 0.5rem 0rem;
}
}
@media (min-width: 1024px) and (max-width: 1160px) {
.txt-by {
 border: 0px solid #BFBFBF;	    
 background-color: rgba(255,255,255,0);
 box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.00), 0 3px 6px 0 rgba(0, 0, 0, 0.00);
 border-radius: 3px;
 padding: 0.0rem 0.0rem; 
 margin: 0rem 0rem 3rem 0rem;
 }
.txt-by:hover {
 }	
.txt-mo1 {
 width: ;
 height: ;
 border: 0px solid #FAA84E;
 position: relative;
 text-align: center;
 padding: 0.0rem 0rem 0rem 0rem; 
 margin: 0rem 0rem 0rem 0rem;
 }		
.txt-mo2 {
 border: 0px solid #FAA84E;
 position: relative;
 text-align: center;
 padding: 0rem 0rem; 
 margin: 0rem; 
 }
.txt-top { 
 margin: 0rem 0rem 0.5rem 0rem;
}
}
@media (min-width: 1160) and (max-width: 1270px) {
.txt-by {
 border: 0px solid #BFBFBF;	    
 background-color: rgba(255,255,255,0);
 box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.00), 0 3px 6px 0 rgba(0, 0, 0, 0.00);
 border-radius: 3px;
 padding: 0.0rem 0.0rem; 
 margin: 0rem 0rem 3rem 0rem;
 }
.txt-by:hover {
 }	
.txt-mo1 {
 width: ;
 height: ;
 border: 0px solid #FAA84E;
 position: relative;
 text-align: center;
 padding: 0.0rem 0rem 0rem 0rem; 
 margin: 0rem 0rem 0rem 0rem;
 }		
.txt-mo2 {
 border: 0px solid #FAA84E;
 position: relative;
 text-align: center;
 padding: 0rem 0rem; 
 margin: 0rem; 
 }
.txt-top { 
 margin: 0.8rem 0rem 0.5rem 0rem;
}
}
@media (min-width: 1270px) and (max-width: 1400px) {
.txt-by {
 border: 0px solid #BFBFBF;	    
 background-color: rgba(255,255,255,0);
 box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.00), 0 3px 6px 0 rgba(0, 0, 0, 0.00);
 border-radius: 3px;
 padding: 0.0rem 0.0rem; 
 margin: 0rem 0rem 3rem 0rem;
 }
.txt-by:hover {
 }	
.txt-mo1 {
 width: ;
 height: ;
 border: 0px solid #FAA84E;
 position: relative;
 text-align: center;
 padding: 0.0rem 0rem 0rem 0rem; 
 margin: 0rem 0rem 0rem 0rem;
 }		
.txt-mo2 {
 border: 0px solid #FAA84E;
 position: relative;
 text-align: center;
 padding: 0rem 0rem; 
 margin: 0rem; 
 }
.txt-top { 
 margin: 0.8rem 0rem 0.5rem 0rem;
}
}
@media (min-width: 1400px) and (max-width: 1600px) {
.txt-by {
 border: 0px solid #BFBFBF;	    
 background-color: rgba(255,255,255,0);
 box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.00), 0 3px 6px 0 rgba(0, 0, 0, 0.00); 
 border-radius: 3px;
 padding: 0.0rem 0.0rem; 
 margin: 0rem 0rem 3rem 0rem;
 }	
.txt-mo1 {
 width: ;
 height: ;
 border: 0px solid #FAA84E;
 position: relative;
 text-align: center;
 padding: 0.0rem 0rem; 
 margin: 0rem 0rem 0rem 0rem;
 }		
.txt-mo2 {
 border: 0px solid #FAA84E;
 position: relative;
 text-align: center;
 padding: 0rem 0rem; 
 margin: 0rem; 
 }
.txt-top { 
 margin: 0.8rem 0rem 0.5rem 0rem;
}
}
@media (min-width: 1600px) and (max-width: 1920px) {
.txt-by {
 border: 0px solid #BFBFBF;	    
 background-color: rgba(255,255,255,0);
 box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.00), 0 3px 6px 0 rgba(0, 0, 0, 0.00);
 border-radius: 3px;
 padding: 0.0rem 0.0rem; 
 margin: 0rem 0rem 3rem 0rem;
 }
.txt-by:hover {
 }	
.txt-mo1 {
 width: ;
 height: ;
 border: 0px solid #FAA84E;
 position: relative;
 text-align: center;
 padding: 0.0rem 0rem 0rem 0rem; 
 margin: 0rem 0rem 0rem 0rem;
 }		
.txt-mo2 {
 border: 0px solid #FAA84E;
 position: relative;
 text-align: center;
 padding: 0rem 0rem; 
 margin: 0rem; 
 }
.txt-top { 
 margin: 0.8rem 0rem 0.5rem 0rem;
}
}
/* 文章架構 */

/* 文章標題 */
.txt-icon {
 width: 2rem;
 height: 2rem;
 margin: 0rem 0.5rem 0rem 0rem;
}
.txt-name {
 font-size: 1.15rem;
 font-weight: 600;
 text-align: left;/* center left */
 color: #0E46A7;
 line-height: 1.8rem;/* 行間 */
 letter-spacing: 0.2px;/* 字間 */
 padding: 0rem;
 margin: 0.3rem 0rem 0.2rem 0rem;
}
.txt-name0a {
 font-size: 0.9rem;
 font-weight: 600;
 text-align: left;/* center left */
 color: #F80909;
 line-height: 2rem;/* 行間 */
 letter-spacing: 1px;/* 字間 */
 padding: 0rem;
 margin: 0rem 0rem 0rem 0.7rem;
}	

@media (min-width: 800px) and (max-width: 1024px) {
.txt-icon {
 width: 2rem;
 height: 2rem;
 margin: 0.3rem 0.5rem 0rem 0rem;
}
.txt-name {
 font-size: 1.3rem;
 font-weight: 600;
 text-align: left;/* center left */
 color: #0E46A7;
 line-height: 1.8rem;/* 行間 */
 letter-spacing: 0.2px;/* 字間 */
 padding: 0rem;
 margin: 0.5rem 0rem 0.5rem 0rem;
}
.txt-name0a {
 font-size: 1rem;
 font-weight: 600;
 text-align: left;/* center left */
 color: #F80909;
 line-height: 2.5rem;/* 行間 */
 letter-spacing: 1px;/* 字間 */
 padding: 0rem;
 margin: 0rem 0rem 0rem 0.7rem;
}	
}
@media (min-width: 1024px) and (max-width: 1160px) {
.txt-icon {
 width: 2.3rem;
 height: 2.3rem;
 margin: 0.3rem 0.5rem 0rem 0rem;
}
.txt-name {
 font-size: 1.5rem;
 font-weight: 600;
 text-align: left;/* center left */
 color: #0E46A7;
 line-height: 2.0rem;/* 行間 */
 letter-spacing: 1px;/* 字間 */
 padding: 0rem;
 margin: 0.5rem 0rem 0.5rem 0rem;
}
.txt-name0a {
 font-size: 0.8rem;
 font-weight: 600;
 text-align: left;/* center left */
 color: #F80909;
 line-height: 1.5rem;/* 行間 */
 letter-spacing: 1px;/* 字間 */
 padding: 0rem;
 margin: 0rem 0.0rem 0.0rem 0.7rem;
}	
}
@media (min-width: 1160) and (max-width: 1270px) {
.txt-icon {
 width: 3rem;
 height: 3rem;
 margin: 0rem 0.5rem 0rem 0rem;
}
.txt-name {
 font-size: 2.3rem;
 font-weight: 600;
 text-align: left;/* center left */
 color: #0E46A7;
 line-height: 2.8rem;/* 行間 */
 letter-spacing: 1px;/* 字間 */
 padding: 0rem;
 margin: 0.5rem 0rem 0.5rem 0rem;
}
.txt-name0a {
 font-size: 1.5rem;
 font-weight: 600;
 text-align: left;/* center left */
 color: #F80909;
 line-height: 2.6rem;/* 行間 */
 letter-spacing: 1px;/* 字間 */
 padding: 0rem;
 margin: 0rem 0.0rem 0.0rem 0.7rem;
}	
}
@media (min-width: 1270px) and (max-width: 1400px) {
.txt-icon {
 width: 3rem;
 height: 3rem;
 margin: 0rem 0.5rem 0rem 0rem;
}
.txt-name {
 font-size: 1.8rem;
 font-weight: 600;
 text-align: left;/* center left */
 color: #0E46A7;
 line-height: 2.8rem;/* 行間 */
 letter-spacing: 1px;/* 字間 */
 padding: 0rem;
 margin: 0.5rem 0rem 0.5rem 0rem;
}
.txt-name0a {
 font-size: 1.2rem;
 font-weight: 600;
 text-align: left;/* center left */
 color: #F80909;
 line-height: 2.6rem;/* 行間 */
 letter-spacing: 1px;/* 字間 */
 padding: 0rem;
 margin: 0rem 0.0rem 0.0rem 0.7rem;
}
}
@media (min-width: 1400px) and (max-width: 1600px) {
.txt-icon {
 width: 3rem;
 height: 3rem;
 margin: 0rem 0.5rem 0rem 0rem;
}
.txt-name {
 font-size: 2.3rem;
 font-weight: 600;
 text-align: left;/* center left */
 color: #0E46A7;
 line-height: 2.8rem;/* 行間 */
 letter-spacing: 1px;/* 字間 */
 padding: 0rem;
 margin: 0.5rem 0rem 0.5rem 0rem;
}
.txt-name0a {
 font-size: 1.5rem;
 font-weight: 600;
 text-align: left;/* center left */
 color: #F80909;
 line-height: 2.6rem;/* 行間 */
 letter-spacing: 1px;/* 字間 */
 padding: 0rem;
 margin: 0rem 0.0rem 0.0rem 0.7rem;
}	
}
@media (min-width: 1600px) and (max-width: 1920px) {
.txt-icon {
 width: 3rem;
 height: 3rem;
 margin: 0rem 0.5rem 0rem 0rem;
}
.txt-name {
 font-size: 2.3rem;
 font-weight: 600;
 text-align: left;/* center left */
 color: #0E46A7;
 line-height: 2.8rem;/* 行間 */
 letter-spacing: 1px;/* 字間 */
 padding: 0rem;
 margin: 0.5rem 0rem 0.5rem 0rem;
}

.txt-name0a {
 font-size: 1.5rem;
 font-weight: 600;
 text-align: left;/* center left */
 color: #F80909;
 line-height: 2.6rem;/* 行間 */
 letter-spacing: 1px;/* 字間 */
 padding: 0rem;
 margin: 0rem 0.0rem 0.0rem 0.7rem;
}	
}
/* 文章標題 */

/* 文章內文 */
.txt-name1 {
 font-size: 0.80rem;
 font-weight: 600;
 text-align: left;/* center left */
 color: #202632; 
 line-height: 1.0rem;/* 行間 */
 letter-spacing: 0px;/* 字間 */
 padding: 0rem;
 margin: 0rem 0rem 0.5rem 1.3rem;
}

.txt-name1a {
 margin-bottom: 0.3rem !important;
}
.txt-txt {
  font-size: 1rem;
 font-weight: 500;
 text-align: left;/* center left */
 color: #464646;
 line-height: 1.35rem;/* 行間 */
 letter-spacing: 1.2px;/* 字間 */
 padding: 0rem;
 margin: 0.0rem;
 }

@media (min-width: 800px) and (max-width: 1024px) {
.txt-name1 {
 font-size: 1rem;
 font-weight: 600;
 text-align: left;/* center left */
 color: #202632; 
 line-height: 1.2rem;/* 行間 */
 letter-spacing: 0px;/* 字間 */
 padding: 0rem;
 margin: 0rem 0rem 0.7rem 1.5rem;
}
.txt-name1a {
 margin-bottom: 1.0rem !important;
}
.txt-txt {
  font-size: 1rem;
 font-weight: 500;
 text-align: left;/* center left */
 color: #464646;
 line-height: 1.35rem;/* 行間 */
 letter-spacing: 1.2px;/* 字間 */
 padding: 0rem;
 margin: 0.0rem;
 }
}

@media (min-width: 1024px) and (max-width: 1160px) {
.txt-name1 {
 font-size: 1.0rem;
 font-weight: 600;
 text-align: left;/* center left */
 color: #202632;
 line-height: 1.5rem;/* 行間 */
 letter-spacing: 1px;/* 字間 */
 padding: 0rem;
 margin: 0.5rem 0rem 0.3rem 1.5rem;
}
.txt-name1a {
 margin-bottom: 0.7rem !important;
}
.txt-txt {
  font-size: 2rem;
 font-weight: 500;
 text-align: left;/* center left */
 color: #464646;
 line-height: 1.35rem;/* 行間 */
 letter-spacing: 1.2px;/* 字間 */
 padding: 0rem;
 margin: 0.0rem;
 }
}
@media (min-width: 1160) and (max-width: 1270px) {
.txt-name1 {
 font-size: 1.2rem;
 font-weight: 600;
 text-align: left;/* center left */
 color: #202632;
 line-height: 1.8rem;/* 行間 */
 letter-spacing: 1px;/* 字間 */
 padding: 0rem;
 margin: 1rem 0rem 0.5rem 1.8rem;
}
.txt-name1a {
 margin-bottom: 0.7rem !important;
}
.txt-txt {
  font-size: 1rem;
 font-weight: 500;
 text-align: left;/* center left */
 color: #464646;
 line-height: 1.35rem;/* 行間 */
 letter-spacing: 1.2px;/* 字間 */
 padding: 0rem;
 margin: 0.0rem;
 }
}

@media (min-width: 1270px) and (max-width: 1400px) {
.txt-name1 {
 font-size: 1.1rem;
 font-weight: 600;
 text-align: left;/* center left */
 color: #202632;
 line-height: 1.8rem;/* 行間 */
 letter-spacing: 1px;/* 字間 */
 padding: 0rem;
 margin: 0.5rem 0rem 0.5rem 1.5rem;
}
.txt-name1a {
 margin-bottom: 0.7rem !important;
}
.txt-txt {
  font-size: 1rem;
 font-weight: 500;
 text-align: left;/* center left */
 color: #464646;
 line-height: 1.35rem;/* 行間 */
 letter-spacing: 1.2px;/* 字間 */
 padding: 0rem;
 margin: 0.0rem;
 }

}

@media (min-width: 1400px) and (max-width: 1600px) {
.txt-name1 {
 font-size: 1.2rem;
 font-weight: 600;
 text-align: left;/* center left */
 color: #202632;
 line-height: 1.8rem;/* 行間 */
 letter-spacing: 0.2px;/* 字間 */
 padding: 0rem;
 margin: 1rem 0rem 0.5rem 1.5rem;
}
.txt-name1a {
 margin-bottom: 0.7rem !important;
}
.txt-txt {
  font-size: 1rem;
 font-weight: 500;
 text-align: left;/* center left */
 color: #464646;
 line-height: 1.35rem;/* 行間 */
 letter-spacing: 1.2px;/* 字間 */
 padding: 0rem;
 margin: 0.0rem;
 }
}

@media (min-width: 1600px) and (max-width: 1920px) {
.txt-name1 {
 font-size: 1.38rem;
 font-weight: 600;
 text-align: left;/* center left */
 color: #202632;
 line-height: 1.8rem;/* 行間 */
 letter-spacing: 1px;/* 字間 */
 padding: 0rem;
 margin: 1rem 0rem 0.5rem 1.5rem;
}
.txt-name1a {
 margin-bottom: 0.7rem !important;
}
.txt-txt {
  font-size: 1rem;
 font-weight: 500;
 text-align: left;/* center left */
 color: #464646;
 line-height: 1.35rem;/* 行間 */
 letter-spacing: 1.2px;/* 字間 */
 padding: 0rem;
 margin: 0.0rem;
 }
}
/* 文章 */


/* 漸層背景 */
.background00001 {
 background: linear-gradient(#e66465, #9198e5);/* 上下漸層 */
 }
.background00002 {
 background: linear-gradient(0.25turn, #3f87a6, #ebf8e1, #f69d3c);/* 左右漸層 */
 }
.background00003 {
 background: 
  linear-gradient(217deg, rgba(255,0,0,.8), rgba(255,0,0,0) 70.71%),
  linear-gradient(127deg, rgba(0,255,0,.8), rgba(0,255,0,0) 70.71%),
  linear-gradient(336deg, rgba(0,0,255,.8), rgba(0,0,255,0) 70.71%);
}
.background00004 {
 background: linear-gradient(45deg, #e66465, #9198e5, #e66465);/* 角度漸層 */
}
.background00005 {
 background: linear-gradient(45deg, rgba(255,0,0,.8), #9198e5, #e66465);/* 角度漸層 */
}
/* 漸層背景 */


/* 圖示 */
.Star03a {
 color: #F30909;
}
/* 圖示 */

/* 分類刊頭 */
.mySwiper1-name {
 font-size: 0.8rem;
 font-weight: 500;
 text-align: center;/* center left */
 color: #152FB1;
 line-height: ;/* 行間 */
 letter-spacing: 0px;/* 字間 */
 padding: 0rem 0rem;
 margin: 0rem 0rem 0rem 0rem;
}
.mySwiper1-name:hover {
 color: #F30909;
}
.mySwiper1-name.active {
 color: #F30909;
}
.mySwiper1a-name {
 font-size: 0.8rem;
 font-weight: 500;
 text-align: center;/* center left */
 color: #152FB1;
 line-height: ;/* 行間 */
 letter-spacing: 1px;/* 字間 */
 padding: 0rem 0rem;
 margin: 0rem 0rem 0rem 0rem;
}
.mySwiper1a-name:hover { 
 color: #F30909;
}
.mySwiper1b-name {
 font-size: 1.1rem;
 font-weight: 500;
 text-align: center;/* center left */
 color: #444444;
 line-height: ;/* 行間 */
 letter-spacing: 1px;/* 字間 */
 padding: 0rem 0rem;
 margin: 0rem 0rem 0rem 0rem;
}
.pangtop {
 position: -webkit-sticky;
 position: sticky;
 top: 4.5rem;
 z-index: 1020;
 height: 2rem;
 padding: 0rem 0.7rem 0rem 0.7rem; 
 background-color: #f0f0f0;
}
.pangtopmtt001 {
 margin: 0.5rem 0rem 0rem 0rem;
}
.pangtopmtt002 {
 margin: 0rem 0rem 0.4rem 0rem;
}
@media (min-width: 600px) and (max-width: 800px) {
.mySwiper1-name {
 font-size: 1.0rem;
 font-weight: 500;
 text-align: center;/* center left */
 color: #152FB1;
 line-height: ;/* 行間 */
 letter-spacing: 0px;/* 字間 */
 padding: 0rem 0rem;
 margin: 0rem 0rem 0rem 0rem;
}
.mySwiper1-name:hover {
 color: #F30909;
}
.mySwiper1-name.active {
 color: #F30909;
}
.mySwiper1a-name {
 font-size: 1.0rem;
 font-weight: 500;
 text-align: center;/* center left */
 color: #152FB1;
 line-height: ;/* 行間 */
 letter-spacing: 1px;/* 字間 */
 padding: 0rem 0rem;
 margin: 0rem 0rem 0rem 0rem;
}
.mySwiper1a-name:hover { 
 color: #F30909;
}
.mySwiper1b-name {
 font-size: 1.1rem;
 font-weight: 500;
 text-align: center;/* center left */
 color: #444444;
 line-height: ;/* 行間 */
 letter-spacing: 1px;/* 字間 */
 padding: 0rem 0rem;
 margin: 0rem 0rem 0rem 0rem;
}
.pangtop {
 position: -webkit-sticky;
 position: sticky;
 top: 2.5rem;
 z-index: 1020;
 border: 0px solid #E62424;
 height: 2.2rem;
 padding: 0rem 0.5rem 0.1rem 0.5rem;
}
.pangtopmtt001 {
 margin: 0.5rem 0rem 0rem 0rem;
}
.pangtopmtt002 {
 margin: 0rem 0rem 0.3rem 0rem;
}
}

@media (min-width: 800px) and (max-width: 1024px) {
.mySwiper1-name {
 font-size: 1.0rem;
 font-weight: 500;
 text-align: center;/* center left */
 color: #152FB1;
 line-height: ;/* 行間 */
 letter-spacing: 0px;/* 字間 */
 padding: 0rem 0rem;
 margin: 0rem 0rem 0rem 0rem;
}
.mySwiper1-name:hover {
 color: #F30909;
}
.mySwiper1-name.active {
 color: #F30909;
}
.mySwiper1a-name {
 font-size: 1.0rem;
 font-weight: 500;
 text-align: center;/* center left */
 color: #152FB1;
 line-height: ;/* 行間 */
 letter-spacing: 1px;/* 字間 */
 padding: 0rem 0rem;
 margin: 0rem 0rem 0rem 0rem;
}
.mySwiper1a-name:hover { 
 color: #F30909;
}
.mySwiper1b-name {
 font-size: 1.1rem;
 font-weight: 500;
 text-align: center;/* center left */
 color: #444444;
 line-height: ;/* 行間 */
 letter-spacing: 1px;/* 字間 */
 padding: 0rem 0rem;
 margin: 0rem 0rem 0rem 0rem;
}
.pangtop {
 position: -webkit-sticky;
 position: sticky;
 top: 2.5rem;
 z-index: 1020;
 border: 0px solid #E62424;
 height: 2.2rem;
 padding: 0rem 0.5rem 0.1rem 0.5rem;
}
.pangtopmtt001 {
 margin: 0.5rem 0rem 0rem 0rem;
}
.pangtopmtt002 {
 margin: 0rem 0rem 0.3rem 0rem;
}
}

@media (min-width: 1024px) and (max-width: 1280px) {
.mySwiper1-name {
 font-size: 1.0rem;
 font-weight: 500;
 text-align: center;/* center left */
 color: #152FB1;
 line-height: ;/* 行間 */
 letter-spacing: 0px;/* 字間 */
 padding: 0rem 0rem;
 margin: 0rem 0rem 0rem 0rem;
}
.mySwiper1-name:hover {
 color: #F30909;
}
.mySwiper1-name.active {
 color: #F30909;
}
.mySwiper1a-name {
 font-size: 1.0rem;
 font-weight: 500;
 text-align: center;/* center left */
 color: #152FB1;
 line-height: ;/* 行間 */
 letter-spacing: 1px;/* 字間 */
 padding: 0rem 0rem;
 margin: 0rem 0rem 0rem 0rem;
}
.mySwiper1a-name:hover { 
 color: #F30909;
}
.mySwiper1b-name {
 font-size: 1.1rem;
 font-weight: 500;
 text-align: center;/* center left */
 color: #444444;
 line-height: ;/* 行間 */
 letter-spacing: 1px;/* 字間 */
 padding: 0rem 0rem;
 margin: 0rem 0rem 0rem 0rem;
}
.pangtop {
 position: -webkit-sticky;
 position: sticky;
 top: 2.5rem;
 z-index: 1020;
 border: 0px solid #E62424;
 height: 2.2rem;
 padding: 0rem 0.5rem 0.1rem 0.5rem;
}
.pangtopmtt001 {
 margin: 0.5rem 0rem 0rem 0rem;
}
.pangtopmtt002 {
 margin: 0rem 0rem 0.3rem 0rem;
}
}

@media (min-width: 1280px) and (max-width: 1400px) {
.mySwiper1-name {
 font-size: 1.0rem;
 font-weight: 500;
 text-align: center;/* center left */
 color: #152FB1;
 line-height: ;/* 行間 */
 letter-spacing: 0px;/* 字間 */
 padding: 0rem 0rem;
 margin: 0rem 0rem 0rem 0rem;
}
.mySwiper1-name:hover {
 color: #F30909;
}
.mySwiper1-name.active {
 color: #F30909;
}
.mySwiper1a-name {
 font-size: 1.0rem;
 font-weight: 500;
 text-align: center;/* center left */
 color: #152FB1;
 line-height: ;/* 行間 */
 letter-spacing: 1px;/* 字間 */
 padding: 0rem 0rem;
 margin: 0rem 0rem 0rem 0rem;
}
.mySwiper1a-name:hover { 
 color: #F30909;
}
.mySwiper1b-name {
 font-size: 1.1rem;
 font-weight: 500;
 text-align: center;/* center left */
 color: #444444;
 line-height: ;/* 行間 */
 letter-spacing: 1px;/* 字間 */
 padding: 0rem 0rem;
 margin: 0rem 0rem 0rem 0rem;
}
.pangtop {
 position: -webkit-sticky;
 position: sticky;
 top: 2.5rem;
 z-index: 1020;
 border: 0px solid #E62424;
 height: 2.2rem;
 padding: 0rem 0.5rem 0.1rem 0.5rem;
}
.pangtopmtt001 {
 margin: 0.5rem 0rem 0rem 0rem;
}
.pangtopmtt002 {
 margin: 0rem 0rem 0.3rem 0rem;
}
}

@media (min-width: 1400px) and (max-width: 1600px) {
.mySwiper1-name {
 font-size: 1.0rem;
 font-weight: 500;
 text-align: center;/* center left */
 color: #152FB1;
 line-height: ;/* 行間 */
 letter-spacing: 0px;/* 字間 */
 padding: 0rem 0rem;
 margin: 0rem 0rem 0rem 0rem;
}
.mySwiper1-name:hover {
 color: #F30909;
}
.mySwiper1-name.active {
 color: #F30909;
}
.mySwiper1a-name {
 font-size: 1.0rem;
 font-weight: 500;
 text-align: center;/* center left */
 color: #152FB1;
 line-height: ;/* 行間 */
 letter-spacing: 1px;/* 字間 */
 padding: 0rem 0rem;
 margin: 0rem 0rem 0rem 0rem;
}
.mySwiper1a-name:hover { 
 color: #F30909;
}
.mySwiper1b-name {
 font-size: 1.1rem;
 font-weight: 500;
 text-align: center;/* center left */
 color: #444444;
 line-height: ;/* 行間 */
 letter-spacing: 1px;/* 字間 */
 padding: 0rem 0rem;
 margin: 0rem 0rem 0rem 0rem;
}
.pangtop {
 position: -webkit-sticky;
 position: sticky;
 top: 2.5rem;
 z-index: 1020;
 border: 0px solid #E62424;
 height: 2.2rem;
 padding: 0rem 0.5rem 0.1rem 0.5rem;
}
.pangtopmtt001 {
 margin: 0.5rem 0rem 0rem 0rem;
}
.pangtopmtt002 {
 margin: 0rem 0rem 0.3rem 0rem;
}
}
@media (min-width: 1600px){
.mySwiper1-name {
 font-size: 1.0rem;
 font-weight: 500;
 text-align: center;/* center left */
 color: #152FB1;
 line-height: ;/* 行間 */
 letter-spacing: 0px;/* 字間 */
 padding: 0rem 0rem;
 margin: 0rem 0rem 0rem 0rem;
}
.mySwiper1-name:hover {
 color: #F30909;
}
.mySwiper1-name.active {
 color: #F30909;
}
.mySwiper1a-name {
 font-size: 1.0rem;
 font-weight: 500;
 text-align: center;/* center left */
 color: #152FB1;
 line-height: ;/* 行間 */
 letter-spacing: 1px;/* 字間 */
 padding: 0rem 0rem;
 margin: 0rem 0rem 0rem 0rem;
}
.mySwiper1a-name:hover { 
 color: #F30909;
}
.mySwiper1b-name {
 font-size: 1.1rem;
 font-weight: 500;
 text-align: center;/* center left */
 color: #444444;
 line-height: ;/* 行間 */
 letter-spacing: 1px;/* 字間 */
 padding: 0rem 0rem;
 margin: 0rem 0rem 0rem 0rem;
}
.pangtop {
 position: -webkit-sticky;
 position: sticky;
 top: 2.5rem;
 z-index: 1020;
 border: 0px solid #E62424;
 height: 2.2rem;
 padding: 0rem 0.5rem 0.1rem 0.5rem;
}
.pangtopmtt001 {
 margin: 0.5rem 0rem 0rem 0rem;
}
.pangtopmtt002 {
 margin: 0rem 0rem 0.3rem 0rem;
}
}
/* 分類刊頭 */


/*  聯絡我們 */
.iframe02 {
 background-color: #EEFFFF;
 border-top: 3px solid #07426B;
 padding: 1.5rem 0.0rem 0rem 0.0rem;	
}	
.iframe01 {
 height: 600px;
 width: 100%;
}
@media (min-width: 600px) and (max-width: 1200px) {
.iframe01 {
 height: 600px;
 width: 100%;
}
.iframe02 {
 background-color: #EEFFFF;
 border-top: 3px solid #07426B;
 padding: 1.5rem 0.0rem 0rem 0.0rem;	
}
}
@media (min-width: 1200px) {
.iframe01 {
 height: 580px;
 width: 100%;
}
.iframe02 {
 background-color: #EEFFFF;
 border-top: 3px solid #07426B;
 padding: 1.5rem 0.0rem 0rem 0.0rem;	
}
}	
/*   聯絡我們 */


/* nav*/
.nav-1 {width: ;height: ;}
@media (min-width: 600px) and (max-width: 1200px) {
.nav-1 {width: ;height: ;}}
@media (min-width: 1200px) {
.nav-1 {padding: 0.5rem 0rem 0.5rem 0rem;}}

/* icon*/
.icon-nav1 {
 width: 1.3rem;height: 1.2rem;
 margin: 0rem 0.3rem;}
@media (min-width: 600px) and (max-width: 1200px) {
.icon-nav1 {
 width: 1.5rem;
 height: 1.5rem;
 margin: 0rem 0.3rem;}
}
@media (min-width: 1200px) {
.icon-nav1 {
 width: 1.5rem;
 height: 1.5rem;
 margin: 0rem 0.3rem;}
}

/* icon*/

/* icon2*/
.icon-nav2 {
 width: 2.0rem;
 height: 2.0rem;
 margin: 0rem 0.5rem 0rem 0rem;
}
@media (min-width: 600px) and (max-width: 800px) {
.icon-nav2 {
 width: 3.3rem;
 height: 3.3rem;
 margin: 0rem 1.2rem 0.9rem 0rem;
}
}
@media (min-width: 800px) and (max-width: 1024px) {
.icon-nav2 {
 width: 3.3rem;
 height: 3.3rem;
 margin: 0rem 1.2rem 0.9rem 0rem;
}
}

@media (min-width: 1024px) and (max-width: 1280px) {
.icon-nav2 {
 width: 3.3rem;
 height: 3.3rem;
 margin: 0rem 1.2rem 0.9rem 0rem;
}
}

@media (min-width: 1280px) and (max-width: 1400px) {
.icon-nav2 {
 width: 3.3rem;
 height: 3.3rem;
 margin: 0rem 1.2rem 0.9rem 0rem;
}
}

@media (min-width: 1400px) and (max-width: 1600px) {
.icon-nav2 {
 width: 3.3rem;
 height: 3.3rem;
 margin: 0rem 1.2rem 0.9rem 0rem;
}
}
@media (min-width: 1600px) and (max-width: 1920px) {
.icon-nav2 {
 width: 3.3rem;
 height: 3.3rem;
 margin: 0rem 1.2rem 0.9rem 0rem;
}
}
/* icon2*/



.icon-navlogo1 {
 width: 125px;
 height: 20px;
 margin: 0rem 0.3rem 0rem 0rem;}
@media (min-width: 600px) and (max-width: 1200px) {
.icon-navlogo1 {
 width: 125px;
 height: 20px;
 margin: 0rem 0.3rem 0rem 0rem;}
}
@media (min-width: 1200px) {
.icon-navlogo1 {
 width: 125px;
 height: 20px;
 margin: 0rem 0.3rem 0rem 0rem;}
}




.icon-navlogo2 {
 width: 132px;
 height: 28px;
 margin: 0rem 0.3rem 0rem 0rem;}
@media (min-width: 600px) and (max-width: 1200px) {
.icon-navlogo2 {
 width: 132px;
 height: 28px;
 margin: 0rem 0.3rem 0rem 0rem;}
}
@media (min-width: 1200px) {
.icon-navlogo2 {
 width: 132px;
 height: 28px;
 margin: 0rem 0.3rem 0rem 0rem;}
}
/* nav*/

.nav00001 {  
  color: #0D3492;
  font-size: 1rem;
  text-align: center;/* center left */  
  padding: 0rem 0.0rem 0rem 0.0rem;	
  margin: 0px;
  background-color: transparent;
  border: 0px solid #4C5053;
  border-radius: ;
  opacity: 1;
}
.nav00001:hover {  
  color: #F30909;
}
.nav00001.active {  
  color: #F30909;
}

.nav00002 {  
  color: #0D3492;
  font-size: 1rem;
  text-align: center;/* center left */  
  padding: 0rem 0.0rem 0rem 0.0rem;	
  margin: 0px;
  background-color: transparent;
  border: 0px solid #4C5053;
  border-radius: ;
  opacity: 1;
}
.nav00002:hover {  
  color: #0D3492;
}
.nav00001.active {  
  color: #F30909;
}
/* icon按鈕*/
.menubtn01 {
  border: none;
  color: #233F75;
  font-size: 0.3rem;
  text-align: center;/* center left */
  width: 53px;
  height: 50px;
  padding: 0.2rem 0.3rem 0.8rem 0.3rem;
  margin: 0px;
  line-height: 0.8rem;/* 行間 */
  letter-spacing: 0.2px;/* 字間 */
  background-color: transparent;
  border: 0px solid #4C5053;
  border-radius: 0.8rem;
}
.menubtn01:hover {  
  color: #fff;
  background-color: #233F75;
}
/* 按鈕*/

/* 首頁分類框架 */
.mainpage-Bb { 
 border: 0px solid #E62424;
 padding: 0rem; 
 margin: 4.5rem 0rem 0rem 0rem;
 }
.mainpage-Bc { 
 border: 0px solid #E62424;
 padding: 0rem; 
 margin: 2.5rem 0rem 0rem 0rem;
 }
.top00002-by { 
 border: 0px solid #E62424;
 padding: 0rem 0rem 0rem 0rem; 
 margin: 0rem 0rem 0rem 0rem;
 }


@media (min-width: 600px) and (max-width: 800px) {
.mainpage-Bb { 
 border: 0px solid #E62424;
 padding: 0rem; 
 margin: 2.5rem 0rem 0rem 0rem;
 }
.mainpage-Bc { 
 border: 0px solid #E62424;
 padding: 0rem; 
 margin: 2.7rem 0rem 0rem 0rem;
 }
.top00002-by { 
 border: 0px solid #E62424;
 padding: 0rem 0rem 0rem 0rem; 
 margin: 0rem 0rem 0rem 0rem;
 }
.title-icon1 {
 width: 3.5rem; 
 height: 3.5rem; 
 margin: 0rem 0.8rem 0rem 0rem; }
.title-name1 {
 font-size: 1.5rem;
 font-weight: 600;
 text-align: center;/* center left */
 color: #152FB1;
 line-height: 1.3rem;/* 行間 */
 letter-spacing: 1px;/* 字間 */
 padding: 0rem;
 margin: 0.0rem 0rem 0.1rem 0rem;
}
}

@media (min-width: 800px) and (max-width: 1024px) {
.mainpage-Ba { 
 border: 0px solid #E62424;
 padding: 0rem; 
 margin: 5rem 0rem 0rem 0rem;
 }
.mainpage-Bb { 
 border: 0px solid #E62424;
 padding: 0rem; 
 margin: 4.5rem 0rem 0rem 0rem;
 }
.mainpage-Bc { 
 border: 0px solid #E62424;
 padding: 0rem; 
 margin: 2.7rem 0rem 0rem 0rem;
 }
.top00002-by { 
 border: 0px solid #E62424;
 padding: 0rem 0rem 0rem 0rem; 
 margin: 0rem 0rem 0rem 0rem;
 }
.title-icon1 {
 width: 3.5rem; 
 height: 3.5rem; 
 margin: 0rem 0.8rem 0rem 0rem; }
.title-name1 {
 font-size: 1.5rem;
 font-weight: 600;
 text-align: center;/* center left */
 color: #152FB1;
 line-height: 1.3rem;/* 行間 */
 letter-spacing: 1px;/* 字間 */
 padding: 0rem;
 margin: 0.0rem 0rem 0.1rem 0rem;
}
}

@media (min-width: 1024px) and (max-width: 1280px) {
.mainpage-Bb { 
 border: 0px solid #E62424;
 padding: 0rem; 
 margin: 2.5rem 0rem 0rem 0rem;
 }
.mainpage-Bc { 
 border: 0px solid #E62424;
 padding: 0rem; 
 margin: 2.7rem 0rem 0rem 0rem;
 }
.top00002-by { 
 border: 0px solid #E62424;
 padding: 0rem 0rem 0rem 0rem; 
 margin: 0rem 0rem 0rem 0rem;
 }
.title-icon1 {
 width: 3.5rem; 
 height: 3.5rem; 
 margin: 0rem 0.8rem 0rem 0rem; }
.title-name1 {
 font-size: 1.5rem;
 font-weight: 600;
 text-align: center;/* center left */
 color: #152FB1;
 line-height: 1.3rem;/* 行間 */
 letter-spacing: 1px;/* 字間 */
 padding: 0rem;
 margin: 0.0rem 0rem 0.1rem 0rem;
}
}

@media (min-width: 1280px) and (max-width: 1400px) {
.mainpage-Bb { 
 border: 0px solid #E62424;
 padding: 0rem; 
 margin: 2.5rem 0rem 0rem 0rem;
 }
.mainpage-Bc { 
 border: 0px solid #E62424;
 padding: 0rem; 
 margin: 2.7rem 0rem 0rem 0rem;
 }
.top00002-by { 
 border: 0px solid #E62424;
 padding: 0rem 0rem 0rem 0rem; 
 margin: 0rem 0rem 0rem 0rem;
 }
.title-icon1 {
 width: 3.5rem; 
 height: 3.5rem; 
 margin: 0rem 0.8rem 0rem 0rem; }
.title-name1 {
 font-size: 1.5rem;
 font-weight: 600;
 text-align: center;/* center left */
 color: #152FB1;
 line-height: 1.3rem;/* 行間 */
 letter-spacing: 1px;/* 字間 */
 padding: 0rem;
 margin: 0.0rem 0rem 0.1rem 0rem;
}
}

@media (min-width: 1400px) and (max-width: 1600px) {
.mainpage-Bb { 
 border: 0px solid #E62424;
 padding: 0rem; 
 margin: 2.5rem 0rem 0rem 0rem;
 }
.mainpage-Bc { 
 border: 0px solid #E62424;
 padding: 0rem; 
 margin: 2.7rem 0rem 0rem 0rem;
 }
.top00002-by { 
 border: 0px solid #E62424;
 padding: 0rem 0rem 0rem 0rem; 
 margin: 0rem 0rem 0rem 0rem;
 }
.title-icon1 {
 width: 3.5rem; 
 height: 3.5rem; 
 margin: 0rem 0.8rem 0rem 0rem; }
.title-name1 {
 font-size: 1.5rem;
 font-weight: 600;
 text-align: center;/* center left */
 color: #152FB1;
 line-height: 1.3rem;/* 行間 */
 letter-spacing: 1px;/* 字間 */
 padding: 0rem;
 margin: 0.0rem 0rem 0.1rem 0rem;
}
}

@media (min-width: 1600px) and (max-width: 1920px) {
.mainpage-Bb { 
 border: 0px solid #E62424;
 padding: 0rem; 
 margin: 2.5rem 0rem 0rem 0rem;
 }
.mainpage-Bc { 
 border: 0px solid #E62424;
 padding: 0rem; 
 margin: 2.7rem 0rem 0rem 0rem;
 }
.top00002-by { 
 border: 0px solid #E62424;
 padding: 0rem 0rem 0rem 0rem; 
 margin: 0rem 0rem 0rem 0rem;
 }
.title-icon1 {
 width: 3.5rem; 
 height: 3.5rem; 
 margin: 0rem 0.8rem 0rem 0rem; }
.title-name1 {
 font-size: 1.5rem;
 font-weight: 600;
 text-align: center;/* center left */
 color: #152FB1;
 line-height: 1.3rem;/* 行間 */
 letter-spacing: 1px;/* 字間 */
 padding: 0rem;
 margin: 0.0rem 0rem 0.1rem 0rem;
}
}
/* 首頁分類框架 */


/* 刊頭框架 */
.top-pageby-p1 { 
 border: 0px solid #E62424;
 padding: 0.6rem 0rem 0rem 0rem; 
 margin: 0rem 0rem 1.8rem 0rem;
 position: relative;
  text-align: center;
  color: white;
 }
.top-pageby-in { 
 border: 0px solid #E62424;
 padding: 0rem 0rem 0rem 0rem; 
 margin: 6rem 0rem 0rem 0rem;
 position: relative;
  text-align: center;
  color: white;
 }
.txttop1-name {
 font-size: 2rem;
 font-weight: 500;
 text-align: left;/* center left */
 color: #fff;
 line-height: 2.5rem;/* 行間 */
 letter-spacing: 0.5rem;/* 字間 */
 padding: 0rem;
 margin: 0rem 0rem 0.0rem 0rem;
}
.txttop1-name1 {
 font-size: 1.13rem;
 font-weight: 500;
 text-align: left;/* center left */
 color: #f1f1f1;
 line-height: 1.5rem;/* 行間 */
 letter-spacing: 0.3rem;/* 字間 */
 padding: 0rem;
 margin: 0rem 0rem 0.5rem 0rem;
}	
.txttop1-txt {
  font-size: 1.1rem;
 font-weight: 400;
 text-align: left;/* center left */
 color: #fff;
 line-height: 1.5rem;/* 行間 */
 letter-spacing: 0.1rem;/* 字間 */
 padding: 0rem;
 margin: 0.0rem;
 }
.bottom-left01 {
  position: absolute;
  bottom: 5px;
  left: 16px; 
}
.top-left01 {
  position: absolute;
  top: 8px;
  left: 16px;
}
.top-left02 {
  position: absolute;
  top: 30%;
  left: 16px;
}
.top-right01 {
  position: absolute;
  top: 8px;
  right: 16px;
}
.bottom-right01 {
  position: absolute;
  bottom: 8px;
  right: 16px;
}
.centered01 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (min-width: 600px) and (max-width: 800px) {
.top-pageby-p1 { 
 border: 0px solid #E62424;
 padding: 0rem 0rem 0rem 0rem; 
 margin: 0rem 0rem 4.5rem 0rem;
 position: relative;
  text-align: center;
  color: white;
 }
.top-pageby-in { 
 border: 0px solid #E62424;
 padding: 0rem 0rem 0rem 0rem; 
 margin: 1rem 8rem 0rem 8rem;
 position: relative;
  text-align: center;
  color: white;
 }
.txttop1-name {
 font-size: 3.3rem;
 font-weight: 500;
 text-align: left;/* center left */
 color: #fff;
 line-height: 3.8rem;/* 行間 */
 letter-spacing: 0.5rem;/* 字間 */
 padding: 0rem;
 margin: 0rem 0rem 1rem 0rem;
}
.txttop1-name1 {
 font-size: 1.8rem;
 font-weight: 500;
 text-align: left;/* center left */
 color: #f1f1f1;
 line-height: 2rem;/* 行間 */
 letter-spacing: 0.3rem;/* 字間 */
 padding: 0rem;
 margin: 0rem 0rem 0.5rem 0rem;
}
.txttop1-txt {
  font-size: 1.1rem;
 font-weight: 400;
 text-align: left;/* center left */
 color: #fff;
 line-height: 1.5rem;/* 行間 */
 letter-spacing: 0.1rem;/* 字間 */
 padding: 0rem;
 margin: 0.0rem;
 }
.bottom-left01 {
  position: absolute;
  bottom: 8px;
  left: 16px; 
}
.top-left01 {
  position: absolute;
  top: 8px;
  left: 16px;
}
.top-left02 {
  position: absolute;
  top: 45%;
  left: 30px;
}
.top-right01 {
  position: absolute;
  top: 8px;
  right: 16px;
}
.bottom-right01 {
  position: absolute;
  bottom: 8px;
  right: 16px;
}
.centered01 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}	
}
@media (min-width: 800px) and (max-width: 1024px) {
.top-pageby-p1 { 
 border: 0px solid #E62424;
 padding: 0rem 0rem 0rem 0rem; 
 margin: 0rem 0rem 4.5rem 0rem;
 position: relative;
  text-align: center;
  color: white;
 }
.top-pageby-in { 
 border: 0px solid #E62424;
 padding: 0rem 0rem 0rem 0rem; 
 margin: 1rem 8rem 0rem 8rem;
 position: relative;
  text-align: center;
  color: white;
 }
.txttop1-name {
 font-size: 3.3rem;
 font-weight: 500;
 text-align: left;/* center left */
 color: #fff;
 line-height: 3.8rem;/* 行間 */
 letter-spacing: 0.5rem;/* 字間 */
 padding: 0rem;
 margin: 0rem 0rem 1rem 0rem;
}
.txttop1-name1 {
 font-size: 1.8rem;
 font-weight: 500;
 text-align: left;/* center left */
 color: #f1f1f1;
 line-height: 2rem;/* 行間 */
 letter-spacing: 0.3rem;/* 字間 */
 padding: 0rem;
 margin: 0rem 0rem 0.5rem 0rem;
}
.txttop1-txt {
  font-size: 1.1rem;
 font-weight: 400;
 text-align: left;/* center left */
 color: #fff;
 line-height: 1.5rem;/* 行間 */
 letter-spacing: 0.1rem;/* 字間 */
 padding: 0rem;
 margin: 0.0rem;
 }
.bottom-left01 {
  position: absolute;
  bottom: 8px;
  left: 16px; 
}
.top-left01 {
  position: absolute;
  top: 8px;
  left: 16px;
}
.top-left02 {
  position: absolute;
  top: 45%;
  left: 30px;
}
.top-right01 {
  position: absolute;
  top: 8px;
  right: 16px;
}
.bottom-right01 {
  position: absolute;
  bottom: 8px;
  right: 16px;
}
.centered01 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
}
@media (min-width: 1024px) and (max-width: 1280px) {
.top-pageby-p1 { 
 border: 0px solid #E62424;
 padding: 0rem 0rem 0rem 0rem; 
 margin: 0rem 0rem 4.5rem 0rem;
 position: relative;
  text-align: center;
  color: white;
 }
.top-pageby-in { 
 border: 0px solid #E62424;
 padding: 0rem 0rem 0rem 0rem; 
 margin: 1rem 8rem 0rem 8rem;
 position: relative;
  text-align: center;
  color: white;
 }
.txttop1-name {
 font-size: 3.3rem;
 font-weight: 500;
 text-align: left;/* center left */
 color: #fff;
 line-height: 3.8rem;/* 行間 */
 letter-spacing: 0.5rem;/* 字間 */
 padding: 0rem;
 margin: 0rem 0rem 1rem 0rem;
}
.txttop1-name1 {
 font-size: 1.8rem;
 font-weight: 500;
 text-align: left;/* center left */
 color: #f1f1f1;
 line-height: 2rem;/* 行間 */
 letter-spacing: 0.3rem;/* 字間 */
 padding: 0rem;
 margin: 0rem 0rem 0.5rem 0rem;
}
.txttop1-txt {
  font-size: 1.1rem;
 font-weight: 400;
 text-align: left;/* center left */
 color: #fff;
 line-height: 1.5rem;/* 行間 */
 letter-spacing: 0.1rem;/* 字間 */
 padding: 0rem;
 margin: 0.0rem;
 }
.bottom-left01 {
  position: absolute;
  bottom: 8px;
  left: 16px; 
}
.top-left01 {
  position: absolute;
  top: 8px;
  left: 16px;
}
.top-left02 {
  position: absolute;
  top: 45%;
  left: 30px;
}
.top-right01 {
  position: absolute;
  top: 8px;
  right: 16px;
}
.bottom-right01 {
  position: absolute;
  bottom: 8px;
  right: 16px;
}
.centered01 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
}
@media (min-width: 1280px) and (max-width: 1400px) {
.top-pageby-p1 { 
 border: 0px solid #E62424;
 padding: 0rem 0rem 0rem 0rem; 
 margin: 0rem 0rem 4.5rem 0rem;
 position: relative;
  text-align: center;
  color: white;
 }
.top-pageby-in { 
 border: 0px solid #E62424;
 padding: 0rem 0rem 0rem 0rem; 
 margin: 1rem 8rem 0rem 8rem;
 position: relative;
  text-align: center;
  color: white;
 }
.txttop1-name {
 font-size: 3.3rem;
 font-weight: 500;
 text-align: left;/* center left */
 color: #fff;
 line-height: 3.8rem;/* 行間 */
 letter-spacing: 0.5rem;/* 字間 */
 padding: 0rem;
 margin: 0rem 0rem 1rem 0rem;
}
.txttop1-name1 {
 font-size: 1.8rem;
 font-weight: 500;
 text-align: left;/* center left */
 color: #f1f1f1;
 line-height: 2rem;/* 行間 */
 letter-spacing: 0.3rem;/* 字間 */
 padding: 0rem;
 margin: 0rem 0rem 0.5rem 0rem;
}
.txttop1-txt {
  font-size: 1.1rem;
 font-weight: 400;
 text-align: left;/* center left */
 color: #fff;
 line-height: 1.5rem;/* 行間 */
 letter-spacing: 0.1rem;/* 字間 */
 padding: 0rem;
 margin: 0.0rem;
 }
.bottom-left01 {
  position: absolute;
  bottom: 8px;
  left: 16px; 
}
.top-left01 {
  position: absolute;
  top: 8px;
  left: 16px;
}
.top-left02 {
  position: absolute;
  top: 45%;
  left: 30px;
}
.top-right01 {
  position: absolute;
  top: 8px;
  right: 16px;
}
.bottom-right01 {
  position: absolute;
  bottom: 8px;
  right: 16px;
}
.centered01 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
}
@media (min-width: 1400px) and (max-width: 1600px) {
.top-pageby-p1 { 
 border: 0px solid #E62424;
 padding: 0rem 0rem 0rem 0rem; 
 margin: 0rem 0rem 4.5rem 0rem;
 position: relative;
  text-align: center;
  color: white;
 }
.top-pageby-in { 
 border: 0px solid #E62424;
 padding: 0rem 0rem 0rem 0rem; 
 margin: 1rem 8rem 0rem 8rem;
 position: relative;
  text-align: center;
  color: white;
 }
.txttop1-name {
 font-size: 3.3rem;
 font-weight: 500;
 text-align: left;/* center left */
 color: #fff;
 line-height: 3.8rem;/* 行間 */
 letter-spacing: 0.5rem;/* 字間 */
 padding: 0rem;
 margin: 0rem 0rem 1rem 0rem;
}
.txttop1-name1 {
 font-size: 1.8rem;
 font-weight: 500;
 text-align: left;/* center left */
 color: #f1f1f1;
 line-height: 2rem;/* 行間 */
 letter-spacing: 0.3rem;/* 字間 */
 padding: 0rem;
 margin: 0rem 0rem 0.5rem 0rem;
}
.txttop1-txt {
  font-size: 1.1rem;
 font-weight: 400;
 text-align: left;/* center left */
 color: #fff;
 line-height: 1.5rem;/* 行間 */
 letter-spacing: 0.1rem;/* 字間 */
 padding: 0rem;
 margin: 0.0rem;
 }
.bottom-left01 {
  position: absolute;
  bottom: 8px;
  left: 16px; 
}
.top-left01 {
  position: absolute;
  top: 8px;
  left: 16px;
}
.top-left02 {
  position: absolute;
  top: 45%;
  left: 30px;
}
.top-right01 {
  position: absolute;
  top: 8px;
  right: 16px;
}
.bottom-right01 {
  position: absolute;
  bottom: 8px;
  right: 16px;
}
.centered01 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
}
@media (min-width: 1600px) and (max-width: 1920px) {
.top-pageby-p1 { 
 border: 0px solid #E62424;
 padding: 0rem 0rem 0rem 0rem; 
 margin: 0rem 0rem 4.5rem 0rem;
 position: relative;
  text-align: center;
  color: white;
 }
.top-pageby-in { 
 border: 0px solid #E62424;
 padding: 0rem 0rem 0rem 0rem; 
 margin: 1rem 8rem 0rem 8rem;
 position: relative;
  text-align: center;
  color: white;
 }
.txttop1-name {
 font-size: 3.3rem;
 font-weight: 500;
 text-align: left;/* center left */
 color: #fff;
 line-height: 3.8rem;/* 行間 */
 letter-spacing: 0.5rem;/* 字間 */
 padding: 0rem;
 margin: 0rem 0rem 1rem 0rem;
}
.txttop1-name1 {
 font-size: 1.8rem;
 font-weight: 500;
 text-align: left;/* center left */
 color: #f1f1f1;
 line-height: 2rem;/* 行間 */
 letter-spacing: 0.3rem;/* 字間 */
 padding: 0rem;
 margin: 0rem 0rem 0.5rem 0rem;
}
.txttop1-txt {
  font-size: 1.1rem;
 font-weight: 400;
 text-align: left;/* center left */
 color: #fff;
 line-height: 1.5rem;/* 行間 */
 letter-spacing: 0.1rem;/* 字間 */
 padding: 0rem;
 margin: 0.0rem;
 }
.bottom-left01 {
  position: absolute;
  bottom: 8px;
  left: 16px; 
}
.top-left01 {
  position: absolute;
  top: 8px;
  left: 16px;
}
.top-left02 {
  position: absolute;
  top: 45%;
  left: 30px;
}
.top-right01 {
  position: absolute;
  top: 8px;
  right: 16px;
}
.bottom-right01 {
  position: absolute;
  bottom: 8px;
  right: 16px;
}
.centered01 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
}
/* 刊頭框架 */

.mtt001 {
 margin: 1rem 0rem 0rem 0rem;
}


/* 分隔線 */
.hr1 {
    background-color: #000000;
    height: 1px;
    margin: 0.5rem 0rem 0.8rem 0rem;
}
.hr2 {
    background-color: #545454;
    height: 2px;
    margin: 1.0rem 0rem 1.3rem 0rem;
}
.hr3 {
    background-color: #000000;
    height: 3px;
    margin: 2rem 0rem 2.5rem 0rem;
}
.hr4 {
    background-color: #000000;
    height: 4px;
    margin: 2rem 0rem 2.5rem 0rem;
}
.hr5 {
    background-color: #000000;
    height: 5px;
    margin: 2rem 0rem 2.5rem 0rem;
}

/* 分隔線 */

/* 透明度 */
.opacity-01 {
 opacity: 0.1;
}
.opacity-015 {
 opacity: 0.15;
}
.opacity-02 {
 opacity: 0.2;
}
.opacity-03 {
 opacity: 0.3;
}
.opacity-04 {
 opacity: 0.4;
}
/* 透明度 */

/* 段落刊頭 */
.par-mySwiper1-name {
 font-size: 1.3rem;
 font-weight: 500;
 text-align: center;/* center left */
 color: #152FB1;
 line-height: ;/* 行間 */
 letter-spacing: 0px;/* 字間 */
 padding: 0.5rem 0rem;
 margin: 0rem 0rem 0rem 0rem;
}
.par-pangtop {
    position: -webkit-sticky;
    position: sticky;
    top: 5rem;
    z-index: 1020;
    border: 0px solid #E62424;
    height: auto;
    padding: 0rem 0.5rem 0rem 0.5rem;
    background-color: #f0f0f0;
}.par-pangtop01 {
    position: -webkit-sticky;
    position: sticky;
    margin: 1.5rem 0rem 0.5rem 0rem;
}
.par-p01 {
	height: 20rem;
	padding: 0.5rem 0.5rem;
    margin: 0rem 0rem 2rem 0rem;
}
.par-title-icon1 {
 width: 2.9rem; 
 height: 2.9rem; 
 padding: 0rem 0rem 0.2rem 0rem;
}

@media (min-width: 600px) and (max-width: 800px) {
.par-mySwiper1-name {
 font-size: 1.7rem;
 font-weight: 500;
 text-align: center;/* center left */
 color: #152FB1;
 line-height: ;/* 行間 */
 letter-spacing: 0px;/* 字間 */
 padding: 0.5rem 0rem;
 margin: 0rem 0rem 0rem 0rem;
}
.par-pangtop {
    position: -webkit-sticky;
    position: sticky;
    top: 2.5rem;
    z-index: 1020;
    border: 0px solid #E62424;
    height: auto;
    padding: 0rem 0.5rem 0.5rem 0.5rem;
    background-color: #f0f0f0;
}
.par-title-icon1 {
 width: 2.9rem; 
 height: 2.9rem; 
 padding: 0rem 0rem 0.2rem 0rem;
}
.par-pangtop01 {
    position: -webkit-sticky;
    position: sticky;
    margin: 5rem 0rem 3rem 0rem;
}
.par-p01 {
	height: 20rem;
	padding: 0.5rem 0.5rem;
    margin: 0rem 0rem 2rem 0rem;
}
}

@media (min-width: 800px) and (max-width: 1024px) {
.par-mySwiper1-name {
 font-size: 1.7rem;
 font-weight: 500;
 text-align: center;/* center left */
 color: #152FB1;
 line-height: ;/* 行間 */
 letter-spacing: 0px;/* 字間 */
 padding: 0.5rem 0rem;
 margin: 0rem 0rem 0rem 0rem;
}
.par-pangtop {
    position: -webkit-sticky;
    position: sticky;
    top: 2.5rem;
    z-index: 1020;
    border: 0px solid #E62424;
    height: auto;
    padding: 0rem 0.5rem 0.5rem 0.5rem;
    background-color: #f0f0f0;
}
.par-pangtop01 {
    position: -webkit-sticky;
    position: sticky;
    margin: 5rem 0rem 3rem 0rem;
}
.par-p01 {
	height: 20rem;
	padding: 0.5rem 0.5rem;
    margin: 0rem 0rem 2rem 0rem;
}
.par-title-icon1 {
 width: 2.9rem; 
 height: 2.9rem; 
 padding: 0rem 0rem 0.2rem 0rem;
}
}

@media (min-width: 1024px) and (max-width: 1280px) {
.par-mySwiper1-name {
 font-size: 1.7rem;
 font-weight: 500;
 text-align: center;/* center left */
 color: #152FB1;
 line-height: ;/* 行間 */
 letter-spacing: 0px;/* 字間 */
 padding: 0.5rem 0rem;
 margin: 0rem 0rem 0rem 0rem;
}
.par-pangtop {
    position: -webkit-sticky;
    position: sticky;
    top: 2.5rem;
    z-index: 1020;
    border: 0px solid #E62424;
    height: auto;
    padding: 0rem 0.5rem 0.5rem 0.5rem;
    background-color: #f0f0f0;
}
.par-pangtop01 {
    position: -webkit-sticky;
    position: sticky;
    margin: 5rem 0rem 3rem 0rem;
}
.par-p01 {
	height: 20rem;
	padding: 0.5rem 0.5rem;
    margin: 0rem 0rem 2rem 0rem;
}
.par-title-icon1 {
 width: 2.9rem; 
 height: 2.9rem; 
 padding: 0rem 0rem 0.2rem 0rem;
}
}

@media (min-width: 1280px) and (max-width: 1400px) {
.par-mySwiper1-name {
 font-size: 1.7rem;
 font-weight: 500;
 text-align: center;/* center left */
 color: #152FB1;
 line-height: ;/* 行間 */
 letter-spacing: 0px;/* 字間 */
 padding: 0.5rem 0rem;
 margin: 0rem 0rem 0rem 0rem;
}
.par-pangtop {
    position: -webkit-sticky;
    position: sticky;
    top: 2.5rem;
    z-index: 1020;
    border: 0px solid #E62424;
    height: auto;
    padding: 0rem 0.5rem 0.5rem 0.5rem;
    background-color: #f0f0f0;
}
.par-pangtop01 {
    position: -webkit-sticky;
    position: sticky;
    margin: 5rem 0rem 3rem 0rem;
}
.par-p01 {
	height: 20rem;
	padding: 0.5rem 0.5rem;
    margin: 0rem 0rem 2rem 0rem;
}
.par-title-icon1 {
 width: 2.9rem; 
 height: 2.9rem; 
 padding: 0rem 0rem 0.2rem 0rem;
}
}

@media (min-width: 1400px) and (max-width: 1600px) {
.par-mySwiper1-name {
 font-size: 1.7rem;
 font-weight: 500;
 text-align: center;/* center left */
 color: #152FB1;
 line-height: ;/* 行間 */
 letter-spacing: 0px;/* 字間 */
 padding: 0.5rem 0rem;
 margin: 0rem 0rem 0rem 0rem;
}
.par-pangtop {
    position: -webkit-sticky;
    position: sticky;
    top: 2.5rem;
    z-index: 1020;
    border: 0px solid #E62424;
    height: auto;
    padding: 0.5rem 0.5rem 0.5rem 0.5rem;
    background-color: #f0f0f0;
}
.par-pangtop01 {
    position: -webkit-sticky;
    position: sticky;
    margin: 5rem 0rem 3rem 0rem;
}
.par-p01 {
	height: 20rem;
	padding: 0.5rem 0.5rem;
    margin: 0rem 0rem 2rem 0rem;
}
.par-title-icon1 {
 width: 2.9rem; 
 height: 2.9rem; 
 padding: 0rem 0rem 0.2rem 0rem;
}
}
@media (min-width: 1600px){
.par-mySwiper1-name {
 font-size: 1.7rem;
 font-weight: 500;
 text-align: center;/* center left */
 color: #152FB1;
 line-height: ;/* 行間 */
 letter-spacing: 0px;/* 字間 */
 padding: 0.5rem 0rem;
 margin: 0rem 0rem 0rem 0rem;
}
.par-pangtop {
    position: -webkit-sticky;
    position: sticky;
    top: 2.5rem;
    z-index: 1020;
    border: 0px solid #E62424;
    height: auto;
    padding: 0rem 0.5rem 0.5rem 0.5rem;
    background-color: #f0f0f0;
}
.par-pangtop01 {
    position: -webkit-sticky;
    position: sticky;
    margin: 5rem 0rem 3rem 0rem;
}
.par-p01 {
	height: 20rem;
	padding: 0.5rem 0.5rem;
    margin: 0rem 0rem 2rem 0rem;
}
.par-title-icon1 {
 width: 2.9rem; 
 height: 2.9rem; 
 padding: 0rem 0rem 0.2rem 0rem;
}
}
/* 段落刊頭 */

/* 大標題 */
.hh1txt-icon {
 width: 3rem;
 height: 3rem;
 margin: 0rem 0.5rem 0rem 0rem;
}
.hh1txt-name {
 font-size: 1.0rem;
 font-weight: 600;
 text-align: center;/* center left */
 color: #0E46A7;
 line-height: 1.6rem;/* 行間 */
 letter-spacing: 1px;/* 字間 */
 padding: 0rem;
 margin: 0rem 0rem 0rem 0rem;
}
.hh1txt-name0a {
 font-size: 1.05rem;
 font-weight: 600;
 text-align: center;/* center left */
 color: #F80909;
 line-height: 1.5rem;/* 行間 */
 letter-spacing: 1px;/* 字間 */
 padding: 0rem;
 margin: 0rem 0.0rem 0.0rem 0rem;
}		

@media (min-width: 800px) and (max-width: 1024px) {
.hh1txt-icon {
 width: 3rem;
 height: 3rem;
 margin: 0rem 0.5rem 0rem 0rem;
}
.hh1txt-name {
 font-size: 1.3rem;
 font-weight: 600;
 text-align: center;/* center left */
 color: #0E46A7;
 line-height: 2.8rem;/* 行間 */
 letter-spacing: 1px;/* 字間 */
 padding: 0rem;
 margin: 0rem 0rem 1.5rem 0rem;
}
.hh1txt-name0a {
 font-size: 1.5rem;
 font-weight: 600;
 text-align: center;/* center left */
 color: #F80909;
 line-height: 1.5rem;/* 行間 */
 letter-spacing: 1px;/* 字間 */
 padding: 0rem;
 margin: 0rem 0.0rem 0.0rem 0rem;
}	
}
@media (min-width: 1024px) and (max-width: 1160px) {
.hh1txt-icon {
 width: 3rem;
 height: 3rem;
 margin: 0rem 0.5rem 0rem 0rem;
}
.hh1txt-name {
 font-size: 2.3rem;
 font-weight: 600;
 text-align: center;/* center left */
 color: #0E46A7;
 line-height: 2.8rem;/* 行間 */
 letter-spacing: 1px;/* 字間 */
 padding: 0rem;
 margin: 0rem 0rem 1.5rem 0rem;
}
.hh1txt-name0a {
 font-size: 1.5rem;
 font-weight: 600;
 text-align: center;/* center left */
 color: #F80909;
 line-height: 1.5rem;/* 行間 */
 letter-spacing: 1px;/* 字間 */
 padding: 0rem;
 margin: 0rem 0.0rem 0.0rem 0rem;
}	
}
@media (min-width: 1160) and (max-width: 1270px) {
.hh1txt-icon {
 width: 3rem;
 height: 3rem;
 margin: 0rem 0.5rem 0rem 0rem;
}
.hh1txt-name {
 font-size: 2.3rem;
 font-weight: 600;
 text-align: center;/* center left */
 color: #0E46A7;
 line-height: 2.8rem;/* 行間 */
 letter-spacing: 1px;/* 字間 */
 padding: 0rem;
 margin: 0rem 0rem 1.5rem 0rem;
}
.hh1txt-name0a {
 font-size: 1.5rem;
 font-weight: 600;
 text-align: center;/* center left */
 color: #F80909;
 line-height: 1.5rem;/* 行間 */
 letter-spacing: 1px;/* 字間 */
 padding: 0rem;
 margin: 0rem 0.0rem 0.0rem 0rem;
}		
}
@media (min-width: 1270px) and (max-width: 1400px) {
.hh1txt-icon {
 width: 3rem;
 height: 3rem;
 margin: 0rem 0.5rem 0rem 0rem;
}
.hh1txt-name {
 font-size: 2.3rem;
 font-weight: 600;
 text-align: center;/* center left */
 color: #0E46A7;
 line-height: 2.8rem;/* 行間 */
 letter-spacing: 1px;/* 字間 */
 padding: 0rem;
 margin: 0rem 0rem 1.5rem 0rem;
}
.hh1txt-name0a {
 font-size: 1.5rem;
 font-weight: 600;
 text-align: center;/* center left */
 color: #F80909;
 line-height: 1.5rem;/* 行間 */
 letter-spacing: 1px;/* 字間 */
 padding: 0rem;
 margin: 0rem 0.0rem 0.0rem 0rem;
}		
}
@media (min-width: 1400px) and (max-width: 1600px) {
.hh1txt-icon {
 width: 3rem;
 height: 3rem;
 margin: 0rem 0.5rem 0rem 0rem;
}
.hh1txt-name {
 font-size: 2.3rem;
 font-weight: 600;
 text-align: center;/* center left */
 color: #0E46A7;
 line-height: 2.8rem;/* 行間 */
 letter-spacing: 1px;/* 字間 */
 padding: 0rem;
 margin: 0rem 0rem 0.5rem 0rem;
}
.hh1txt-name0a {
 font-size: 1.5rem;
 font-weight: 600;
 text-align: center;/* center left */
 color: #F80909;
 line-height: 1.5rem;/* 行間 */
 letter-spacing: 1px;/* 字間 */
 padding: 0rem;
 margin: 0rem 0.0rem 0.8rem 0rem;
}	
}
@media (min-width: 1600px) and (max-width: 1920px) {
.hh1txt-icon {
 width: 3rem;
 height: 3rem;
 margin: 0rem 0.5rem 0rem 0rem;
}
.hh1txt-name {
 font-size: 2.3rem;
 font-weight: 600;
 text-align: center;/* center left */
 color: #0E46A7;
 line-height: 2.8rem;/* 行間 */
 letter-spacing: 1px;/* 字間 */
 padding: 0rem;
 margin: 0rem 0rem 1.5rem 0rem;
}
.hh1txt-name0a {
 font-size: 1.5rem;
 font-weight: 600;
 text-align: center;/* center left */
 color: #F80909;
 line-height: 1.5rem;/* 行間 */
 letter-spacing: 1px;/* 字間 */
 padding: 0rem;
 margin: 0rem 0.0rem 0.0rem 0rem;
}	
}
/* 大標題 */

/* 段落內容 */
.pro012-by {
 border: 0px solid #BFBFBF;	 
 border-radius: 3px;
 padding: 0rem; 
 margin: 0rem;
 }

.pro012-mo1 {
 width: ;
 height: 4.6rem;
 border: 0px solid #FAA84E;
 position: relative;
 text-align: center;
 padding: 0.1rem; 
 margin: 0rem 0rem 0.1rem 0rem;
 }	
.pro012-mo2 {
 border: 0px solid #FAA84E;
 position: relative;
 text-align: center;
 padding: 0.1rem 0.1rem; 
 margin: 0rem;
 height: ;
 }	

.pro012-mo3 {
    border: 0px solid #FAA84E;
    position: relative;
    padding: 1rem 1rem;
    margin: 0rem;

 height: ;
 }

.pro012-name {
 font-size: 1.15rem;
 font-weight: 600;
 text-align: left;/* center left */
 color: #152FB1;
 line-height: 1.5rem;/* 行間 */
 letter-spacing: 1px;/* 字間 */
 padding: 0rem;
 margin: 0.0rem 0rem 0.0rem 0rem;
}	
.pro012-txt {
  font-size: 0.9rem;
 font-weight: 600;
 text-align: left;/* center left */
 color: #464646;
 line-height: 1.2rem;/* 行間 */
 letter-spacing: 1.0px;/* 字間 */
 padding: 0.0rem 0rem 0.5rem 0rem;
 margin: 0.0rem;
 }
.pro012-btn01 {
  border: none;
  color: #E62424;
  font-size: 16px;
  text-align: left;/* center left */  
  padding: 0.35rem 0.5rem;
  margin: 0.4rem 0.4rem;
  line-height: 0rem;/* 行間 */
  letter-spacing: 2px;/* 字間 */
  border: 1px solid #E62424;
  background-color: #transparent;
  border-radius: 0.3rem;
}
.pro012-btn01:hover {  
 color: #fff;
 border: 1px solid #E62424;
 background-color: #E62424;
}

@media (min-width: 600px) and (max-width: 800px) {

}

@media (min-width: 800px) and (max-width: 1024px) {

}
@media (min-width: 1024px) and (max-width: 1280px) {

}
@media (min-width: 1280px) and (max-width: 1400px) {

}
@media (min-width: 1400px) and (max-width: 1600px) {
.pro012-by {
 border: 0px solid #BFBFBF;	  
 border-radius: 3px;
 padding: 1rem; 
 margin: 0rem;
 }
.pro012-mo1 { 
 border: 0px solid #FAA84E;
 position: relative;
 text-align: center;
 padding: 0rem; 
 margin: 0rem 0rem 0.1rem 0rem;
 }	
.pro012-mo2 {
 position: relative;
 text-align: center;
 padding: 0rem 0rem; 
 margin: 0rem;
 height: ;
 }	
.pro012-mo3 {
 border: 0px solid #FAA84E;
 position: relative;
 text-align: center;
 padding: 1rem 1rem; 
 margin: 0rem;
 height: ;
 }
.pro012-name {
 font-size: 1.15rem;
 font-weight: 600;
 text-align: left;/* center left */
 color: #152FB1;
 line-height: 1.5rem;/* 行間 */
 letter-spacing: 1px;/* 字間 */
 padding: 0rem;
 margin: 0.0rem 0rem 0.0rem 0rem;
}	
.pro012-txt {
  font-size: 1.2rem;
 font-weight: 600;
 text-align: left;/* center left */
 color: #464646;
 line-height: 1.5rem;/* 行間 */
 letter-spacing: 1.0px;/* 字間 */
 padding: 0.0rem 0rem 0.5rem 0rem;
 margin: 0.0rem;
 }
.pro012-btn01 {
  border: none;
  color: #E62424;
  font-size: 16px;
  text-align: left;/* center left */  
  padding: 0.35rem 0.5rem;
  margin: 0.4rem 0.4rem;
  line-height: 0rem;/* 行間 */
  letter-spacing: 2px;/* 字間 */
  border: 1px solid #E62424;
  background-color: #transparent;
  border-radius: 0.3rem;
}
.pro012-btn01:hover {  
 color: #fff;
 border: 1px solid #E62424;
 background-color: #E62424;
}
}

@media (min-width: 1600px) {

}
/* 段落內容 */

/* 選購圖片 */
.zoom-top100 {  
  height: ;
  top: 0;
  right: 0;
  left: 0;
  width: ;
  height: 100vh;
  max-height: 100%;
  border: 0px solid rgba(0, 0, 0, 0.2);
  transform: translateY(-100%);
  padding: 0rem;
  margin: 0rem 0rem 0rem 0rem;
  border-radius: 0.5rem;
  background-color: #0000;/* 背景色 */
  backdrop-filter:blur(8px); /* 模糊效果 */
  box-shadow: 2px 2px 5px 1 #000;/* 陰影 */
  background: rgba( 0,0 ,0 ,0.7 )
}	
.zoom-1 {
  margin: 0.5rem !important;
}
.zoom-5 {
  margin: 3rem !important;
}
.zoom-top100-name {
 font-size: 1.5rem;
 font-weight: 500;
 text-align: left;/* center left */
 color: #FFF;
 line-height: 1.9rem;/* 行間 */
 letter-spacing: 1px;/* 字間 */
 padding: 0rem 0rem 0rem 0rem;
 margin: 0rem 0rem 0rem 0rem;
}	
.zoom-top100-txt {
 font-size: 1.10rem;
 font-weight: 600;
 text-align: left;/* center left */
 color: #464646;
 line-height: 1.43rem;/* 行間 */
 letter-spacing: 0.1px;/* 字間 */
 padding: 0rem 0rem 0.19rem 0rem;
 margin: 0rem 0rem 0.3rem 0rem;
}



/* 選購圖片 */
/* 選購圖片-ICON */
.icon-zoom1 {
 width: 2rem;
 height: 2rem; 
 text-align: center;/*  Center:置中 Right:靠右對齊 left:靠左對齊 justify:左右對齊 */
}	
@media (min-width: 600px) and (max-width: 1200px) {
.icon-zoom1 {
 width: 2rem;
 height: 2rem; 
 text-align: center;/*  Center:置中 Right:靠右對齊 left:靠左對齊 justify:左右對齊 */
}	
}
@media (min-width: 1200px) {
.icon-zoom1 {
 width: 2rem;
 height: 2rem; 
 text-align: center;/*  Center:置中 Right:靠右對齊 left:靠左對齊 justify:左右對齊 */
}	
}
/* 選購圖片-ICON */

.button-zoom01 {
  background-color: #ddd;
  border: 0px solid #BFBFBF;	 
  border: none;
  color: black;
  padding: 10px 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  margin: 4px 2px;
  cursor: pointer;
  border-radius: 3px;
}

.button-zoom01:hover {
  background-color: #f1f1f1;
}

.button-zoom-img01 {
  background-color: ;
  border: 0px solid #BFBFBF;	 
  border: none;
  color: black;
  padding: 0px 0px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  margin: 0px 0px;
  cursor: pointer;
  border-radius: 0px;
}

.button-zoom-img01:hover {
  background-color: ;
}


@media (min-width: 600px) and (max-width: 800px) {
}
@media (min-width: 800px) and (max-width: 1024px) {
}
@media (min-width: 1024px) and (max-width: 1280px) {

}
@media (min-width: 1280px) and (max-width: 1400px) {

}

@media (min-width: 1400px) and (max-width: 1600px) {

}
@media (min-width: 1600px) and (max-width: 1920px) {

}


@media (max-width: 575.98px) { ... }
@media (max-width: 767.98px) { ... }
@media (max-width: 991.98px) { ... }
@media (max-width: 1199.98px) { ... }
@media (max-width: 1399.98px) { ... }