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

.email {background: url(../images/icon/email.png) no-repeat 8px 9px;}
@media (min-width: 1000px) and (max-width: 2560px) {
/* 上方空白 */
.space {width:100%;height:70px;}

/* 墨攻即時信託LOGO */
.logo_box {
	width: 430px;
	height: 70px;
	margin: 0 auto;
	margin-bottom:10px;
	/*margin-top:-40px;
	background-color:#d90000;
    box-shadow: 0 10px 20px rgba(38,50,56,.15);
    border-radius: 5px;*/
}
.login_logo{
	width:300px;
	height:auto;
	margin:0 auto;
}
/*.login_logo{
	position:absolute;
	z-index:10;
	width:300px;
	height:auto;
	margin:0 auto;
	margin-left:20px;
	margin-top:-10px;
	transform-origin:right bottom;
	-webkit-transform: rotate(-5deg);
	-moz-transform: rotate(-5deg);
	-o-transform: rotate(-5deg);
	-ms-transform:rotate(-5deg);
	transform:rotate(-5deg);
}
._view1{
	-webkit-transform: rotate(5deg);
	-moz-transform: rotate(5deg);
	-o-transform: rotate(5deg);
	-ms-transform:rotate(5deg);
	transform:rotate(5deg);
}*/



/* 登入資訊 */
#login {
	clear: both;
	width: 430px;
	height:auto;
	min-height: 400px;
	margin: 0 auto;
	padding-top:20px;
    background-color: #fff;
	background:rgba(255, 255, 255, .5);
    box-shadow: 0 10px 20px rgba(38,50,56,.15);
    border-radius: 5px;
}
.login_inner {
    padding: 0 65px;
}
.form {
	float:left;
	width:100%;
	height: auto;
	margin:0 auto;
	margin-top:14px;
	margin-bottom:14px;
}



/* 輸入框樣式 */
.face {background: url(../images/icon/face.png) no-repeat 8px 9px;}
.account {background: url(../images/icon/account.png) no-repeat 8px 9px;}
.lock {background: url(../images/icon/lock.png) no-repeat 8px 9px;}
.code {background: url(../images/icon/code.png) no-repeat 8px 9px;}

.member {
	display: block;
	font-family:"微軟正黑體";
	font-size:18px;
	width: 80%;
	height: 30px;
	padding: 6px 10px;
	padding-left: 50px;
	line-height: 1.52;
	color: #555555;
	vertical-align: middle;
	background-color: #ffffff;
	border: 1px solid #ffffff;
	border-radius: 5px;
	-webkit-transition:all 0.2s ease-in;
    -moz-transition:all 0.2s ease-in;
    -ms-transition:all 0.2s ease-in;
    -o-transition:all 0.2s ease-in;
	   transition:all 0.2s ease-in;
    box-shadow: 0 5px 15px rgba(38,50,56,.15);
}
.member:focus {
	border-color:rgba(38,50,56,.15);
	/*background:rgba(255,255,255, 0.6);*/
	outline: 0;
	-webkit-box-shadow: /*inset 0 1px 0px rgba(0, 0, 0, 0.075),*/ 0 0 3px rgba(20, 20, 20, 0.15);
          	box-shadow: /*inset 0 1px 0px rgba(0, 0, 0, 0.075),*/ 0 0 3px rgba(20, 20, 20, 0.15);
}
.member::-webkit-input-placeholder {
	color: #cccccc;
}
.code {width: 45%;}
.di_in{display: inline;}
.rand-img {
	float:right;
	display: inline;
	height:30px;
	padding-top:6px;
}



