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

.inner1100 {
        position: relative;
        width:96%;
        padding: 0 2%;
        margin: 0 auto;
        text-align: center;
}

.inner600 {
        position: relative;
        width:95%;
        padding: 0;
        margin: 0 2.5%;
        text-align: center;
}



.loginbgdiv{
        position: relative;
        width: 100%;
        padding: 0;
        margin: 0 auto;
        text-align: center;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	-moz-box-shadow:2px 2px 4px rgba(20%,20%,40%,0.4),6px 6px 12px rgba(20%,20%,40%,0.2);
	-webkit-box-shadow:2px 2px 4px rgba(20%,20%,40%,0.4),6px 6px 12px rgba(20%,20%,40%,0.2);
	box-shadow:2px 2px 4px rgba(20%,20%,40%,0.4),6px 6px 12px rgba(20%,20%,40%,0.2);
	background-image : url(../images/banner.jpg); 
	background-repeat : no-repeat;
	background-position:100% top;
	background-size:100%; 
}


.usermenudiv{
	width:100%;
	height:auto;
	text-align:center;
}

.usermenudiv a{
	color:#333;
	line-height:21px;
	font-size:14px;
	font-weight:700;
	letter-spacing:1px;
	padding: 0 10px 8px 0;
}

.userlogindiv{
	width:94%;
	height:auto;
	text-align:center;
	float:left;	
	margin:1%;	
	padding:2%;
	border:1px solid #f8f8f8;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	background: rgba(253, 253, 253, 0.3);
	-moz-box-shadow:2px 2px 4px rgba(20%,20%,40%,0.4),6px 6px 12px rgba(20%,20%,40%,0.2);
	-webkit-box-shadow:2px 2px 4px rgba(20%,20%,40%,0.4),6px 6px 12px rgba(20%,20%,40%,0.2);
	box-shadow:2px 2px 4px rgba(20%,20%,40%,0.4),6px 6px 12px rgba(20%,20%,40%,0.2);
}

.logindiv2{
	width:100%;
	height:auto;
	text-align:left;	
	margin:0;
	padding: 35px 0 25px 0;
	border:1px solid #fff;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	z-index:99;
	background:#fff;
}


.logintitle2{
	width:80%;
	height:auto;
	text-align:center;	
	margin:0 10% 20px 10%;
	font-size:31px;
	font-weight:700;
	line-height:45px;
	color:#595959;
	letter-spacing:1px;
	border-bottom:1px solid #a8a8a8;	
}

.logindiv2title{
	width:90%;
	height:auto;
	text-align:center;	
	margin:0 5% 20px 5%;
	font-size:18px;
	font-weight:300;
	line-height:38px;
	color:#111;
	letter-spacing:1px;
	border-bottom:1px solid #eee;
}

.logintitle{
	width:25%;
	margin:0 5% 0 0;
	float:left;
	font-size:14px;
	font-weight:300;
	color:#111;
	line-height: 35px;
	letter-spacing:3px;
	text-align:right;
}

.logintitle span{font-size:9px;}

.logintxt{
	width:70%;
	float:left;
	font-size:18px;
	font-weight:300;
	color:#111;
	line-height: 35px;
	letter-spacing:2px;
}

.loginformbutton{
	width:100%;
	line-height: 40px;
	margin: 5px 0;
	padding: 0;
	text-align:center;
}

