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

	html, body {
	  padding: 0;
	  margin: 0;
	  height: 100%;
	}
	html { overflow:-moz-scrollbars-vertical;overflow-y:scroll; }
	a{text-decoration:none;}
	body{font-family: Verdana, Arial, Helvetica, sans-serif , sans-serif; font-size:14px; margin: 0px; background-color:/*#333333*/#d1d3d4;  /*text-align:center;*/}
	
	img {border:none;}
	table{table-layout:fixed;}
	td
	{
		/*word-wrap: break-word;
		word-break: break-all;*/
	}
	
	h1
	{
		font-size:2em;
		letter-spacing:1px;
	}
	     .stepTitle {
         font-size:1.55em !important; 
         margin-bottom: 0rem; 
     }
     
     #mainContent{position:relative; top:15px;/*  left:170px; width:760px;*/ /*border:#336600 dashed 2px;*/ padding:5px 5px 15px 5px; min-height:250px; height:auto !important; }
     #fixedContent{position:relative; top:15px;/*  left:170px; width:760px;*/ /*border:#336600 dashed 2px;*/ padding:5px 5px 15px 5px; min-height:250px; height:auto !important; overflow-y: auto}
/*@media (min-height:0px) and (max-height: 570px) {
	 #fixedContent{min-height:250px; height: 400px !important; overflow-y: auto;}
}
  @media (min-height:571px) and (max-height: 670px) {
   #fixedContent{min-height:250px; height: 570px !important; overflow-y: auto;}
}
  @media (min-height:671px) and (max-height: 770px) {
   #fixedContent{min-height:250px; height: 670px !important; overflow-y: auto;}
}
  @media (min-height:771px) and (max-height: 870px) {
   #fixedContent{min-height:250px; height: 770px !important; overflow-y: auto;}
}
  @media (min-height:871px) and (max-height: 970px) {
   #fixedContent{min-height:250px; height: 870px !important; overflow-y: auto;}
}
  @media (min-height:971px) and (max-height: 1070px) {
   #fixedContent{min-height:250px; height: 970px !important;overflow-y: auto; }
}
  @media (min-height:1071px) and (max-height: 1200px) {
   #fixedContent{min-height:250px; height: 1100px !important;overflow-y: auto; }
}
 	@media (min-height: 1200px) {
 	 #fixedContent{min-height:250px; height: auto !important; overflow-y: auto;}
}*/

	
	/*.menuBar{font-family: '微軟正黑體',Verdana, Arial, Helvetica, sans-serif , sans-serif; font-size:15px; margin-left: -15px; margin-right: -15px;background-color: #fbab71; box-shadow: 0px 3px 5px 0px #000;text-align:center;}*/
	.menuBar{font-family: Verdana, Arial, Helvetica, sans-serif , sans-serif;  font-size:1.5em; margin-left: -15px; margin-right: -15px;background-color:/* #043e76*/#3973B2 !important; box-shadow: 0px 3px 5px 0px #000;/*text-align:center;*/}
	.VShadow{position:absolute; height:8px; width:100%; left:0px; bottom:-8px; background:url(../../images/VShadow.png) repeat-x;}	

	#newContainer{position:relative; top:0px; /*border:#999999 dashed 2px;*/  width:950px; background-color:#FFF; text-align:left; margin: 0 auto;}
	#containerBg{background-color:#FFF;}
	
	/*#header{position:relative; top:0px; left:0px; border:#993300 dashed 2px; height:128px; background-color:#054078;background: url(../../images/banner.png); background-repeat:no-repeat;}*/
    @media (min-width:0px) and (max-width: 360px) {
   	#header{background: url(../../images/banner360_PT.jpg);position:relative; background-position: center top; top:0px; left:0px; /*border:#993300 dashed 2px;*/ height:116px; background-color:#a0d3f2; background-repeat:no-repeat; background-size: contain;}
    .payment {
       /*  margin-right:7%;*/
    }
    .menuPadding {
     padding:0.5rem 0.5rem;
     }
	.menuBar{font-family:Verdana, Arial, Helvetica, sans-serif , sans-serif; font-size:1.5em; margin-left: -15px; margin-right: -15px;background-color:/* #043e76*/#3973B2 !important; box-shadow: 0px 3px 5px 0px #000;/*text-align:center;*/}
    .navlinkPadding {
	padding-right: 0.5rem !important;
	padding-left: 0.5rem !important; 
	text-align:left;
    }
    
    
	.previewHome {
	    display:none;
	}
	.mailTo {
	margin-left:0px;
	} 
	
     .defPage {
    
     margin:0px auto;
     }
     
     .dsccDescription {
     display:none;
     }
   .cardHeader {
        background-color:/*#054078#a0c9ec*/#377ac3;
      text-align: right; 
      color:white; 
      font-size:0.94em;
      font-family: '微軟正黑體',Verdana, Arial, Helvetica, sans-serif , sans-serif !important;
     }	
	}     
    
    @media (min-width:0px) and (max-width: 340px) {
   	#header{background: url(../../images/banner360_PT.jpg);position:relative; background-position: center top; top:0px; left:0px; /*border:#993300 dashed 2px;*/ height:110px; background-color:#a0d3f2; background-repeat:no-repeat; background-size: contain;}
   
    }
    @media (min-width:340px) and (max-width: 361px) {
   	#header{background: url(../../images/banner360_PT.jpg);position:relative; background-position: center top; top:0px; left:0px; /*border:#993300 dashed 2px;*/ height:117px; background-color:#a0d3f2; background-repeat:no-repeat; background-size: contain;}
   
    } 
    @media (min-width:361px) and (max-width: 425px) {
   	#header{background: url(../../images/banner360_PT.jpg);position:relative; background-position: center top; top:0px; left:0px; /*border:#993300 dashed 2px;*/ height:115px; background-color:#a0d3f2; background-repeat:no-repeat; background-size: contain;}
    .payment {
       /*  margin-right:7%;*/
    }
    .menuPadding {
     padding:0.5rem 0.5rem;
     }
     .menuBar{font-family:Verdana, Arial, Helvetica, sans-serif , sans-serif; font-size:1.5em; margin-left: -15px; margin-right: -15px;background-color:/* #043e76*/#3973B2 !important; box-shadow: 0px 3px 5px 0px #000;/*text-align:center;*/}
     .navlinkPadding {
	padding-right: 0.5rem !important;
	padding-left: 0.5rem !important; 
	text-align:left;
    }
    
	.previewHome {
	    display:inline;
	} 
    .mailTo {
	margin-left:-15px;
	} 
	
   .defPage {
    
     margin:0px auto;
     }
     .dsccDescription {
         display:none;
     }
   .cardHeader {
       background-color:/*#054078#a0c9ec*/#377ac3;
      text-align: right; 
        color:white; 
      font-size:1em;
      font-family: '微軟正黑體',Verdana, Arial, Helvetica, sans-serif , sans-serif !important;
     }	        
	}   
	 @media (min-width:361px) and (max-width: 374px) {
   	#header{background: url(../../images/banner360_PT.jpg);position:relative; background-position: center top; top:0px; left:0px; /*border:#993300 dashed 2px;*/ height:120px; background-color:#a0d3f2; background-repeat:no-repeat; background-size: contain;}

    }
	   
	@media (min-width:374px) and (max-width: 390px) {
   	#header{background: url(../../images/banner360_PT.jpg);position:relative; background-position: center top; top:0px; left:0px; /*border:#993300 dashed 2px;*/ height:125px; background-color:#a0d3f2; background-repeat:no-repeat; background-size: contain;}
 
    }
    @media (min-width:390px) and (max-width: 415px) {
   	#header{background: url(../../images/banner360_PT.jpg);position:relative; background-position: center top; top:0px; left:0px; /*border:#993300 dashed 2px;*/ height:133px; background-color:#a0d3f2; background-repeat:no-repeat; background-size: contain;}
 
    }
    @media (min-width:415px) and (max-width: 424px) {
   	#header{background: url(../../images/banner360_PT.jpg);position:relative; background-position: center top; top:0px; left:0px; /*border:#993300 dashed 2px;*/ height:137px; background-color:#a0d3f2; background-repeat:no-repeat; background-size: contain;}
 
    }
	@media (min-width:425px) and (max-width: 531px) {
   	#header{background: url(../../images/banner540_PT.jpg);position:relative; background-position: center top; top:0px; left:0px; /*border:#993300 dashed 2px;*/ height:120px; background-color:#a0d3f2; background-repeat:no-repeat; background-size: contain;}
    .payment {
        /* margin-right:14%;*/
    }
    
      .menuPadding {
     padding:0.5rem 0.5rem;
     }
     .menuBar{font-family:Verdana, Arial, Helvetica, sans-serif , sans-serif; font-size:1.5em; margin-left: -15px; margin-right: -15px;background-color:/* #043e76*/#3973B2 !important; box-shadow: 0px 3px 5px 0px #000;/*text-align:center;*/}
    .navlinkPadding {
	padding-right: 0.5rem !important;
	padding-left: 0.5rem !important; 
	text-align:left;
    } 
    .previewHome {
	    display:inline;
	}  
    .mailTo {
	margin-left:-15px;
	}   

 .defPage {
    
     margin:0px auto;
     }
   .dsccDescription {
         display:inline;
     }
   .cardHeader {
        background-color:/*#054078#a0c9ec*/#377ac3;
      text-align: right; 
         color:white;
      font-size:1em;
      font-family: '微軟正黑體',Verdana, Arial, Helvetica, sans-serif , sans-serif !important;
     }       
	}    
	@media (min-width:425px) and (max-width: 441px) {
   	#header{background: url(../../images/banner540_PT.jpg);position:relative; background-position: center top; top:0px; left:0px; /*border:#993300 dashed 2px;*/ height:102px; background-color:#a0d3f2; background-repeat:no-repeat; background-size: contain;}

    }
    @media (min-width:441px) and (max-width: 475px) {
   	#header{background: url(../../images/banner540_PT.jpg);position:relative; background-position: center top; top:0px; left:0px; /*border:#993300 dashed 2px;*/ height:110px; background-color:#a0d3f2; background-repeat:no-repeat; background-size: contain;}

    }
    @media (min-width:475px) and (max-width: 490px) {
   	#header{background: url(../../images/banner540_PT.jpg);position:relative; background-position: center top; top:0px; left:0px; /*border:#993300 dashed 2px;*/ height:115px; background-color:#a0d3f2; background-repeat:no-repeat; background-size: contain;}

    }
    @media (min-width:519px) and (max-width: 531px) {
   	#header{background: url(../../images/banner540_PT.jpg);position:relative; background-position: center top; top:0px; left:0px; /*border:#993300 dashed 2px;*/ height:125px; background-color:#a0d3f2; background-repeat:no-repeat; background-size: contain;}

    }
	@media (min-width:531px) and (max-width: 768px) {
   	#header{background: url(../../images/banner540_PT.jpg);position:relative; background-position: center top; top:0px; left:0px; /*border:#993300 dashed 2px;*/ height:128px; background-color:#a0d3f2; background-repeat:no-repeat; background-size: contain;}
    .payment {
      /*   margin-right:18%;*/
    }
    
    .menuPadding {
     padding:0.5rem 0.5rem;
     }
     .menuBar{font-family:Verdana, Arial, Helvetica, sans-serif , sans-serif; font-size:1.5em; margin-left: -15px; margin-right: -15px;background-color:/* #043e76*/#3973B2 !important; box-shadow: 0px 3px 5px 0px #000;/*text-align:center;*/}
    .navlinkPadding {
	padding-right: 0.5rem !important;
	padding-left: 0.5rem !important; 
	text-align:left;
    }
	.previewHome {
	    display:inline;
	} 
    .mailTo {
	margin-left:-15px;
	} 
        .defPage {
    
     margin:0px auto;
     }
     .dsccDescription {
         display:inline;
     }
   .cardHeader {
        background-color:/*#054078#a0c9ec*/#377ac3;
      text-align: right; 
         color:white; 
      font-size:1em;
      font-family: '微軟正黑體',Verdana, Arial, Helvetica, sans-serif , sans-serif !important;
     }                 
	}
    @media (min-width:552px) and (max-width: 576px) {
   	#header{background: url(../../images/banner540_PT.jpg);position:relative; background-position: center top; top:0px; left:0px; /*border:#993300 dashed 2px;*/ height:135px; background-color:#a0d3f2; background-repeat:no-repeat; background-size: contain;}
	}
	@media (min-width:768px) and  (max-width: 992px) {
	#header{background: url(../../images/banner720.jpg);position:relative; background-position: center top; top:0px; left:0px; /*border:#993300 dashed 2px; */height:128px; background-color:#a0d3f2; background-repeat:no-repeat; background-size: contain;}
    .payment {
        /* margin-right:22%;*/
    }
    
    
    .menuBar{font-family:Verdana, Arial, Helvetica, sans-serif , sans-serif; font-size:1.24em; margin-left: -15px; margin-right: -15px;background-color:/* #043e76*/#3973B2 !important; box-shadow: 0px 3px 5px 0px #000;/*text-align:center;*/}
    
    .menuPadding {
     padding:0.5rem 0.1rem;
     }
     .navlinkPadding {
	padding-right: 0.2rem !important;
	padding-left: 0.2rem !important; 
	text-align:center;
    } 
	.previewHome {
	    display:none;
	}  
    .mailTo {
	margin-left:0px;
	}  
    .defPage {
    
     margin:0px auto;
     }
      .dsccDescription {
         display:inline;
     }
     
   .cardHeader {
       background-color:/*#054078#a0c9ec*/#377ac3;
      text-align: right; 
       color:white; 
      font-size:1em;
      font-family: '微軟正黑體',Verdana, Arial, Helvetica, sans-serif , sans-serif !important;
     }          
	}
	@media  (min-width:992px) and (max-width: 1200px) {

	#header{background: url(../../images/banner960.jpg);position:relative; background-position: center top; top:0px; left:0px; /*border:#993300 dashed 2px;*/ height:128px; background-color:#a0d3f2; background-repeat:no-repeat; background-size: contain;}
     .payment {
        /* margin-right:27%;*/
    }
    .conformControl {
        width:80%;
     }
     
      .menuPadding {
     padding:0.5rem 0.5rem;
     }
     .menuBar{font-family:Verdana, Arial, Helvetica, sans-serif , sans-serif; font-size:1.5em; margin-left: -15px; margin-right: -15px;background-color:/* #043e76*/#3973B2 !important; box-shadow: 0px 3px 5px 0px #000;/*text-align:center;*/}
     .navlinkPadding {
	padding-right: 0.5rem !important;
	padding-left: 0.5rem !important; 
	text-align:center;
    } 
 	.previewHome {
	    display:inline;
	}  
    .mailTo {
	margin-left:-15px;
	}      
   .defPage {
     width:750px !important; 
     margin:0px auto;
     }
     
      .dsccDescription {
         display:inline;
     }
   .cardHeader {
     background-color:/*#054078#a0c9ec*/#377ac3;
      text-align: right; 
         color:white; 
      font-size:1em;
      font-family: '微軟正黑體',Verdana, Arial, Helvetica, sans-serif , sans-serif !important;
     }     
	}

	@media (min-width: 1200px) {

	#header{background: url(../../images/banner1140.jpg);position:relative; background-position: center top; top:0px; left:0px; /*border:#993300 dashed 2px; */height:128px; background-color:#a0d3f2; background-repeat:no-repeat; background-size: contain;}
	/*body{font-family: Verdana, Arial, Helvetica, sans-serif , sans-serif; font-size:1.3em; margin: 0px; background-color:#333333;  text-align:center;}*/
	     .stepTitle {
         font-size:1.55em !important; 
         margin-bottom: 0rem; 
     }
         .payment {
         /*margin-right:28%;*/
    }
   .menuPadding {
     padding:0.5rem 0.5rem;
     }
     .menuBar{font-family:Verdana, Arial, Helvetica, sans-serif , sans-serif; font-size:1.5em; margin-left: -15px; margin-right: -15px;background-color:/* #043e76*/#3973B2 !important; box-shadow: 0px 3px 5px 0px #000;/*text-align:center;*/}
     .navlinkPadding {
	padding-right: 0.5rem !important;
	padding-left: 0.5rem !important; 
	text-align:center;
    } 
    
  .previewHome {
	    display:inline;
	} 
    .mailTo {
	margin-left:-15px;
	} 
  .defPage {
     width:750px !important; 
     margin:0px auto;
     }
     
     .dsccDescription {
         display:inline;
     }
   .cardHeader {
      background-color:/*#054078#a0c9ec*/#377ac3;
      text-align: right; 
       color:white; 
      font-size:1em;
      font-family: '微軟正黑體',Verdana, Arial, Helvetica, sans-serif , sans-serif !important;
     }   
	}
	
	#MenuTag{position:absolute; height:43px; width:88px; top:103px; left:683px; background:url(../../images/MenuTag.png) no-repeat;}
	#Logo{position:absolute; height:102px; width:172px; top:60px; left:2px; background:url(../images/logo.png) no-repeat;display:none;}
	
	#sidebar{position:absolute; top:150px; left:10px; /*border:#000066 dashed 2px;*/ width:150px;  height:480px;}	
		#workflow{position:absolute; top:0px; left:10px; width:150px; height:250px;  text-align:right; /*background:url(../../images/submenu.png) no-repeat;*/ background-position:left 25px;}
		#SubMenuTag{position:absolute; top:24px;left:-7px; height:32px; width:179px; background:url(../../images/SubMenuTag.png);}

	/*#mainContent{position:relative; top:15px;  left:170px; width:760px;border:#336600 dashed 2px;  padding:5px 5px 15px 5px; min-height:250px; height: auto !important; height: 480px;}*/
    
	/*reference */
	#condition{position:absolute; top:460px; left:0px; width:150px; height:25px; border-bottom:1px #CCCCEE solid; background:url(../../images/condition.png) no-repeat right ;}
	/*====================*/
	#LangImg{position:absolute; height:26px; width:400px; left:30px; bottom:3px; background:url(../images/desc.png) no-repeat;}
	
/*	#footer{position:relative;letter-spacing:1px; font-size:12px; line-height:18px; padding:5px; background-color:#054078; color:#FFF;}
	#footer a:link,#footer a:visited{color:#DDD;}
	#footer a:hover{color:#FFF;}
	#dsccurl{}
	#privacy{position:absolute; right:5px; top:5px;}
	
	
	#Lang{position:absolute; height:26px; width:400px; left:5px; bottom:0px; }
	
	#btn_cht
	{
		position:absolute;
		top:3px;
		left:0px;
		width:63px;
		height:20px;
		background:url(../../images/nothing.gif);
		cursor:pointer;		
	}
	
	#btn_chs
	{
		position:absolute;
		top:3px;
		left:72px;
		width:63px;
		height:20px;
		background:url(../../images/nothing.gif);
		cursor:pointer;		
	}
	
	#btn_por
	{
		position:absolute;
		top:3px;
		left:148px;
		width:65px;
		height:20px;
		background:url(../../images/nothing.gif);
		cursor:pointer;		
	}

	#btn_eng
	{
		position:absolute;
		top:3px;
		left:225px;
		width:58px;
		height:20px;
		background:url(../../images/nothing.gif);
		cursor:pointer;		
	}
	
	#homeBtn{
	position:absolute;
	height:15px;
	width:15px;
	left:326px;
	top:6px;
	background:url(../../images/nothing.gif);
	cursor:pointer;

	}
	
	#mailBtn{
	position:absolute;
	height:15px;
	width:15px;
	left:356px;
	top:6px;
	background:url(../../images/nothing.gif);
	cursor:pointer;
	}	
*/

#footer
{ 
	position:relative;
	background-color:/*#054078*/#3973B2 !important;
	line-height:30px;
	font-family:"Trebuchet MS", Arial,"微軟正黑體";
	color:#fff;
	font-size:1.2em;
	height:30px;
}

/*#lastUpdate{ float:left; padding-left:10px;}
#refLink{float:right; text-align:right; padding-right:10px;}*/
#lastUpdate{ float:left; padding-left:5px; height:30px; display:flex; align-items:center;}
#refLink{float:right; text-align:right; padding-right:10px; display:flex; align-items:center; justify-content: flex-end; line-height:15px;padding-left:0px;}
#refLink a{color:#fff;}

#lang_bg{position:absolute; /*width:420px;*/ height:25px;  background-color:#054078; top:3px; right:0px;}
#lang,#fontsize{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif,'微軟正黑體';
	color:#FFF;
}

#toolbar{top:6px;}
#lang{top:3px; }
#fontsize{top:6px;}

/*click region*/
.fontsize_btn{position:absolute; cursor:pointer; background:url(../../images/nothing.gif); z-index:100; width:20px; height:20px; /*border:1px solid #000;*/}
.langbtn{position:absolute; cursor:pointer; background:url(../../images/nothing.gif); z-index:100; /*border:1px solid #ccc;*/ }

#btn_smallSize{top:-2px; left:-3px;}
#btn_normalSize{top:-2px; left:20px;}
#btn_bigSize{top:-2px; left:46px;}

#btn_cht{top:-2px; left:3px; width:69px; height:20px;}
#btn_chs{top:-2px; left:75px; width:69px; height:20px;}
#btn_por{top:-2px; left:148px; width:75px; height:20px;}
#btn_eng{top:-2px; left:226px; width:56px; height:20px;}

    .navbarBnTc {
        font-size: 15px;
        font-family: 'Noto Sans TC', sans-serif, 新細明體;
        font-weight: bold;
        letter-spacing: 1px;
        padding-right: 15px;
        padding-left: 15px;
        border-top: 4px solid #222222;
        border-bottom: 4px solid #222222;
        
    }

	
	#Transaction{
	position:absolute;
	height:26px;
	width:68px;
	cursor:pointer;
	background:url(../../images/nothing.gif);
	left: 31px;
	top: 0px;
	}
	
	
	#CheckList{
	position:absolute;
	height:26px;
	width:68px;
	cursor:pointer;
	background:url(../../images/nothing.gif);
	left: 117px;
	top: 0px;
	}

	#Download{
	position:absolute;
	height:26px;
	width:68px;
	cursor:pointer;
	background:url(../../images/nothing.gif);
	left: 204px;
	top: -1px;
		}
		
	#Condition{
	position:absolute;
	height:26px;
	width:68px;
	cursor:pointer;
	background:url(../../images/nothing.gif);
	left: 290px;
	top: -1px;
		} 
		
	#Instruction{
	position:absolute;
	height:26px;
	width:68px;
	cursor:pointer;
	background:url(../../images/nothing.gif);
	left: 379px;
	top: -1px;
}
	.bodyFontSize {
font-size:62.5%;
   }
	#MenuImg{position:absolute; height:23px; right:20px; bottom:2px; background:url(../images/menu.png) no-repeat; /*border:1px solid #000;*/}
	#Menu{position:absolute; height:23px;/* width:450px; */ right:20px; bottom:2px;}
	#MenuTag{
	position:absolute;
	height:43px;
	width:88px;
	top:103px;
	left:590px;
	background:url(../images/MenuTag.png) no-repeat;
	}
	
/*	.tools{border:1px solid #174d80; color: #829fbb; focus:none;}*/
.tools{/*border:1px solid #174d80; color: #829fbb;*/ border:1px solid rgba(255,255,255,1)!important; color: rgba(255,255,255,1)!important; focus:none; padding: .5rem .65rem; margin-right:3px;}
	.tools:hover {
        /*color: #829fbb;*/
      color: rgba(255,255,255,1)!important;
     }
     .tools:focus {
     box-shadow: 0 0 0 0;
     }	
	.navbar-dark .navbar-toggler {
    color: rgba(255,255,255,1)!important;
    border-color: rgba(255,255,255,1)!important;
}
	.langBtn {
	    width:7em;
    }
    .sizeBtn {
	    width:4em;
    }
    .selectLangBtn {
        background-color:#e16f7f; border-color:#e16f7f;
    }
    
     .selectLangBtn:hover {
         background-color: #dc586c;
         border-color: #dc586c;
     }
     
     .btn-sm {
 
    /*font-size: .775rem;*/
    font-size: .875rem;
     }
  .navbar-dark .navbar-toggler-icon {
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255,255,255, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")!important;

}      

  @media (min-width:0px) and (max-width:767px) {

	#smallFunButton  {
	    display:inline!important;
	}

     #bigFunButton {

	    display:none!important;
	
	}
}
@media (min-width:768px) {

	#smallFunButton  {
	     display:none!important;
	}

   #bigFunButton {
	
	    display:inline!important;
	}
}