/*...紅色登入按鈕...*/
.member_btn {
	font-family:"微軟正黑體";
	display:inline-block;
	width:100%;
	height:62px;
	margin:0px 0;
	margin-top:30px;
	border:1px solid #BF0008;
	border-top:1px solid #750009;
	background:#BF0008;
	color:#ffffff;
	font-size:22px;
	cursor:pointer;
	border-radius: 0px 0px 5px 5px;
	-webkit-transition:all 0.2s ease-in;
    -moz-transition:all 0.2s ease-in;
    -ms-transition:all 0.2s ease-in;
    -o-transition:all 0.2s ease-in;
	   transition:all 0.2s ease-in;
	-webkit-box-shadow:inset 0 5px 15px rgba(0, 0, 0, 0.2);
          	box-shadow:inset 0 5px 15px rgba(0, 0, 0, 0.2);
}
.member_btn:hover {
	border:1px solid #BF0008;
	background:#BF0008;
	color:#cccccc;
}
.member_btn:active {color:#cccccc;border:1px solid #BF0008;background:#BF0008;}
.member_btn:focus {outline: none;}




.keyboard_icon {
	float:right;
	width:41px;
	height:29px;
	margin:0 auto;
	margin-top:10px;
	margin-bottom:10px;
	border:1px solid transparent;
	background: url(../images/icon/keyboard.png) no-repeat 0px 0px;
	cursor:pointer;
	-webkit-transition:all 0.2s ease-in;
    -moz-transition:all 0.2s ease-in;
    -ms-transition:all 0.2s ease-in;
    -o-transition:all 0.2s ease-in;
	   transition:all 0.2s ease-in;
	-webkit-box-shadow: 0 5px 15px rgba(38,50,56,.15);
          	box-shadow: 0 5px 15px rgba(38,50,56,.15);
}
.keyboard_icon:hover {
	background: url(../images/icon/keyboard.png) no-repeat 0px 0px;
	opacity:0.6;
	-moz-opacity:0.6;　
	filter: alpha(opacity=60); // IE 5-7
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; // IE8
}
.keyboard_icon:active {
	background: url(../images/icon/keyboard.png) no-repeat 0px 0px;
	opacity:0.8;
	-moz-opacity:0.8;　
	filter: alpha(opacity=80); // IE 5-7
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; // IE8
}
.keyboard_icon:focus {outline: none;}




/*@media (min-width: 769px) and (max-width: 1920px) {
.search { 
	font-family:"微軟正黑體";
	width: 82%;
	height: 33px;
	padding:5px 15px 4px 30px;
	padding-left: 40px;
	margin:0px;
	border-radius:0px;
	font-size:18px;
	background: url(../images/icon/face.png) no-repeat 8px 10px;
}
input[type=text] {
	background-color: #ffffff;
	border: 1px solid #ffffff;
	-webkit-transition:all 0.2s ease-in;
    -moz-transition:all 0.2s ease-in;
    -ms-transition:all 0.2s ease-in;
    -o-transition:all 0.2s ease-in;
	   transition:all 0.2s ease-in;
    box-shadow: 0 5px 20px rgba(38,50,56,.15);
}
input[type=text]{
	color:#666666;
	outline:none;
}
input[type=text]:focus{
	border-color: #cccccc;
	background:rgba(255,255,255, 0.6);
	outline: 0;
	-webkit-box-shadow: inset 0 1px 0px rgba(0, 0, 0, 0.075), 0 0 3px rgba(20, 20, 20, 0.15);
          	box-shadow: inset 0 1px 0px rgba(0, 0, 0, 0.075), 0 0 3px rgba(20, 20, 20, 0.15);
}
}*/




/*------鍵盤鍵盤鍵盤鍵盤鍵盤按鈕------*/
/*#openkey {
	position:absolute; 
	left:5px; 
	top:438px; 
	width:570px; 
	height:103px; 
	z-index:1;
}*/
#openkey {
	width:850px;
	width:1020px;
	height:100px;
	bottom:0px; 
	margin:0 auto;
	margin-top:30px;
}
#openkey table {
	width:850px;
	width:1020px;
	height:117px;
	/*border-collapse:collapse;相當於cellspacing="0" 
	border-spacing:0px;
	border: 0px;
	cellpadding:0;*/
	background:rgba(0,0,0, 0.6);
	padding:10px;
	border-radius: 5px;
}
.hide_btn {visibility:hidden}

