@charset "utf-8";

/*-----------------------------------------------------Top menu */

.shadow{
	background-image:url(../img/shadow.png);
	background-repeat: repeat-x;
	/*z-index:1000;*/								/* 調整陰影Z軸 By johnny */
	position:absolute;
	width:100%;
	}
	
input{ margin:-5px 0 -4px 0 !important;}   


/*-----------------------------------------------------路徑 */

.path{
	height:50px;
    z-index:10;
    background-position:right top;	
	line-height:50px;
	padding:0 15px;
	font-size:0.8em;
	color:#666;
	width:99.7%;
	}
	
.path a{ color:#666; }
	
.path .timing, .re-time{ float:right; font-size:16px; height:50px; line-height:50px; vertical-align:middle; padding-right:5px;}

.path .timing span{ font-size:22px; font-weight:bold; color:#C30; vertical-align:middle;}

.path .re-time a{ font-weight:bold; color:#cb3304; text-decoration:underline; background:url(../img/re_time_icon.png) 0 2.5px no-repeat; padding-left:13px; margin-left:15px;}

.path .re-time a:hover{ color:#007fea; background:url(../img/re_time_icon_ho.png) 0 2.5px no-repeat;}

	
/*----------------------------------------------------- 左側功能選單 */

.features{
	overflow:hidden;
	-moz-box-shadow:3px 10px 4px -1px rgba(20%,20%,40%,0.15);
    -webkit-box-shadow:3px 4px 3px -1px rgba(20%,20%,40%,0.15);
    box-shadow:3px 4px 3px -1px rgba(20%,20%,40%,0.15);
	background-color:#fff;
	border:#d5d5d5 1px solid;
	line-height:22px;
}

.features{
	font-size:15px;
	width:25%;
	float:left;
	margin-top:15px;
	margin-bottom:3%;
	}
	

.features ul li ul li ul{
	display:none;
	}

.features .ti{
	display:block;
	color:#FFF;
	font-size:16px;
	background:url(../img/arrows_hide.png) right top no-repeat;
	padding:10px 15px; 
	}

.features .ti2{
	display:block;
	font-size:15px;
	line-height:22px;
	padding:10px 10px 10px 35px;	
	}
	
.features .item{
	display:block;
	font-size:15px;
	line-height:22px;
	padding:10px 10px 10px 50px;	
	}

.features li a{
	color:#434343;
	}

.logintime2{
	padding: 7px 0px 10px 0;
    /* text-align: center; */
    width: 60%;
    margin: 0 auto;
    padding: 5px 0px 10px 0px;
    font-size: 0.85em;
    color: #666;
    line-height: 20px;
	}
	
.loginstatus1{
	background-color:#A9CC37;
	color:white;
	padding:2px;
	}

.loginstatus2{
	background-color:#F483A0;
	color:white;
	padding:2px;
}

.login{
	padding:0px 0px 0px 13px;
}

.loginos{
	padding:0px 0px 0px 18px;	
}

.loginip{
	padding:0px 0px 0px 40px;
}
.loginipRWD{ padding:0px 0px 0px 30px; display:none;}
.loginipRWD2{ display:none;}

.logout{
	padding:0px 0px 0px 20px;
}

.logintime{
	width:80%;
	margin:0 auto;
	padding:50px 0px 10px 0px;
	font-size:0.85em;
	color:#666;
	line-height:20px;
	}
	
.logintime .timing, .logintime .re-time, .logintime .logout{ display:none;}
	
	
/*----------------------------------------------------- 右側內容 */

.addfavorite_label {display: block; font-size:14px;}

.addfavorite_icon{display: none;font-size:20px;}

/* 用來控制較長的"交易標題"與  "加入我的最愛"間距用  可參考EB120150*/
.addfavorite_titlewidth{width: 87%;}

.pagecontent{	
	float:right;
	overflow:hidden;
	font-size:15px;
	color:#2a2a2a;
	width:73.7%;
	background-color:#fff;
	line-height:22px;
	border:#d5d5d5 1px solid;	
	margin:15px 0.3% 0.3% 0;
	padding-bottom:15px;	
	-moz-box-shadow:3px 10px 4px -1px rgba(20%,20%,40%,0.15);
    -webkit-box-shadow:3px 4px 3px -1px rgba(20%,20%,40%,0.15);
    box-shadow:3px 4px 3px -1px rgba(20%,20%,40%,0.15);		
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	}
	
.pagecontent_ind{
	width:73%;
	}

.pagecontent.width{ width:100%; margin:15px auto 0.3% auto;}

.pagecontent_left{ margin-left:17px;}
	
.pagecontent img{
	padding-left:15px;
	width:auto;
	height:auto;
	}
	
.pagecontent .tibg{
	font-size:18px;
	font-weight:bold;
	width:100%;
	padding:10px 0 10px 15px;	
	}
	
.pagecontent .e_data{
	float:left;	
	font-size:14px;
	color:#8a8a8a;
	width:45%;
	text-align:left;
	margin-left:2%;
	}
		
.pagecontent .s_data{
	float:right;	
	font-size:14px;
	color:#8a8a8a;
	width:45%;
	text-align:right;	
	margin-right:3%;
	}

.pagecontent .txt{
	font-size:16px;
	font-weight:bold;
	text-align:left;
	width:95%;
	margin-left:2%;
	line-height:30px;
}

.pagecontent .txt a{
	font-size:15px;
	color:#777;
}

.pagecontent .txtred a{	
	color:#f44500;
}

.pagecontent .txtred a:hover{	
	color:#04a900;
}

.pagecontent .prompt{	
	color:#d00000;
	width:95%;
	line-height:22px;
	background:url(../img/prompt_line.png) center bottom no-repeat;
	margin:20px auto;
	padding-bottom:18px;	
}

.pagecontent .prompt{
	background-size:100% 1px;
}

.pagecontent .prompt_df{
	width:95%;
	margin:auto;
	padding:12px 0 12px 2px;
	}

.pagecontent .prompt_df a{
	color:#ff7e00;
}

.pagecontent .red{ color:#d00000;}

.pagecontent .redbold{ font-weight:bolder; color:#d00000;}

.pagecontent .blue{ color:#006fcd;}

.pagecontent .bluebold{ font-size:15px; font-weight:bolder; color:#006fcd;}

.pagecontent .ticon{/*內容表格最外框*/
	background-color:#fff;
	width:95%;
	margin:auto;
	border-right:#c9c9c9 1px solid;
	overflow:hidden;
	}
	
.pagecontent .ticonsp{
	height:25px}
	
.ticonsp_assets{ margin-top:35px;}

.pagecontent .ticonsp_ind{
	height:2px}
	
.pagecontent .ticonsp_ver{ height:15px;}
	
.pagecontent .title{
	font-size:15px;	
	color:#fff;
	vertical-align: middle;
	border-left:#c9c9c9 1px solid;
	padding:10px 6px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7bc2e9+0,53b6ed+100 */ word-break: break-all; 

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7bc2e9+0,53b6ed+100 */ word-break: break-all; 
	}
	
.pagecontent .assets_title{ font-size:16px !important;}
	
#table1_overflow #css_table2 .title{
	font-size:15px;	
	color:#fff;
	vertical-align: middle;
	border-left:#c9c9c9 1px solid;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7bc2e9+0,53b6ed+100 */ word-break: break-all; 


	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7bc2e9+0,53b6ed+100 */ word-break: break-all; 
	}

.pagecontent .title_1{
	font-size:15px;	
	color:#fff;
	vertical-align: middle;
	border-left:#c9c9c9 1px solid;
	padding:5px 6px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7bc2e9+0,53b6ed+100 */ word-break: break-all; 


	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7bc2e9+0,53b6ed+100 */ word-break: break-all; 
	}
	
.pagecontent .title_1:first-child{ border-left:none;}
	
.pagecontent .title_2{
	font-size:15px;	
	vertical-align: middle;
	border-left:#c9c9c9 1px solid;
	word-break:break-all; 
}

.pagecontent .title_3{
	font-size:15px;	
	vertical-align: middle;
	border-left:#c9c9c9 1px solid;
	word-break:break-all;
}
	
.pagecontent .title_3:first-child{ border-left:none;}

.pagecontent .title_4{
	font-size:15px;	
	color:#fff;
	vertical-align: middle;
	border-left:#c9c9c9 1px solid;
	word-break: break-all; 
	}
	
.pagecontent .title_4:first-child{ border-left:none;}

.pagecontent .topline{
	border-top:#c9c9c9 1px solid;
	border-left:none;
	}
	
.pagecontent .topline_1{
	border-top:#c9c9c9 1px solid;
	}
	
.pagecontent .topline_1:first-child{ border-left:none;}
	
.pagecontent .centerline{
	border-top:#c9c9c9 1px solid;
	}

.titleline{ 
	text-align:center;
	vertical-align: middle;
}

.titleline_1{ 
	text-align:center;
	vertical-align: middle;
}

.pagecontent .fillingti{
	color:#2a2a2a;
	border-left:#c9c9c9 1px solid;
    background: #fff;
	padding-right:15px;
	border-top:#c9c9c9 1px solid;
	border-bottom:#c9c9c9 1px solid;
	white-space:nowrap;
	}
	
.pagecontent .filling{
	font-size:16px;
	color:#2a2a2a;
	border-left:#c9c9c9 1px solid;
    background: #fff;
	padding-right:15px;
	border-bottom:#c9c9c9 1px solid;
	padding:10px 6px;
	white-space:nowrap;
	}
	
.pagecontent .fillingitem{
	font-size:16px !important;
	font-weight:bold;
	vertical-align:middle;
    background: #fff;	
	border-left:#c9c9c9 1px solid;
	border-bottom:#c9c9c9 1px solid;
	padding:10px 6px;
	white-space:nowrap;
	}
	
.pagecontent .lineheight_ind{	
	line-height:20px;
	vertical-align: middle;
	padding:10px 6px;
}

.pagecontent .minwidth{
	min-width:60px;
}


.pagecontent .explanation_sp, .pagecontent .explanation_sp1{
	line-height:22px;
}

.pagecontent .explanation_top{
	padding-top:12px;
}

.percentage1{
	width:20%; float:left;
}
	
.percentage2{
	width:40%; float:left;
}
	
.txtcenter{
	text-align:center;
}
	
.txtright{
	text-align:right;
}

.txtLeft{
	text-align:left;
}

/*-----------------------------------------------------assets list*/

.pagecontent .item_show{ display:inline-block; width:16px; height:16px; vertical-align:middle; background:url(../img/show_icon.png) no-repeat; margin:-1px 15px 0 -31px;}

.insurance_width{ min-width:200px !important;}

.assets_message{ color:#f00000 !important; padding:20px 0 0 0 !important; margin-bottom:-8px !important;}

.assets_message a{ color:#0087ff !important; text-decoration:underline;}


/*-----------------------------------------------------圓餅圖*/

.piechart {
	width:95%;
	overflow:hidden;
	/*border-top:1px solid #cbcbcb;*/
	margin:5px auto 20px auto;
	/*padding:20px 10px 15px 10px;*/
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,b4df5b+100 */
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #b4df5b 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#b4df5b 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ffffff 0%,#e8f8d3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e8f8d3',GradientType=0 ); /* IE6-9 */
	}
	
	
.piechartnow {
	float:right;
	font-size:15px;
	color:#666;
	width:100%;
	text-align:right;
	margin-top:10px;
	padding-right:20px;
	}

#piechartimg { float:left; width:50%; height:auto; text-align:right; margin:-60px 0 -30px 0; padding-right:20px;}

.piechartgreen{
	font-size:15px;
	color:#88a642;
	font-weight:bold;	
	width:60px;
	height:60px;
	text-align:center;
	line-height:56px;
	margin:4% 0 0 5%;
	background:url(../img/percentage_green.png) no-repeat;
	padding-left:3px;
	position:absolute;
	}
	
.piechartblue{
	font-size:15px;
	color:#0057b4;
	font-weight:bold;	
	width:60px;
	height:60px;
	text-align:center;
	line-height:56px;
	margin:2% 0 0 16%;
	background:url(../img/percentage_blue.png) no-repeat;
	padding-left:6px;
	position:absolute;
	}
	
.piechartred{
	font-size:15px;
	color:#b34442;
	font-weight:bold;	
	width:60px;
	height:60px;
	text-align:center;
	line-height:56px;
	margin:5.5% 0 0 20%;
	background:url(../img/percentage_red.png) no-repeat;
	padding-left:7px;
	position:absolute;
	}

.piecharttxt {
	float:right;
	font-size:15px;
	width:50%;
	text-align:left;
	margin:50px 0;
	}
	
.piecharttxt li{
	float:left;
	margin-bottom:4px;
	background-repeat:no-repeat;
	padding:0 8% 0 20px;
	background-position:left center;
	background-size:15px 15px;
	}
		
.piecharttxt li:nth-child(1){
	background-image:url(../img/green.png);
	}
	
.piecharttxt li:nth-child(2){
	background-image:url(../img/blue.png);
	}
	
.piecharttxt li:nth-child(3){
	background-image:url(../img/red.png);
	}
	
.piecharttxt .number{
	display:inline-block;
	border:#999 1px solid;
	background-color:#fffcd5;
	text-align:right;
	margin-top:8px;
	}
	
.piecharttxt .numbertitle{
	float:left;
	font-size:24px;	
	color:#fff;	
	text-align:center;
	background-color:#808080;
	padding:14px;
	}
	
.piecharttxt .numberright{
	float:right;
	font-size:26px;
	color:#0070c6;	
	font-weight:bold;
	text-align:right;
	padding:12px 5px 12px 25px;
	}
	
.numberdoller{ font-size:18px; vertical-align:middle; padding-left:3px;}
	
.bonds {
	float:left;
	width:33.3%;
	}
	
.pagecontent .data{	
	color:#dd0000;
	font-size:16px;
	font-weight:bold;
	width:95%;
	padding:5px 0 12px 0;
	}
/*----------------------------------------------------- 關鍵字搜尋欄位 */

.keywords_search{ width:15%; }

/*----------------------------------------------------- 年曆 */


#date_b{
	background-image:url(../img/data.png);
	background-position:right center;
	background-repeat:no-repeat;
	background-size:28px 28px;
	width:120px;
	color:#666;}
	
.dete_icon{
	background-color:#fff !important;
	width:170px;
	height:31px;
	color:#666;
	padding-right:0 !important;}

.icon_calendar{ background:url(../img/data.png) right center no-repeat; background-size:28px 28px; z-index:99;}

fieldset input[type="date"]{ display:none;}

		
/*----------------------------------------------------- table多欄 */


#table_overflow {
	overflow-x:auto;
	overflow-y:auto;
	margin:auto;
  }
  
#table1_overflow {
	width:95%;
	overflow-x:auto;
	overflow-y:auto;
	margin:auto;
  }
  
.scl_top_01, .scl_top_02 {
    width: 95%;
    overflow-x: auto;
    overflow-y: auto;
    margin: auto;
    overflow-x: scroll; overflow-y:hidden;
}
  

#css_table {
      display:table;
	  border-collapse:collapse;
	  margin:auto;
	  width:95%;
  }
  

#css_table1 {
      display:table;
	  border-collapse:collapse;
	  margin:auto;
	  width:95%;
	  margin-top:-1px;
  }
  
#css_table2 {
      display:table;
	  border-collapse:collapse;
	  margin:auto;
	  width:100%;
  }
  
#css_table3 {
      display:table;
	  border-collapse:collapse;
	  margin:auto;
	  width:95%;
  } 

#css_table4 {
      display:table;
	  border-collapse:collapse;
	  margin:auto;
	  width:40%;
  }  

.css_tr {
      display:table-row;
  }
  
.css_tr_1 {
      display:table;
	  width:100%;
	  height:100%;
  }
  
 .css_tra {
      display: table-row;	  
  }
  
 .css_trb {
      display: table-row;	  
  }
  
.margin1 {
	margin-top:-1px;
  }
  
.css_tra:nth-child(odd) {
	  background-color:#fffdf3;	  
  }
  
.css_trb:nth-child(odd) {
	  background-color:#fbfbfb;	  
  }
  
.css_td {
      display:table-cell;
	  font-size:15px;
	  vertical-align: middle;
	  border:#c9c9c9 1px solid;
	  padding:10px 6px;
  }
  
  
#table1_overflow .css_td {
      display:table-cell;
	  font-size:15px;
	  vertical-align: middle;
	  border:#c9c9c9 1px solid;
	  padding:10px 6px;
	  min-width:110px;
 }
  
.css_td_1{
      display:table-cell;
	  font-size:15px;
	  vertical-align: middle;
	  border:#c9c9c9 1px solid;
  }
  
.css_td_2{
      display:table-cell;
	  font-size:15px;	  
	  vertical-align:middle;
	  /*height:100%;*/
	  padding:5px 6px;
	  min-width:110px;	    	  
  }
  
.css_td_3{
      display:table-cell;
	  float:left;
	  font-size:15px;
	  vertical-align: middle;
	  width:100%;
	  padding:0 6px;	  
  }
  

.css_td_ind{
      display:table-cell;
	  font-size:15px;
	  vertical-align: middle;
	  border:#c9c9c9 1px solid;
  }
  
.pagecontent .css_td .s_example{ color:#fffe9b;}

.pagecontent .css_td .s_example:hover{ text-decoration:underline;}
  
.l_height{ line-height:22px; padding:10px 6px;}
 
.wspace{ display:inline-block; white-space:nowrap; }

 
 /*----------------------------------------------------- VISA Card */

.pagecontent .visacard{ float:left; width:50%; text-align:center;}

.pagecontent .visa_card_1, .pagecontent .visa_card_2, .pagecontent .visa_card_1 label span, .pagecontent .visa_card_2 label span{ float:none; padding:12px 0 16px 0;}

.pagecontent .visacard img{ padding-left:0; padding-bottom:10px;}


 .width100 {
	 width:100%;
  }
  
  
 .width97 {
	 width:97%;	  
  }
  
 .width95 {
	 width:95%;	  
  }
  
  .width80 {
	 width:80%;	  
  }
  
 .width75 {
	 width:75%;	  
  }
  
  .width70 {
	 width:70%;	  
  }
  
   .width62 {
	 width:62%;	  
  }
  
  .width55 {
	 width:55%;	  
  }
  
 .width50 {
	 width:50%;	  
	   }
  
  .width45 {
	 width:45%;	  
  }
  
   .width40 {
	 width:40%;	  
  }
  
  
   .width37 {
	 width:37.5%;	  
  }
  
  .width30 {
	 width:30%;	  
  }
  
   .width33 {
	 width:33.333333%;	  
  }
  
  
 .width25 {
	 width:25%;	  
  }
 
 
  .width27 {
	 width:27%;	  
  } 
  
   .width17 {
	 width:25%;	
	 vertical-align:middle;  
  } 
  
  .width20 {
	 width:20%;	  
  } 
  
  .width15 {
	 width:15%;	  
  }  
  
   .width11 {
	 width:10%;
  }  
  
   .width5 {
	 width:5%;
	 vertical-align:middle; 
  }
  
 .width12 {
	 width:auto;	  
  }


/*---------------------------------------------------- checkbox */
	

input[type="checkbox"] {
    display:none;
}

input[type="checkbox"] + label span {
    display:inline-block;
	float:left;
    width:30px;
    height:30px;
    vertical-align:middle;
    background:url(../img/checkbox.png) left top no-repeat;
	margin:-1px 0 -3px 0;
    cursor:pointer;
}

input[type="checkbox"]:checked + label span {
    background:url(../img/checkbox.png) -29px top no-repeat;
}

/*---------------------------------------------------- radio button */

.radio_but_td{
	display:block;
	float:left;
	width:auto;
	line-height:24px;
	margin-right:20px;		/* 調整radio_but文字間距 By johnny */
	}
	
input[type="radio"] {
    display:none;
}

input[type="radio"] + label span {
    display:inline-block;
	float:left;
    width:30px;
	height:30px;
    vertical-align:middle;
    background:url(../img/radio.png) left top no-repeat;
	margin:-1px 0 -3px 0;
    cursor:pointer;
}

input[type="radio"]:checked + label span {	
    background:url(../img/radio.png) -29px top no-repeat;
}


/*---------------------------------------------------- 表單設定 */

.formtxt {
font-size:15px;
padding:6px 10px; 
background:#fff; border:#ccc 1px solid;
cursor:pointer;
-webkit-border-radius: 3px;
border-radius: 3px;
vertical-align:middle;
font-family:"Arial","微軟正黑體";
}

.formtxt_btn {	
font-size:15px;
padding:6px 10px; 
background:#fff; border:#ccc 1px solid;
cursor:pointer;
-webkit-border-radius: 3px;
border-radius: 3px;
vertical-align:middle;
margin-top:-7px !important;
font-family:"Arial","微軟正黑體";
}

.formtxt_error {
background:#fff; 
border: 1px solid #ffa853; 
box-shadow: 0 0 2px 1px #ff9536; 
outline: none; 
font-size:15px;
padding:6px 10px; 
cursor:pointer;
-webkit-border-radius: 3px;
border-radius: 3px;
vertical-align:middle;
margin:10px 0px;
font-family:"Arial","微軟正黑體";
}

.er_message{
display:block;
font-family:"Arial","微軟正黑體";
font-size:14px;
color:#e40b00;
width:auto;
line-height:22px;
padding:12px 3px;
margin-bottom:-14px;
}

.pagecontent .inputsp{ height:15px }


.select_auto, .select_question{ margin:-12px 0;}

.styled-select{ margin:-14px 0;}

#divbtn{
	display:block;
	width:95%;
	text-align:center;
	margin:20px auto;}
	
#divbtn_left{
	display:block;
	width:96%;
	text-align:left;
	margin:20px auto;}
	
