@charset "utf-8";


input[type="text"],
input[type="password"],
input[type="tel"] ,/*2018-08-29*/
input[type="number"] /*2018-08-29*/ {
	/*讓IOS Button恢復預設值*/
	appearance: none;
	-moz-appearance: none; /* Firefox */
	-webkit-appearance: none; /* Safari and Chrome */
	border-radius:3px;
    padding:0;
    margin:0;
}
input[type="button"],
input[type="reset"]{
    /*讓IOS Button恢復預設值*/
    appearance: none;
    -moz-appearance: none; /* Firefox */
    -webkit-appearance: none; /* Safari and Chrome */
    border-radius:3px;
    padding:0 5px;
    margin:0;
   
}
.f2_btn[type="button"] {
	 border-radius:0px;
}
.input_width_percent{
	width:90%;
}
.input_width_percent_ios{
	width:90%;
}
.div_like_button_style{/*模仿按鈕的CSS style-用於:品名規格-修改內-加在div上*/
    vertical-align:middle;
    margin:auto;
    border:solid thin #000;
    border-radius:2px;
    /*background:#CCC;*/
    background:#FFF; /* FF3.6+ */

}
.div_like_button_style:hover{/*模仿按鈕的CSS style-用於:品名規格-修改內*/
    vertical-align:middle;
    margin:auto;
    border:solid thin #000;
    border-radius:2px;
    /*background:#F5F5F5;*/
    background: #FFF;  /* FF3.6+ */

}
.div_like_button_style:active{/*模仿按鈕的CSS style-用於:品名規格-修改內*/
    vertical-align:middle;
    margin:auto;
    border:solid thin #000;
    border-radius:2px;
    /*background:#F5F5F5;*/
    background: #FFF; 
}

/*直向*/
@media screen and (max-aspect-ratio: 13/9) {

/*login改版*/
/*漸層背景*/
.login_bg{
	background:/*url(../images/bg/bg_single_12.png) center center fixed no-repeat*/none;
	background-size:100% 100%;
	position:static; 
}
.login_bg_full{

	background:url(../images/login_bg_full2.png) center center fixed no-repeat;
	background-size:100% 100%;
	/*background: -webkit-linear-gradient(#2688B1,#3EBDC1);
	background: -o-linear-gradient(#2688B1,#3EBDC1);
	background: -moz-linear-gradient(#2688B1,#3EBDC1);
	background: linear-gradient(#2688B1,#3EBDC1);*/
	position:static; 
}
/*整體區塊*/
#login_mybody{
	padding:68px/*100px*/ 0 40px 0;
	font-family:"Microsoft JhengHei","新細明體",sans-serif;
	color:#006;
	margin:0;
	font-weight:bold;     
}
.login_mybody{
	
	/*position:relative;*/
	width:100%;
	min-width:1000px;/*2018-05-10*/    
}
.login_mybody #form1{
	margin-top:0;
}
/*左邊區塊*/
.login_div_left{
	width:100%;
	/*width:63%;*/
	height:auto;
	box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2),; 
	position:static; 
	/*position:absolute; 
	top:-60px; 
	left:0;*/
	padding-top:0;
	display:block;
	
}/*2018-05-09 增加*/
.login_div_left_full{
	width:100%;
	text-align:center;
	position:static; 
	top:80px;
	left:0;
	transform: translate(0, 0);
	margin-top:30px;
}.login_hychat_img_full{
	width:600px;
	margin-top:30px;
}
.login_hychat_text_full{
	font-size:50px;
	
}
/*右邊區塊*/
.login_div_right{
	width:100%;
	height:auto;
	position:static; 
	/*width:37%;*/
	/*height:100%;*/
	/*position:absolute;  
	padding-top:60px; 
	top:-60px;
	right:0%;*/
	background-color:#FFF;
	display:table;
	
}
/* 2018-03-06 chaoyu增加：讓右邊輸入登入資訊的區塊寬度滿版 */
/*2018-03-07 lichun讓區塊集中於中間*/
/*2018-05-09 增加、註解*/
div.login_div_right.full { 
	width :100%;
	right:0;
	transform: translate(0, 0);
	background:none;
	position:static;/*2018-05-10*/
	top:10px;/*2018-05-10*/

}
/*
div.login_div_right.full { 

	width :100%;
	right:0;
	transform: translate(0, 0);
	height:100% !important;
}*/
.login_table{
	width:90%;
	margin:0 auto;
}/*2018-05-09 增加、註解*/
.login_table_full{
	width:90% !important;
	margin:0 auto;
}
/*2018-11-28*/
.login_table_full div{
	height:100px !important;	
}
/*
.login_table_full{
	width:90% !important;
	margin:0 auto;
}*/
.login_div_right2{
	width:100%;
	height:auto;
	position:static; 
	/*width:37%;*/
	/*height:100%;*/
	/*position:absolute;  
	padding-top:60px; 
	top:-60px;
	right:0%;*/
	background-color:#FFF;
	display:table;
}
/*廣告區灰色區塊*/
.login_ad_div{
	margin-top:0;
	width:100%;
	height:550px;
	max-height:550px;
	box-shadow: none/*0 2px 2px 0 rgba(0, 0, 0, 0.2), 0 2px 4px 0 rgba(0, 0, 0, 0.1)*/;
	background-color:#FFF;	
	top:0; 
	left:50%;    
	transform: translate(-50%, 0);
	-webkit-transform: translate(-50%,0);
	position:relative;
	/*position:absolute; 
	top:50%; 
	left:50%;    
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%,-50%);*/
	padding:0%;
	

}
/*廣告區下方標語*/
.login_ad_notice{
	text-align:center;
	color:#0B4B9F;
	font-weight:normal;
	/*font-size:20px;
	margin-top:60px;*/
	font-size:48px;
	margin-top:7%;
	width:100%;
	top:0; 
	left:50%;    
	transform: translate(-50%, 0);
	-webkit-transform: translate(-50%,0);
	position:relative;
	/*position:absolute;
	bottom:0%; 
	left:50%;    
	transform: translate(-50%, -0%);
	-webkit-transform: translate(-50%,-0%);*/
	padding:0;
	
}
/*廣告捷徑區*//*2019-06-17*/
.login_shortcut_div{
	margin-top:5%;
	width:100%;
	/*height:450px;
	max-height:450px;*/
	height:1150px;
	max-height:1150px;
	box-shadow: none/*0 2px 2px 0 rgba(0, 0, 0, 0.2), 0 2px 4px 0 rgba(0, 0, 0, 0.1)*/;
	background-color:#FFF;	
	top:0%; 
	left:50%;    
	transform: translate(-50%, 0);
	-webkit-transform: translate(-50%,0);
	position:relative;
	/*position:absolute; 
	top:50%; 
	left:50%;    
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%,-50%);*/
	padding:0%;
	

}
/*廣告捷徑區下方標語*//*2019-06-17*/
.login_shortcut_notice{
	text-align:center;
	color:#0B4B9F;
	font-weight:normal;
	/*font-size:20px;
	margin-top:60px;*/
	font-size:28px;
	margin-top:0;
	width:90%;
	top:0; 
	left:50%;    
	transform: translate(-50%, 0);
	-webkit-transform: translate(-50%,0);
	position:relative;
	/*position:absolute;
	bottom:0%; 
	left:50%;    
	transform: translate(-50%, -0%);
	-webkit-transform: translate(-50%,-0%);*/
	padding:0;font-weight:bold;
	
}
.registered_btn{
	font-size:60px;
	background-color:#23cd4d;
	border:4px solid #00bf37;
	color:#FFF;
	margin:0 auto 2% auto;
	padding:15px;
	cursor:pointer;
	width:40%;
	border-radius:10px;
	letter-spacing:10px;
	text-align:center;
}
.registered_btn:hover{
	background-color:#00bf37;
	border:4px solid #0ca831;
}
/*2019-06-25*/
.login_first_notice{
	text-align:center;
	color:#0B4B9F;
	font-weight:lighter;
	font-size:35px;
	margin-top:0;
	margin-bottom:20px;
	width:100%;
	position:relative;  
	transform: translate(0%, -0%);
	-webkit-transform: translate(0%,-0%);
	padding:0px;
	
}
.login_first_notice input[type="text"],
.login_first_notice input[type="button"]{
	font-size:40px;
	font-family:"微軟正黑體","新細明體",sans-serif;
	color:#046F99;
	
}
.login_first_notice_1{/*手機才有*/
	width:100%;
	display:inline-block;
}
.plz_search_div{
	position:relative; 
	top:24%; 
	left:50%;    
	transform: translate(-50%, 0);
	-webkit-transform: translate(-50%,0);	
	width:94%;
	color:#0B4B9F;
	font-size:28px;
	font-weight:bold;
	line-height:60px;letter-spacing:2px;
}
.login_shortcut_title{
	color:#0B4B9F;
	font-size:50px;
	letter-spacing:8px;
}
.login_shortcut{/*登入頁-捷徑*/
	display:inline-block;
	/*width:20%;*/
	width:28%;
	/*margin:1.5% 6%;*/
	margin:3% 6%;
	max-width:32%;
}
.book_mark_colour[type="button"]{/*[設書籤捷徑]*/
	background:#0B4B9F;
	color:#ffffff;
	position:absolute;
	right:4%;
	font-family:"微軟正黑體","新細明體",sans-serif;
	font-size:35px;
}
.registered_btn_text{
	font-size:18px;
	letter-spacing:5px;
	margin-left:-140px;
	cursor:pointer;
}
/*手機顯示e卡平台大標題*/
.top_hye_title_mob{
	margin:50px 0;
}
.top_hye_title_mob span{
	font-size:80px;
}
.top_hye_title_mob img{
	width:120px;
}
/*登入區*/
.login_title{

	text-align:center;
	font-size:80px;
	font-weight:lighter;
	margin-top:20px;
}/*2018-05-09 增加*/
.login_title_full{

	text-align:center;
	font-size:50px;
	font-weight:lighter;
	margin-top:10px;
	background:#CEEAEF;
	border-radius:5px 5px 0 0;
}
.login_title2{

	text-align:center;
	font-size:80px;
	font-weight:lighter;
	margin-top:20px;
}/*2018-05-09 增加*/
.login_input_div{
	padding-top:20px;
}
.login_input_div_full{
	padding-top:20px;
	padding-bottom:15px;
	background:#FFF;
	border:5px solid #CEEAEF;
	border-radius:0 0 5px 5px;
}
.login_div{
	width:100%;
}
.login_div_full{
	width:90%;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	margin:0 auto;
}
/*-------*/
.login_table div{
	font-size:35px;
	font-weight:lighter;
	height:100px;	
	line-height:100px;	
}
.login_table .div_tr{
	width:100%;
	overflow:hidden;
}
.login_table .div_tr2{
	width:100%;
	overflow:hidden;
}
.login_table .div_btn_tr{
	width:100%;
	overflow:hidden;
	text-align:center;
}
.login_table .div_btn_tr2{
	width:100%;
	overflow:hidden;
	text-align:center;
}
/*.login_table .div_captcha_tr, .login_table .div_changepw_tr{
	width:100%;
	overflow:hidden;
}
.login_table .div_captcha_tr2, .login_table .div_changepw_tr2{
	width:100%;
	overflow:hidden;
}*/
.login_table .div_width_1{
	width:22%;
	float:left;
}
.login_table .div_width_2{
	width:52%;
	float:left;
}
.login_table .div_width_3{
	width:26%;
	float:left;
}
.login_table .div_width_4{
	width:78%;
	float:left;
}
.login_table .div_width_5{
	width:100%;
	float:left;
}
.login_table .div_width_6{
	width:74%;
	float:left;
}
.login_table .remind_div_in_1{
	width:74%;
	float:left;
	font-size:28px;
	letter-spacing:-1px;
}
.login_table .remind_div_in_2{
	width:26%;
	float:left;
	font-size:28px;
	letter-spacing:-1px;
}
.login_table .remind_div_in_1_full{
	width:74%;
	float:left;
	font-size:27px;
	
}
.login_table .remind_div_in_2_full{
	width:26%;
	float:left;
	font-size:27px;
}/*2018-05-09 增加、註解*/
#sug_div{
	position:relative;
	width:100%;
	left:0;
	text-align:left;
	line-height:50px;
	height:110px !important;
}
/*
#sug_div{
	position:relative;
	width:100%;
	left:0%;
	line-height:45px;
	height:100px;
	text-align:left;
	font-size:27px
}*/
.remind_div_full{
	position:relative;
	width:100%;
	left:0%;
	margin-top:15px;/*2018-05-09 增加*/
}
.div_changepw_tr_full{
	width:100% !important; 
	position:relative;
	left:0%;
}
.login_table tr td{
	font-size:35px;
	font-weight:lighter;
	height:90px;
}
.login_table  input[type="text"],.login_table input[type="password"] ,.login_table input[type="tel"] {
    font-size:35px;
	color:#046F99;
}
.login_table input[type="checkbox"] {
	width:35px;
	height:35px;
	vertical-align:middle;
}