/*.keyboard_btn1 {
	font-family: Arial;
	width:68px;
	height:50px;
	color:#000000;
	font-size:22pt;
	font-weight:bold;
	margin:2px 3px;
	background:#eeeeee;
	border:1px solid #eeeeee;
	text-shadow: 0 1px 0 #ffffff;
	border-radius: 5px;
  -webkit-box-shadow:1px 1px 2px 2px rgba(0%,0%,0%,0.5);
          box-shadow:1px 1px 2px 2px rgba(0%,0%,0%,0.5);
	-webkit-transition:all 0.2s ease-in;
	-moz-transition:all 0.2s ease-in;
	-ms-transition:all 0.2s ease-in;
	-o-transition:all 0.2s ease-in;
	transition:all 0.2s ease-in;
}
.keyboard_btn1:hover {border:1px solid #aaaaaa;background:#E5E5E5;}
.keyboard_btn1:focus {outline: none; border:1px solid #ffffff;}*/


.keyboard_btn1 {
	font-family: Arial;
	width:68px;
	height:50px;
	color:#ffffff;
	font-size:22pt;
	font-weight:bold;
	margin:2px 3px;
	background:#000000;
	border:1px solid #000000;
	text-shadow: 0 1px 0 #ffffff;
	border-radius: 5px;
  -webkit-box-shadow:1px 1px 2px 2px rgba(0%,0%,0%,0.5);
          box-shadow:1px 1px 2px 2px rgba(0%,0%,0%,0.5);
	-webkit-transition:all 0.2s ease-in;
	-moz-transition:all 0.2s ease-in;
	-ms-transition:all 0.2s ease-in;
	-o-transition:all 0.2s ease-in;
	transition:all 0.2s ease-in;
}
.keyboard_btn1:hover {border:1px solid #333333;background:#111111;}
.keyboard_btn1:focus {outline: none; border:1px solid #2EA7E0;
	text-shadow: 0 0 10px rgba(47%,167%,224%,0.9);
  -webkit-box-shadow:0px 0px 5px 0px rgba(47%,167%,224%,0.9);
          box-shadow:0px 0px 5px 0px rgba(47%,167%,224%,0.9);}

.AaArrow img {
    margin-top: 6px;
}


.back {
	width:143px;
}


.bank {
	position:fixed;
	right:20px;
	bottom:50px;
	width:165px;
	height:70px;
	/*box-shadow: 5px 5px 10px rgba(38,50,56,.25);*/
}
.code_name {
	position:fixed;
	left:20px;
	bottom:30px;
	width:150px;
	height:75px;
	/*box-shadow: 5px 5px 10px rgba(38,50,56,.25);*/
}}


/*--footer--*/
#footer{
	position:fixed;
	bottom:0;
}







@media (min-width: 1000px) and (max-width: 1366px) {
/* 上方空白 */
.space {width:100%;height:5px;}

/* 墨攻即時信託LOGO */
.logo_box {
	width: 350px;
	height: 60px;
	margin: 0 auto;
}
.login_logo{
	width:70%;
	height:auto;
	margin:0 auto;
}
.login_logo img{
	width:100%;
	height:auto;
}



/* 登入資訊 */
#login {
	clear: both;
	width: 350px;
	height:auto;
	min-height: 300px;
	margin: 0 auto;
	padding-top:15px;
    background-color: #fff;
	background:rgba(255, 255, 255, .5);
    box-shadow: 0 10px 20px rgba(38,50,56,.15);
    border-radius: 5px;
}
.login_inner {
    padding: 0 40px;
}
.form {
	float:left;
	width:100%;
	height: auto;
	margin:0 auto;
	margin-top:11px;
	margin-bottom:11px;
}



/* 輸入框樣式 */
.face {background: url(../images/icon/face.png) no-repeat 8px 6px;}
.account {background: url(../images/icon/account.png) no-repeat 8px 6px;}
.lock {background: url(../images/icon/lock.png) no-repeat 8px 6px;}
.code {background: url(../images/icon/code.png) no-repeat 8px 6px;}