.inputpsiddl{
	width:auto;
	border:1px solid #a8a8a8; 
	background: #ffffff; 
	padding: 2px; 
	margin:5px 0;
	font-size:14px;
	font-weight:300;
	line-height:25px;
	letter-spacing:1px;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.inputpsi{
	width:80%;
	border:1px solid #a8a8a8; 
	background: #ffffff; 
	padding: 2px; 
	margin:5px 0;
	font-size:14px;
	font-weight:300;
	line-height:25px;
	letter-spacing:1px;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.inputpsi120px{
	width:120px;
	border:1px solid #a8a8a8; 
	background: #ffffff; 
	padding: 2px; 
	margin:5px 0;
	font-size:14px;
	font-weight:300;
	line-height:25px;
	letter-spacing:1px;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.inputpsi40p{
	width:90%;
	border:1px solid #a8a8a8; 
	background: #ffffff; 
	padding: 2px; 
	margin:5px 0;
	font-size:14px;
	font-weight:300;
	line-height:25px;
	letter-spacing:1px;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.inputpsi50p{
	width:50%;
	border:1px solid #a8a8a8; 
	background: #ffffff; 
	padding: 2px; 
	margin:5px 0;
	font-size:14px;
	font-weight:300;
	line-height:25px;
	letter-spacing:1px;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;
	border-radius: 5px;
}


.logincontactdiv{
	width:60%;
	height:auto;
	padding:0; 
	margin:60px 20%;
	font-size:14px;
	font-weight:300;
	color:#595959;
	line-height: 28px;
	letter-spacing:1px;
	text-align:left;
}


.loginfoot{
	width:100%;
	height:auto;
	padding:10px 0 0 0; 
	margin:60px 0 0 0;
	font-size:14px;
	font-weight:300;
	color:#595959;
	line-height: 28px;
	letter-spacing:1px;
	text-align:center;
}

.logingotop{
	margin-top:-80px;
	z-index:9999;
}


.usermdiv{
	width:94%;
	height:auto;
	text-align:center;	
	margin:1%;	
	padding:2%;
	border:1px solid #fff;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	background: rgba(253, 253, 253, 0.3);
	-moz-box-shadow:2px 2px 4px rgba(20%,20%,40%,0.4),6px 6px 12px rgba(20%,20%,40%,0.2);
	-webkit-box-shadow:2px 2px 4px rgba(20%,20%,40%,0.4),6px 6px 12px rgba(20%,20%,40%,0.2);
	box-shadow:2px 2px 4px rgba(20%,20%,40%,0.4),6px 6px 12px rgba(20%,20%,40%,0.2);
}

}

/*web版*/
@media only screen and (min-width:768px){

.loginbgdiv{
        position: relative;
        width: 1200px;
	min-height:600px;
        padding: 0;
        margin: 0 auto;
        text-align: center;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	-moz-box-shadow:2px 2px 4px rgba(20%,20%,40%,0.4),6px 6px 12px rgba(20%,20%,40%,0.2);
	-webkit-box-shadow:2px 2px 4px rgba(20%,20%,40%,0.4),6px 6px 12px rgba(20%,20%,40%,0.2);
	box-shadow:2px 2px 4px rgba(20%,20%,40%,0.4),6px 6px 12px rgba(20%,20%,40%,0.2);
	background-image : url(../images/banner.jpg); 
	background-repeat : no-repeat;
	background-position:100% top;
	background-size:100%; 
}

.inner1100 {
        position: relative;
        width: 1100px;
        padding: 0;
        margin: 0 auto;
        text-align: center;
}

.inner600 {
        position: relative;
        width: 600px;
        padding: 0;
        margin: 0 auto;
        text-align: center;
}


.usermenudiv{
	width:15%;
	height:auto;
	margin:40px 0 0 0;
	text-align:center;
	float:left;
}

.usermenudiv a{
	display:block;
	color:#3C1601;
	line-height:24px;
	font-size:16px;
	font-weight:700;
	letter-spacing:1px;
	padding:0 0 10px 0;
	margin:0 0 10px 00;
	border-bottom:1px solid #ccc;
}

.usermenudiv a:hover{
	color:#715d54;
}

.userlogindiv{
	width:79%;
	height:auto;
	text-align:center;	
	float:left;
	margin:20px 0 0 2%;	
	padding:1%;
	border:1px solid #595959;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	background: rgba(253, 253, 253, 0.3);
	-moz-box-shadow:2px 2px 4px rgba(20%,20%,40%,0.4),6px 6px 12px rgba(20%,20%,40%,0.2);
	-webkit-box-shadow:2px 2px 4px rgba(20%,20%,40%,0.4),6px 6px 12px rgba(20%,20%,40%,0.2);
	box-shadow:2px 2px 4px rgba(20%,20%,40%,0.4),6px 6px 12px rgba(20%,20%,40%,0.2);
}

.logindiv2{
	width:100%;
	height:auto;
	text-align:left;	
	margin:0;
	padding: 35px 0 25px 0;
	border:1px solid #fff;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	z-index:99;
	background:#fff;
}


.logintitle2{
	width:80%;
	height:auto;
	text-align:center;	
	margin:0 10% 20px 10%;
	font-size:22px;
	font-weight:700;
	line-height:31px;
	color:#595959;
	letter-spacing:1px;
	border-bottom:1px solid #efefef;	
}

.logindiv2title{
	width:90%;
	height:auto;
	text-align:center;	
	margin:0 5% 20px 5%;
	font-size:18px;
	font-weight:300;
	line-height:38px;
	color:#111;
	letter-spacing:1px;
	border-bottom:1px solid #eee;
}


.logintmpdiv{
	width:140px;
	height:auto;
	text-align:center;	
	margin:0 1px -2px 0;
	font-size:16px;
	font-weight:700;
	line-height:38px;
	color:#ec6100;
	letter-spacing:1px;
	float:left;
	border-top:2px solid #ec6100;
	border-left:2px solid #ec6100;
	border-right:2px solid #ec6100;
	border-bottom:2px solid #fff;
	border-radius:0 8px 0 0;
	-moz-border-radius:0 8px 0 0;
	-webkit-border-radius:0 8px 0 0;
	z-index:100;	
}

.logintmpdiv2{
	width:140px;
	height:auto;
	text-align:center;	
	margin:0 1px -2px 0;
	font-size:16px;
	font-weight:300;
	line-height:38px;
	color:#fff;
	letter-spacing:1px;
	float:left;
	border-top:2px solid #ec6100;
	border-left:2px solid #ec6100;
	border-right:2px solid #ec6100;
	border-bottom:2px solid #fff;
	border-radius:0 8px 0 0;
	-moz-border-radius:0 8px 0 0;
	-webkit-border-radius:0 8px 0 0;
	background-color:#ec6100;
	z-index:100;
}

.logintitle{
	width:25%;
	margin:0 5% 0 0;
	float:left;
	font-size:18px;
	font-weight:300;
	color:#111;
	line-height: 35px;
	letter-spacing:3px;
	text-align:right;
}

.logintitle span{font-size:9px;}

.logintxt{
	width:70%;
	float:left;
	font-size:18px;
	font-weight:300;
	color:#111;
	line-height: 35px;
	letter-spacing:2px;
}

.loginformbutton{
	width:100%;
	line-height: 40px;
	margin: 5px 0;
	padding: 0;
	text-align:center;
}

.inputpsiddl{
	width:auto;
	border:1px solid #a8a8a8; 
	background: #ffffff; 
	padding: 2px; 
	margin:5px 0;
	font-size:14px;
	font-weight:300;
	line-height:25px;
	letter-spacing:1px;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.inputpsi{
	width:80%;
	border:1px solid #a8a8a8; 
	background: #ffffff; 
	padding: 2px; 
	margin:5px 0;
	font-size:14px;
	font-weight:300;
	line-height:25px;
	letter-spacing:1px;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.inputpsi120px{
	width:120px;
	border:1px solid #a8a8a8; 
	background: #ffffff; 
	padding: 2px; 
	margin:5px 0;
	font-size:14px;
	font-weight:300;
	line-height:25px;
	letter-spacing:1px;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.inputpsi40p{
	width:40%;
	border:1px solid #a8a8a8; 
	background: #ffffff; 
	padding: 2px; 
	margin:5px 0;
	font-size:14px;
	font-weight:300;
	line-height:25px;
	letter-spacing:1px;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.inputpsi50p{
	width:50%;
	border:1px solid #a8a8a8; 
	background: #ffffff; 
	padding: 2px; 
	margin:5px 0;
	font-size:14px;
	font-weight:300;
	line-height:25px;
	letter-spacing:1px;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;
	border-radius: 5px;
}


.logincontactdiv{
	width:60%;
	height:auto;
	padding:0; 
	margin:60px 20%;
	font-size:14px;
	font-weight:300;
	color:#fff;
	line-height: 28px;
	letter-spacing:1px;
	text-align:left;
}


.loginfoot{
	width:100%;
	height:auto;
	padding:10px 0 0 0; 
	margin:60px 0 0 0;
	font-size:14px;
	font-weight:700;
	color:#333;
	line-height: 28px;
	letter-spacing:1px;
	text-align:center;
}

.logingotop{
	margin-top:-250px;
	z-index:9999;
}

.usermdiv{
	width:96%;
	height:auto;
	text-align:center;	
	margin:20px 0 0 0;	
	padding:2%;
	border:1px solid #595959;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	background: rgba(253, 253, 253, 0.3);
	-moz-box-shadow:2px 2px 4px rgba(20%,20%,40%,0.4),6px 6px 12px rgba(20%,20%,40%,0.2);
	-webkit-box-shadow:2px 2px 4px rgba(20%,20%,40%,0.4),6px 6px 12px rgba(20%,20%,40%,0.2);
	box-shadow:2px 2px 4px rgba(20%,20%,40%,0.4),6px 6px 12px rgba(20%,20%,40%,0.2);
}

}


.logintxt span{color:#c00000;}


/* 橘色按鈕 */

.buttonpsi {
	width:120px;
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 2px 2px;

	font-size:16px;
	font-weight:700;
	color:#fff;

	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;

	padding: 6px 12px;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;
	border-radius: 5px;

border: 0;
background: #feccb1;
background: -moz-linear-gradient(top,  #feef33 0%, #f9c100 50%, #f6ae00 51%, #f18c00 100%); 
background: -webkit-linear-gradient(top,  #feef33 0%,#f9c100 50%,#f6ae00 51%,#f18c00 100%); 
background: linear-gradient(to bottom,  #feef33 0%,#f9c100 50%,#f6ae00 51%,#f18c00 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feef33', endColorstr='#f18c00',GradientType=0 ); 

	
}
.buttonpsi:hover {
	color: #fff;
	text-decoration: none;
	border: 0;

background: #feccb1;
background: -moz-linear-gradient(top,  #f88e11 0%, #f9c100 50%, #f9c100 51%, #f88e11 100%); 
background: -webkit-linear-gradient(top,  #f88e11 0%,#f9c100 50%,#f9c100 51%,#f88e11 100%); 
background: linear-gradient(to bottom,  #f88e11 0%,#f9c100 50%,#f9c100 51%,#f88e11 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f88e11', endColorstr='#f88e11',GradientType=0 ); 



}
.buttonpsi:active {
	position: relative;
	top: 1px;
	color: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
	background: -moz-linear-gradient(top,  #f47a20,  #faa51a);

}


/* 藍色按鈕 */

.buttonpsi2 {
	width:120px;
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 2px 2px;

	font-size:16px;
	font-weight:700;
	color:#fff;

	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;

	padding: 6px 12px;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;
	border-radius: 5px;

border: 0;
background: #feccb1;
background: -moz-linear-gradient(top,  #98d7f6 0%, #5a94c9 50%, #4d8eca 51%, #2f7abe 100%); 
background: -webkit-linear-gradient(top,  #98d7f6 0%,#5a94c9 50%,#4d8eca 51%,#2f7abe 100%); 
background: linear-gradient(to bottom,  #98d7f6 0%,#5a94c9 50%,#4d8eca 51%,#2f7abe 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#98d7f6', endColorstr='#f18c00',GradientType=0 ); 

	
}
.buttonpsi2:hover {
	color: #fff;
	text-decoration: none;
	border: 0;

background: #feccb1;
background: -moz-linear-gradient(top,  #2f7abe 0%, #5a94c9 50%, #5a94c9 51%, #2f7abe 100%); 
background: -webkit-linear-gradient(top,  #2f7abe 0%,#5a94c9 50%,#5a94c9 51%,#2f7abe 100%); 
background: linear-gradient(to bottom,  #2f7abe0%,#5a94c9 50%,#5a94c9 51%,#2f7abe 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f7abe', endColorstr='#2f7abe',GradientType=0 ); 



}
.buttonpsi2:active {
	position: relative;
	top: 1px;
	color: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#2f7abe), to(#5a94c9));
	background: -moz-linear-gradient(top,  #2f7abe,  #5a94c9);

}



/* 綠色按鈕 */

.buttonpsi3 {
	width:120px;
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 2px 2px;

	font-size:16px;
	font-weight:700;
	color:#fff;

	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;

	padding: 6px 12px;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;
	border-radius: 5px;

border: 0;
background: #feccb1;
background: -moz-linear-gradient(top,  #a7db75 0%, #7eb647 50%, #77b040 51%, #649d2d 100%); 
background: -webkit-linear-gradient(top,  #a7db75 0%,#7eb647 50%,#77b040 51%,#649d2d 100%); 
background: linear-gradient(to bottom,  #a7db75 0%,#7eb647 50%,#77b040 51%,#649d2d 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a7db75', endColorstr='#649d2d',GradientType=0 ); 

	
}
.buttonpsi3:hover {
	color: #fff;
	text-decoration: none;
	border: 0;

background: #feccb1;
background: -moz-linear-gradient(top,  #649d2d 0%, #77b040 50%, #77b040 51%, #649d2d 100%); 
background: -webkit-linear-gradient(top,  #649d2d 0%,#77b040 50%,#77b040 51%,#649d2d 100%); 
background: linear-gradient(to bottom,  #649d2d 0%,#77b040 50%,#77b040 51%,#649d2d 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#649d2d', endColorstr='#649d2d',GradientType=0 ); 



}
.buttonpsi3:active {
	position: relative;
	top: 1px;
	color: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#649d2d), to(#77b040));
	background: -moz-linear-gradient(top,  #649d2d,  #77b040);

}




/* 灰色按鈕 */

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



.buttonpsi4 {
	width:100px;
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 2px 2px;

	font-size:13px;
	font-weight:700;
	color:#fff;

	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;

	padding: 6px 12px;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;
	border-radius: 5px;

border: 0;
background: #888;
background: -moz-linear-gradient(top,  #ccc 0%, #b8b8b8b 50%, #a8a8a8 51%, #888 100%); 
background: -webkit-linear-gradient(top,  #ccc 0%,#b8b8b8 50%,#a8a8a8 51%,#888 100%); 
background: linear-gradient(to bottom,  #ccc 0%,#b8b8b8 50%,#a8a8a8 51%,#888 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccc', endColorstr='#888',GradientType=0 ); 

	
}
.buttonpsi4:hover {
	color: #fff;
	text-decoration: none;
	border: 0;

background: #feccb1;
background: -moz-linear-gradient(top,  #888 0%, #a8a8a8 50%, #a8a8a8 51%, #888 100%); 
background: -webkit-linear-gradient(top,  #888 0%,#a8a8a8 50%,#a8a8a8 51%,#888 100%); 
background: linear-gradient(to bottom,  #888 0%,#a8a8a8 50%,#a8a8a8 51%,#888 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#888', endColorstr='#888',GradientType=0 ); 



}
.buttonpsi4:active {
	position: relative;
	top: 1px;
	color: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#ccc));
	background: -moz-linear-gradient(top,  #888,  #ccc);

}



}

@media only screen and (min-width:768px){



.buttonpsi4 {
	width:120px;
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 2px 2px;

	font-size:16px;
	font-weight:700;
	color:#fff;

	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;

	padding: 6px 12px;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;
	border-radius: 5px;

border: 0;
background: #888;
background: -moz-linear-gradient(top,  #ccc 0%, #b8b8b8b 50%, #a8a8a8 51%, #888 100%); 
background: -webkit-linear-gradient(top,  #ccc 0%,#b8b8b8 50%,#a8a8a8 51%,#888 100%); 
background: linear-gradient(to bottom,  #ccc 0%,#b8b8b8 50%,#a8a8a8 51%,#888 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccc', endColorstr='#888',GradientType=0 ); 

	
}
.buttonpsi4:hover {
	color: #fff;
	text-decoration: none;
	border: 0;

background: #feccb1;
background: -moz-linear-gradient(top,  #888 0%, #a8a8a8 50%, #a8a8a8 51%, #888 100%); 
background: -webkit-linear-gradient(top,  #888 0%,#a8a8a8 50%,#a8a8a8 51%,#888 100%); 
background: linear-gradient(to bottom,  #888 0%,#a8a8a8 50%,#a8a8a8 51%,#888 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#888', endColorstr='#888',GradientType=0 ); 



}
.buttonpsi4:active {
	position: relative;
	top: 1px;
	color: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#ccc));
	background: -moz-linear-gradient(top,  #888,  #ccc);

}



}




/* 桃紅色按鈕 */

.buttonpsi5 {
	width:120px;
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 2px 2px;

	font-size:16px;
	font-weight:700;
	color:#fff;

	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;

	padding: 6px 12px;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;
	border-radius: 5px;

border: 0;
background: #dd137b;
background: -moz-linear-gradient(top,  #ea9dc5 0%, #e789b9 50%, #ea7eb5 51%, #dd137b 100%); 
background: -webkit-linear-gradient(top,  #ea9dc5 0%,#e789b9 50%,#ea7eb5 51%,#dd137b 100%); 
background: linear-gradient(to bottom,  #ea9dc5 0%,#e789b9 50%,#ea7eb5 51%,#dd137b 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea9dc5', endColorstr='#dd137b',GradientType=0 ); 

	
}
.buttonpsi5:hover {
	color: #fff;
	text-decoration: none;
	border: 0;

background: #dd137b;
background: -moz-linear-gradient(top,  #dd137b 0%, #ea7eb5 50%, #ea7eb5 51%, #dd137b 100%); 
background: -webkit-linear-gradient(top,  #dd137b 0%,#ea7eb5 50%,#ea7eb5 51%,#dd137b 100%); 
background: linear-gradient(to bottom,  #dd137b 0%,#ea7eb5 50%,#ea7eb5 51%,#dd137b 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dd137b', endColorstr='dd137b',GradientType=0 ); 



}
.buttonpsi5:active {
	position: relative;
	top: 1px;
	color: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#dd137b), to(#faa51a));
	background: -moz-linear-gradient(top,  #dd137b,  #faa51a);

}



/* 查詢按鈕 小深灰 */

.buttonpsi9 {
	width:auto;
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 2px 2px;

	font-size:13px;
	font-weight:700;
	color:#fff;

	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;

	padding: 5px 10px;
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px;
	border-radius: 3px;

border: 0;
background: #feccb1;
background: -moz-linear-gradient(top,  #a8a8a8 0%, #8a8a8a 50%, #7a7a7a 51%, #595959 100%); 
background: -webkit-linear-gradient(top,  #a8a8a8 0%,#8a8a8a 50%,#7a7a7a 51%,#595959 100%); 
background: linear-gradient(to bottom,  #a8a8a8 0%,#8a8a8a 50%,#7a7a7a 51%,#595959 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feef33', endColorstr='#595959',GradientType=0 ); 

	
}
.buttonpsi9:hover {
	color: #fff;
	text-decoration: none;
	border: 0;

background: #595959;
background: -moz-linear-gradient(top,  #595959 0%, #a8a8a8 50%, #a8a8a8 51%, #595959 100%); 
background: -webkit-linear-gradient(top,  #595959 0%,#a8a8a8 50%,#a8a8a8 51%,#595959 100%); 
background: linear-gradient(to bottom,  #595959 0%,#a8a8a8 50%,#a8a8a8 51%,#595959 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#595959', endColorstr='#595959',GradientType=0 ); 



}
.buttonpsi9:active {
	position: relative;
	top: 1px;
	color: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#a8a8a8), to(#595959));
	background: -moz-linear-gradient(top,  #a8a8a8,  #595959);

}