.login_table input[type="button"] {
	font-family:"Microsoft JhengHei","新細明體",sans-serif;
	font-size:35px;
}
.login_text1{/*input_width*/
	width :350px;
}
/*重新顯示 按鈕*/
.re_show_btn{
	/*font-size:27px;*/
	cursor:pointer;
	border:1px solid #555;
	color:#555;
	background: -webkit-linear-gradient(#FFF,#EFEFEF);
	background: -o-linear-gradient(#FFF,#EFEFEF);
	background: -moz-linear-gradient(#FFF,#EFEFEF);
	background: linear-gradient(#FFF,#EFEFEF);
}

/*忘記密碼 按鈕*/
.forget_pw_btn, .hint_pw_btn{
	cursor:pointer;
	padding:10px;
	border:1px solid #555;
	color:#555;
	background: -webkit-linear-gradient(#FFF,#EFEFEF);
	background: -o-linear-gradient(#FFF,#EFEFEF);
	background: -moz-linear-gradient(#FFF,#EFEFEF);
	background: linear-gradient(#FFF,#EFEFEF);
}
/*登入按鈕*/
.login_btn{
	width:300px;
	/*width:140px;*/
	padding:10px;
	color:#FFF;
	border:1px solid #348C22;
	background: -webkit-linear-gradient(#82D32D,#00BF37);
	background: -o-linear-gradient(#82D32D,#00BF37);
	background: -moz-linear-gradient(#82D32D,#00BF37);
	background: linear-gradient(#82D32D,#00BF37);
}
.login_btn2{
	width:300px;
	/*width:140px;*/
	padding:10px;
	color:#FFF;
	border:1px solid #348C22;
	background: -webkit-linear-gradient(#82D32D,#00BF37);
	background: -o-linear-gradient(#82D32D,#00BF37);
	background: -moz-linear-gradient(#82D32D,#00BF37);
	background: linear-gradient(#82D32D,#00BF37);
}
/*驗證碼圖片*/
.login_table #captcha_span img{
	width:195px;
	height:50px;
	margin-left:50px;
}
/*2018-05-09 新增*/
.login_captcha #captcha_span img{
	margin-left:55px;vertical-align:top;
}
.login_captcha_full #captcha_span img{
	margin-left:30px;
	vertical-align:top;
}
/*2018-11-28*/
.dl_erp_url_btn{
	width:155px;
	height:30px;
    background:url("../../assets/images/dl_erp_url_btn.svg") no-repeat;
	background-size: 100% 100%;
	color: inherit;
    border: none;
    font: inherit;
    cursor: pointer;
    outline: inherit;
	margin-left:-5px;
}
.dl_erp_url_btn:hover{
    background:url("../../assets/images/dl_erp_url_btn_hover.svg") no-repeat;
	background-size: 100% 100%;

}
.dl_erp_url_btn:active{
    background:url("../../assets/images/dl_erp_url_btn_active.svg") no-repeat;
	background-size: 100% 100%;

}
/*左邊廣告播放區*/
/*播放區按鈕*/
.ad_button{
	font-family:"Microsoft JhengHei","新細明體",sans-serif;
	background-color:#FFF;
	color:#555;
	border:1px solid gray;
	padding:5px;
	font-size:16px;
	cursor:pointer;
}
/*播放區按鈕-停住*/
.ad_button_on{
	font-family:"Microsoft JhengHei","新細明體",sans-serif;
	background-color:#00466B;
	color:#FFF;
	border:1px solid #FFF;
	padding:6px;
	font-size:16px;	
	cursor:pointer;
}
.mySlides {
	display:none
}
.wgtPlCtrlPanel_fontsize{
	font-size:13px;
	float:left;
	margin-top:8px;
	display:none;
}

/*----------------------------*/
/*登入頁hychat廣告-store連結區塊*/
.login_hychat_btn{
	position:absolute;
	right:90px; 
	bottom:20px;
}
/*登入頁hychat廣告-store連結圖片*/
.login_appdl_badge_img{
	width:258.4px;
	height:100px;
}
/*登入頁hychat廣告-qrcode圖片*/
.login_appdl_qrcode_img{
	width:50px;
	height:50px;
	/*border:1px solid #000;*/
}
/*登入頁hychat廣告-暫無qrcode*/
.login_appdl_qrcode_wait{
	width:80px;
	height:80px;
	line-height:80px;
	background-color:#FFF;
	/*border:1px solid #000;*/
}
#mybody{
	padding-top:280px;
	font-family:"Microsoft JhengHei","新細明體",sans-serif;
	color:#006;
	margin:0;
	font-weight:bold;
        
}
/*--TOP CSS--*/
#topPage{
	position:fixed;
	height:70px;
	background:#FFF;
	z-index:100;
	
}
.topPage
{
	/*color : #FF0000;*/
	/*font-size : 20px;*/
	/*text-align : center;*/
	width : 100%;
	height:70px;
	margin:0;
        -webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;/*禁止網頁上文字選取反白*/	
	cursor: default;
	 box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.05), 0 4px 8px 0 rgba(0, 0, 0, 0.15);
}

.topP_title{
	width:100%;
	background:url(../images/top-04-3.png) center top repeat-x;
    background-size: 100% 100%;
	margin:auto;
	height:70px;
	overflow:hidden;
}
.topP_title_manager{
	width:100%;
	background:url(../images/top-04-31.png) center top repeat-x;
        background-size: 100% 100%;
	/*background-color:#B1D3EF;*/
	margin:auto;
	height:60px;
	overflow:hidden;
}
.top_filed{
	position:absolute;
	top:0px;
        right:20px;
	/*right:0px;*/
	width:100%;
	font-family:"微軟正黑體","新細明體",sans-serif;
	font-weight:500;
	font-size:14px;
	color:#006;
	text-align:right;
}
.company_logo{
	height:45px;
	min-height:45px;
	max-width:180px;
}
.company_title{
	
	vertical-align:middle;
	width:100%;
	font-size:40px;
    letter-spacing: -3px;
	color:#0b4b9f;
    font-family: 'DFKai-sb', BiauKai;
	font-weight:bolder;
	padding-left:0px;
}
.company_small_last{/*管理系統-四個字縮小*/
    font-size: 26px;
}
.toppage3_title{
	position:absolute;
        top:10px;
        padding-left:5px;
        min-width:250px;
}
#flash_div{/*排序的flash動畫div一開始隱藏*/
	display:none;
}

.ph_msg{/*訊息輪播圖*/
    position:absolute;
}
.msg_play_auto{/*訊息輪播*/
    position:absolute;
    color: #693905;
    font-weight: bolder;
    overflow: hidden;
}
#widgetPool
{
	position: absolute;
	width: 98%;
	height: 1660px;
	overflow-x: visible;
	/*overflow-y: scroll;*/
	overflow-y: visible;
	border: 2px solid #000080;
	background-color: #F3F6FF;
	display: none;
}

#wgtPlCtrlPanel
{
	width: 98%;
	height: 90px;
	float: left;
}

#wgtPlCtrlPanel:hover
{
	cursor: default;
}

#wgtPlCtntPanel
{
	width: 100%;
	height: 1550px;
	overflow-x: visible;
	overflow-y: scroll;	
	float: left;
}

.subZoneTitle/*所有程式裡面的標題欄*/
{
	width: 98.7%;
	height: 2em;
	font-size:42px;
	padding-top:2px;
	border: 2px solid #c0c0c0;
	/*background-color: #006;*/
	background:url(../images/allprg-tittle.png);
	float: left;
	font-family: arial,tahoma,sens-serif,Microsoft JhengHei,"微軟正黑體","新細明體";
	font-weight: bold;
	color: #FFFFFF;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;	
	cursor: default;
	background-size:100% 100%;	
	line-height: 2em;
}

.subZoneTitle:hover
{
	/*background-color: #99CCFF;*/
	background:url(../images/allprg-tittle-h.png);
	color:#006;	
	background-size:100% 100%;
}

.subZoneStat/*所有程式裡面的右邊小三角形*/
{
	position: relative;
	float: right;
	top: 12px;
	right: 10px;
	width:60px;
	height:60px;
}

.subZoneContent/*所有程式裡面每一欄的內文*/
{
	width: 100%;
	height: auto;
	float: left;
	padding-bottom: 1em;
	background-color: #FFF;
	display: none;
}

#allWidgets1
{
	position: relative;
	left: 930px;
	top: -4px;
}
#allWidgets{
	/*font-size:medium;
	background-size:84px;
	height:80px;*/
	background:url("../../assets/images/allWidgets2.png?2019071701");
	background-size:100% 100%;
	width:110.88px;
	height:110.88px;
}
#widgetZone
{
	/*position: relative;*/
	width: 960px;
	height: 100%;
	padding: 10px;
	/*margin-top: 60px;*/
	margin-left: auto;
	margin-right: auto;
	/*margin-top:20px;*/
	/*margin-bottom:10px;*/
	overflow-x: hidden;
	overflow-y: hidden;
	/*border: #000066 double;*/
	border-radius: 0px 0px 5px 5px;
	-moz-border-radius:0px 0px 5px 5px;
	-webkit-border-radius:0px 0px 5px 5px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

#widgetPool .widgets
{
	width: 225px;
	height: 250px;
	float: left;
	margin-left: 4px;
	margin-right: 4px;
	margin-top: 6px;
	margin-bottom: 18px;
}

.widgetSeats, .occupied
{
	width: 220px;
	height: 282px;
	margin-left: 7px;
	margin-right: 7px;
	margin-top: 12px;
	margin-bottom: 9px;
	float: left;
	/*border: 1px solid;*/
        /*border-color: #99CCFF;*/
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
        /*background: rgba(250,250,250,0.5);*/
        /*background: url(../../assets/images/bg/bg_3.png) repeat;*/
}

.occupied:hover
{
	/*background-color: #FFF8E6;*/
        background-color: rgba(255,243,208,0.5);
	cursor:pointer;
}
/*
.occupied:active
{
	background-color: #00ff00;
}
*/
.widgetSeats div
{
	/*width: 100%;*/
	margin-left: auto;
	margin-right: auto;	
	text-align: center;
}

.widgets:hover, .settledWidget:hover
{
	cursor: pointer;
}

.widgetDragging
{
	/*border: 1px solid #999933;*/
	background-color: #F3F6FF;/*閃爍的顏色*/	
}

.dragHelper
{
	cursor: pointer;
}

.settledWidget, .settledWidgetEmpty
{
/*	width: 73px;
	height: 85.5px;*/
	/*width: 80px;
	height: 94px;*/
	margin-top: 8px;/*中間ICON與外框的TOP間距*/
}

.settledWidget .wgtImg
{
/*	width: 65px;
	height: 65px;*/
	width: 180px;
	/*height: 70px;*/
}

.settledWidget .wgtTitle
{
	font-size: 36px;
	font-family: arial,tahoma,sens-serif,Microsoft JhengHei,"微軟正黑體","新細明體";
	color:#006;
	margin-top:5px;
	line-height:40px;
	text-align: center;
}

.wgtTitle
{
        word-break: break-all;/*20140127加上，因為看到SALEMENU2放在場上不會自動斷行*/
	width: 100%;
	text-align: center;
	font-size: 36px;
	font-family: arial,tahoma,sens-serif,Microsoft JhengHei,"微軟正黑體","新細明體";
	color:#006;
	line-height:45px;
}

.occupied
{
	opacity: 1.0;
}

.widgets .wgtImg
{
	width: 180px;
	height: 180px;	
	/*margin-left: 4px;
	margin-right: 4px;*/
}

/*2019-07-05*/
.widgetZone_group{
	margin:150px auto 0;
	width:92%;
}
.widget_group_btn{
	/*display:inline-block;
	vertical-align:top;	
	cursor:pointer;
	text-align:center;
	width:180px;
	height:180px;
	border:4px solid #243657;
	border-radius:15px;
	margin:15px 15px;
	color:#243657;
	background-size:180px 180px;*/
	display:inline-block;
	vertical-align:top;	
	cursor:pointer;
	text-align:center;
	width:150px;
	height:180px;
	border:4px solid #243657;
	border-radius:15px;
	margin:15px 10px;
	color:#243657;
	background-size:150px 150px;	

}
.widget_group_btn_b{
	/*display:inline-block;
	vertical-align:top;	
	cursor:pointer;
	text-align:center;
	width:180px;
	height:180px;
	border:4px solid #243657;
	border-radius:15px;
	margin:15px 15px;
	color:#243657;
	background-size:180px 180px;*/
	display:inline-block;
	vertical-align:top;	
	cursor:pointer;
	text-align:center;
	width:150px;
	height:180px;
	border:4px solid #243657;
	border-radius:15px;
	margin:15px 10px;
	color:#243657;
	background-size:150px 150px;	

}
.widget_group_btn_c{

	display:inline-block;
	vertical-align:top;	
	cursor:pointer;
	text-align:center;
	width:150px;
	height:180px;
	border:4px solid #243657;
	border-radius:15px;
	margin:15px 10px;
	color:#243657;
	background-size:150px 150px;	

}
.widget_group_btn_other{
	display:inline-block;
	vertical-align:top;	
	cursor:pointer;
	text-align:center;
	width:330px;
	height:180px;
	border:4px solid #243657;
	border-radius:15px;
	margin:15px 10px;
	color:#243657;
	background-size:180px 180px;
	line-height:180px;

}
.widget_group_btn_try{/*2019-09-03試用版面不一樣*/
	display:inline-block;
	vertical-align:top;	
	cursor:pointer;
	text-align:center;
	width:150px;
	height:180px;
	border:4px solid #243657;
	border-radius:15px;
	margin:15px 10px;
	color:#243657;
	background-size:150px 150px;

}
.widget_group_btn_b_try{/*2019-09-03試用版面不一樣*/
	display:inline-block;
	vertical-align:top;	
	cursor:pointer;
	text-align:center;
	width:150px;
	height:180px;
	border:4px solid #243657;
	border-radius:15px;
	margin:15px 10px;
	color:#243657;
	background-size:150px 150px;

}
.widget_group_btn_c_try{/*2019-09-03試用版面不一樣*/
	display:inline-block;
	vertical-align:top;	
	cursor:pointer;
	text-align:center;
	width:150px;
	height:180px;
	border:4px solid #243657;
	border-radius:15px;
	margin:15px 10px;
	color:#243657;
	background-size:150px 150px;

}
.widget_group_btn_other_try{/*2019-09-03試用版面不一樣*/
	/*display:inline-block;
	vertical-align:top;	
	cursor:pointer;
	text-align:center;
	width:340px;
	height:180px;
	border:4px solid #243657;
	border-radius:15px;
	margin:15px 10px;
	color:#243657;
	background-size:150px 150px;
	line-height:180px;*/
	display:inline-block;
	vertical-align:top;	
	cursor:pointer;
	text-align:center;
	width:150px;
	height:180px;
	border:4px solid #243657;
	border-radius:15px;
	margin:15px 10px;
	color:#243657;
	background-size:150px 150px;
}
.widget_group_btn_red{
	background:linear-gradient(to bottom, #FFD9D9 0%,#FFD9D9 50%,#FFCCCC 50%,#FFCCCC 100%);	
}
.widget_group_btn_blue{
	background:linear-gradient(to bottom, #CAF1FF 0%,#CAF1FF 50%,#BDE9FC 50%,#BDE9FC 100%);
}
.widget_group_btn_green{
	background:linear-gradient(to bottom, #DFF7E2 0%,#DFF7E2 50%,#CCF0D1 50%,#CCF0D1 100%);	
}
.widget_group_btn_purple{
	background:linear-gradient(to bottom, #E9CAFF 0%,#E9CAFF 50%,#E1BCF9 50%,#E1BCF9 100%);	
}
.widget_group_btn:hover,
.widget_group_btn_try:hover{
	border:4px solid #FFF;
	background:#243657;
}
.widget_group_btn_b:hover,
.widget_group_btn_b_try:hover{
	border:4px solid #FFF;
	background:#243657;
}
.widget_group_btn_c:hover,
.widget_group_btn_c_try:hover{
	border:4px solid #FFF;
	background:#243657;
}
.widget_group_btn_other:hover,
.widget_group_btn_other_try:hover{
	border:4px solid #FFF;
	background:#243657;
	
}
.widget_group_btn span {
  /* line-height:180px;
   font-size:50px;*/
   line-height:180px;
   font-size:50px;   
}
.widget_group_btn:hover span {
   display: none;
}
.widget_group_btn_b span {
   /*line-height:180px;
   font-size:50px;*/
   line-height:180px;
   font-size:50px;   
}
.widget_group_btn_b:hover span {
   color: #FFF;
}
.widget_group_btn_c span {
   /*line-height:180px;
   font-size:50px;*/
   line-height:180px;
   font-size:50px;   
}
.widget_group_btn_c:hover span {
   color: #FFF;
}
.widget_group_btn_other span {
   font-size:50px;
}
.widget_group_btn_other:hover  span {
   color:#FFF;
}

.widget_group_btn_other  img {
   width:60%; 
   margin:0 2% 0 0;
   border-radius: 8px;
   border:2px solid #243657;
}
.widget_group_btn:hover .widget_group_img {
   display: inline-block;
   width:70px;
   height:70px;
   margin:8px 5px;
}
.widget_group_btn_try span {
   line-height:180px;
   font-size:50px;
}
.widget_group_btn_try:hover span {
   display: none;
}
.widget_group_btn_b_try span {
   line-height:180px;
   font-size:50px;
}
.widget_group_btn_b_try:hover span {
   color: #FFF;
}
.widget_group_btn_c_try span {
   line-height:180px;
   font-size:50px;
}
.widget_group_btn_c_try:hover span {
   color: #FFF;
}
.widget_group_btn_other_try span {
   font-size:50px;
}
.widget_group_btn_other_try:hover  span {
   color:#FFF;
}

.widget_group_btn_other_try  img {
   width:90%; 
   margin:15% 2% 12% 2%;
   border-radius: 8px;
   border:2px solid #243657;
}
.widget_group_btn_try:hover .widget_group_img {
   display: inline-block;
   width:50px;
   height:50px;
   margin:17px 5px;
}
.widgetZone_group_btn{
	cursor:pointer;	
	width:280px;
	height:80px;
    background-image:url("../../assets/images/widgetZone_group_btn.svg");
	background-size:280px 80px;
	position:relative;
	left:36%;
	bottom:10px;
}
.widgetZone_split_btn{
	cursor:pointer;	
	width:280px;
	height:80px;
    background-image:url("../../assets/images/widgetZone_split_btn.svg");
	background-size:280px 80px;
	position:relative;
	left:36%;
	bottom:10px;
}
.widget_group_show_bg
{
	width:100%;
	height:100%;
	z-index:1000;
	background:#243657;
	display:none;
	position:fixed;
	top:0;
	left:0;
	-moz-opacity:.8;
	opacity:0.8;

}
.widget_group_show{
	width:90%;
	height:450px;
	max-height:85vh;
	background:#FFF;
	position:fixed;
	left:50%;
	top:50%;
	transform: translate(-50%, -50%);
	-webkit-transform:translate(-50%,-50%);
	z-index:1001;
	background:#F8F9FB;
	border:1px solid #EDEDED;
	border-radius:8px;
	
}
.widget_group_title{
	background:#865FDF;
	border:1px solid #EDEDED;
	border-radius:8px 8px 0 0;
	color:#FFF;
	font-size:24px;
	font-weight:bold;
	line-height:45px;
	height:45px;
	text-align:center;
}
.widget_group_close{
	float:right;
	cursor:pointer;
	width:30px;
	height:30px;
	margin:8px 8px 0 0;
}
.widget_group_content{
	background:#FFF;
	border:1px solid #EDEDED;	
	height:350px;
	max-height:55vh;
	overflow:auto;
	word-break: break-all;
	text-align:center;
}

.widget_group_block{
	display:inline-block;
	cursor:pointer;
	width:100px;
	margin:20px 20px;
}
.widget_group_block img,
.widget_group_block span{
	display:inline-block;
	width:100%;
	text-align:center;
	font-size:18px;
	color:#006;
}
.widget_group_block:hover{
	background:#FFECEB;
}
.widget_group_video{
	width:570px;
	height:320px;
	margin-top:10px;
	border:3px solid #243657;
}
.widget_group_bottom{
	border:1px solid #EDEDED;
	border-radius:0 0 8px 8px ;
	color:#FF3127;
	font-size:24px;
	line-height:43px;
	height:50px;
	text-align:center;	
	font-weight:bold;
}
.widget_group_bottom input[type="button"]{
	font-size:24px;
	font-family: arial,tahoma,sens-serif,Microsoft JhengHei,"微軟正黑體","新細明體";
	font-weight:bold;
}

#clsWidgetPool
{
	position: relative;
	float: right;
	top: 6px;
    font-family: arial,tahoma,sens-serif,Microsoft JhengHei,"微軟正黑體","新細明體";
	width:75px;
	height:75px;
}

#singleOpen, #singleOpenTxt
{
	position: relative;
	font-size:36px;
	color:#0033FF;
	float: right;
	top: 22px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;		
}

#singleOpen{/*所有程式-勾選單開模式-checkbox*/
	width:40px;
	height:40px;
	vertical-align:middle;
	top: 25px;
}
.ui-state-disabled, .ui-droppable-disabled, .ui-droppable-disabled
{
	opacity: 1.0;
}
.top_filed_right_icon{/*top的右上角icon外層的div寬度控制，此寬度會影響第一個訊息icon與其他icon的中間距離*/
    position:absolute;
    right: 0px;
    /*right:20px;*/
    top:0px;
    /*top:20px;*/
	width:100%;
}
.top_right_icon_div{
	position:absolute; 
	top:70px; 
	left:20px;
    width:100%;
	height:120px;
	background-color:#E0F7F7;
	padding-top:10px;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.05), 0 4px 8px 0 rgba(0, 0, 0, 0.15);
}
#top_info{
	position : absolute;
	right : 0px;
	top:30px;
	/*float :right;*/
	font-size:14px;
	/*display:none;*/
}
.page_title_style{/*每頁加上title，調整字體大小&文字間距*/
    position:absolute;
    width:100%;
    top:220px;
    font-size:35px;
    font-family: 'DFKai-sb', BiauKai,"微軟正黑體","新細明體",sans-serif;
    /*letter-spacing:16px;*/
    margin:auto;
}
/*2015-12-16 lichun修改：用Image Sprites的方式，節省圖片讀取時間*/
.top_img{
	margin-left:53px;
	float:left;
	width:110.88px;
	height:110.88px;
	cursor:pointer;
}
#return_home.top_img{
	margin-left:28px;

}
.top_img2{
	margin-left:35px;
	float:right;
	width:110.88px;
	height:110.88px;
	cursor:pointer;
	margin-right:28px;

}
/*社群-訊息、郵件*/
.community_mail{
	width:100px;
	height:60px;
    background:url("../../assets/images/community_mail.svg");
	background-size:100px 60px;
	position:relative; 	
}
/*社群-訊息*/
.community_message{
	width:100px;
	height:60px;
    background:url("../../assets/images/community_message.svg");
	background-size:100px 60px;
	position:relative; 	
}
/*社群-訊息、郵件數字*/
.community_mail_number, .community_message_number{
	border-radius:50%; 
	border:2px solid red; 
	width:25px; 
	height:25px; 
	background-color:#FFFFFF; 
	font-size:18px; 
	color:red; 
	text-align:center; 
	position:absolute; 
	right:-10px;	
}
/*社群數字*/
.community_number{
	border-radius:50%; 
	border:1px solid red; 
	width:38px; 
	height:38px; 
	font-size:25px; 
	text-align:center; 
	position:absolute; 
	right:-28px;
	top:-10px;
	font-weight:900;
	/*閃爍*/
	animation-iteration-count: infinite;
	animation-direction: normal;
	-webkit-animation-name: blink; /* Chrome, Safari, Opera */
	-webkit-animation-duration: 1s; /* Chrome, Safari, Opera */
	animation-name: blink;
	animation-duration: 1s;
}
/*社群數字-其餘帳號-黃點*/
.community_yellow{
	border-radius:50%; 
	border:1px solid blue; 
	width:38px; 
	height:38px; 
	font-size:25px; 
	text-align:center; 
	position:absolute; 
	left:-28px;
	top:-10px;
	font-weight:900;
	/*閃爍*/
	animation-iteration-count: infinite;
	animation-direction: normal;
	-webkit-animation-name: blink2; 
	-webkit-animation-duration: 1s; 
	animation-name: blink2;
	animation-duration: 1s;
}
/*快照*/
.screenshot{
    background:url("../../assets/images/main_top_foot2.png?2019110701") 110.88px 443.52px;
	background-size:554.4px 332.64px;
	position:relative; 
}
/*社群*/
.community{
    background:url("../../assets/images/main_top_foot2.png?2019031501") 0px -221.76px;
	background-size:554.4px 332.64px;
	position:relative; 
}
/*回主畫面*/
.return_home{
    background:url("../../assets/images/main_top_foot2.png?2019031501") 0px 0px;
	background-size:554.4px 332.64px;
	position:relative; 
}
/*捷徑*/
.shortcut_menu_btn{
    background:url("../../assets/images/main_top_foot2.png?2019031501") -110.88px 0px;
	background-size:554.4px 332.64px;

}
/*鎖定畫面*/
.lock_page{
    background:url("../../assets/images/main_top_foot2.png?2019031501") -221.76px 0px;
	background-size:554.4px 332.64px;
}
/*更新預載資料*/
.load_db{
    background:url("../../assets/images/main_top_foot2.png?2019031501") -332.64px 0px;
	background-size:554.4px 332.64px;
}
/*開新分頁*/
.open_new_page{
    background:url("../../assets/images/main_top_foot2.png?2019031501") -443.52px 0px;
	background-size:554.4px 332.64px;
}
/*每日工作提醒*/
.open_notice{
    background:url("../../assets/images/main_top_foot2.png?2019031501") 0px -110.88px;
	background-size:554.4px 332.64px;
}
/*登出*/
.logout{
    background:url("../../assets/images/main_top_foot2.png?2019031501") -110.88px -110.88px;
	background-size:554.4px 332.64px;
	margin-left:230px;
}
/*登出-拉出來放大*/
.logout2{
    background:url("../../assets/images/logout2.png?2019031501");
	background-size:100% 100%;
}
/*社群-顯示全部數字*/
.community_show_all_number{
	border-radius:50%; 
	border:1px solid red; 
	width:18px; 
	height:18px; 
	font-size:12px; 
	text-align:center; 
	position:absolute; 
	right:-12px;
	top:0px;
	font-weight:900;
	/*閃爍*/
	animation-iteration-count: infinite;
	animation-direction: normal;
	-webkit-animation-name: blink; /* Chrome, Safari, Opera */
	-webkit-animation-duration: 1s; /* Chrome, Safari, Opera */
	animation-name: blink;
	animation-duration: 1s;
}
.allPrg_input{/*控制所有程式按鈕的位置*/
	position:absolute;
	top:-30px;
	right:200px;
	/*background:#FFF;*/
	padding:2px;
}
.css_all_delete{/*mainpage的icon拖曳時出現刪除圖片*/
    width: 66px;
    height: 60px;
}



/*廣告跑馬燈按鈕*/
.more_btn{
	display:none;
}
.more_btn_animation{
	display:none;
}
.more_btn_animation_set{
	display:none;
}
/*2019-08-07 [集錦]-按鈕*/
.rel_img_rec_btn2{
	display:none;
}
.phrase_dlg_div{
	width:580px;
	max-height:207px;
	overflow:auto;
}
.phrase_dlg_table{
	width:560px;
}
.C_ad{
	background-image:url("../../assets/images/C_ad.png");
	width:470px;
	height:220px;
	background-size:470px 220px ;
	
}
/*電子訊息導覽區塊-外層藍色對話框圖型*/
.C_teach_div{
	z-index:10;
	width:340px;
	height:260px;
	background-size:340px 260px;
	background-image:url("../../assets/images/C_teach.png");
	position:fixed;
	right:365px;
	top:65px;
	/*-webkit-transform:translate(-50%,-35%);
	transform:translate(-50%,-35%);*/
	display:none;
}
.C_teach_in1{
	color:#007EAF;
	text-align:center;
	width:290px;
	height:160px;
	border-radius:5px;
	background-color:#E9FAFF;
	border:2px solid #FFF;
	position:absolute;
	left:35%;
	top:65%;
	-webkit-transform:translate(-35%,-65%);
	transform:translate(-35%,-65%);	
}
.C_teach_in1 div{
	font-size:11px;
}
.C_teach_in2{
	color:#FFF;
	text-align:left;
	width:320px;
	height:22px;
	position:absolute;
	left:35%;
	bottom:2%;
	-webkit-transform:translate(-35%,-5%);
	transform:translate(-35%,-5%);	
	font-size:11px;
}
.C_teach_HYHOT_icon{
	width:60px;
	height:60px;
	position:absolute; 
	bottom:40px; 
	right:85px;
}

/*手機板下載區塊-外對話框*/
.C_appdl_div{
	z-index:10;
	width:940px;
	height:auto;
	padding:10px;
	background-color:#fff7e6;
	border:3px solid #ffeecc;
	position:fixed;
	right:8px;
	top:110px;
	border-radius:10px;
}
/*手機板下載區塊-圖片*/
.C_appdl_login_img{
	width:450px;
	height:900px;
}
/*手機板下載區塊-store連結圖片*/
.C_appdl_badge_img{
	width:387.6px;
	height:150px;
}
/*手機板下載區塊-qrcode圖片*/
.C_appdl_qrcode_img{
	width:300px;
	height:300px;
	/*border:1px solid #000;*/
}
/* 2020-01-09 chaoyu增加：套用APP、頁籤自動完成輸入框 */
.prg_tab_key {
	position : absolute;
	right : 250px;
	top : 190px;
	display:none;
}
/*[手機版下載e卡]按鈕*/
.C_appdl_btn{
	cursor:pointer;
	width:300px;
	height:75px;
    background-image:url("../../assets/images/C_appdl_btn.png");
	background-size:300px 75px;
	position:absolute;
	right:250px;
	top:190px;
	display:none;
}
/*首次登入廣告-外對話框*/
.firstlogin_ad_div{
	z-index:100;
	width:100%;
	height:100%;
	background-color:rgba(255, 255, 255, 0.5) ;
	position:fixed;
	padding-top:50%;
}
/*首次登入廣告-圖片*/
.firstlogin_ad_img{
	width:550px;
	height:250px;
}
.firstlogin_ad_img2{
	width:330px;
	height:330px;
}
.firstlogin_ad_img3{
	width:250px;
	height:250px;
	margin-right:30px;
}
.more_div1_close_text{
	position:fixed; 
	bottom:50px;
	font-size:58px;
	right:10px;
	background-color:#0059b3;color:#FFF;
}

#lock_page_content
{
	position:absolute;
	text-align:center;
	width:90%;
	height:400px;
	min-width:500px;
	min-height:400px;
	background-color:rgba(250,250,250,0.9);
	/*background:url(assets/images/lock_page_big.png) no-repeat center bottom rgba(250,250,250,0.9);*/
	z-index:1001;
	box-shadow: 0px 0px 10px #EEEEEE;
	-moz-box-shadow: 0px 0px 10px #EEEEEE;
	-webkit-box-shadow: 0px 0px 10px #EEEEEE;
}

#personnal_notice_content
{
	text-align:center;
	width:900px;
	height:900px;	
	/*width:40%;
	height:60%;*/
	min-width:400px;
	min-height:300px;
	/*background-color:#fff466;*/
	z-index:1001;
	position:absolute;
	background-repeat:cover;
	background:url(../images/memo1-1.png);
	background-size:900px 900px;
	
}
.over_flow{/*個人提醒-下半度最大高度調整-from personnal_notice_content.php*/
	max-height:670px;
	max-width:740px;
	overflow-y:auto;
	padding:20px 8px 10px 100px;
}


.css_clear_icon{/*公用的清空按鈕圖大小調整*/
    width: 60px;
    height: 60px;
    vertical-align: middle;
}

.C_appdl_div,
.C_appdl_div b,
.C_appdl_div span,
.C_appdl_div font,
.C_appdl_div div,
.C_appdl_div a,
.C_appdl_div td,
.C_appdl_div input[type="button"],
.C_appdl_div input[type="password"],
.C_appdl_div input[type="text"],
#wait_loading_db_page font,
#personnal_notice_content,
#personnal_notice_content b,
#personnal_notice_content span,
#personnal_notice_content font,
#personnal_notice_content div,
#personnal_notice_content a,
#personnal_notice_content td,
#personnal_notice_content input[type="button"],
#personnal_notice_content input[type="password"],
#personnal_notice_content input[type="text"],
#lock_page_content,
#lock_page_content b,
#lock_page_content span,
#lock_page_content font,
#lock_page_content div,
#lock_page_content a,
#lock_page_content td,
#lock_page_content input[type="button"],
#lock_page_content input[type="password"],
#lock_page_content input[type="text"],
.firstlogin_ad_div input[type="button"]
{
	font-size:40px;
}
#best_explorer,
#question_solve{
	display:none;
}


.open_shortcut_img{/*捷徑img*/
    width: 25px;
    height: 25px;
}
.open_shortcut_img_top{/*top捷徑img*/
    width: 110px;
    height: 110px;
}
#shortcut_menu_div{/*捷徑外層div*/
    width:99%;
    max-height:93vh;
    position: fixed;
    right: 0px;
    top: 60px;
	overflow-y:auto;
	z-index:100;
}
#shortcut_menu_div_out{/*捷徑內層div*/
    width:98%;
}
#shortcut_menu_div_out td {/*捷徑標題*/
    font-size:40px;
	font-weight:bold;
}
#close_shortcut_img{/*關閉捷徑*/
	width:70px;
	height:70px;
	margin:10px;
}
.prt_einvo_dlg4_out1{
	display:inline-block;
	width:54%;
	border:solid 4px #248f24;
	vertical-align:top;
	margin-right:10px;
	padding:10px 10px 18px 10px;
}
.prt_einvo_dlg4_out2{
	display:inline-block;
	width:36%;
}
.prt_einvo_dlg4_in1{
	border:solid 4px #0086b3;
	margin-bottom:17px;
	padding:10px;
}
.prt_einvo_dlg4_in2{
	border:solid 4px #cc5200;
	padding:10px
}
.prt_einvo_dlg4_out1 div, .prt_einvo_dlg4_out2 div{
	font-size:12px;
}
.prt_einvo_dlg4_out1 .fontsize_24 , .prt_einvo_dlg4_out2 .fontsize_24{
	font-size:17px;
}
/*報價單、詢價單抬頭F2 input*/
#add_C_ITEM1, #add_S_ITEM1{
	width:30%;
}
#SALES_quotes_details_div .item_no1,
.SALES_quotes_details_table_1  .item_no1,
#PUR_01_inquiry_details_div .add_SK_ID1 ,
.PUR_01_inquiry_details_table_1   .add_SK_ID1 {
	width:70%;
}
#SALES_salesslip_details_div .item_name4,
.ss_item_detail_table4 .item_name4{
	width:70%;
}
/*2018-09-03*/
.PUR_c3_tax_w{
	width:9%;
}
.PUR_c3_spec_w{
	width:12%;
}
/*------------憑證專章--------------*/

/*報稅憑證清單-檢視*/
.tcl_dlg_iframe{
	/*width:100%;
	height:375px;*/
	text-align:center; 
	border:2px solid #006; 
	width:860px;
	display:inline-block;
	height:400px;
	overflow:auto;
	vertical-align:top;
	position:relative;
}
.cert_type_dlg_scan{/*[拍照]按鈕*/
    background: #08A108;
    border: 2px solid #007C26 ;
    font: inherit;
    cursor: pointer;
    outline: inherit;	
	border-radius:5px;
	padding:15px 30px;
	color:#FFF;	
	font-size:30px;
}
.cert_type_dlg_upload{/*[上傳檔案]按鈕*/
    background: #007acc;
    border: 2px solid #004d80 ;
    font: inherit;
    cursor: pointer;
    outline: inherit;	
	border-radius:5px;
	padding:15px 30px;
	color:#FFF;
	font-size:30px;	
	margin-left:25px;
}
/* 2018-04-26 chaoyu修改：多div.tcl_qr */
/*.cert_dlg_qrcode{
	border: 0px solid red; 
	position:absolute; 
	top:120px;
	left:52px;
}
*/
/*2018-06-08*/
.cert_dlg_qrcode ,
div.tcl_qr,
.tcl_dlg_qrcode{
	border: 0px solid red; 
	position:relative; /*2018-05-17*/
	top:8px;
	/*top:10px;*/
	left:0;/*2018-05-17*/
}
.cert_dlg_qrcode canvas,
.tcl_dlg_qrcode canvas,
div.tcl_qr canvas {/*QRcode*/
	width:150px;
	height:150px;
}
/*.cert_dlg_tips {
	height:50px;
	line-height:25px;
	letter-spacing:0;
	font-size:16px;
	position:absolute; 
	top:230px;
	left:30px;	
	font-weight:normal;
}*/

/*2018-06-28*/
.cert_dlg_tips{/*掃描QRcode文字*/
	height:auto;
	line-height:15px;
	letter-spacing:0;
	font-size:14px;
	position:relative;
	top:3px;
	left:0px;
	font-weight:normal;
	padding:0 5px;
	text-align: center;
	text-justify: auto;
}

.tcl_qr_tips,
.tcl_dlg_tips{/*掃描QRcode文字*/
	height:auto;
	line-height:15px;
	letter-spacing:0;
	font-size:12px;
	position:relative;
	top:12px;
	left:0px;
	font-weight:normal;
	padding:0 5px;
	text-align: center;
	text-justify: auto;
}
/*2018-05-17*/
.tcl_qr_tips2{/*掃描QRcode文字*/
	height:auto;
	line-height:15px;
	letter-spacing:-0.5px;
	font-size:12px;
	position:relative; 
	top:50px;
	left:0px;
	font-weight:normal;
	padding:0 5px; /*2018-05-17*/
	text-align:left; /*2018-05-17*/
	text-align: justify;/*2018-05-17*/
	text-justify: auto;/*2018-05-17*/
}
/*
span.cert_dlg_file_text{
	height:45px;
	line-height:40px;
	letter-spacing:0;
	font-size:20px;
	position:absolute; 
	top:400px;
	left:0;	
	font-weight:normal;
}*/
.cert_dlg_file_text,
.tcl_file_tips{
	height:auto;/*2018-05-17*/
	line-height:15px;
	letter-spacing:0;
	font-size:12px;
	position:relative; /*2018-05-17*/
	top:20px;/*2018-05-17*/
	left:0;	
	text-align:left;
	padding:0 5px; /*2018-05-17*/
	text-align: justify;/*2018-05-17*/
	text-justify: auto;/*2018-05-17*/
	font-weight:normal;

}
.cert_dlg_file_pw,
.tcl_file_pw{/*2018-05-23新增*/
	height:auto;
	line-height:15px;
	letter-spacing:0;
	font-size:12px;
	position:relative;
	/*top:20px;*/
	top:15px;
	left:0;	
	text-align:left;
	padding:0 5px;
	text-align: justify;
	text-justify: auto;
	font-weight:normal;
}
.cert_dlg_file_btn[type='button'],
.tcl_open_btn[type='button']{
    width:150px;
	height:50px;
	color: #FFF;
    border: none;
    font: inherit;
    cursor: pointer;
    outline: inherit;	
	border-radius:5px;
	background: -webkit-linear-gradient(#00487F,#00366A);
	background: -o-linear-gradient(#00487F,#00366A);
	background: -moz-linear-gradient(#00487F,#00366A);
	background: linear-gradient(#00487F,#00366A);
	border:1px solid #215384;
	position:relative;/*2018-05-17*/
	left:0;/*2018-05-17*/
	top:10px;/*2018-05-17*/
	font-size:20px;
	font-weight:normal;
}
/*
.cert_dlg_file_btn[type='button']{
    width:150px;
	height:50px;
	color: #FFF;
    border: none;
    font: inherit;
    cursor: pointer;
    outline: inherit;	
	border-radius:5px;
	background: -webkit-linear-gradient(#00487F,#00366A);
	background: -o-linear-gradient(#00487F,#00366A);
	background: -moz-linear-gradient(#00487F,#00366A);
	background: linear-gradient(#00487F,#00366A);
	border:1px solid #215384;
	position:absolute;
	left:25px;
	top:340px;
	font-size:20px;
	font-weight:normal;
}*/

.cert_dlg_total{
	font-size:25px;
	margin-top:5px;
	color:green;
	display:block;
	width:160px;
	position:absolute;
	right:115px;
	text-align:center;
	/*background:#FF0;*/
}
/*2018-04-27*/
.cert_dlg_slider{/*憑證區塊的外層div*/
	text-align:center; 
	border:2px solid #006; 
	/*width:650px;*/
	width:660px;
	display:inline-block;
	height:405px;
	overflow:auto;
	vertical-align:top;
	position:relative;
	top:0;
	left:10px;
	transform:translate(-0%, -0%);
}
.cert_dlg_slider_full{/*憑證區塊的外層div*/

/*	width:805px !important;*/
	width:855px !important;
}
.tcl_dlg_slider{/*憑證區塊的外層div*/
	text-align:center; 
	border:2px solid #006; 
	/*width:745px;*/
	/*width:485px;*/
	/*width:435px;*//*2018-07-24*/
	width:520px;
	display:inline-block;
	/*height:390px;*/
	/*height:424px;*/
	height:406px;
	overflow:auto;
	vertical-align:top;
	position:relative;
	top:0;
	left:10px;
	transform:translate(-0%, -0%);
}
.tcl_dlg_slider_is_share{/*2018-07-12憑證共享區塊的外層div*/
	text-align:center; 
	border:2px solid #006; 
	/*width:745px;*/
	/*width:485px;*/
	/*width:625px;*//*2018-07-24*/
	width:675px;
	display:inline-block;
	/*height:390px;*/
	/*height:424px;*/
	height:406px;
	overflow:auto;
	vertical-align:top;
	position:relative;
	top:0;
	left:10px;
	transform:translate(-0%, -0%);
}
/*2018-05-11*/
.tcl_dlg_slider_isold{/*憑證區塊的外層div*/
	text-align:center; 
	border:2px solid #006; 
	/*width:945px;*/
	width:715px;
	display:inline-block;
	/*height:390px;*/
	height:424px;
	overflow:auto;
	vertical-align:top;
	position:relative;
	top:0;
	right:-10px;
	transform:translate(-0%, -0%);
}
/*2018-06-28*/
.cert_dlg_btn_div{/*2018-06-25 lichun新增*/
	text-align:center; 
	/*border:2px solid #006;*/
	width:75px;
	display:inline-block;
	height:405px;
	overflow:auto;
	vertical-align:top;
	position:relative;
	top:0;
	left:20px;
	transform:translate(-0%, -0%);
}
.tcl_dlg_btn_div{/*2018-06-25 lichun新增*/
	text-align:center; 
	/*border:2px solid #006;*/
	width:40px;
	display:inline-block;
	height:405px;
	overflow:auto;
	vertical-align:top;
	position:relative;
	top:0;
	left:20px;
	transform:translate(-0%, -0%);
}
.cert_dlg_nav{
	text-align:center; 
	/*border:2px solid #006;*/
	width:200px;
	display:inline-block;
	height:auto;
	overflow:auto;
	vertical-align:top;
	position:relative;
	top:0;
	left:0;
	transform:translate(-0%, -0%);	
	
}
.tcl_dlg_nav{
	text-align:center; 
	/*border:2px solid #006;*/
	/*width:200px;*//*2018-07-24*/
	width:165px;
	display:inline-block;
	/*height:395px;*/
	height:auto;
	overflow:auto;
	vertical-align:top;
	position:relative;
	top:0;
	left:0;
	transform:translate(-0%, -0%);	
}
.tcl_view_table{/*2018-05-23新增*/
	/*width:250px;*//*2018-07-24*/
	width:200px;
	margin-right:10px;
	font-size:12px;/*2018-07-24*/
	letter-spacing:-0.6px;/*2018-07-24*/
}
.tcl_view_table tr td{/*2018-05-23新增*/
	height:24px;
	padding:2px 1px;/*2018-07-24*/	

}
.tcl_view_table input,
.tcl_dlg_nav input{/*2018-05-23新增*/
	height:auto;	
	font-size:12px;/*2018-07-24*/
	letter-spacing:-0.6px;/*2018-07-24*/
}

/*2018-05-17*/
/*匯入-左邊-上面-qrcode區塊*/
/*匯入-左邊-下面-檔案區塊*/
.tcl_dlg_nav_qr,
.cert_dlg_nav_qr{
	position:relative;
	height:220px;
	border:2px solid #006;
}

.tcl_dlg_nav_file,
.cert_dlg_nav_file{
	position:relative;
	height:185px;
	border:2px solid #006;
}
/*匯入-左邊-下面-檔案區塊*/
.tcl_dlg_nav_file,
.cert_dlg_nav_file{
	border-top:none;	
}
/*qrcode區塊-標題*/
/*檔案區塊-標題*/
.tcl_qr_title,
.tcl_file_title,
.cert_qr_title,
.cert_file_title{
	border-bottom:2px solid #006;
	font-size:18px;
	line-height:30px;
	font-weight:bold;
}



.cert_dlg_iframe{/*憑證區塊的pdf*/
	width:98%;
	height:97.8%;
}
/*2018-04-27*/
.tcl_dlg_iframe2{/*憑證區塊的外層div*/
	/*width:740px;*/
	/*width:415px;*//*2018-07-24*/
	width:515px;
	/*height:380px;*/
	height:395px;
}
.tcl_dlg_iframe2_is_share{/*2018-07-12憑證共享區塊的外層div*/
	/*width:740px;*/
	/*width:620px;*//*2018-07-24*/
	width:670px;
	/*height:380px;*/
	height:395px;
}
/*2018-05-11*/
.tcl_dlg_iframe2_isold{/*憑證區塊的外層div*/
	/*width:940px;*/
	width:680px;
	/*height:380px;*/
	height:414px;
}
.cert_dlg_bottom{/*對話框下方按鈕區*/
	display:inline-block; 
	position:relative;
	/*width:600px;*/
	width:690px;/*2018-05-18*/
	height:45px;
}
.tcl_dlg_bottom{/*對話框下方按鈕區*/
	display:inline-block; 
	position:relative;
	/*width:600px;*/
	width:240px;
	height:45px;
}
.cert_dlg_left,
.tcl_dlg_left{/*[左]按鈕*/
    background:url("../../assets/images/cert_dlg_left.svg") no-repeat;
	background-size: 100% 100%;
    width:40px;
	height:40px;
	margin-top:0;
	margin-right:0;
	color: inherit;
    border: none;
    font: inherit;
    cursor: pointer;
    outline: inherit;
	/*2018-04-10*/
	/*position:absolute;
	top:55%;
	left:5%;
	transform:translate(-10%, -55%);*/
	position:absolute;
	top:4px;
	right:350px;	
}
.cert_dlg_right,
.tcl_dlg_right{/*[右]按鈕*/
    background:url("../../assets/images/cert_dlg_right.svg") no-repeat;
	background-size: 100% 100%;
    width:40px;
	height:40px;
	margin-top:0;
	margin-left:0;
	color: inherit;
    border: none;
    font: inherit;
    cursor: pointer;
    outline: inherit;	
	/*2018-04-10*/
	/*position:absolute;
	top:55%;
	right:5%;
	transform:translate(-10%, -55%);*/
	position:absolute;
	top:4px;
	right:0%;

}
/* 2018-04-26 chaoyu修改：多input.tcl_ro_btn */
.cert_dlg_rotate,
.tcl_dlg_rotate,input.tcl_ro_btn {/*[旋轉]按鈕*//*2018-04-10*/
    background:url("../../assets/images/cert_dlg_rotate.svg") no-repeat;
	background-size: 100% 100%;
    width:40px;
	height:40px;
	margin-top:0;
	margin-left:0;
	color: inherit;
    border: none;
    font: inherit;
    cursor: pointer;
    outline: inherit;
	/*2018-04-10*/
	/*position:absolute;
	top:20%;
	right:5%;
	transform:translate(-10%, -20%);*/
	/*position:absolute;
	top:4px;
	right:200px;*/
	position:relative; 
	left:0; 
	top:0;

	
}
/* 2018-04-26 chaoyu修改：多input.tcl_zoom_in_btn */
.cert_dlg_in,
.tcl_dlg_in,input.tcl_zoom_in_btn {/*[放大]按鈕*//*2018-04-10*/
    background:url("../../assets/images/cert_dlg_in.svg") no-repeat;
	background-size: 100% 100%;
    width:40px;
	height:40px;
	margin-top:0;
	margin-left:0;
	color: inherit;
    border: none;
    font: inherit;
    cursor: pointer;
    outline: inherit;
	/*2018-04-10*/
	/*position:absolute;
	top:78%;
	right:5%;
	transform:translate(-10%, -78%);*/
	/*position:absolute;
	top:4px;
	right:132px;*/
	position:relative; 
	left:0; 
	top:0;
	margin-top:30px;
}
/* 2018-04-26 chaoyu修改：多input.tcl_zoom_out_btn */
.cert_dlg_out,
.tcl_dlg_out,input.tcl_zoom_out_btn {/*[縮小]按鈕*//*2018-04-10*/
    background:url("../../assets/images/cert_dlg_out.svg") no-repeat;
	background-size: 100% 100%;
    width:40px;
	height:40px;
	margin-top:0;
	margin-left:0;
	color: inherit;
    border: none;
    font: inherit;
    cursor: pointer;
    outline: inherit;
	/*2018-04-10*/
	/*position:absolute;
	top:95%;
	right:5%;
	transform:translate(-10%, -95%);*/
	/*position:absolute;
	top:4px;
	right:65px;*/
	position:relative; 
	left:0; 
	top:0;
	margin-top:30px;	
	
}
.cert_crop_btn ,
.tcl_crop_btn {/*[裁切]按鈕*//*2018-06-21*/
    background:url("../../assets/images/tcl_crop_btn.svg") no-repeat;
	background-size: 100% 100%;
    width:40px;
	height:40px;
	margin-top:0;
	margin-left:0;
	color: inherit;
    border: none;
    font: inherit;
    cursor: pointer;
    outline: inherit;
	/*position:absolute;
	top:4px;
	right:100px;*/
	position:relative; 
	left:0; 
	top:0;
	margin-top:30px;		
}
.cert_bnw_btn ,
.tcl_bnw_btn {/*[轉黑白]按鈕*//*2018-06-25*/
    background:url("../../assets/images/bnw_btn.svg") no-repeat;
	background-size: 100% 100%;
    width:40px;
	height:40px;
	margin-top:0;
	margin-left:0;
	color: inherit;
    border: none;
    font: inherit;
    cursor: pointer;
    outline: inherit;
	position:relative; 
	left:0; 
	top:0;
	margin-top:30px;
		
}
/*圖片置中用*/
.cert_dlg_cert,
.cert_list_dlg_show_img{
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
	/*top: 0;*//*2018-05-18註解*/
	/*bottom: 0;*//*2018-05-18註解*/


}
.cert_list_dlg_table{
	font-size:11px;
}
.cert_list_dlg_table input[type="button"] {
	font-size:11px;
	padding:2px 2px;
}
.tcl_view_dlg table input[type="button"]{
	padding:1px 0px;
}
.gov_dlg_table_width{
	width:460px;
	min-width:460px;
	max-width:460px;
}
.gov_dlg_div_width{
	width:480px;
	min-width:480px;
	max-width:480px;
	max-height:113px;
	overflow:auto;
}
.tcl_alltd_width{
	display:inline-block;
	max-width:240px;
	vertical-align:middle;
}
.cert_dlg_iframe_tips{
	font-size:17px;
}
/*2018-07-06 憑證檔案對話框設最小寬度必免內容往下跳*/
.cert_dialog{
	min-width:970px;
}
.tcl_view_dlg{
	min-width:970px;
}
/*2018-05-22*/
/*紅色[i]註解說明圖片*/
.tcl_tips_img{
	width:18px;
	height:18px;	
	margin-bottom:-3px;	
}
/*薪資加扣*/
.monthpicker_td_height{
	height:30px;
}
.cert_cnt_del[type=button]{/*[刪除]按鈕*/
    background:url("../../assets/images/delete.png?20180625") no-repeat;
	background-size: 100% 100%;
    width:13px;
	height:13px;
	margin-top:0;
	margin-left:1%;
	color: inherit;
    border: none;
    font: inherit;
    cursor: pointer;
    outline: inherit;
	vertical-align:middle;
}
.cert_cnt_rec[type=button]{/*[刪除]按鈕*/
    background:url("../../assets/images/tcl_del.png?20180625") no-repeat;
	background-size: 100% 100%;
    width:13px;
	height:13px;
	margin-top:0;
	margin-left:1%;
	color: inherit;
    border: none;
    font: inherit;
    cursor: pointer;
    outline: inherit;
	vertical-align:middle;
}
/* 2021-10-20 chaoyu修改：多.invo_no_show */
.invo_no_show,.cert_cnt_show[type=button]{/*[檢視]按鈕*/
    background:url("../../assets/images/view.png?20180625") no-repeat;
	background-size: 100% 100%;
    width:13px;
	height:13px;
	margin-top:0;
	margin-left:1%;
	color: inherit;
    border: none;
    font: inherit;
    cursor: pointer;
    outline: inherit;
	vertical-align:middle;
}
.tcl_dlg_slider_notice{
	height:35px;
	line-height:35px;
	font-size:12px;/*2018-07-24*/
}
.mb_barcode_tips_img{
	width:100%;
	margin-top:10%;
}
/*e卡影片介紹-按鈕*/
.tcl_video_btn{
	float:right;
	width:100px;
	height:25px;
	background-image:url("../../assets/images/tcl_video_btn.png");
	background-size:100% 100%;
	cursor:pointer;
}
.cert_list_dlg_tips{
	letter-spacing:-1.5px;
	margin-top:5px;

}
.co_invo2_height[type="text"]{
	height:18px;
}

/*2018-08-03 lichun 傳送成功顯示短暫提醒*/
.tcl_ds_notice,
.tcl_fs_notice{
	position:fixed;
	left:50%;
	top:82.5%;
	-webkit-transform:translate(-50%,-82.5%);
	transform: translate(-50%,-82.5%);
	background-color:#FFF;
	border-radius:5px;
	z-index:1000;
	background-color:#e3ffe3;
	color:#00cc00;
	border:#00cc00 2px solid;
	font-size:15px;
	font-weight:bold;
	padding:6px;
}
/*員工資料-登入登出-外層div-公用寬度*/
.wr_list5_div_width{
	width:765px;
}
/*員工資料-登入登出-內層table-公用寬度*/
.wr_list5_table_width{
	width:745px;
}
/*員工資料-登入登出-外層div-最大高度*/
.wr_list5_div_height{
	max-height:60vh;
	overflow-y:auto;
}
/*行事曆-月份模式-調整年月的input內字型大小*/
.sel_ym[type="text"]{
	width:130px;
	text-align:center;
	cursor:pointer;
	background-color:rgb(221,236,250);
	font-size:32px;
}
/*行事曆-月份模式-日期每個框框裡面的div大小寬度，控制截字字數*/
.cal_div
{
    width:125px;
    height: 130px;
}
/*行事曆-年度模式-控制2012那一個ui*/
#year_spinner{
    font-size:32px;
    width:120px;
    height:42px;
    color:#006;font-weight:bold;
}
/*行事曆-編輯dialog內table td高度-因為大解析度時input內文字過大，所以需調整其td高度*/
.schedule_dia_height{
    height: 28px;
}
/*行事曆-月份模式-箭頭*/
#Image1,#Image2{
	width:60px;
}
/*行事曆-年度模式-每個區塊*/
.almanac_block{
	width:48%;
	margin-top:10px; /*手機*/
}
/*2018-08-16 lichun 手機*/
.cal_table td,
.cal_table div{
	font-size:32px;
}
.cal_bot input[type="button"]{
	font-size:32px;
	margin-bottom:30px;
	margin-top:30px;
	margin-right:10px;
}
.almanac_btn_div input[type="button"],
.almanac_btn_div font{
	font-size:32px;
}
.almanac_block table td,
.almanac_block table th,
.almanac_block div{
	font-size:32px
}
/*-------------------------開合功能--------------------------*/
/*外層div-公用寬度*/
.oc_div_width{
	width:957px;
}
/*內層table-公用寬度*/
.oc_table_width{
	width:935px;
}
/*外層div-最大高度*/
/*畫面高度的100%*/
.oc_div_height_100{
	max-height:373px;
	overflow-y:auto;
}
/*畫面高度的80%*/
.oc_div_height_80{
	max-height:65vh;
	overflow-y:auto;
}
/*畫面高度的70%*/
.oc_div_height_70{
	max-height:272px;
	overflow-y:auto;
}
/*畫面高度的60%*/
.oc_div_height_60{
	max-height:255px;
	overflow-y:auto;
}
/*畫面高度的50%*/
.oc_div_height_50{
	max-height:115px;
	overflow-y:auto;
}
/*外層div-最大高度*/
/*畫面高度的40%*/
.oc_div_height_40{
	max-height:88px;
	overflow-y:auto;
}
/*外層div-最大高度*/
/*畫面高度的30%*/
.oc_div_height_30{
	max-height:46px;
	overflow-y:auto;
}
}

/*橫向*/
@media screen  and (min-aspect-ratio: 13/9) {
.login_bg{
	background:#FFF;
	background-size:100% 100%;
	position:static; 
}
.login_bg_full{

	background:url(../images/login_bg_full.png) center center fixed no-repeat;
	background-size:100% 100%;
	/*background: -webkit-linear-gradient(#2688B1,#3EBDC1);
	background: -o-linear-gradient(#2688B1,#3EBDC1);
	background: -moz-linear-gradient(#2688B1,#3EBDC1);
	background: linear-gradient(#2688B1,#3EBDC1);*/
	position:static; 
}
/*整體區塊*/
#login_mybody{
	padding:60px/*100px*/ 0 40px 0;
	font-family:"Microsoft JhengHei","新細明體",sans-serif;
	color:#006;
	margin:0;
	font-weight:bold;
	
}
.login_mybody{
	
	width:100%;
	height:400px;
	display:table;
	min-width:1000px;/*2018-05-10*/    
	
}
.login_mybody #form1{
	margin-top:0;
}
/*左邊區塊*/
.login_div_left{
	width:100%;
	/*width:63%;*/
	height:auto;
	box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2),; 
	position:static; 
	/*position:absolute; 
	top:-60px; 
	left:0;*/
	padding-top:0;
	display:block;
	
}/*2018-05-09 增加*/
.login_div_left_full{
	width:100%;
	text-align:center;
	position:static; 
	top:80px;
	left:0;
	transform: translate(0, 0);
	margin-top:30px;
}.login_hychat_img_full{
	width:600px;
	margin-top:30px;
}
.login_hychat_text_full{
	font-size:50px;
	
}
/*右邊區塊*/
.login_div_right{
	width:100%;
	height:auto;
	position:static; 
	/*width:37%;*/
	/*height:100%;*/
	/*position:absolute;  
	padding-top:60px; 
	top:-60px;
	right:0%;*/
	background-color:#FFF;
	display:table;
	padding:0px;

}
/* 2018-03-06 chaoyu增加：讓右邊輸入登入資訊的區塊寬度滿版 */
/*2018-03-07 lichun讓區塊集中於中間*/

/*2018-05-09 增加、註解*/
div.login_div_right.full { 
	width :100%;
	right:0;
	transform: translate(0, 0);
	background:none;
	position:static;/*2018-05-10*/
	top:10px;/*2018-05-10*/

}
/*
div.login_div_right.full { 
	
	width :100%;
	right:0;
	transform: translate(0, 0);

}*/
.login_table{
	width:90%;
	margin:0 auto;
}
/*2018-05-09 增加、註解*/
.login_table_full{
	width:90% !important;
	margin:0 auto;

}
/*2018-11-28*/
.login_table_full div{
	height:70px !important;	
}
/*
.login_table_full{
	width:90% !important;
	margin:0 auto;
}*/
.login_div_right2{
	width:100%;
	height:90%; 
	position:absolute;  
	padding-top:60px; 
	top:-60px; 
	right:0%;
	padding-top:60px;
	background-color:#FFF; 	
}
/*廣告區灰色區塊*/
.login_ad_div{
	margin-top:0;
	width:100%;
	height:550px;
	max-height:550px;
	box-shadow: none/*0 2px 2px 0 rgba(0, 0, 0, 0.2), 0 2px 4px 0 rgba(0, 0, 0, 0.1)*/;
	background-color:#FFF;	
	top:0; 
	left:50%;    
	transform: translate(-50%, 0);
	-webkit-transform: translate(-50%,0);
	position:relative;
	/*position:absolute; 
	top:50%; 
	left:50%;    
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%,-50%);*/
	padding:0%;
}
/*廣告區下方標語*/
.login_ad_notice{
	text-align:center;
	color:#0B4B9F;
	font-weight:normal;
	/*font-size:20px;
	margin-top:60px;*/
	font-size:48px;
	margin-top:7%;
	width:100%;
	top:0; 
	left:50%;    
	transform: translate(-50%, 0);
	-webkit-transform: translate(-50%,0);
	position:relative;
	/*position:absolute;
	bottom:0%; 
	left:50%;    
	transform: translate(-50%, -0%);
	-webkit-transform: translate(-50%,-0%);*/
	padding:0;
}
/*廣告捷徑區*//*2019-06-17*/
.login_shortcut_div{
	margin-top:60px;
	width:100%;
	height:280px;
	max-height:280px;
	box-shadow: none/*0 2px 2px 0 rgba(0, 0, 0, 0.2), 0 2px 4px 0 rgba(0, 0, 0, 0.1)*/;
	background-color:#FFF;	
	top:0; 
	left:50%;    
	transform: translate(-50%, 0);
	-webkit-transform: translate(-50%,0);
	position:relative;
	/*position:absolute; 
	top:50%; 
	left:50%;    
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%,-50%);*/
	padding:0%;
}
/*廣告捷徑區下方標語*//*2019-06-17*/
.login_shortcut_notice{
	text-align:center;
	color:#0B4B9F;
	font-weight:normal;
	/*font-size:20px;
	margin-top:60px;*/
	font-size:28px;
	margin-top:0;
	width:100%;
	top:0; 
	left:50%;    
	transform: translate(-50%, 0);
	-webkit-transform: translate(-50%,0);
	position:relative;
	/*position:absolute;
	bottom:0%; 
	left:50%;    
	transform: translate(-50%, -0%);
	-webkit-transform: translate(-50%,-0%);*/
	padding:0;font-weight:bold;
}
.registered_btn{
	font-size:60px;
	background-color:#23cd4d;
	border:4px solid #00bf37;
	color:#FFF;
	margin:0 auto 2% auto;
	padding:15px;
	cursor:pointer;
	width:40%;
	border-radius:10px;
	letter-spacing:10px;
	text-align:center;
}
.registered_btn:hover{
	background-color:#00bf37;
	border:4px solid #0ca831;
}
/*2019-06-25*/
.login_first_notice{
	text-align:center;
	color:#0B4B9F;
	font-weight:lighter;
	font-size:35px;
	margin-top:0;
	margin-bottom:20px;
	width:100%;
	position:relative;  
	transform: translate(0%, -0%);
	-webkit-transform: translate(0%,-0%);
	padding:0px;
	
}
.login_first_notice input[type="text"],
.login_first_notice input[type="button"]{
	font-size:35px;
	font-family:"微軟正黑體","新細明體",sans-serif;
	color:#046F99;
	
}
.login_first_notice_1{/*手機才有*/
	width:100%;
	display:inline-block;
}
.plz_search_div{
	position:relative; 
	top:24%; 
	left:50%;    
	transform: translate(-50%, 0);
	-webkit-transform: translate(-50%,0);	
	width:94%;
	color:#0B4B9F;
	font-size:28px;
	font-weight:bold;
	line-height:60px;letter-spacing:2px;
}
.login_shortcut_title{
	color:#0B4B9F;
	font-size:50px;
	letter-spacing:8px;
}
.login_shortcut{/*登入頁-捷徑*/
	display:inline-block;
	width:15%;
	margin:1.5% 2%;
	max-width:20%;
}
.book_mark_colour[type="button"]{/*[設書籤捷徑]*/
	background:#0B4B9F;
	color:#ffffff;
	position:absolute;
	right:4%;
	font-family:"微軟正黑體","新細明體",sans-serif;
	font-size:35px;
}
.registered_btn_text{
	font-size:18px;
	letter-spacing:5px;
	margin-left:-140px;
	cursor:pointer;
}
/*手機顯示e卡平台大標題*/
.top_hye_title_mob{
	margin:20px 0;
}
.top_hye_title_mob span{
	font-size:50px;
}
.top_hye_title_mob img{
	width:70px;
}
/*登入區*/
.login_title{

	text-align:center;
	font-size:45px;
	font-weight:lighter;
	margin-top:20px;
}/*2018-05-09 增加*/
.login_title_full{

	text-align:center;
	font-size:50px;
	font-weight:lighter;
	margin-top:10px;
	background:#CEEAEF;
	border-radius:5px 5px 0 0;
}
.login_title2{

	text-align:center;
	font-size:45px;
	font-weight:lighter;
	margin-top:20px;
	display:none;
}/*2018-05-09 增加*/
.login_input_div{
	padding-top:20px;
}
.login_input_div_full{
	padding-top:20px;
	padding-bottom:15px;
	background:#FFF;
	border:5px solid #CEEAEF;
	border-radius:0 0 5px 5px;
}
.login_div{
	width:100%;
}
.login_div_full{
	width:85%;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	margin:0 auto;
}
/*-------*/
.login_table div{
	font-size:30px;
	font-weight:lighter;
	height:75px;
	line-height:75px;	
}
.login_table .div_tr{
	width:100%;
	overflow:hidden;
}
.login_table .div_tr2{
	width:33%;
	overflow:hidden;
	float:left;
}
.login_table .div_btn_tr{
	width:100%;
	overflow:hidden;
	text-align:center;
}
.login_table .div_btn_tr2{
	width:33%;
	overflow:hidden;
	float:left;
	text-align:left;
}
/*.login_table .div_captcha_tr, .login_table .div_changepw_tr{
	width:100%;
	overflow:hidden;
}

.login_table .div_captcha_tr2{
	width:27%;
	overflow:hidden;
}
.login_table .div_changepw_tr2{
	width:40%;
	overflow:hidden;
}*/
.login_table .div_width_1{
	width:22%;
	float:left;
}
.login_table .div_width_2{
	width:52%;
	float:left;
}
.login_table .div_width_3{
	width:26%;
	float:left;
}
.login_table .div_width_4{
	width:78%;
	float:left;
}
.login_table .div_width_5{
	width:100%;
	float:left;
}
.login_table .div_width_6{
	width:74%;
	float:left;
}
.remind_div_in_1 .div_width_7{
	width:10%; 
	height:50%;
	display:inline-block;
	position:absolute;
	right:14%;
	margin-top:12%;
	color:#ffffff;
}
.login_table .remind_div_in_1{
	width:74%;
	float:left;
	font-size:28.5px;
	letter-spacing:-1px;
}
.login_table .remind_div_in_2{
	width:26%;
	float:left;
	font-size:28.5px;
	letter-spacing:-1px;
}
.login_table .remind_div_in_1_full{
	width:74%;
	float:left;
	font-size:26px;
	
}
.login_table .remind_div_in_2_full{
	width:26%;
	float:left;
	font-size:26px;
}/*2018-05-09 增加、註解*/
#sug_div{
	position:relative;
	width:100%;
	left:0;
	text-align:left;
	line-height:50px;
	height:110px !important;
}
/*
#sug_div{
	position:relative;
	width:100%;
	left:0;

	text-align:left;
	font-size:22px;
}*/
.remind_div_full{
	position:relative;
	width:100%;
	left:0;
	margin-top:15px;/*2018-05-09 增加*/
}
.div_changepw_tr_full{
	width:100% !important; 
	position:relative;
	left:0;
}
.login_table tr td{
	font-size:30px;
	font-weight:lighter;
	height:50px;
}
.login_table  input[type="text"],.login_table input[type="password"],.login_table input[type="tel"]  {
    font-size:30px;
	color:#046F99;
}
.login_table input[type="checkbox"] {
	width:30px;
	height:30px;
	vertical-align:middle;
}

.login_table input[type="button"] {
	font-family:"Microsoft JhengHei","新細明體",sans-serif;
	font-size:36px;
}
.login_text1{/*input_width*/
	width : 90%;
}
/*重新顯示 按鈕*/
.re_show_btn{
	/*font-size:27px;*/
	cursor:pointer;
	border:1px solid #555;
	color:#555;
	background: -webkit-linear-gradient(#FFF,#EFEFEF);
	background: -o-linear-gradient(#FFF,#EFEFEF);
	background: -moz-linear-gradient(#FFF,#EFEFEF);
	background: linear-gradient(#FFF,#EFEFEF);
}

/*忘記密碼 按鈕*/
.forget_pw_btn, .hint_pw_btn{
	cursor:pointer;
	padding:3px;
	border:1px solid #555;
	color:#555;
	background: -webkit-linear-gradient(#FFF,#EFEFEF);
	background: -o-linear-gradient(#FFF,#EFEFEF);
	background: -moz-linear-gradient(#FFF,#EFEFEF);
	background: linear-gradient(#FFF,#EFEFEF);
}
/*登入按鈕*/
.login_btn{
	width:300px;
	padding:3px;
	color:#FFF;
	border:1px solid #348C22;
	background: -webkit-linear-gradient(#82D32D,#00BF37);
	background: -o-linear-gradient(#82D32D,#00BF37);
	background: -moz-linear-gradient(#82D32D,#00BF37);
	background: linear-gradient(#82D32D,#00BF37);
}
/*登入按鈕*/
.login_btn2{
	width:90px;
	padding:3px;
	color:#FFF;
	border:1px solid #348C22;
	background: -webkit-linear-gradient(#82D32D,#00BF37);
	background: -o-linear-gradient(#82D32D,#00BF37);
	background: -moz-linear-gradient(#82D32D,#00BF37);
	background: linear-gradient(#82D32D,#00BF37);
}
/*驗證碼圖片*/
.login_table #captcha_span img{
	width:160px;
	height:50px;
	margin-left:65px;
}
/*2018-05-09 新增*/
.login_captcha #captcha_span img{
	margin-left:18px;vertical-align:top;
}
.login_captcha_full #captcha_span img{
	margin-left:30px;
	vertical-align:top;
}
/*2018-11-28*/
.dl_erp_url_btn{
	width:155px;
	height:30px;
    background:url("../../assets/images/dl_erp_url_btn.svg") no-repeat;
	background-size: 100% 100%;
	color: inherit;
    border: none;
    font: inherit;
    cursor: pointer;
    outline: inherit;
	margin-left:-5px;
}
.dl_erp_url_btn:hover{
    background:url("../../assets/images/dl_erp_url_btn_hover.svg") no-repeat;
	background-size: 100% 100%;

}
.dl_erp_url_btn:active{
    background:url("../../assets/images/dl_erp_url_btn_active.svg") no-repeat;
	background-size: 100% 100%;

}
/*左邊廣告播放區*/
/*播放區按鈕*/
.ad_button{
	font-family:"Microsoft JhengHei","新細明體",sans-serif;
	background-color:#FFF;
	color:#555;
	border:1px solid gray;
	padding:5px;
	font-size:16px;
	cursor:pointer;
}
/*播放區按鈕-停住*/
.ad_button_on{
	font-family:"Microsoft JhengHei","新細明體",sans-serif;
	background-color:#00466B;
	color:#FFF;
	border:1px solid #FFF;
	padding:6px;
	font-size:16px;	
	cursor:pointer;
}
.mySlides {
	display:none
}
.wgtPlCtrlPanel_fontsize{
	font-size:13px;
	float:left;
	margin-top:8px;
	display:none;
}

/*----------------------------*/
/*登入頁hychat廣告-store連結區塊*/
.login_hychat_btn{
	position:absolute;
	right:90px; 
	bottom:60px;
}
/*登入頁hychat廣告-store連結圖片*/
.login_appdl_badge_img{
	width:129.2px;
	height:50px;
}
/*登入頁hychat廣告-qrcode圖片*/
.login_appdl_qrcode_img{
	width:50px;
	height:50px;
	/*border:1px solid #000;*/
}
/*登入頁hychat廣告-暫無qrcode*/
.login_appdl_qrcode_wait{
	width:80px;
	height:80px;
	line-height:80px;
	background-color:#FFF;
	/*border:1px solid #000;*/
}
#mybody{
	padding-top:100px;
	font-family:"Microsoft JhengHei","新細明體",sans-serif;
	color:#006;
	margin:0;
	font-weight:bold;
        
}
/*--TOP CSS--*/
#topPage{
	position:fixed;
	height:60px;
	background:#FFF;
	z-index:100;
	
}
.topPage
{
	/*color : #FF0000;*/
	/*font-size : 20px;*/
	/*text-align : center;*/
	width : 100%;
	height:60px;
	margin:0;
        -webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;/*禁止網頁上文字選取反白*/	
	cursor: default;
	 box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.05), 0 4px 8px 0 rgba(0, 0, 0, 0.15);
}

.topP_title{
	width:100%;
	background:url(../images/top-04-3.png) center top repeat-x;
        background-size: 100% 100%;
	/*background-color:#B1D3EF;*/
	margin:auto;
	height:60px;
	overflow:hidden;
}
.topP_title_manager{
	width:100%;
	background:url(../images/top-04-31.png) center top repeat-x;
        background-size: 100% 100%;
	/*background-color:#B1D3EF;*/
	margin:auto;
	height:60px;
	overflow:hidden;
}
.top_filed{
	position:absolute;
	top:0px;
        right:20px;
	/*right:0px;*/
	width:100%;
	font-family:"微軟正黑體","新細明體",sans-serif;
	font-weight:500;
	font-size:14px;
	color:#006;
	text-align:right;
}
.company_logo{
	height:45px;
	min-height:45px;
	max-width:180px;
}
.company_title{
	vertical-align:middle;
	width:80%;/*20131021因為登入頁在1024解析度下會讓左邊的公司名稱很快就被擠下去，故從50%修改為80%*/
	font-size:36px;
        letter-spacing: -3px;
	color:#0b4b9f;
        font-family: 'DFKai-sb', BiauKai;
	font-weight:bolder;
	padding-left:0px;
}
.company_small_last{/*管理系統-四個字縮小*/
    font-size: 26px;
}
.toppage3_title{
	position:absolute;
        top:10px;
        padding-left:5px;
        min-width:250px;
}
#flash_div{/*排序的flash動畫div一開始隱藏*/
	display:none;
}

.ph_msg{/*訊息輪播圖*/
    position:absolute;
}
.msg_play_auto{/*訊息輪播*/
    position:absolute;
    color: #693905;
    font-weight: bolder;
    overflow: hidden;
}
#widgetPool
{
	position: absolute;
	width: 290px;
	height: 500px;
	overflow-x: visible;
	/*overflow-y: scroll;*/
	overflow-y: visible;
	border: 2px solid #000080;
	background-color: #F3F6FF;
	display: none;
}

#wgtPlCtrlPanel
{
	width: 98%;
	height: 30px;
	float: left;
}

#wgtPlCtrlPanel:hover
{
	cursor: default;
}

#wgtPlCtntPanel
{
	width: 100%;
	height: 470px;
	overflow-x: visible;
	overflow-y: scroll;	
	float: left;
}

.subZoneTitle/*所有程式裡面的標題欄*/
{
	width: 98.7%;
	height: 1.3em;
	font-size:18px;
	padding-top:2px;
	border: 2px solid #c0c0c0;
	/*background-color: #006;*/
	background:url(../images/allprg-tittle.png);
	float: left;
	font-family: arial,tahoma,sens-serif,Microsoft JhengHei,"微軟正黑體","新細明體";
	font-weight: bold;
	color: #FFFFFF;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;	
	cursor: default;	
}

.subZoneTitle:hover
{
	/*background-color: #99CCFF;*/
	background:url(../images/allprg-tittle-h.png);
	color:#006;	
}

.subZoneStat/*所有程式裡面的右邊小三角形*/
{
	position: relative;
	float: right;
	top: 1px;
	right: 2px;
}

.subZoneContent/*所有程式裡面每一欄的內文*/
{
	width: 100%;
	height: auto;
	float: left;
	padding-bottom: 1em;
	background-color: #FFF;
	display: none;
}

#allWidgets1
{
	position: relative;
	left: 930px;
	top: -4px;
}
#allWidgets{
	/*font-size:medium;
	background-size:84px;
	height:28px;*/
	background:url("../../assets/images/allWidgets2.png?2019071701");
	background-size:100% 100%;
	width:56px;
	height:56px;
}
#widgetZone
{
	/*position: relative;*/
	width: 960px;
	height: 420px;
	padding: 10px;
	/*margin-top: 60px;*/
	margin-left: auto;
	margin-right: auto;
	/*margin-top:20px;*/
	/*margin-bottom:10px;*/
	overflow-x: hidden;
	overflow-y: hidden;
	/*border: #000066 double;*/
	border-radius: 0px 0px 5px 5px;
	-moz-border-radius:0px 0px 5px 5px;
	-webkit-border-radius:0px 0px 5px 5px;
}

#widgetPool .widgets
{
	width: 60px;
	height: 70px;
	float: left;
	margin-left: 4px;
	margin-right: 4px;
	margin-top: 6px;
	margin-bottom: 18px;
}

.widgetSeats, .occupied
{
	width: 80px;
	height: 120px;
	margin-left: 7px;
	margin-right: 7px;
	margin-top: 12px;
	margin-bottom: 9px;
	float: left;
	/*border: 1px solid;*/
        /*border-color: #99CCFF;*/
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
        /*background: rgba(250,250,250,0.5);*/
        /*background: url(../../assets/images/bg/bg_3.png) repeat;*/
}

.occupied:hover
{
	/*background-color: #FFF8E6;*/
        background-color: rgba(255,243,208,0.5);
	cursor:pointer;
}
/*
.occupied:active
{
	background-color: #00ff00;
}
*/
.widgetSeats div
{
	/*width: 100%;*/
	margin-left: auto;
	margin-right: auto;	
	text-align: center;
}

.widgets:hover, .settledWidget:hover
{
	cursor: pointer;
}

.widgetDragging
{
	/*border: 1px solid #999933;*/
	background-color: #F3F6FF;/*閃爍的顏色*/	
}

.dragHelper
{
	cursor: pointer;
}

.settledWidget, .settledWidgetEmpty
{
/*	width: 73px;
	height: 85.5px;*/
	/*width: 80px;
	height: 94px;*/
	margin-top: 8px;/*中間ICON與外框的TOP間距*/
}

.settledWidget .wgtImg
{
/*	width: 65px;
	height: 65px;*/
	width: 70px;
	/*height: 70px;*/
}

.settledWidget .wgtTitle
{
	font-size: 16px;
	font-family: arial,tahoma,sens-serif,Microsoft JhengHei,"微軟正黑體","新細明體";
	color:#006;
	margin-top:5px;
	line-height:18px;
	text-align: center;
}

.wgtTitle
{
        word-break: break-all;/*20140127加上，因為看到SALEMENU2放在場上不會自動斷行*/
	width: 100%;
	text-align: center;
	font-size: 12px;
	font-family: arial,tahoma,sens-serif,Microsoft JhengHei,"微軟正黑體","新細明體";
	color:#006;
	line-height:15px;
}

.occupied
{
	opacity: 1.0;
}

.widgets .wgtImg
{
	width: 52px;
	height: 52px;	
	/*margin-left: 4px;
	margin-right: 4px;*/
}


/*2019-07-05*/
.widgetZone_group{
	margin:10px auto 0;
	width:92%;
}
.widget_group_btn{
	/*display:inline-block;
	vertical-align:top;	
	cursor:pointer;
	text-align:center;
	width:180px;
	height:180px;
	border:4px solid #243657;
	border-radius:15px;
	margin:15px 15px;
	color:#243657;
	background-size:180px 180px;*/
	display:inline-block;
	vertical-align:top;	
	cursor:pointer;
	text-align:center;
	width:150px;
	height:180px;
	border:4px solid #243657;
	border-radius:15px;
	margin:15px 10px;
	color:#243657;
	background-size:150px 150px;	

}
.widget_group_btn_b{
	/*display:inline-block;
	vertical-align:top;	
	cursor:pointer;
	text-align:center;
	width:180px;
	height:180px;
	border:4px solid #243657;
	border-radius:15px;
	margin:15px 15px;
	color:#243657;
	background-size:180px 180px;*/
	display:inline-block;
	vertical-align:top;	
	cursor:pointer;
	text-align:center;
	width:150px;
	height:180px;
	border:4px solid #243657;
	border-radius:15px;
	margin:15px 10px;
	color:#243657;
	background-size:150px 150px;	

}
.widget_group_btn_c{

	display:inline-block;
	vertical-align:top;	
	cursor:pointer;
	text-align:center;
	width:150px;
	height:180px;
	border:4px solid #243657;
	border-radius:15px;
	margin:15px 10px;
	color:#243657;
	background-size:150px 150px;	

}
.widget_group_btn_other{
	display:inline-block;
	vertical-align:top;	
	cursor:pointer;
	text-align:center;
	width:330px;
	height:180px;
	border:4px solid #243657;
	border-radius:15px;
	margin:15px 10px;
	color:#243657;
	background-size:180px 180px;
	line-height:180px;

}
.widget_group_btn_try{/*2019-09-03試用版面不一樣*/
	display:inline-block;
	vertical-align:top;	
	cursor:pointer;
	text-align:center;
	width:150px;
	height:180px;
	border:4px solid #243657;
	border-radius:15px;
	margin:15px 10px;
	color:#243657;
	background-size:150px 150px;

}
.widget_group_btn_b_try{/*2019-09-03試用版面不一樣*/
	display:inline-block;
	vertical-align:top;	
	cursor:pointer;
	text-align:center;
	width:150px;
	height:180px;
	border:4px solid #243657;
	border-radius:15px;
	margin:15px 10px;
	color:#243657;
	background-size:150px 150px;

}
.widget_group_btn_c_try{/*2019-09-03試用版面不一樣*/
	display:inline-block;
	vertical-align:top;	
	cursor:pointer;
	text-align:center;
	width:150px;
	height:180px;
	border:4px solid #243657;
	border-radius:15px;
	margin:15px 10px;
	color:#243657;
	background-size:150px 150px;

}
.widget_group_btn_other_try{/*2019-09-03試用版面不一樣*/
	display:inline-block;
	vertical-align:top;	
	cursor:pointer;
	text-align:center;
	width:340px;
	height:180px;
	border:4px solid #243657;
	border-radius:15px;
	margin:15px 10px;
	color:#243657;
	background-size:150px 150px;
	line-height:180px;

}
.widget_group_btn_red{
	background:linear-gradient(to bottom, #FFD9D9 0%,#FFD9D9 50%,#FFCCCC 50%,#FFCCCC 100%);	
}
.widget_group_btn_blue{
	background:linear-gradient(to bottom, #CAF1FF 0%,#CAF1FF 50%,#BDE9FC 50%,#BDE9FC 100%);
}
.widget_group_btn_green{
	background:linear-gradient(to bottom, #DFF7E2 0%,#DFF7E2 50%,#CCF0D1 50%,#CCF0D1 100%);	
}
.widget_group_btn_purple{
	background:linear-gradient(to bottom, #E9CAFF 0%,#E9CAFF 50%,#E1BCF9 50%,#E1BCF9 100%);	
}
.widget_group_btn:hover,
.widget_group_btn_try:hover{
	border:4px solid #FFF;
	background:#243657;
}
.widget_group_btn_b:hover,
.widget_group_btn_b_try:hover{
	border:4px solid #FFF;
	background:#243657;
}
.widget_group_btn_c:hover,
.widget_group_btn_c_try:hover{
	border:4px solid #FFF;
	background:#243657;
}
.widget_group_btn_other:hover,
.widget_group_btn_other_try:hover{
	border:4px solid #FFF;
	background:#243657;
	
}
.widget_group_btn span {
  /* line-height:180px;
   font-size:50px;*/
   line-height:180px;
   font-size:50px;   
}
.widget_group_btn:hover span {
   display: none;
}
.widget_group_btn_b span {
   /*line-height:180px;
   font-size:50px;*/
   line-height:180px;
   font-size:50px;   
}
.widget_group_btn_b:hover span {
   color: #FFF;
}
.widget_group_btn_c span {
   /*line-height:180px;
   font-size:50px;*/
   line-height:180px;
   font-size:50px;   
}
.widget_group_btn_c:hover span {
   color: #FFF;
}
.widget_group_btn_other span {
   font-size:50px;
}
.widget_group_btn_other:hover  span {
   color:#FFF;
}

.widget_group_btn_other  img {
   width:60%; 
   margin:0 2% 0 0;
   border-radius: 8px;
   border:2px solid #243657;
}
.widget_group_btn:hover .widget_group_img {
   display: inline-block;
   width:70px;
   height:70px;
   margin:8px 5px;
}
.widget_group_btn_try span {
   line-height:180px;
   font-size:50px;
}
.widget_group_btn_try:hover span {
   display: none;
}
.widget_group_btn_b_try span {
   line-height:180px;
   font-size:50px;
}
.widget_group_btn_b_try:hover span {
   color: #FFF;
}
.widget_group_btn_c_try span {
   line-height:180px;
   font-size:50px;
}
.widget_group_btn_c_try:hover span {
   color: #FFF;
}
.widget_group_btn_other_try span {
   font-size:50px;
}
.widget_group_btn_other_try:hover  span {
   color:#FFF;
}

.widget_group_btn_other_try  img {
   width:90%; 
   margin:15% 2% 12% 2%;
   border-radius: 8px;
   border:2px solid #243657;
}
.widget_group_btn_try:hover .widget_group_img {
   display: inline-block;
   width:50px;
   height:50px;
   margin:17px 5px;
}
.widgetZone_group_btn{
	cursor:pointer;	
	width:150px;
	height:35px;
    background-image:url("../../assets/images/widgetZone_group_btn.svg");
	background-size:150px 35px;
	position:absolute;
	right:46%;
	bottom:40px;
}
.widgetZone_split_btn{
	cursor:pointer;	
	width:150px;
	height:35px;
    background-image:url("../../assets/images/widgetZone_split_btn.svg");
	background-size:150px 35px;
	position:absolute;
	right:46%;
	bottom:40px;
}
.widget_group_show_bg
{
	width:100%;
	height:100%;
	z-index:1000;
	background:#243657;
	display:none;
	position:fixed;
	top:0;
	left:0;
	-moz-opacity:.8;
	opacity:0.8;

}
.widget_group_show{
	width:90%;
	height:400px;
	max-height:85vh;
	background:#FFF;
	position:fixed;
	left:50%;
	top:50%;
	transform: translate(-50%, -50%);
	-webkit-transform:translate(-50%,-50%);
	z-index:1001;
	background:#F8F9FB;
	border:1px solid #EDEDED;
	border-radius:8px;
	
}
.widget_group_title{
	background:#865FDF;
	border:1px solid #EDEDED;
	border-radius:8px 8px 0 0;
	color:#FFF;
	font-size:24px;
	font-weight:bold;
	line-height:45px;
	height:45px;
	text-align:center;
}
.widget_group_close{
	float:right;
	cursor:pointer;
	width:30px;
	height:30px;
	margin:8px 8px 0 0;
}
.widget_group_content{
	background:#FFF;
	border:1px solid #EDEDED;	
	height:300px;
	max-height:55vh;
	overflow:auto;
	word-break: break-all;
	text-align:center;
}

.widget_group_block{
	display:inline-block;
	cursor:pointer;
	width:100px;
	margin:20px 20px;
}
.widget_group_block img,
.widget_group_block span{
	display:inline-block;
	width:100%;
	text-align:center;
	font-size:18px;
	color:#006;
}
.widget_group_block:hover{
	background:#FFECEB;
}
.widget_group_video{
	width:570px;
	height:320px;
	margin-top:10px;
	border:3px solid #243657;
}
.widget_group_bottom{
	border:1px solid #EDEDED;
	border-radius:0 0 8px 8px ;
	color:#FF3127;
	font-size:24px;
	line-height:43px;
	height:50px;
	text-align:center;	
	font-weight:bold;
}
.widget_group_bottom input[type="button"]{
	font-size:24px;
	font-family: arial,tahoma,sens-serif,Microsoft JhengHei,"微軟正黑體","新細明體";
	font-weight:bold;
}

#clsWidgetPool
{
	position: relative;
	float: right;
	top: 3px;
        font-family: arial,tahoma,sens-serif,Microsoft JhengHei,"微軟正黑體","新細明體";
}

#singleOpen, #singleOpenTxt
{
	position: relative;
	font-size:14px;
	color:#0033FF;
	float: right;
	top: 6px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;		
}

#singleOpen{/*所有程式-勾選單開模式-checkbox*/
	width:21px;
	height:21px;
	vertical-align:middle;
	top: 2px;
}
.ui-state-disabled, .ui-droppable-disabled, .ui-droppable-disabled
{
	opacity: 1.0;
}
.top_filed_right_icon{/*top的右上角icon外層的div寬度控制，此寬度會影響第一個訊息icon與其他icon的中間距離*/
    position:absolute;
    width:445px;
    right: 0px;
    /*right:20px;*/
    top:0px;
    /*top:20px;*/
}
.top_right_icon_div{
	position:absolute; 
	top:0; 
	right:0;
}
#top_info{
	position : absolute;
	right : 72px;
	top:40px;
	/*float :right;*/
	font-size:14PX;
	display:none;
}
.page_title_style{/*每頁加上title，調整字體大小&文字間距*/
    position:absolute;
    width:100%;
    top:63px;
    font-size:24px;
    font-family: 'DFKai-sb', BiauKai,"微軟正黑體","新細明體",sans-serif;
    /*letter-spacing:16px;*/
    margin:auto;
}
/*2015-12-16 lichun修改：用Image Sprites的方式，節省圖片讀取時間*/
.top_img{
	margin-left:16px;
	float:left;
	width:56px;
	height:56px;
	cursor:pointer;
}
.top_img2{
	margin-left:100px;
	float:left;
	width:56px;
	height:56px;
	cursor:pointer;
}
/*社群-訊息、郵件*/
.community_mail{
	width:100px;
	height:60px;
    background:url("../../assets/images/community_mail.svg");
	background-size:100px 60px;
	position:relative; 	
}
/*社群-訊息*/
.community_message{
	width:100px;
	height:60px;
    background:url("../../assets/images/community_message.svg");
	background-size:100px 60px;
	position:relative; 	
}
/*社群-訊息、郵件數字*/
.community_mail_number, .community_message_number{
	border-radius:50%; 
	border:2px solid red; 
	width:25px; 
	height:25px; 
	background-color:#FFFFFF; 
	font-size:18px; 
	color:red; 
	text-align:center; 
	position:absolute; 
	right:-10px;	
}
/*社群數字*/
.community_number{
	border-radius:50%; 
	border:1px solid red; 
	width:17px; 
	height:17px; 
	font-size:12px; 
	text-align:center; 
	position:absolute; 
	right:-14px;
	top:1px;
	font-weight:900;
	/*閃爍*/
	animation-iteration-count: infinite;
	animation-direction: normal;
	-webkit-animation-name: blink; /* Chrome, Safari, Opera */
	-webkit-animation-duration: 1s; /* Chrome, Safari, Opera */
	animation-name: blink;
	animation-duration: 1s;
}
/*社群數字-其餘帳號-黃點*/
.community_yellow{
	border-radius:50%; 
	border:1px solid blue; 
	width:17px; 
	height:17px; 
	font-size:12px; 
	text-align:center; 
	position:absolute; 
	left:-13px;
	top:1px;
	font-weight:900;
	/*閃爍*/
	animation-iteration-count: infinite;
	animation-direction: normal;
	-webkit-animation-name: blink2; 
	-webkit-animation-duration: 1s; 
	animation-name: blink2;
	animation-duration: 1s;
}
/*快照*/
.screenshot{
    background:url("../../assets/images/main_top_foot2.png?2019110701") 56px 224px;
	background-size:280px 168px;
	position:relative; 
}
/*社群*/
.community{
    background:url("../../assets/images/main_top_foot2.png?2019031501") 0px -112px;
	background-size:280px 168px;
	position:relative; 
}
/*匯入憑證*/
.import_cert{
    background:url("../../assets/images/main_top_foot2.png?2019031501") -40px -80px;
	background-size:200px 120px;
}
.tcl_btn{
    background:url("../../assets/images/main_top_foot2.png?2019031501") -40px -80px;
	background-size:200px 120px;
    /*color: inherit;
    border: none;
    font: inherit;
    cursor: pointer;
    outline: inherit;	
	border-radius:0;
	padding:0;
	color:#FFF;	*/
}
/*回主畫面*/
.return_home{
    background:url("../../assets/images/main_top_foot2.png?2019031501") 0px 0px;
	background-size:280px 168px;
	position:relative; 
}
/*捷徑*/
.shortcut_menu_btn{
    background:url("../../assets/images/main_top_foot2.png?2019031501") -56px 0px;
	background-size:280px 168px;

}
/*鎖定畫面*/
.lock_page{
    background:url("../../assets/images/main_top_foot2.png?2019031501") -112px 0px;
	background-size:280px 168px;
}
/*更新預載資料*/
.load_db{
    background:url("../../assets/images/main_top_foot2.png?2019031501") -168px 0px;
	background-size:280px 168px;
}
/*開新分頁*/
.open_new_page{
    background:url("../../assets/images/main_top_foot2.png?2019031501") -224px 0px;
	background-size:280px 168px;
}
/*每日工作提醒*/
.open_notice{
    background:url("../../assets/images/main_top_foot2.png?2019031501") 0px -56px;
	background-size:280px 168px;
}
/*登出*/
.logout{
    background:url("../../assets/images/main_top_foot2.png?2019031501") -56px -56px;
	background-size:280px 168px;
	margin-left:100px;
}
/*登出-拉出來放大*/
.logout2{
    background:url("../../assets/images/logout2.png");
	background-size:100% 100%;
}
/*社群-顯示全部數字*/
.community_show_all_number{
	border-radius:50%; 
	border:1px solid red; 
	width:18px; 
	height:18px; 
	font-size:12px; 
	text-align:center; 
	position:absolute; 
	right:-12px;
	top:0px;
	font-weight:900;
	/*閃爍*/
	animation-iteration-count: infinite;
	animation-direction: normal;
	-webkit-animation-name: blink; /* Chrome, Safari, Opera */
	-webkit-animation-duration: 1s; /* Chrome, Safari, Opera */
	animation-name: blink;
	animation-duration: 1s;
}
.allPrg_input{/*控制所有程式按鈕的位置*/
	position:absolute;
	top:-112px;
	right:98px;
	/*background:#FFF;*/
	padding:2px;
}
.css_all_delete{/*mainpage的icon拖曳時出現刪除圖片*/
    width: 66px;
    height: 60px;
}


/*廣告跑馬燈按鈕*/

.more_btn{
	cursor:pointer;
	width:75px;
	height:40px;
    background-image:url("../../assets/images/more_btn.svg");
	background-size:75px 40px;
	position:absolute;
	right:10px;
	bottom:35px;

}

.more_btn_animation{
	cursor:pointer;
	width:75px;
	height:40px;
    background-image:url("../../assets/images/more_btn_animation.svg");
	background-size:75px 40px;
	position:absolute;
	right:90px;
	bottom:35px;
}

.more_btn_animation_set{
	cursor:pointer;
	width:75px;
	height:40px;
    background-image:url("../../assets/images/more_btn_animation_set.svg");
	background-size:75px 40px;
	position:absolute;
	right:170px;
	bottom:35px;
}
/*2019-08-07 [集錦]-按鈕*/
.rel_img_rec_btn2{
	cursor:pointer;
	width:75px;
	height:40px;
    background-image:url("../../assets/images/rel_img_rec_btn2.svg");
	background-size:75px 40px;
	position:absolute;
	right:325px;
	bottom:35px;
}

.phrase_dlg_div{
	width:580px;
	max-height:182px;
	overflow:auto;
}
.phrase_dlg_table{
	width:560px;
}
.C_ad{
	background-image:url("../../assets/images/C_ad.png");
	width:470px;
	height:220px;
	background-size:470px 220px ;
	
}
/*電子訊息導覽區塊-外層藍色對話框圖型*/
.C_teach_div{
	z-index:10;
	width:340px;
	height:260px;
	background-size:340px 260px;
	background-image:url("../../assets/images/C_teach.png");
	position:fixed;
	right:365px;
	top:65px;
	/*-webkit-transform:translate(-50%,-35%);
	transform:translate(-50%,-35%);*/
	display:none;
}
.C_teach_in1{
	color:#007EAF;
	text-align:center;
	width:290px;
	height:160px;
	border-radius:5px;
	background-color:#E9FAFF;
	border:2px solid #FFF;
	position:absolute;
	left:35%;
	top:65%;
	-webkit-transform:translate(-35%,-65%);
	transform:translate(-35%,-65%);	
}
.C_teach_in1 div{
	font-size:11px;
}
.C_teach_in2{
	color:#FFF;
	text-align:left;
	width:320px;
	height:22px;
	position:absolute;
	left:35%;
	bottom:2%;
	-webkit-transform:translate(-35%,-5%);
	transform:translate(-35%,-5%);	
	font-size:11px;
}
.C_teach_HYHOT_icon{
	width:60px;
	height:60px;
	position:absolute; 
	bottom:40px; 
	right:85px;
}

/*手機板下載區塊-外對話框*/
.C_appdl_div{
	z-index:10;
	width:340px;
	height:auto;
	padding:10px;
	background-color:#fff7e6;
	border:3px solid #ffeecc;
	position:fixed;
	right:8px;
	top:30px;
	border-radius:10px;
}
/*手機板下載區塊-圖片*/
.C_appdl_login_img{
	width:190px;
	height:370px;
}
/*手機板下載區塊-store連結圖片*/
.C_appdl_badge_img{
	width:129.2px;
	height:50px;
}
/*手機板下載區塊-qrcode圖片*/
.C_appdl_qrcode_img{
	width:100px;
	height:100px;
	/*border:1px solid #000;*/
}
/*手機板下載區塊-暫無qrcode*/
.C_appdl_qrcode_wait{
	width:100px;
	height:100px;
	line-height:100px;
	background-color:#FFF;
	/*border:1px solid #000;*/
}
/*[手機版下載e卡]按鈕*/
.C_appdl_btn{
	cursor:pointer;
	width:110px;
	height:27px;
    background-image:url("../../assets/images/C_appdl_btn.png");
	background-size:110px 27px;
	position:absolute;
	right:120px;
	top:67px;
	display:none;
}
/*首次登入廣告-外對話框*/
.firstlogin_ad_div{
	z-index:100;
	width:100%;
	height:100%;
	background-color:rgba(255, 255, 255, 0.5) ;
	position:fixed;
	padding-top:18%;
}
/*首次登入廣告-圖片*/
.firstlogin_ad_img{
	width:550px;
	height:250px;
}
.firstlogin_ad_img2{
	width:330px;
	height:330px;
}
.firstlogin_ad_img3{
	width:250px;
	height:250px;
	margin-right:30px;
}
.more_div1_close_text{
	position:fixed; 
	bottom:50px;
	font-size:58px;
	right:10px;
	background-color:#0059b3;color:#FFF;
}
#lock_page_content
{
	position:absolute;
	text-align:center;
	width:40%;
	height:35%;
	min-width:500px;
	min-height:270px;
	background-color:rgba(250,250,250,0.9);
	/*background:url(assets/images/lock_page_big.png) no-repeat center bottom rgba(250,250,250,0.9);*/
	z-index:1001;
	box-shadow: 0px 0px 10px #EEEEEE;
	-moz-box-shadow: 0px 0px 10px #EEEEEE;
	-webkit-box-shadow: 0px 0px 10px #EEEEEE;
}
#personnal_notice_content
{
	text-align:center;
	width:520px;
	height:390px;	
	/*width:40%;
	height:60%;*/
	min-width:400px;
	min-height:300px;
	/*background-color:#fff466;*/
	z-index:1001;
	position:absolute;
	background-repeat:cover;
	background:url(../images/memo1-1.png);
	background-size:520px 390px;
	
}
.over_flow{/*個人提醒-下半度最大高度調整-from personnal_notice_content.php*/
	max-height:270px;
	max-width:410px;
	overflow-y:auto;
	padding:10px 8px 10px 65px;
}
.css_clear_icon{/*公用的清空按鈕圖大小調整*/
    width: 21px;
    height: 21px;
    vertical-align: middle;
}
#best_explorer,
#question_solve{
	display:none;
}
.open_shortcut_img{/*捷徑img*/
    width: 25px;
    height: 25px;
}
.open_shortcut_img_top{/*top捷徑img*/
    width: 68px;
    height: 68px;
}
#shortcut_menu_div{/*捷徑外層div*/
    width:99%;
    max-height:81vh;
    position: fixed;
    right: 0px;
    top: 70px;
	overflow-y:auto;
	z-index:100;
}
#shortcut_menu_div_out{/*捷徑內層div*/
    width:98%;
}
#shortcut_menu_div_out td {/*捷徑標題*/
    font-size:32px;
	font-weight:bold;
}
#close_shortcut_img{/*關閉捷徑*/
	width:50px;
	height:50px;
	margin:10px;
}
/*報價單、詢價單抬頭F2 input*/
#add_C_ITEM1, #add_S_ITEM1{
	width:30%;
}
#SALES_quotes_details_div .item_no1,
.SALES_quotes_details_table_1  .item_no1,
#PUR_01_inquiry_details_div .add_SK_ID1 ,
.PUR_01_inquiry_details_table_1   .add_SK_ID1 {
	width:70%;
}
#SALES_salesslip_details_div .item_name4,
.ss_item_detail_table4 .item_name4{
	width:70%;
}
/*2018-09-03*/
.PUR_c3_tax_w{
	width:9%;
}
.PUR_c3_spec_w{
	width:12%;
}
/*------------憑證專章--------------*/

/*報稅憑證清單-檢視*/
.tcl_dlg_iframe{
	/*width:100%;
	height:375px;*/
	text-align:center; 
	border:2px solid #006; 
	width:860px;
	display:inline-block;
	height:400px;
	overflow:auto;
	vertical-align:top;
	position:relative;
}
.cert_type_dlg_scan{/*[拍照]按鈕*/
    background: #08A108;
    border: 2px solid #007C26 ;
    font: inherit;
    cursor: pointer;
    outline: inherit;	
	border-radius:5px;
	padding:15px 30px;
	color:#FFF;	
	font-size:30px;
}
.cert_type_dlg_upload{/*[上傳檔案]按鈕*/
    background: #007acc;
    border: 2px solid #004d80 ;
    font: inherit;
    cursor: pointer;
    outline: inherit;	
	border-radius:5px;
	padding:15px 30px;
	color:#FFF;
	font-size:30px;	
	margin-left:25px;
}
/* 2018-04-26 chaoyu修改：多div.tcl_qr */
/*.cert_dlg_qrcode{
	border: 0px solid red; 
	position:absolute; 
	top:120px;
	left:52px;
}
*/
/*2018-06-08*/
.cert_dlg_qrcode ,
div.tcl_qr,
.tcl_dlg_qrcode{
	border: 0px solid red; 
	position:relative; /*2018-05-17*/
	top:8px;
	/*top:10px;*/
	left:0;/*2018-05-17*/
}
.cert_dlg_qrcode canvas,
.tcl_dlg_qrcode canvas,
div.tcl_qr canvas {/*QRcode*/
	width:150px;
	height:150px;
}
/*.cert_dlg_tips {
	height:50px;
	line-height:25px;
	letter-spacing:0;
	font-size:16px;
	position:absolute; 
	top:230px;
	left:30px;	
	font-weight:normal;
}*/

/*2018-06-28*/
.cert_dlg_tips{/*掃描QRcode文字*/
	height:auto;
	line-height:15px;
	letter-spacing:0;
	font-size:14px;
	position:relative;
	top:3px;
	left:0px;
	font-weight:normal;
	padding:0 5px;
	text-align: center;
	text-justify: auto;
}

.tcl_qr_tips,
.tcl_dlg_tips{/*掃描QRcode文字*/
	height:auto;
	line-height:15px;
	letter-spacing:0;
	font-size:12px;
	position:relative;
	top:12px;
	left:0px;
	font-weight:normal;
	padding:0 5px;
	text-align: center;
	text-justify: auto;
}
/*2018-05-17*/
.tcl_qr_tips2{/*掃描QRcode文字*/
	height:auto;
	line-height:15px;
	letter-spacing:-0.5px;
	font-size:12px;
	position:relative; 
	top:50px;
	left:0px;
	font-weight:normal;
	padding:0 5px; /*2018-05-17*/
	text-align:left; /*2018-05-17*/
	text-align: justify;/*2018-05-17*/
	text-justify: auto;/*2018-05-17*/
}
/*
span.cert_dlg_file_text{
	height:45px;
	line-height:40px;
	letter-spacing:0;
	font-size:20px;
	position:absolute; 
	top:400px;
	left:0;	
	font-weight:normal;
}*/
.cert_dlg_file_text,
.tcl_file_tips{
	height:auto;/*2018-05-17*/
	line-height:15px;
	letter-spacing:0;
	font-size:12px;
	position:relative; /*2018-05-17*/
	top:20px;/*2018-05-17*/
	left:0;	
	text-align:left;
	padding:0 5px; /*2018-05-17*/
	text-align: justify;/*2018-05-17*/
	text-justify: auto;/*2018-05-17*/
	font-weight:normal;

}
.cert_dlg_file_pw,
.tcl_file_pw{/*2018-05-23新增*/
	height:auto;
	line-height:15px;
	letter-spacing:0;
	font-size:12px;
	position:relative;
	/*top:20px;*/
	top:15px;
	left:0;	
	text-align:left;
	padding:0 5px;
	text-align: justify;
	text-justify: auto;
	font-weight:normal;
}
.cert_dlg_file_btn[type='button'],
.tcl_open_btn[type='button']{
    width:150px;
	height:50px;
	color: #FFF;
    border: none;
    font: inherit;
    cursor: pointer;
    outline: inherit;	
	border-radius:5px;
	background: -webkit-linear-gradient(#00487F,#00366A);
	background: -o-linear-gradient(#00487F,#00366A);
	background: -moz-linear-gradient(#00487F,#00366A);
	background: linear-gradient(#00487F,#00366A);
	border:1px solid #215384;
	position:relative;/*2018-05-17*/
	left:0;/*2018-05-17*/
	top:10px;/*2018-05-17*/
	font-size:20px;
	font-weight:normal;
}
/*
.cert_dlg_file_btn[type='button']{
    width:150px;
	height:50px;
	color: #FFF;
    border: none;
    font: inherit;
    cursor: pointer;
    outline: inherit;	
	border-radius:5px;
	background: -webkit-linear-gradient(#00487F,#00366A);
	background: -o-linear-gradient(#00487F,#00366A);
	background: -moz-linear-gradient(#00487F,#00366A);
	background: linear-gradient(#00487F,#00366A);
	border:1px solid #215384;
	position:absolute;
	left:25px;
	top:340px;
	font-size:20px;
	font-weight:normal;
}*/

.cert_dlg_total{
	font-size:25px;
	margin-top:5px;
	color:green;
	display:block;
	width:160px;
	position:absolute;
	right:115px;
	text-align:center;
	/*background:#FF0;*/
}
/*2018-04-27*/
.cert_dlg_slider{/*憑證區塊的外層div*/
	text-align:center; 
	border:2px solid #006; 
	/*width:650px;*/
	width:660px;
	display:inline-block;
	height:405px;
	overflow:auto;
	vertical-align:top;
	position:relative;
	top:0;
	left:10px;
	transform:translate(-0%, -0%);
}
.cert_dlg_slider_full{/*憑證區塊的外層div*/

/*	width:805px !important;*/
	width:855px !important;
}
.tcl_dlg_slider{/*憑證區塊的外層div*/
	text-align:center; 
	border:2px solid #006; 
	/*width:745px;*/
	/*width:485px;*/
	/*width:435px;*//*2018-07-24*/
	width:520px;
	display:inline-block;
	/*height:390px;*/
	/*height:424px;*/
	height:406px;
	overflow:auto;
	vertical-align:top;
	position:relative;
	top:0;
	left:10px;
	transform:translate(-0%, -0%);
}
.tcl_dlg_slider_is_share{/*2018-07-12憑證共享區塊的外層div*/
	text-align:center; 
	border:2px solid #006; 
	/*width:745px;*/
	/*width:485px;*/
	/*width:625px;*//*2018-07-24*/
	width:675px;
	display:inline-block;
	/*height:390px;*/
	/*height:424px;*/
	height:406px;
	overflow:auto;
	vertical-align:top;
	position:relative;
	top:0;
	left:10px;
	transform:translate(-0%, -0%);
}
/*2018-05-11*/
.tcl_dlg_slider_isold{/*憑證區塊的外層div*/
	text-align:center; 
	border:2px solid #006; 
	/*width:945px;*/
	width:715px;
	display:inline-block;
	/*height:390px;*/
	height:424px;
	overflow:auto;
	vertical-align:top;
	position:relative;
	top:0;
	right:-10px;
	transform:translate(-0%, -0%);
}
/*2018-06-28*/
.cert_dlg_btn_div{/*2018-06-25 lichun新增*/
	text-align:center; 
	/*border:2px solid #006;*/
	width:75px;
	display:inline-block;
	height:405px;
	overflow:auto;
	vertical-align:top;
	position:relative;
	top:0;
	left:20px;
	transform:translate(-0%, -0%);
}
.tcl_dlg_btn_div{/*2018-06-25 lichun新增*/
	text-align:center; 
	/*border:2px solid #006;*/
	width:40px;
	display:inline-block;
	height:405px;
	overflow:auto;
	vertical-align:top;
	position:relative;
	top:0;
	left:20px;
	transform:translate(-0%, -0%);
}
.cert_dlg_nav{
	text-align:center; 
	/*border:2px solid #006;*/
	width:200px;
	display:inline-block;
	height:auto;
	overflow:auto;
	vertical-align:top;
	position:relative;
	top:0;
	left:0;
	transform:translate(-0%, -0%);	
	
}
.tcl_dlg_nav{
	text-align:center; 
	/*border:2px solid #006;*/
	/*width:200px;*//*2018-07-24*/
	width:165px;
	display:inline-block;
	/*height:395px;*/
	height:auto;
	overflow:auto;
	vertical-align:top;
	position:relative;
	top:0;
	left:0;
	transform:translate(-0%, -0%);	
}
.tcl_view_table{/*2018-05-23新增*/
	/*width:250px;*//*2018-07-24*/
	width:200px;
	margin-right:10px;
	font-size:12px;/*2018-07-24*/
	letter-spacing:-0.6px;/*2018-07-24*/
}
.tcl_view_table tr td{/*2018-05-23新增*/
	height:24px;
	padding:2px 1px;/*2018-07-24*/	

}
.tcl_view_table input,
.tcl_dlg_nav input{/*2018-05-23新增*/
	height:auto;	
	font-size:12px;/*2018-07-24*/
	letter-spacing:-0.6px;/*2018-07-24*/
}

/*2018-05-17*/
/*匯入-左邊-上面-qrcode區塊*/
/*匯入-左邊-下面-檔案區塊*/
.tcl_dlg_nav_qr,
.cert_dlg_nav_qr{
	position:relative;
	height:220px;
	border:2px solid #006;
}

.tcl_dlg_nav_file,
.cert_dlg_nav_file{
	position:relative;
	height:185px;
	border:2px solid #006;
}
/*匯入-左邊-下面-檔案區塊*/
.tcl_dlg_nav_file,
.cert_dlg_nav_file{
	border-top:none;	
}
/*qrcode區塊-標題*/
/*檔案區塊-標題*/
.tcl_qr_title,
.tcl_file_title,
.cert_qr_title,
.cert_file_title{
	border-bottom:2px solid #006;
	font-size:18px;
	line-height:30px;
	font-weight:bold;
}



.cert_dlg_iframe{/*憑證區塊的pdf*/
	width:98%;
	height:97.8%;
}
/*2018-04-27*/
.tcl_dlg_iframe2{/*憑證區塊的外層div*/
	/*width:740px;*/
	/*width:415px;*//*2018-07-24*/
	width:515px;
	/*height:380px;*/
	height:395px;
}
.tcl_dlg_iframe2_is_share{/*2018-07-12憑證共享區塊的外層div*/
	/*width:740px;*/
	/*width:620px;*//*2018-07-24*/
	width:670px;
	/*height:380px;*/
	height:395px;
}
/*2018-05-11*/
.tcl_dlg_iframe2_isold{/*憑證區塊的外層div*/
	/*width:940px;*/
	width:680px;
	/*height:380px;*/
	height:414px;
}
.cert_dlg_bottom{/*對話框下方按鈕區*/
	display:inline-block; 
	position:relative;
	/*width:600px;*/
	width:690px;/*2018-05-18*/
	height:45px;
}
.tcl_dlg_bottom{/*對話框下方按鈕區*/
	display:inline-block; 
	position:relative;
	/*width:600px;*/
	width:240px;
	height:45px;
}
.cert_dlg_left,
.tcl_dlg_left{/*[左]按鈕*/
    background:url("../../assets/images/cert_dlg_left.svg") no-repeat;
	background-size: 100% 100%;
    width:40px;
	height:40px;
	margin-top:0;
	margin-right:0;
	color: inherit;
    border: none;
    font: inherit;
    cursor: pointer;
    outline: inherit;
	/*2018-04-10*/
	/*position:absolute;
	top:55%;
	left:5%;
	transform:translate(-10%, -55%);*/
	position:absolute;
	top:4px;
	right:350px;	
}
.cert_dlg_right,
.tcl_dlg_right{/*[右]按鈕*/
    background:url("../../assets/images/cert_dlg_right.svg") no-repeat;
	background-size: 100% 100%;
    width:40px;
	height:40px;
	margin-top:0;
	margin-left:0;
	color: inherit;
    border: none;
    font: inherit;
    cursor: pointer;
    outline: inherit;	
	/*2018-04-10*/
	/*position:absolute;
	top:55%;
	right:5%;
	transform:translate(-10%, -55%);*/
	position:absolute;
	top:4px;
	right:0%;

}
/* 2018-04-26 chaoyu修改：多input.tcl_ro_btn */
.cert_dlg_rotate,
.tcl_dlg_rotate,input.tcl_ro_btn {/*[旋轉]按鈕*//*2018-04-10*/
    background:url("../../assets/images/cert_dlg_rotate.svg") no-repeat;
	background-size: 100% 100%;
    width:40px;
	height:40px;
	margin-top:0;
	margin-left:0;
	color: inherit;
    border: none;
    font: inherit;
    cursor: pointer;
    outline: inherit;
	/*2018-04-10*/
	/*position:absolute;
	top:20%;
	right:5%;
	transform:translate(-10%, -20%);*/
	/*position:absolute;
	top:4px;
	right:200px;*/
	position:relative; 
	left:0; 
	top:0;

	
}
/* 2018-04-26 chaoyu修改：多input.tcl_zoom_in_btn */
.cert_dlg_in,
.tcl_dlg_in,input.tcl_zoom_in_btn {/*[放大]按鈕*//*2018-04-10*/
    background:url("../../assets/images/cert_dlg_in.svg") no-repeat;
	background-size: 100% 100%;
    width:40px;
	height:40px;
	margin-top:0;
	margin-left:0;
	color: inherit;
    border: none;
    font: inherit;
    cursor: pointer;
    outline: inherit;
	/*2018-04-10*/
	/*position:absolute;
	top:78%;
	right:5%;
	transform:translate(-10%, -78%);*/
	/*position:absolute;
	top:4px;
	right:132px;*/
	position:relative; 
	left:0; 
	top:0;
	margin-top:30px;
}
/* 2018-04-26 chaoyu修改：多input.tcl_zoom_out_btn */
.cert_dlg_out,
.tcl_dlg_out,input.tcl_zoom_out_btn {/*[縮小]按鈕*//*2018-04-10*/
    background:url("../../assets/images/cert_dlg_out.svg") no-repeat;
	background-size: 100% 100%;
    width:40px;
	height:40px;
	margin-top:0;
	margin-left:0;
	color: inherit;
    border: none;
    font: inherit;
    cursor: pointer;
    outline: inherit;
	/*2018-04-10*/
	/*position:absolute;
	top:95%;
	right:5%;
	transform:translate(-10%, -95%);*/
	/*position:absolute;
	top:4px;
	right:65px;*/
	position:relative; 
	left:0; 
	top:0;
	margin-top:30px;	
	
}
.cert_crop_btn ,
.tcl_crop_btn {/*[裁切]按鈕*//*2018-06-21*/
    background:url("../../assets/images/tcl_crop_btn.svg") no-repeat;
	background-size: 100% 100%;
    width:40px;
	height:40px;
	margin-top:0;
	margin-left:0;
	color: inherit;
    border: none;
    font: inherit;
    cursor: pointer;
    outline: inherit;
	/*position:absolute;
	top:4px;
	right:100px;*/
	position:relative; 
	left:0; 
	top:0;
	margin-top:30px;		
}
.cert_bnw_btn ,
.tcl_bnw_btn {/*[轉黑白]按鈕*//*2018-06-25*/
    background:url("../../assets/images/bnw_btn.svg") no-repeat;
	background-size: 100% 100%;
    width:40px;
	height:40px;
	margin-top:0;
	margin-left:0;
	color: inherit;
    border: none;
    font: inherit;
    cursor: pointer;
    outline: inherit;
	position:relative; 
	left:0; 
	top:0;
	margin-top:30px;
		
}
/*圖片置中用*/
.cert_dlg_cert,
.cert_list_dlg_show_img{
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
	/*top: 0;*//*2018-05-18註解*/
	/*bottom: 0;*//*2018-05-18註解*/


}
.cert_list_dlg_table{
	font-size:11px;
}
.cert_list_dlg_table input[type="button"] {
	font-size:11px;
	padding:2px 2px;
}
.tcl_view_dlg table input[type="button"]{
	padding:1px 0px;
}
.gov_dlg_table_width{
	width:460px;
	min-width:460px;
	max-width:460px;
}
.gov_dlg_div_width{
	width:480px;
	min-width:480px;
	max-width:480px;
	max-height:113px;
	overflow:auto;
}
.tcl_alltd_width{
	display:inline-block;
	max-width:420px;
	vertical-align:middle;
}
.cert_dlg_iframe_tips{
	font-size:17px;
}
/*2018-07-06 憑證檔案對話框設最小寬度必免內容往下跳*/
.cert_dialog{
	min-width:970px;
}
.tcl_view_dlg{
	min-width:970px;
}
/*2018-05-22*/
/*紅色[i]註解說明圖片*/
.tcl_tips_img{
	width:18px;
	height:18px;	
	margin-bottom:-3px;	
}
/*薪資加扣*/
.monthpicker_td_height{
	height:30px;
}
.cert_cnt_del[type=button]{/*[刪除]按鈕*/
    background:url("../../assets/images/delete.png?20180625") no-repeat;
	background-size: 100% 100%;
    width:13px;
	height:13px;
	margin-top:0;
	margin-left:1%;
	color: inherit;
    border: none;
    font: inherit;
    cursor: pointer;
    outline: inherit;
	vertical-align:middle;
}
.cert_cnt_rec[type=button]{/*[刪除]按鈕*/
    background:url("../../assets/images/tcl_del.png?20180625") no-repeat;
	background-size: 100% 100%;
    width:13px;
	height:13px;
	margin-top:0;
	margin-left:1%;
	color: inherit;
    border: none;
    font: inherit;
    cursor: pointer;
    outline: inherit;
	vertical-align:middle;
}
/* 2021-10-20 chaoyu修改：多.invo_no_show */
.invo_no_show,.cert_cnt_show[type=button]{/*[檢視]按鈕*/
    background:url("../../assets/images/view.png?20180625") no-repeat;
	background-size: 100% 100%;
    width:13px;
	height:13px;
	margin-top:0;
	margin-left:1%;
	color: inherit;
    border: none;
    font: inherit;
    cursor: pointer;
    outline: inherit;
	vertical-align:middle;
}
.tcl_dlg_slider_notice{
	height:35px;
	line-height:35px;
	font-size:12px;/*2018-07-24*/
}
.mb_barcode_tips_img{
	width:100%;
	margin-top:10%;
}
/*e卡影片介紹-按鈕*/
.tcl_video_btn{
	float:right;
	width:100px;
	height:25px;
	background-image:url("../../assets/images/tcl_video_btn.png");
	background-size:100% 100%;
	cursor:pointer;
}
.cert_list_dlg_tips{
	letter-spacing:-1.5px;
	margin-top:5px;

}
.co_invo2_height[type="text"]{
	height:18px;
}

/*2018-08-03 lichun 傳送成功顯示短暫提醒*/
.tcl_ds_notice,
.tcl_fs_notice{
	position:fixed;
	left:50%;
	top:82.5%;
	-webkit-transform:translate(-50%,-82.5%);
	transform: translate(-50%,-82.5%);
	background-color:#FFF;
	border-radius:5px;
	z-index:1000;
	background-color:#e3ffe3;
	color:#00cc00;
	border:#00cc00 2px solid;
	font-size:15px;
	font-weight:bold;
	padding:6px;
}
/*員工資料-登入登出-外層div-公用寬度*/
.wr_list5_div_width{
	width:765px;
}
/*員工資料-登入登出-內層table-公用寬度*/
.wr_list5_table_width{
	width:745px;
}
/*員工資料-登入登出-外層div-最大高度*/
.wr_list5_div_height{
	max-height:361px;
	overflow-y:auto;
}
/*行事曆-月份模式-調整年月的input內字型大小*/
.sel_ym[type="text"]{
	width:100px;
	text-align:center;
	cursor:pointer;
	background-color:rgb(221,236,250);
	font-size:20px;
}
/*行事曆-月份模式-日期每個框框裡面的div大小寬度，控制截字字數*/
.cal_div
{
    width:130px;
    height: 40px;
}
/*行事曆-年度模式-控制2012那一個ui*/
#year_spinner{
    font-size:16px;
    width:70px;
    height:16px;
    color:#006;font-weight:bold;
}
/*行事曆-編輯dialog內table td高度-因為大解析度時input內文字過大，所以需調整其td高度*/
.schedule_dia_height{
    height: 28px;
}
/*行事曆-月份模式-箭頭*/
#Image1,#Image2{
	width:40px;
}
/*行事曆-年度模式-每個區塊*/
.almanac_block{
	width:24%;
}
/*-------------------------開合功能--------------------------*/
/*外層div-公用寬度*/
.oc_div_width{
	width:957px;
}
/*內層table-公用寬度*/
.oc_table_width{
	width:935px;
}
/*外層div-最大高度*/
/*畫面高度的100%*/
.oc_div_height_100{
	max-height:373px;
	overflow-y:auto;
}
/*畫面高度的80%*/
.oc_div_height_80{
	max-height:337px;
	overflow-y:auto;
}
/*畫面高度的70%*/
.oc_div_height_70{
	max-height:272px;
	overflow-y:auto;
}
/*畫面高度的60%*/
.oc_div_height_60{
	max-height:255px;
	overflow-y:auto;
}
/*畫面高度的50%*/
.oc_div_height_50{
	max-height:115px;
	overflow-y:auto;
}
/*外層div-最大高度*/
/*畫面高度的40%*/
.oc_div_height_40{
	max-height:88px;
	overflow-y:auto;
}
/*外層div-最大高度*/
/*畫面高度的30%*/
.oc_div_height_30{
	max-height:46px;
	overflow-y:auto;
}
}