.member {
	display: block;
	font-family:"微軟正黑體";
	font-size:18px;
	width: 78%;
	height: 25px;
	padding: 5px 8px;
	padding-left: 50px;
	line-height: 1.52;
	color: #555555;
	vertical-align: middle;
	background-color: #ffffff;
	border: 1px solid #ffffff;
	border-radius: 5px;
	-webkit-transition:all 0.2s ease-in;
    -moz-transition:all 0.2s ease-in;
    -ms-transition:all 0.2s ease-in;
    -o-transition:all 0.2s ease-in;
	   transition:all 0.2s ease-in;
    box-shadow: 0 5px 12px rgba(38,50,56,.15);
}
.member:focus {
	border-color:rgba(38,50,56,.15);
	outline: 0;
	-webkit-box-shadow: 0 1px 3px rgba(20, 20, 20, 0.15);
          	box-shadow: 0 1px 3px rgba(20, 20, 20, 0.15);
}
.member::-webkit-input-placeholder {
	color: #cccccc;
}
.code {width: 39%;}
.di_in{display: inline;}
.rand-img {
	float:right;
	display: inline;
	height:30px;
	padding-top:6px;
}





/*...紅色登入按鈕...*/
.member_btn {
	font-family:"微軟正黑體";
	display:inline-block;
	width:100%;
	height:52px;
	margin:0px 0;
	margin-top:20px;
	border:1px solid #BF0008;
	border-top:1px solid #750009;
	background:#BF0008;
	color:#ffffff;
	font-size:22px;
	cursor:pointer;
	border-radius: 0px 0px 5px 5px;
	-webkit-transition:all 0.2s ease-in;
    -moz-transition:all 0.2s ease-in;
    -ms-transition:all 0.2s ease-in;
    -o-transition:all 0.2s ease-in;
	   transition:all 0.2s ease-in;
	-webkit-box-shadow:inset 0 5px 15px rgba(0, 0, 0, 0.2);
          	box-shadow:inset 0 5px 15px rgba(0, 0, 0, 0.2);
}
.member_btn:hover {
	border:1px solid #BF0008;
	background:#BF0008;
	color:#cccccc;
}
.member_btn:active {color:#cccccc;border:1px solid #BF0008;background:#BF0008;}
.member_btn:focus {outline: none;}




/*.keyboard_icon {
	position:absolute;
	z-index:2;
	width:41px;
	height:29px;
	top:12%;
	right:27%;
	border:1px solid transparent;
	background: url(../images/icon/keyboard.png) no-repeat 0px 0px;
	cursor:pointer;
	-webkit-transition:all 0.2s ease-in;
    -moz-transition:all 0.2s ease-in;
    -ms-transition:all 0.2s ease-in;
    -o-transition:all 0.2s ease-in;
	   transition:all 0.2s ease-in;
	-webkit-box-shadow: 0 5px 15px rgba(38,50,56,.15);
          	box-shadow: 0 5px 15px rgba(38,50,56,.15);
}
.keyboard_icon:hover {
	background: url(../images/icon/keyboard.png) no-repeat 0px 0px;
	opacity:0.6;
	-moz-opacity:0.6;　
	filter: alpha(opacity=60); // IE 5-7
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; // IE8
}
.keyboard_icon:active {
	background: url(../images/icon/keyboard.png) no-repeat 0px 0px;
	opacity:0.8;
	-moz-opacity:0.8;　
	filter: alpha(opacity=80); // IE 5-7
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; // IE8
}
.keyboard_icon:focus {outline: none;}*/

/*20170731新修改樣式*/
.keyboard_icon {
	position:absolute;
	z-index:2;
	width:46px;
	height:34px;
	top:12%;
	right:27%;
	border:3px solid #BF0008;
	border-radius:7px;
	background: url(../images/icon/keyboard.png) no-repeat 0px 0px;
	cursor:pointer;
	-webkit-transition:all 0.15s ease-in;
    -moz-transition:all 0.15s ease-in;
    -ms-transition:all 0.15s ease-in;
    -o-transition:all 0.15s ease-in;
	   transition:all 0.15s ease-in;
	-webkit-box-shadow: 0 5px 12px rgba(38,50,56,.55);
          	box-shadow: 0 5px 12px rgba(38,50,56,.55);
}
.keyboard_icon:hover {
	background: url(../images/icon/keyboard.png) no-repeat 0px 0px;
	opacity:0.8;
	-moz-opacity:0.8;　
	filter: alpha(opacity=80); // IE 5-7
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; // IE8
}
.keyboard_icon:active {
	background: url(../images/icon/keyboard.png) no-repeat 0px 0px;
	opacity:0.8;
	-moz-opacity:0.8;　
	filter: alpha(opacity=80); // IE 5-7
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; // IE8
}
.keyboard_icon:focus {
	border-color:rgba(38,50,56,.15);
	outline: 0;
	border:3px solid #9E000C;
	-webkit-box-shadow: /*inset 0 1px 0px rgba(0, 0, 0, 0.075),*/ 0 2px 3px rgba(20, 20, 20, 0.55);
          	box-shadow: /*inset 0 1px 0px rgba(0, 0, 0, 0.075),*/ 0 2px 3px rgba(20, 20, 20, 0.55);
}


/*------鍵盤鍵盤鍵盤鍵盤鍵盤按鈕------*/
#openkey {
	/*width:850px;*/
/*	width:800px;*/
	width:1020px;
/*	height:100px;*/
	height:120px;
	bottom:0px; 
	margin:0 auto;
	margin-top:0px;
}
#openkey table {
	/*width:850px;*/