#divbtn_right{
	display:block;
	width:96%;
	text-align:right;
	margin:20px auto;}
	
/*----------------------------------------------------- 可捲動的文字區塊 */
.boxBottom {
  display: flex;
  margin-top: 1%;
  height: 400px;
  overflow-y:auto;
  line-height: 1.5;
  padding: 1em;
  padding-top: 0px;
}

.boxBottom02 {
  display: flex;
  height: 600px;
  overflow-y:auto;
  line-height: 1;
  padding: 0.5em;
  padding-top: 0px;
}
	


/*----------------------------------------------------- button */

.css_btn_td_gray {
	font-size:15px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #dcdcdc;
	margin:4px 2px;
	padding:6px 18px;
	text-decoration:none;
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	background:-ms-linear-gradient( top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #ededed), color-stop(100%, #dfdfdf) );
	background-color:#ededed;
	color:#666;
	display:inline-block;
	text-shadow:1px 1px 0px #ffffff;
 	-webkit-box-shadow:inset 1px 1px 0px 0px #ffffff;
 	-moz-box-shadow:inset 1px 1px 0px 0px #ffffff;
 	box-shadow:inset 1px 1px 0px 0px #ffffff;
	}
/*	
.css_btn_td_gray:first-child{ margin-top:9px;}

.css_btn_td_gray:last-child{ margin-bottom:9px;}
*/

.css_btn_td_gray:hover {
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	background:-ms-linear-gradient( top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #dfdfdf), color-stop(100%, #ededed) );
	background-color:#dfdfdf;
	text-decoration:none;
	}

.css_btn_td_gray:active {
	position:relative;
	color:#666;
	top:1px;
}


.css_btn_class, .btn_td_orange, .btn_td_orange_ht, .btn_td_orange_dtl{
	font-size:15px;
	font-weight:normal;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #eeb44f;
	margin:6px 6px;
	padding:9px 25px;
	text-decoration:none;
	background:-moz-linear-gradient( center top, #ffc477 5%, #fb9e25 100% );
	background:-ms-linear-gradient( top, #ffc477 5%, #fb9e25 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc477', endColorstr='#fb9e25');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #ffc477), color-stop(100%, #fb9e25) );
	background-color:#ffc477;
	color:#ffffff;
	display:inline-block;
	text-shadow:1px 1px 0px #cc9f52;
 	-webkit-box-shadow:inset 1px 1px 0px 0px #fce2c1;
 	-moz-box-shadow:inset 1px 1px 0px 0px #fce2c1;
 	box-shadow:inset 1px 1px 0px 0px #fce2c1;
	}
	
.css_btn_class_blue{
	font-size:15px;
	font-weight:normal;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #2894FF;
	margin:6px 6px;
	padding:9px 25px;
	text-decoration:none;
	background:-moz-linear-gradient( center top, #0072E3 5%, #0072E3 100% );
	background:-ms-linear-gradient( top, #0072E3 5%, #0072E3 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0072E3', endColorstr='#0072E3');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #0072E3), color-stop(100%, #0072E3) );
	background-color:#0072E3;
	color:#ffffff;
	display:inline-block;
	text-shadow:1px 1px 0px #cc9f52;
 	-webkit-box-shadow:inset 1px 1px 0px 0px #0072E3;
 	-moz-box-shadow:inset 1px 1px 0px 0px #0072E3;
 	box-shadow:inset 1px 1px 0px 0px #0072E3;
	}

.btn_td_orange{
	margin:4px 2px;
	padding:6px 18px;
}

.btn_td_orange_ht{
	margin:-4px 2px;
	padding:6px 18px;
}

.btn_td_orange_dtl{
	margin:-6px 2px;
	padding:5px 18px;
}
	
.css_btn_class:hover, .btn_td_orange:hover, .btn_td_orange_ht:hover, .btn_td_orange_dtl:hover {
	background:-moz-linear-gradient( center top, #fb9e25 5%, #ffc477 100% );
	background:-ms-linear-gradient( top, #fb9e25 5%, #ffc477 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb9e25', endColorstr='#ffc477');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #fb9e25), color-stop(100%, #ffc477) );
	background-color:#fb9e25;
	text-decoration:none;
	}

.css_btn_class:active, .btn_td_orange:active, .btn_td_orange_ht:active, .btn_td_orange_dtl:active {
	position:relative;
	color:#ffffff;
	top:1px;
	}

.css_btn_class_gray {
	font-size:15px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #dcdcdc;
	margin:6px 6px;
	padding:9px 25px;
	text-decoration:none;
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	background:-ms-linear-gradient( top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #ededed), color-stop(100%, #dfdfdf) );
	background-color:#ededed;
	color:#666;
	display:inline-block;
 	-webkit-box-shadow:inset 1px 1px 0px 0px #ffffff;
 	-moz-box-shadow:inset 1px 1px 0px 0px #ffffff;
 	box-shadow:inset 1px 1px 0px 0px #ffffff;
	}

.css_btn_class_gray:hover {
    color:#ffffff;
    background:#fffcd8; border:1px solid #ffa93a;
	background: -moz-linear-gradient(top, #ffc477 0%, #ff7c09 100%);
    background: -webkit-linear-gradient(top, #ffc477 0%,#ff7c09 100%);
    background: linear-gradient(to bottom, #ffc477 0%,#ff7c09 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc477', endColorstr='#ff9409',GradientType=0 );
    text-decoration:none;
	}

.css_btn_class_gray:active {
	position:relative;
	color:#666;
	top:1px;
}


.css_btn_class_gray_label {
	font-size:15px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #dcdcdc;
	margin:5px 10px 0 -80px;
	padding:0px 15px;
	text-decoration:none;
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	background:-ms-linear-gradient( top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #ededed), color-stop(100%, #dfdfdf) );
	background-color:#ededed;
	color:#666;
	display:inline-block;
	height:34px;
	line-height:31px;
	text-shadow:1px 1px 0px #ffffff;
 	-webkit-box-shadow:inset 1px 1px 0px 0px #ffffff;
 	-moz-box-shadow:inset 1px 1px 0px 0px #ffffff;
 	box-shadow:inset 1px 1px 0px 0px #ffffff;
	position:absolute;
	}

.css_btn_class_gray_label:hover {
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	background:-ms-linear-gradient( top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #dfdfdf), color-stop(100%, #ededed) );
	background-color:#dfdfdf;
	text-decoration:none;
	}

.css_btn_class_gray_label:active {
	position:relative;
	color:#666;
	top:1px;}
	

/*----------------------------------------------------- verification button */

.pagecontent .verification{
	display:block;
	font-size:26px;
	color:#fff;
	height:auto;
	text-align:center;
	text-decoration:none;	
	-webkit-border-radius:12px;
	-moz-border-radius:12px;
	border-radius:12px;
	border:none;
	padding:24px 15px;
	margin:25px auto;
	cursor: pointer;
	}
	
.pagecontent .verificationEN{
	display:block;
	font-size:10px;
	color:#fff;
	height:auto;
	text-align:center;
	text-decoration:none;	
	-webkit-border-radius:12px;
	-moz-border-radius:12px;
	border-radius:12px;
	border:none;
	padding:3px 10px;
	cursor: pointer;
	position:relative;
	bottom:10px;
	right:10px;
	}
	
.pagecontent .account_btn{ width:466px; margin-top:40px;}

.pagecontent .id_btn{ width:466px; margin-bottom:0px;}

.pagecontent .web_atm{ width:466px; margin-bottom:40px;}

.pagecontent .account_nb{ width:45%; padding:22px 12px; margin:18px auto;}

.pagecontent .accountLink_msg{ width:573px; margin: 25px auto; font-weight: bolder; font-size: 18px; color: red;}


/*----------------------------------------------------- verification login */


.account_login{ font-size:18px; color:#636363; width:520px; text-align:center; margin:25px auto;}

.account_login.top_bottom{ margin:50px auto 50px auto;}

.account_radiobut{ display:inline-block; float:left; color:#636363; height:32px; line-height:26px; margin:8px 0px 35px -8px; }

.account_radiobut.spright{ margin-right:17%;}

.account_login input[type="radio"] + label span{ margin-right:6px;}

.account_login .login_label{ float:left; width:auto;}

.account_login .login_label span{ padding-right:3px;}

.account_login .account_from{ float:left; width:360px; margin:-6px 0 30px 15px;}

.account_login .account_from_1{	float:left; width:360px; margin:-6px 0 30px 15px; }

.account_login .account_fromimg{ font-size:18px; color:#636363; width:100%;	border-color:#92d0ff; padding:10px 15px 10px 10px;}

.account_login .account_from .account_fromimg.keyboard{ float:left; width:300px; }

/* 依據美工2018/06/13提供的UI做微調，否則RWD會有問題 by Fish */
.account_login .account_from img{ float:right; width:45px; height:28px; padding:0; }

/*
.account_login .account_fromimg.no_keyboard{ background:none;}
*/

.account_login .account_fromimg_1{ float:left; font-size:18px; color:#636363; width:80px; border-color:#92d0ff; padding:9px 12px 10px 12px;}

.account_login .codes_imgs{ margin:-6px 10px 0 80px; position:absolute;}

.account_login .codes_imgs img { width:200px; height:45px;}

.account_login .ver_codes_replace{ 
	float:right; font-size:18px; color:#636363; height:30px; line-height:29px; text-decoration:underline; vertical-align:middle; background:url(../img/ver_code_replace.png) 0 -1px no-repeat; 
	margin:3px 0 -10px 18px; padding:0px 0 0 32px; }

.account_login .ver_codes_replace:hover{ color:#ff9000; background:url(../img/ver_code_replace.png) -68px -1px no-repeat;}

.account_login .account_loginbtn{ display:block; float:right; font-size:18px; color:#fff; width:360px; text-align:center; background-color:#ffa32b; padding:13px 12px; margin:0 35px 30px 0; cursor:pointer;}

.account_login .account_loginbtn:hover{	text-decoration:none; background-color:#5ba4de; }


.account_login .account_from input::-webkit-input-placeholder, textarea::-webkit-input-placeholder,
.account_login .account_from_1 input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color:#acacac;}

.account_login .account_from input:-moz-placeholder, textarea:-moz-placeholder, .account_login .account_from_1 input:-moz-placeholder, textarea:-moz-placeholder { color:#acacac;}

.account_login .account_from input::-moz-placeholder, textarea::-moz-placeholder, .account_login .account_from_1 input::-moz-placeholder, textarea::-moz-placeholder { color:#acacac;}

.account_login .account_from input:-ms-input-placeholder, textarea:-ms-input-placeholder,
.account_login .account_from_1 input:-ms-input-placeholder, textarea:-ms-input-placeholder { color:#acacac;}


/*----------------------------------------------------- 分頁 */

#pagination_bl{
	display: block;
	font-size:15px;
	width:100%;
	text-align:center;
	padding:10px 0;
	margin-top:20px;
}

.pagination_a ul {
    display: inline-block;
    padding: 0;
    margin: 0;
}

.pagination_a ul li {display: inline;}

.pagination_a ul li a {
    color:#666;
    padding: 10px 14px;
    text-decoration: none;
}

.pagination_a ul li a:hover:not(.active) { background-color: #ddd;}

.pagination_a ul a.active {
    background-color: #fdb454;
    color:#fff;
}

.txtgray{
	color:#555;
	margin:0 20px 0 18px;}
	
.left15{
	margin-left:5px;}
	
.top15{
	margin-top:15px;}


/*----------------------------------------------------- Construction */


#construction{display:table; width:95%; background:#fff; margin:auto;}

.construction_wh{ display:table-row;
	display:table-row;
	margin:0 auto;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 40%, #b4df5b 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ffffff 40%,#b4df5b 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ffffff 40%,#e8f8d3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e8f8d3',GradientType=0 ); /* IE6-9 */
	 }

.construction_txt{ display:table-cell; float:right; font-size:32px; font-weight:bold; color:#008de7; padding-top:90px; }

.construction_icon{ display:table-cell; width:50%; vertical-align:middle; text-align:left; padding:18px 5px; }



/*----------------------------------------------------- media(RWD) */

@media only screen and (max-width: 1680px) {
	
/*----------------------------------------------------- 圓餅圖 */

#piechartimg { padding-right:0;}

.piecharttxt { padding-left:20px;}


/*----------------------------------------------------- VISA Card */

.pagecontent .visacard img{ width:19vw;}


}


@media only screen and (max-width: 1600px) {
	
/*----------------------------------------------------- 圓餅圖 */

#piechartimg { padding-right:0;}

.piecharttxt { padding-left:30px;}


/*----------------------------------------------------- VISA Card */

.pagecontent .visacard img{ width:19vw; padding-bottom:8px;}


}

@media screen and (min-width: 1360px) and (max-width: 1440px) {

/*----------------------------------------------------- 圓餅圖 */

#piechartimg{ width:55%; padding-right:10px;}

.piecharttxt{ width:45%; padding-left:10px;}

.piechartgreen{ margin-left:4%;}

.piechartblue{ margin-left:15%;}

.piechartred{ margin-left:19%;}

.piecharttxt li{ padding-right:7%; }

.piecharttxt .numbertitle{ font-size:20px; }

.piecharttxt .numberright{ font-size:22px; padding-top:15px; padding-bottom:11px; }


/*----------------------------------------------------- VISA Card */

.pagecontent .visa_card_1, .pagecontent .visa_card_2, .pagecontent .visa_card_1 label span, .pagecontent .visa_card_2 label span{ padding:7px 0 16px 0;}

.pagecontent .visacard img{ padding-bottom:6px;}

/*----------------------------------------------------- 我的最愛 */

.addfavorite_titlewidth{width: 86%;}

}


@media screen and (min-width: 1281px) and (max-width: 1360px) {

/*----------------------------------------------------- 圓餅圖 */

#piechartimg{ margin-left:-15px; }


/*----------------------------------------------------- VISA Card */

.pagecontent .visacard img{ padding-bottom:6px;}

/*----------------------------------------------------- 我的最愛 */

.addfavorite_titlewidth{width: 85%;}

}


@media screen and (min-width: 1221px) and (max-width: 1280px) {	

/*----------------------------------------------------- 圓餅圖 */

#piechartimg{ margin-left:-15px; }

.piecharttxt{ padding-left:50px;}

.piecharttxt li{ padding-right:5%; }

.piecharttxt .numbertitle{ font-size:18px; padding:10px 12px; }

.piecharttxt .numberright{ font-size:20px; padding:10px 5px 8px 25px; }

.pagecontent .data{ font-size:15px; padding-top:0;}


/*----------------------------------------------------- VISA Card */

.pagecontent .visa_card_1, .pagecontent .visa_card_2, .pagecontent .visa_card_1 label span, .pagecontent .visa_card_2 label span{ padding:4px 0 12px 0;}

.pagecontent .visacard img{ padding-bottom:4px;}

/*----------------------------------------------------- 我的最愛 */

.addfavorite_titlewidth{width: 84%;}

}

@media screen and (min-width: 540px){
	.dove { z-index:20; position:fixed; right:70px; bottom:0; }
	
	/*----------------------------------------------------- 關鍵字搜尋欄位 */

	.keywords_search{ width:20%; }

}

@media screen and (max-width: 768px){
	.loginip{ padding:0px 0px 0px 30px; display:none;}
	.loginipRWD{ padding:0px 0px 0px 30px; display:inline;}
	.loginipRWD2{ display:inline;}	
}

@media screen and (max-width: 500px){
	.dove { z-index:20; position:fixed; right:0px; bottom:0; }
	
	.loginip{ padding:0px 0px 0px 30px; display:none;}
	.loginipRWD{ padding:0px 0px 0px 30px; display:inline;}
	.loginipRWD2{ display:inline;}	
	
	/*----------------------------------------------------- 關鍵字搜尋欄位 */

	.keywords_search{ width:95%; }
	
}

@media screen and (min-width: 768px) and (max-width: 1220px) {
	
/*----------------------------------------------------- 圓餅圖 */
	
	
.piechartnow { font-size:14px; padding-right:10px; margin-top:-5px; }

#piechartimg{ width:45%; margin-top:-30px; margin-left:-40px;}

.piecharttxt{ font-size:14px; width:55%; padding-left:60px; margin:40px 0 40px 0;}

.piecharttxt li{ padding-right:5%; }

.piechartgreen{ margin-left:1%; }

.piechartblue{ padding-left:7px; margin:2.5% 0 0 14%; }

.piechartred{ margin:7% 0 0 18%;}

.piecharttxt .number{ margin-top:5px;}

.piecharttxt .numbertitle{ font-size:16px; padding:8px; }

.piecharttxt .numberright{ font-size:20px; padding:8px 5px 6px 30px; }

.pagecontent .data{ font-size:14px; padding-top:0;}

.width11{ width:12%; }


/*----------------------------------------------------- table多欄 */


#table1_overflow .css_td { min-width:140px; }


/*-----------------------------------------------------assets list*/

.pagecontent .item_show{ margin:-1px 3px 0 -19px;}


/*----------------------------------------------------- verification button */

.pagecontent .account_btn{ margin-top:40px;}

.pagecontent .id_btn{ margin-bottom:0px;}

.pagecontent .web_atm{ margin-bottom:40px;}

.pagecontent .account_nb{ width:55%;}


/*----------------------------------------------------- verification login */

.account_login.top_bottom{ margin:65px auto 85px auto;}

.account_login .account_loginbtn{ margin-bottom:20px;}



/*----------------------------------------------------- VISA Card */

.pagecontent .visa_card_1, .pagecontent .visa_card_2, .pagecontent .visa_card_1 label span, .pagecontent .visa_card_2 label span{ padding:4px 0 10px 0;}

.pagecontent .visacard img{ padding-bottom:2px;}

/*----------------------------------------------------- 我的最愛 */

.addfavorite_titlewidth{width: 80%;}

}

@media only screen and (max-width: 1215px) and (min-width: 1048px) {

/*----------------------------------------------------- 關鍵字搜尋欄位 */

.keywords_search{ width:25%; }
	
/*----------------------------------------------------- 我的最愛 */

.addfavorite_titlewidth{width: 82%;}
		
}

@media only screen and (max-width: 904px) and (min-width: 768px) {
	
/*----------------------------------------------------- 我的最愛 */

.addfavorite_titlewidth{width: 76.5%;}
		
}

@media only screen and (max-width: 768px) {
	
/*-----------------------------------------------------Top menu */

.shadow{ background-image:none;	}	

.path{ display:none; }
	
.features ,.pagecontent{
	-moz-box-shadow:3px 3px 3px -1px rgba(20%,20%,40%,0.3);
    -webkit-box-shadow:3px 3px 3px -1px rgba(20%,20%,40%,0.3);
    box-shadow:3px 3px 3px -1px rgba(20%,20%,40%,0.3);
}


.pagecontent{
	width:100%;
	float:none;
	margin-right:none;
	/*margin-bottom:3%;*/
	}
	
.pagecontent.width{ padding-bottom:380px;}	

.css_btn_class {
	float:none;
	margin:6px 6px;
}

.css_btn_class_gray {
	float:none;
	margin:6px 6px;
}

/*----------------------------------------------------- 計時 */

.path .timing{ display:none;}


/*----------------------------------------------------- 圓餅圖 */

.piechartnow { padding-right:13px;}

#piechartimg { width:50%; margin-top:-40px; margin-left:-5px; padding-right:25px;}

.piecharttxt { width:50%; padding-left:40px; margin:40px 0 45px 0;}

.piecharttxt .number{ margin-right:8%;}

.piecharttxt .numberright{ padding-left:30px; }


/*----------------------------------------------------- table多欄 */


#table1_overflow .css_td { min-width:135px; }


/*----------------------------------------------------- 分頁 */

#pagination_bl{
	display: block;
	width:95%;
	text-align:center;
	padding:10px 0;
}


.pagination_a ul li a {	
    color:#666;
    padding: 4px 8px;
    text-decoration: none;
}

.txtgray{
	display: block;
	float:left;
	width:95%;
	color:#555;
	margin-bottom:20px;}
	

/*----------------------------------------------------- Left menu */


.features{	
	width:100%;
	float:none;
	margin-top:1px;
	border-bottom:#bde8ff 10px solid;	
	}

.features ul li ul{
	display:none;
	}

.features .ti{
	text-align:center;
	background:url(../img/arrows_show.png) right top no-repeat;
	margin-left:-15px;
	}
	
	
.logintime{
	padding:18px 0px 10px 0;
	text-align:center;
	}
	
.path .timing, .re-time{ height:43px; line-height:43px;}
	
.logintime .center{ display:inline-block; width:auto; text-align:left;}
	
.logintime .timing, .logintime .re-time{ display:block; float:left; font-size:16px; padding:10px 0 4px 0; }

.logintime .timing span{ font-size:22px; font-weight:bold; color:#C30; }

.logintime .re-time{ display:block; float:left; font-size:16px; padding:10px 0 4px 20px; }

.logintime .re-time a{ color:#cb3304; text-decoration:underline; background:url(../img/re_time_icon.png) 0 25px no-repeat; padding-left:15px; margin-top:-19px;}

.logintime .re-time a:hover{ color:#007fea; background:url(../img/re_time_icon_ho.png) 0 25px no-repeat;}

.logintime .logout{ display:block; float:right; font-size:16px; padding:10px 0 4px 20px; }

.logintime .logout a{ color:#cb3304; text-decoration:underline; background:url(../img/re_time_icon.png) 0 13px no-repeat; padding-left:15px; margin-top:-7px;}

.logintime .logout a:hover{ color:#007fea; background:url(../img/re_time_icon_ho.png) 0 13px no-repeat;}


/*-----------------------------------------------------assets list*/

.pagecontent .item_show{ margin:-1px 8px 0 -24px;}


/*----------------------------------------------------- verification button */

.pagecontent .account_btn{ margin-top:40px;}

.pagecontent .id_btn{ margin-bottom:0px;}

.pagecontent .web_atm{ margin-bottom:40px;}


/*----------------------------------------------------- VISA Card */

.pagecontent .visa_card_1, .pagecontent .visa_card_2, .pagecontent .visa_card_1 label span, .pagecontent .visa_card_2 label span{ padding:10px 0 14px 0;}

.pagecontent .visacard img{ width:31vw; padding-bottom:6px;}

/*----------------------------------------------------- 我的最愛 */

.addfavorite_label {display: none;}

.addfavorite_icon{display: block;}
 
.addfavorite_titlewidth{width: 93%; margin: 0px 10px 0px 0px;}

}


@media only screen and (max-width: 767px) {

/*----------------------------------------------------- 關鍵字搜尋欄位 */

.keywords_search{ width:95%; }
	
/*----------------------------------------------------- 年曆 */

fieldset input[type="text"]{ display:none;}
	
fieldset input[type="date"]{ display:block;}


/*----------------------------------------------------- 圓餅圖 */

#piechartimg { width:100%; text-align:center; padding:0; margin:-40px auto -10px auto; }

.piecharttxt { float:none; width:100%; padding:0 10px 0 65px; margin:50px auto 5px auto;}

.piecharttxt { padding-left:45px;}

.piecharttxt li{ padding-right:4%; margin-bottom:4px;}

.piecharttxt .number{ float:right; margin:-24px 40px 0 0;}

.piecharttxt .numbertitle{ font-size:16px; padding:10px 8px; }

.piecharttxt .numberright{ font-size:18px; padding:10px 5px 6px 15px; }

.pagecontent .data{ padding-top:0;}


/*----------------------------------------------------- verification button */


.pagecontent.width{ padding-bottom:10px;}

.pagecontent .verification{
	font-size:22px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	padding:22px 13px;
	}

.pagecontent .account_btn{ margin-top:25px;}

.pagecontent .id_btn{ margin-bottom:0px;}

.pagecontent .web_atm{ margin-bottom:25px;}

.pagecontent .account_nb{ width:65%;}

.pagecontent .accountLink_msg{ width:466px;}

/*----------------------------------------------------- 我的最愛 */

.addfavorite_label {display: none;}

.addfavorite_icon{display: block;}

.addfavorite_titlewidth{width: 93%; margin: 0px 10px 0px 0px;}
}



@media only screen and (max-width: 667px) {
	
/*----------------------------------------------------- 圓餅圖 */

#piechartimg { width:100%; text-align:center; padding:0; margin:-40px auto -10px auto; }

.piecharttxt { float:none; width:100%; padding:0 10px 0 35px; margin:50px auto 5px auto;}

.piecharttxt li{ margin-bottom:4px;}

.piecharttxt .number{ float:right; margin:-24px 25px 0 0;}

.piecharttxt .numbertitle{ font-size:16px; padding:10px 8px; }

.piecharttxt .numberright{ font-size:18px; padding:10px 5px 6px 15px; }

.pagecontent .data{ padding-top:0;}


/*----------------------------------------------------- verification button */


.pagecontent .account_btn, .pagecontent .id_btn, .pagecontent .web_atm, .pagecontent .accountLink_msg{ width:430px}

/*----------------------------------------------------- 我的最愛 */

.addfavorite_label {display: none;}

.addfavorite_icon{display: block;}

.addfavorite_titlewidth{width: 93%; margin: 0px 10px 0px 0px;}
}



@media only screen and (max-width: 600px) {


/*----------------------------------------------------- 圓餅圖 */

#piechartimg{ margin-bottom:-10px;}

.piecharttxt { padding:0 15px;}

.piecharttxt li{ padding-right:2.5%;}

.piecharttxt .number{ margin-right:0;}

.piecharttxt .numberright{ padding-left:5px;}
	

/*----------------------------------------------------- 分頁 */

#pagination_bl{
	display: block;
	width:95%;
	text-align:center;
	padding:10px 0;
}

.pagination_a ul li a {piechart
	font-size:14px;
    color:#666;
    padding: 4px 8px;
    text-decoration: none;
		margin:0 -2px;
}

.txtgray{
	display: block;
	font-size:15px;
	float:left;
	width:95%;
	color:#555;
	margin-bottom:10px;
}
	
/*----------------------------------------------------- 關鍵字搜尋欄位 */

.keywords_search{ width:20%; }
	
/*----------------------------------------------------- table多欄 */

#table_overflow { margin:auto 2.5%;}

.css_td_2{
		min-width:120px;
}

.wspace{ display:inline-block; white-space:normal; }

/*----------------------------------------------------- Left menu */
	
.features ul li ul{
	display:none;
	}
	
.features .ti{
	text-align:center;
	margin-left:-15px;
	}	
	
/*.logintime .timing{ margin:-23px -43px 0 0;}*/
	
/*----------------------------------------------------- select auto */

.select_auto select{ width:78%;}

/*---------------------------------------------------- radio button */

	
.radio_but_td{
	line-height:28px;
	margin-right:15px;
	}
	

input[type="radio"] + label span {
	float:left;
	margin-top:1px;
}

/*---------------------------------------------------- search Data */

.pagecontent .e_data{
	width:97%;
	margin-left:10px;
	line-height:20px;
	margin-left:10px;
	}
		
.pagecontent .s_data{
	float:left;
	width:97%;
	text-align:left;
	line-height:20px;
	margin-left:15px;
	padding-bottom:7px;
	}


/*---------------------------------------------------- explanation */

	
.pagecontent .explanation_sp{
	line-height:22px;
}

/*---------------------------------------------------- 未登入 */

.w43_ind{ width:43%;}

.css_trb .width27{ min-width:135px;}

.css_trb .width33{ min-width:165px;}



/*----------------------------------------------------- Construction */


#construction{ width:95%; background:#fff; }

.construction_wh{ display:block; width:100%; }

.construction_txt{ display:block; float:none; font-size:28px; font-weight:bold; text-align:center; padding-top:35px;   }

.construction_icon{ vertical-align:middle; text-align:center; padding:40px 0 55px 0;  }


/*----------------------------------------------------- verification button */

.pagecontent .verification{
	font-size:21px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	padding:20px 11px;
	}

.pagecontent .account_btn, .pagecontent .id_btn, .pagecontent .web_atm, .pagecontent .accountLink_msg{ width:400px}

/*----------------------------------------------------- 我的最愛 */

.addfavorite_label {display: none;}

.addfavorite_icon{display: block;}

.addfavorite_titlewidth{width: 93%; margin: 0px 10px 0px 0px;}
}


@media only screen and (max-width: 480px) {
	
#divbtn, #divbtn_left, #divbtn_right{ width:96%; margin:20px auto; text-align:center; }
	
.css_btn_class { float:none; width:95%;	padding:9px 0px; } 

.css_btn_class_gray { float:none; width:95%; padding:9px 0px; }

#css_table4 {
      display:table;
	  border-collapse:collapse;
	  margin:auto;
	  width:90%;
  }  

/*----------------------------------------------------- 關鍵字搜尋欄位 */

.keywords_search{ width:95%; }

/*----------------------------------------------------- 圓餅圖 */

.piechartnow{ font-size:14px;}

#piechartimg { margin:-40px 0 -10px -5%;}

.piecharttxt { width:100%; padding:0 22px;}

.piecharttxt li{ padding-right:5.5%; margin-left:16px;}

.piecharttxt .number{ float:none; margin:5px auto 0 17px;}

.piecharttxt .numbertitle{ font-size:18px; padding:8px 16px; }

.piecharttxt .numberright{ font-size:21px; padding:8px 5px 6px 45px;}

.pagecontent .data{ text-align:center; padding-top:0; margin-left:5px;}



/*----------------------------------------------------- verification button */


.pagecontent .account_btn, .pagecontent .id_btn, .pagecontent .web_atm, .pagecontent .accountLink_msg{ width:80%;}

.pagecontent .account_btn{ margin-top:40px;}

.pagecontent .id_btn{ margin-bottom:0px;}

.pagecontent .web_atm{ margin-bottom:40px;}

.pagecontent .account_nb{ width:80%;}


/*----------------------------------------------------- verification login */

.account_login{ width:90%;}

.account_login.top_bottom{ margin-bottom:90px;}

.account_radiobut{ margin-top:20px; margin-bottom:25px;}

.account_radiobut.spright{ margin-right:9%;}

.account_login input[type="radio"] + label span{ margin-top:-1px; margin-right:4px;}

.account_login .login_label{ float:none; width:100%; text-align:left; }

.account_login .account_from{ float:none; width:100%; text-align:left; margin:10px auto 30px auto;}

.account_login .account_from .account_fromimg.keyboard{ float:none; width:83%; margin:10px auto 30px auto; }

.account_login .account_from_1{	float:none; width:100%;  margin:10px auto 70px auto; }

.account_login .account_fromimg_1{ width:100px;}

.account_login .codes_imgs{ margin:-4px 10px 0 106px;}

.account_login .codes_imgs img { width:180px; height:auto;}

.account_login .account_loginbtn{ float:none; width:100%; margin:30px 0 45px 0;}


/*----------------------------------------------------- VISA Card */

.pagecontent .visacard{ float:none; width:95%; margin:0 auto; }

.pagecontent .visacard img{ width:60vw; padding-bottom:6px;}

.pagecontent .visacard .card_line{ border-bottom:1px solid #c9c9c9; padding-bottom:10px;}

.pagecontent .visa_card_2{ padding-top:20px;}

/*----------------------------------------------------- 我的最愛 */

.addfavorite_label {display: none;}

.addfavorite_icon{display: block;}

.addfavorite_titlewidth{width: 93%; margin: 0px 15px 0px 0px;}
}


@media only screen and (max-width: 400px) {
	
/*----------------------------------------------------- 圓餅圖 */


#piechartimg { margin-left:-4%;}

.piecharttxt { text-align:center; padding:0;}

.piecharttxt li{ padding-right:0; margin-left:29px;}

.piecharttxt .number{ margin:5px 0 0 4px;}

.piecharttxt .numbertitle{ padding:8px 10px; }

.piecharttxt .numberright{ font-size:21px; padding:8px 5px 6px 45px;}

.pagecontent .data{ padding-top:0;}


/*----------------------------------------------------- Left menu */

.logintime{ width:95%;}


/*----------------------------------------------------- verification button */


.pagecontent .account_btn{ margin-top:30px;}

.pagecontent .id_btn{ margin-bottom:0px;}

.pagecontent .web_atm{ margin-bottom:30px;}


/*----------------------------------------------------- verification login */

.account_login{ font-size:16px;}

.account_login.top_bottom{ margin:40px auto 50px auto;}

.account_radiobut { vertical-align:middle; }

/*
.account_radiobut.spright{ margin-right:10%;}
*/

.account_login input[type="radio"] + label span{margin-right:2px;}

.account_login .account_fromimg, .account_login .account_fromimg_1{ font-size:16px;}

.account_login .account_from .account_fromimg.keyboard{ width:81%; }

.account_login .codes_imgs{ margin-left:102px;}

.account_login .codes_imgs img { width:150px; height:36px;}

.account_login .ver_codes_replace{ font-size:16px;}

/*----------------------------------------------------- 我的最愛 */

.addfavorite_label {display: none;}

.addfavorite_icon{display: block;}

.addfavorite_titlewidth{width: 93%; margin: 0px 10px 0px 0px;}

}


@media screen and (min-width: 321px) and (max-width: 370px) {
	
.loginip{ padding:0px 0px 0px 30px; display:none;}
.loginipRWD{ padding:0px 0px 0px 30px; display:inline;}
.loginipRWD2{ display:inline;}
	
#piechartimg { margin-left:-8%;}

/*----------------------------------------------------- 我的最愛 */

.addfavorite_label {display: none;}

.addfavorite_icon{display: block;}

.addfavorite_titlewidth{width: 93%; margin: 0px 10px 0px 0px;}

}


@media only screen and (max-width: 320px) {
	
/*----------------------------------------------------- Left menu */

.loginip{ padding:0px 0px 0px 30px; display:none;}
.loginipRWD{ padding:0px 0px 0px 30px; display:inline;}
.loginipRWD2{ display:inline;}

.logintime{ width:94%; }

.logintime .re-time, .logintime .logout{ padding-left:12px;  }


/*----------------------------------------------------- 圓餅圖 */

#piechartimg { margin:-20px 0 0 -6%;}

.piecharttxt { padding:0;}

.piecharttxt li{ margin-left:16px;}

.piecharttxt .numbertitle{ padding:8px 10px; }

.piecharttxt .numberright{  padding:8px 5px 6px 25px; }


/*----------------------------------------------------- verification button */

.pagecontent .account_nb{ width:85%;}


/*----------------------------------------------------- verification login */

.account_login{ font-size:15px;}

.account_login.top_bottom{ margin:25px auto -16px auto;}

.account_radiobut.spright{ margin-right:6%;}

.account_login input[type="radio"] + label span{margin-right:0px;}

.account_login .account_fromimg, .account_login .account_fromimg_1{ font-size:15px;}

.account_login .account_from .account_fromimg.keyboard{ width:79%; }

.account_login .codes_imgs{ margin-left:100px;}

.account_login .codes_imgs img { width:110px; height:36px;}

/*----------------------------------------------------- 我的最愛 */

.addfavorite_label {display: none;}

.addfavorite_icon{display: block;}

.addfavorite_titlewidth{width: 93%; margin: 0px 10px 0px 0px;}
	
}


/*---------------------------------------------------- print */

@media print{

body{ -webkit-print-color-adjust:exact; print-color-adjust:exact; }
   
header, header_index, #menu, .path, .features, footer, .toTop, #toptoogle{ display:none; }

#mainall, #in_mainall, #content_wh, #content_wh1, #content_wh_ind, .pagecontent{ overflow: visible !important; width:100% !important; }

.pagecontent .title{ color:#000;}

#toTop { display: none !important; }

}

/*---------------------------------------------------- 明細列樣式變更 */
/*odd:單數列  even:偶數列  背景色調整*/
.tr_odd_background .css_tr:nth-child(odd){
	background-color:rgb(239, 244, 250);
}


/*---------------------------------------------------- eFileUpload RWD 設定 */
@media screen and (max-width: 500px){
	.eFileUpload_for_RWD{
		margin-top: 10px !important; 
	}
	.eFileUpload_for_RWD .css_tr .css_td{
		display: table-caption;
	}
	.eFileUpload_for_RWD .css_tr .txtcenter{
		text-align: left ;
	}
	/* .eFileUpload_for_RWD .css_tr .mode1hidden{
		display: none;
	} */

}

@media only screen and (min-width: 500px) and (max-width: 1130px){
	.eFileUpload_for_RWD .upload_trash_btn{
		margin-top: 10px;
	}
}

/*---reSendSMS為accountLink.html的 <a>重發手機驗證簡訊</a>---*/
.reSendSMS {
	font-size:15px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #dcdcdc;
	margin:6px 6px;
	padding:9px 25px;
	text-decoration:none;
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	background:-ms-linear-gradient( top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #ededed), color-stop(100%, #dfdfdf) );
	background-color:#ededed;
	color:#666;
	display:inline-block;
 	-webkit-box-shadow:inset 1px 1px 0px 0px #ffffff;
 	-moz-box-shadow:inset 1px 1px 0px 0px #ffffff;
 	box-shadow:inset 1px 1px 0px 0px #ffffff;
	}
	

@media only screen and (min-width: 481px){
	.reSendSMS:hover {
	   color:#ffffff;
	   background:#fffcd8; border:1px solid #ffa93a;
		background: -moz-linear-gradient(top, #ffc477 0%, #ff7c09 100%);
	   background: -webkit-linear-gradient(top, #ffc477 0%,#ff7c09 100%);
	   background: linear-gradient(to bottom, #ffc477 0%,#ff7c09 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc477', endColorstr='#ff9409',GradientType=0 );
	   text-decoration:none;
	}
	
	.reSendSMS:active {
		position:relative;
		color:#666;
		top:1px;
	}
}

@media only screen and (max-width: 480px){
	.reSendSMS { float:none; width:95%; padding:9px 0px; }
	.reSendSMS:active {
	    color:#ffffff;
	    background:#fffcd8; border:1px solid #ffa93a;
		background: -moz-linear-gradient(top, #ffc477 0%, #ff7c09 100%);
	    background: -webkit-linear-gradient(top, #ffc477 0%,#ff7c09 100%);
	    background: linear-gradient(to bottom, #ffc477 0%,#ff7c09 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc477', endColorstr='#ff9409',GradientType=0 );
	    text-decoration:none;
	    position:relative;
		color:#666;
		top:1px;
	}
	
	#css_table4 {
      display:table;
	  border-collapse:collapse;
	  margin:auto;
	  width:90%;
  	}
  	.pagecontent .verificationEN{
	display:block;
	font-size:10px;
	color:#fff;
	height:auto;
	text-align:center;
	text-decoration:none;	
	-webkit-border-radius:12px;
	-moz-border-radius:12px;
	border-radius:12px;
	border:none;
	padding:3px 10px;
	cursor: pointer;
	width:20%;
	margin-top:24px;
	}
	.pagecontent #instructionsEN{
	font-size:18px;
	font-weight:bold;
	width:100%;
	padding:10px 0 10px 15px;
	position: relative;
	top:-5px;
	}
}

/*====================EB040700流程圖====================*/
.Progress{
	position: relative;
	margin: 30px auto;
	padding: 0 20px;
}
ul.SteppedProgress{
	counter-reset:step;
	display:flex;
	margin:auto;
	overflow:hidden;
	padding:0;
	position:relative;
	text-align:center;
	z-index:1;
}
.SteppedProgress li{
	list-style-type:none;
	color:#404140;
	line-height:normal;
	text-transform:uppercase;
	flex:0.4;
	font-size:1.2em;
	position:relative;
	padding:0 2%;
}
.SteppedProgress li:after{
	content:'';
	counter-increment:step;
	width:40px;
	height:40px;
	display:flex;
	align-items: center;
	justify-content: center;
	font-size:14px;
	color:#b4b4b4;
	background:#ffffff;
	border-radius:50%;
	border: 2px #b4b4b4 solid;
	margin:0 auto 10px;
	position:relative;
	z-index:1;
}

.SteppedProgress .stepPoint{
	width:35%;
	height:20px;
	background:#D2D2D2;
	position:absolute;
	left:15%;
	top:40px;
	z-index:-1;
}
.SteppedProgress .stepPoint02{
	width:35%;
	height:20px;
	background:#D2D2D2;
	position:absolute;
	right:15%;
	top:40px;
	z-index:-1;
}

.accountlinkDialogBtn{
	position : relative;
	left: 45%;
	background-color: #f0f0f0;
	color : blue; 
	border : none;
	font-size : 1.1rem;
}