/*	width:800px;*/
	width:1020px;
/*	height:100px;*/
	height:120px;
	/*border-collapse:collapse;相當於cellspacing="0" 
	border-spacing:0px;
	border: 0px;
	cellpadding:0;*/
	background:rgba(0,0,0, 0.6);
	padding:10px;
	border-radius: 5px;
}
.hide_btn {visibility:hidden}
/*
.keyboard_btn1 {
	font-family: Arial;
	width:68px;
	/*
	height:43px;
	width:64px;
	*/
/*
	height:37px;
	color:#000000;
	font-size:20pt;
	font-weight:bold;
	margin:1px 3px;
	background:#eeeeee;
	border:1px solid #eeeeee;
	text-shadow: 0 1px 0 #ffffff;
	border-radius: 5px;
  -webkit-box-shadow:1px 1px 2px 2px rgba(0%,0%,0%,0.5);
          box-shadow:1px 1px 2px 2px rgba(0%,0%,0%,0.5);
	-webkit-transition:all 0.2s ease-in;
	-moz-transition:all 0.2s ease-in;
	-ms-transition:all 0.2s ease-in;
	-o-transition:all 0.2s ease-in;
	transition:all 0.2s ease-in;
}
.keyboard_btn1:hover {border:1px solid #aaaaaa;background:#E5E5E5;}
.keyboard_btn1:focus {outline: none; border:1px solid #ffffff;}
*/
.back {
	/*width:141px;*/
	width:134px;
}
.bank {
	position:fixed;
	right:20px;
	bottom:50px;
	width:165px;
	height:70px;
	/*box-shadow: 5px 5px 10px rgba(38,50,56,.25);*/
}

.code_name {
	position:fixed;
	left:20px;
	bottom:30px;
	width:150px;
	height:75px;
	/*box-shadow: 5px 5px 10px rgba(38,50,56,.25);*/
}}






@media (min-width: 1024px) and (max-width: 1024px) {
body::-webkit-scrollbar {
      width: 3px;
}
body::-webkit-scrollbar-track {
      background-color:#000000;
} 
body::-webkit-scrollbar-thumb {
	  border-radius:10px;
      background-color:#cccccc;
}
body::-webkit-scrollbar-button {
      background-color:#transparent;
}
body::-webkit-scrollbar-corner {
      background-color:#transparent;
}

/*...紅色登入按鈕...*/
.member_btn {
	font-family:"微軟正黑體";
	display:inline-block;
	width:100%;
	height:48px;
	margin:0px 0;
	margin-top:15px;
	border:1px solid #BF0008;
	border-top:1px solid #750009;
	background:#BF0008;
	color:#ffffff;
	font-size:22px;
	cursor:pointer;
	border-radius: 0px 0px 5px 5px;
	-webkit-transition:all 0.2s ease-in;
    -moz-transition:all 0.2s ease-in;
    -ms-transition:all 0.2s ease-in;
    -o-transition:all 0.2s ease-in;
	   transition:all 0.2s ease-in;
	-webkit-box-shadow:inset 0 5px 15px rgba(0, 0, 0, 0.2);
          	box-shadow:inset 0 5px 15px rgba(0, 0, 0, 0.2);
}
.member_btn:hover {
	border:1px solid #BF0008;
	background:#BF0008;
	color:#cccccc;
}
.member_btn:active {color:#cccccc;border:1px solid #BF0008;background:#BF0008;}
.member_btn:focus {outline: none;}	
	
	
/*------鍵盤鍵盤鍵盤鍵盤鍵盤按鈕------*/
#openkey {
	width:760px;
	height:100px;
	bottom:0px; 
	margin:0 auto;
	margin-top:0px;
}
#openkey table {
	width:760px;
	height:100px;
	background:rgba(0,0,0, 0.6);
	padding:10px;
	border-radius: 5px;
}
.keyboard_btn1 {
	font-family: Arial;
	width:60px;
	height:40px;
	color:#000000;
	font-size:17pt;
	font-weight:bold;
	margin:1px 3px;
	background:#eeeeee;
	border:1px solid #eeeeee;
	text-shadow: 0 1px 0 #ffffff;
	border-radius: 5px;
  -webkit-box-shadow:1px 1px 2px 2px rgba(0%,0%,0%,0.5);
          box-shadow:1px 1px 2px 2px rgba(0%,0%,0%,0.5);
	-webkit-transition:all 0.2s ease-in;
	-moz-transition:all 0.2s ease-in;
	-ms-transition:all 0.2s ease-in;
	-o-transition:all 0.2s ease-in;
	transition:all 0.2s ease-in;
}
.keyboard_btn1:hover {border:1px solid #aaaaaa;background:#E5E5E5;}
.keyboard_btn1:focus {outline: none; border:1px solid #ffffff;}

.bank {
	position:fixed;
	right:20px;
	top:10px;
	width:165px;
	height:70px;
	/*box-shadow: 5px 5px 10px rgba(38,50,56,.25);*/
}
.back {
	width:126px;
}

.code_name {
	position:fixed;
	left:20px;
	bottom:30px;
	width:150px;
	height:75px;
	/*box-shadow: 5px 5px 10px rgba(38,50,56,.25);*/
}}








@media (min-width: 501px) and (max-width: 999px) {
/* 上方空白 */
.space {width:100%;height:20px;}


/* 墨攻即時信託LOGO */
.logo_box {
	width: 380px;
	height: 70px;
	margin: 0 auto;
}
.login_logo{
	width:70%;
	height:auto;
	margin:0 auto;
}
.login_logo img{
	width:100%;
	height:auto;
}



/* 登入資訊 */
#login {
	clear: both;
	width: 380px;
	height:auto;
	min-height: 345px;
	margin: 0 auto;
	padding-top:15px;
    background-color: #fff;
	background:rgba(255, 255, 255, .5);
    box-shadow: 0 10px 20px rgba(38,50,56,.15);
    border-radius: 5px;
}
.login_inner {
    padding: 0 40px;
}
.form {
	float:left;
	width:100%;
	height: auto;
	margin:0 auto;
	margin-top:12px;
	margin-bottom:12px;
}



/* 輸入框樣式 */
.face {background: url(../images/icon/face.png) no-repeat 8px 9px;}
.account {background: url(../images/icon/account.png) no-repeat 8px 9px;}
.lock {background: url(../images/icon/lock.png) no-repeat 8px 9px;}
.code {background: url(../images/icon/code.png) no-repeat 8px 9px;}

.member {
	display: block;
	font-family:"微軟正黑體";
	font-size:18px;
	width: 80%;
	height: 28px;
	padding: 6px 10px;
	padding-left: 50px;
	line-height: 1.52;
	color: #555555;
	vertical-align: middle;
	background-color: #ffffff;
	border: 1px solid #ffffff;
	border-radius: 5px;
	-webkit-transition:all 0.2s ease-in;
    -moz-transition:all 0.2s ease-in;
    -ms-transition:all 0.2s ease-in;
    -o-transition:all 0.2s ease-in;
	   transition:all 0.2s ease-in;
    box-shadow: 0 5px 12px rgba(38,50,56,.15);
}
.member:focus {
	border-color:rgba(38,50,56,.15);
	/*background:rgba(255,255,255, 0.6);*/
	outline: 0;
	-webkit-box-shadow: /*inset 0 1px 0px rgba(0, 0, 0, 0.075),*/ 0 0 3px rgba(20, 20, 20, 0.15);
          	box-shadow: /*inset 0 1px 0px rgba(0, 0, 0, 0.075),*/ 0 0 3px rgba(20, 20, 20, 0.15);
}
.member::-webkit-input-placeholder {
	color: #cccccc;
}
.code {width: 45%;}
.di_in{display: inline;}
.rand-img {
	float:right;
	display: inline;
	height:30px;
	padding-top:6px;
}





/*...紅色登入按鈕...*/
.member_btn {
	font-family:"微軟正黑體";
	display:inline-block;
	width:100%;
	height:52px;
	margin:0px 0;
	margin-top:30px;
	border:1px solid #BF0008;
	border-top:1px solid #750009;
	background:#BF0008;
	color:#ffffff;
	font-size:22px;
	cursor:pointer;
	border-radius: 0px 0px 5px 5px;
	-webkit-transition:all 0.2s ease-in;
    -moz-transition:all 0.2s ease-in;
    -ms-transition:all 0.2s ease-in;
    -o-transition:all 0.2s ease-in;
	   transition:all 0.2s ease-in;
	-webkit-box-shadow:inset 0 5px 15px rgba(0, 0, 0, 0.2);
          	box-shadow:inset 0 5px 15px rgba(0, 0, 0, 0.2);
}
.member_btn:hover {
	border:1px solid #BF0008;
	background:#BF0008;
	color:#cccccc;
}
.member_btn:active {color:#cccccc;border:1px solid #BF0008;background:#BF0008;}
.member_btn:focus {outline: none;}

input {
    -webkit-appearance: none !important;
    -moz-appearance: none;
    appearance: none;  
    -webkit-border-radius:0; 
    border-radius:0;
}


.keyboard_icon {
	display:none;
}


.bank {
	position:fixed;
	right:20px;
	bottom:50px;
	width:165px;
	height:70px;
	/*box-shadow: 5px 5px 10px rgba(38,50,56,.25);*/
}
.code_name {
	position:fixed;
	left:20px;
	bottom:30px;
	width:150px;
	height:75px;
	/*box-shadow: 5px 5px 10px rgba(38,50,56,.25);*/
}


/*------鍵盤鍵盤鍵盤鍵盤鍵盤按鈕------*/
#openkey {
	display:none;
}

/*--footer--*/
#footer{
	position:fixed;
	bottom:0;
}
.m_footer2{
	font-size:12px;
	box-shadow:0px 0px 8px 0px rgba(0, 0, 0, .0);
}
}








@media (min-width: 108px) and (max-width: 500px) {
/* 上方空白 */
.space {width:100%;height:5px;}


/* 墨攻即時信託LOGO */
.logo_box {
	width: 100%;
	height: 70px;
	margin: 0 auto;
	margin-bottom:0px;
}
.login_logo{
	width:300px;
	height:auto;
	margin:0 auto;
}



/* 登入資訊 */
#login {
	clear: both;
	width: 94%;
	height:auto;
	min-height: 350px;
	margin: 0 auto;
	padding-top:20px;
    background-color: #fff;
	background:rgba(255, 255, 255, .5);
    box-shadow: 0 10px 20px rgba(38,50,56,.15);
    border-radius: 5px;
}
.login_inner {
    padding: 0 10%;
}
.form {
	float:left;
	width:100%;
	height: auto;
	margin:0 auto;
	margin-top:14px;
	margin-bottom:14px;
}



/* 輸入框樣式 */
.face {background: url(../images/icon/face.png) no-repeat 8px 9px;}
.account {background: url(../images/icon/account.png) no-repeat 8px 9px;}
.lock {background: url(../images/icon/lock.png) no-repeat 8px 9px;}
.code {background: url(../images/icon/code.png) no-repeat 8px 9px;}

.member {
	display: block;
	font-family:"微軟正黑體";
	font-size:18px;
	width: 78%;
	height: 30px;
	padding: 6px 10px;
	padding-left: 50px;
	line-height: 1.52;
	color: #555555;
	vertical-align: middle;
	background-color: #ffffff;
	border: 1px solid #ffffff;
	border-radius: 5px;
	-webkit-transition:all 0.2s ease-in;
    -moz-transition:all 0.2s ease-in;
    -ms-transition:all 0.2s ease-in;
    -o-transition:all 0.2s ease-in;
	   transition:all 0.2s ease-in;
    box-shadow: 0 5px 15px rgba(38,50,56,.15);
}
.member:focus {
	border-color:rgba(38,50,56,.15);
	/*background:rgba(255,255,255, 0.6);*/
	outline: 0;
	-webkit-box-shadow: /*inset 0 1px 0px rgba(0, 0, 0, 0.075),*/ 0 0 3px rgba(20, 20, 20, 0.15);
          	box-shadow: /*inset 0 1px 0px rgba(0, 0, 0, 0.075),*/ 0 0 3px rgba(20, 20, 20, 0.15);
}
.member::-webkit-input-placeholder {
	color: #cccccc;
}
.code {width: 41%;}
.di_in{display: inline;}
.rand-img {
	float:right;
	display: inline;
	height:30px;
	padding-top:6px;
}





/*...紅色登入按鈕...*/
.member_btn {
	font-family:"微軟正黑體";
	display:inline-block;
	width:100%;
	height:62px;
	margin:0px 0;
	margin-top:30px;
	border:1px solid #BF0008;
	border-top:1px solid #750009;
	background:#BF0008;
	color:#ffffff;
	font-size:22px;
	cursor:pointer;
	border-radius: 0px 0px 5px 5px;
	-webkit-transition:all 0.2s ease-in;
    -moz-transition:all 0.2s ease-in;
    -ms-transition:all 0.2s ease-in;
    -o-transition:all 0.2s ease-in;
	   transition:all 0.2s ease-in;
	-webkit-box-shadow:inset 0 5px 15px rgba(0, 0, 0, 0.2);
          	box-shadow:inset 0 5px 15px rgba(0, 0, 0, 0.2);
}
.member_btn:hover {
	border:1px solid #BF0008;
	background:#BF0008;
	color:#cccccc;
}
.member_btn:active {color:#cccccc;border:1px solid #BF0008;background:#BF0008;}
.member_btn:focus {outline: none;}

input {
    -webkit-appearance: none !important;
    -moz-appearance: none;
    appearance: none;  
    -webkit-border-radius:0; 
    border-radius:0;
}


.keyboard_icon {
	display:none;
}


.bank {
	position:fixed;
	right:7px;
	bottom:40px;
	width:165px;
	height:70px;
	/*box-shadow: 5px 5px 10px rgba(38,50,56,.25);*/
	-moz-transform:scale(0.90);
	-webkit-transform:scale(0.90);
	-o-transform:scale(0.90);
	-ms-transform:scale(0.90);
	transform:scale(0.90);
}
.code_name {
	position:fixed;
	left:20px;
	bottom:15px;
	width:150px;
	height:75px;
	/*box-shadow: 5px 5px 10px rgba(38,50,56,.25);*/
}



/*------鍵盤鍵盤鍵盤鍵盤鍵盤按鈕------*/
#openkey {
	display:none;
}

/*--footer--*/
#footer{
	position:fixed;
	bottom:0;
}
.m_footer2{
	font-size:12px;
	box-shadow:0px 0px 8px 0px rgba(0, 0, 0, .0);
}
}


input[type="image"] {
	text-align:center;
	line-height:52px;
}







/*---20171017新增登入頁LINE Pay Banner---*/
.banner {
	position:fixed;
	right:25px;
	top:30px;
	width:160px;
	height:auto;
}
@media (min-width: 100px) and (max-width: 799px) {
.banner {
	display:none;
}
}
@media (min-width: 1024px) and (max-width: 1024px) {
.banner {
	top:100px;
}}