#LOGIN .LOG_t01{
	font-size:1.1em;
	line-height:1.6em;}
#LOGIN .LOG_t02{
	font-size:1.3em;
	line-height:1.6em;}
#LOGIN .LOG_t03{
	font-size:1em;
	line-height:1.6em;}
#LOGIN .LOG_t04{
	font-size:0.9em;
	line-height:1.6em;}

#LOGIN .LOG_RED{
	color: #cc0000;}

#LOGIN .LOG_BL{
	color: #333;}

#LOGIN .LOG_BROWN{
	color: #982000;}

#LOGIN .LOG_PURPLE{
	color:#6b03aa;}

#LOGIN .LOG_BLUE{
		color:#0084ff;
		text-decoration: none;
		}
		
/*消失區*/

/*消失區尾*/

.MOBILE #LOGIN{
	width:100%;
	height:auto;
	/* overflow:hidden; */
	box-sizing: border-box;
	-webkit-box-sizing:border-box;
  box-sizing:border-box;
	-webkit-text-size-adjust:none;
	text-decoration:none;
	font-family:Arial, Helvetica, "微軟正黑體", sans-serif;
	}

.PC #LOGIN{
    width:100%;
    height:auto;
    /* overflow:hidden; */
    box-sizing: border-box;
    -webkit-box-sizing:border-box;
  box-sizing:border-box;
    -webkit-text-size-adjust:none;
    text-decoration:none;
    font-family:Arial, Helvetica, "微軟正黑體", sans-serif;
    margin-top: 5%;
    }


/*==============大標項目==============*/	
#LOGIN .LOG_TITLE{
	width: 100%;
	height: 55px;
	margin-bottom: 10px;
	border-bottom:2px solid #6b03aa;
}
	.PC #LOGIN .LOG_TITLE{
		padding: 0 5% 0 5%;
	}
#LOGIN .LOG_TITLE h2{
	float: left;
	height: 55px;
	line-height: 55px;
	font-size:1.5em;
	color:#6b03aa;
	padding-top: 5px;
	}

#LOGIN .LOG_TITLE p{
	float:right;
	height: 30px;
	padding-top: 25px;
	}

#LOGIN .LOG_TITLE02{
	width: 100%;
	height: 26px;
	background-image:url(../images/login/l_bg.jpg);
	background-repeat: repeat-x;
	background-position: center center;
	background-size: 1px 1px;
	margin-top: 20px;
	}

	#LOGIN .LOG_TITLE02 p{
		width:215px;
		height: 26px;
		margin: 0 auto;
		background-color: #fff;

		}

/*==============整體項目==============*/	


/*==============整體按鈕==============*/			
#LOGIN .BT{
	clear: both;
	width:100%;
	height: 50px;
	margin: 8px auto;
	}
		
	#LOGIN .BT ul{
		width:100%;
		height: 50px;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		flex-wrap: wrap;
		}

	#LOGIN .BT li{
		width:32%;
		height:50px;
		}
		.PC #LOGIN .BT li:nth-child(3){
			display: block;
			}
		.PC #LOGIN .BT li:nth-child(4){
			display: none;
			}

		#LOGIN .BT a{
			display:block;
			width:100%;
			height:50px;
			line-height:50px;
			color:#fff;
			font-size:1em;
			text-align:center;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			border-radius: 5px;
			text-decoration: none;
			}

		#LOGIN a.FB{ background-color:#1877f2;}
		#LOGIN a.GOOGLE{ background-color:#ea4335;}
		#LOGIN a.LINE{ background-color:#00b800;}
		#LOGIN a.YAHOO{ background-color:#5f01d1;}
		#LOGIN a.CIC108{ background-color:#6b03aa;color:#fff;font-size:1.3em; font-weight: bold;}

		#LOGIN .BT .BT_ICON{
			display:inline-block;
			width:25px;
			height:25px;
			background-size:25px 25px;
			background-repeat:no-repeat;
			margin-bottom:-6px;
			margin-right:3px;}

		#LOGIN .BT_G{
			clear: both;
			width:100%;
			height:50px;
			line-height:50px;
			color:#c1c1c1;
			font-size:1.3em;
			font-weight: bold;
			text-align:center;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			border-radius: 5px;
			background-color: #eeeeee;
			}
/*==============整體按鈕end==============*/		


/*===============項目列表資料======================*/	
#LOGIN .INFO{
	width:100%;
	margin:0 auto;
	overflow:hidden;
	margin-top:8px;
}

#LOGIN .INFO ul{
	width:100%;
	height: auto;
	overflow: hidden;
	}
	
#LOGIN .INFO li.WTH{
	clear: both;
	width: 100%;
	/* height: 45px; */
	list-style: none;
	white-space: nowrap;
	}

/*=====================================*/	
#LOGIN .INFO li.WTH02:nth-child(1){
	clear: both;
	float: left;
	width:65%;
	}
#LOGIN .INFO li.WTH02:nth-child(2){
	float: left;
	width:33.3%;
	}


#LOGIN .PHONE_BT{/*手機驗證按鈕*/
	width:100%;
	height:40px;
	margin-left: 4%;
	}
	
	#LOGIN .PHONE_BT a{
			display:block;
			width:100%;
			height:40px;
			font-size: 1em;
			color:#6b03aa;
			text-align:center;
			line-height:40px;
			background-color: #f0d8ff;
			border:1px solid #e2b3ff;
			-webkit-border-radius: 5px;
			border-radius: 5px;
			-webkit-box-sizing:border-box;
		  box-sizing:border-box;
			text-decoration: none;
		}

#LOGIN  .QUM{
	width:90px;
	float:right;
	}
#LOGIN  .QUM a{
	display:block;
	width:90px;
	height:30px;
	background-repeat:no-repeat;
	background-size:18px 18px;
	background-position:left 3px;
	background-image:url(../images/login/exc_icon.png);
	padding-left:20px;
	text-decoration: none;
	}	
/*===============項目列表資料end=====================*/


/*===============注意事項列表======================*/	
#LOGIN .pq_LIST_NUM{
	list-style: decimal;
	list-style-position: outside;
	margin-left:20px;
}	
/*===============注意事項列表end======================*/		


.MOBILE #LOGIN .LOG_TITLE{
	padding: 0 2.5% 0 2.5%;
}

/*===============以下是手機版======================*/	
	
.MOBILE #LOGIN .COM01{
	width:100%;
	height:auto;
	overflow: hidden;
	margin:0 auto;
	background-image:none;
	background-color: #fff;
	background-position: none;
	background-repeat:none;
	}
			
	.MOBILE #LOGIN .LOG_BOX{
		width:100%;
		height:auto;
		overflow: hidden;
		background-color: #fff;
		}
	
	.MOBILE #LOGIN .COM02{
		width:100%;
		height:auto;
		overflow: hidden;
		margin:0 auto;
		border-radius:10px; 
		margin-bottom: 50px;
		
		}

	.MOBILE #LOGIN .COM03{
		width:95%;
		height: auto;
		overflow: hidden;
		margin:10px auto;
		border-radius:10px; 
		padding: 2%;
		background-color: #fbf5ff;
		border:1px solid #f0d8ff;
		-webkit-box-sizing:border-box;
	  box-sizing:border-box;
		}

		
	.MOBILE #LOGIN .COM04{
		width:100%;
		height:auto;
		overflow: hidden;
		margin:10px auto;
		border-radius:10px; 
		padding: 10px;
		background-color: #f5f5f5;
		-webkit-box-sizing:border-box;
	  box-sizing:border-box;
		}


		.MOBILE #LOGIN .CON_IN{
			width:95%;
			height: auto;
			overflow: hidden;
			margin: 0 auto;
			margin-top: 10px;
			margin-bottom: 20px;
			}

		.MOBILE #LOGIN .REG_BOX{
			width:100%;
			height:auto;
			overflow: hidden;
			background-color: #fff;
			}

/*==============整體項目==============*/	

/*==============整體按鈕==============*/		
.MOBILE #LOGIN .BT li:nth-child(3){
	display: none;
}
.MOBILE #LOGIN .BT li:nth-child(4){
	display: block;
}

/*==============整體按鈕end==============*/		
    
.PC #LOGIN .COM01{
    width:100%;
    height:auto;
    overflow: hidden;
    margin:0 auto;
    background-image:none;
    background-color: #fff;
    background-position: none;
    background-repeat:none;
    }
            
    .PC #LOGIN .LOG_BOX{
        width:100%;
        height:auto;
        overflow: hidden;
        background-color: #fff;
        }
    
    .PC #LOGIN .COM02{
        width:100%;
        height:auto;
        overflow: hidden;
        margin:0 auto;
        border-radius:10px; 
        margin-bottom: 50px;
        
        }

    .PC #LOGIN .COM03{
        width:95%;
        height: auto;
        overflow: hidden;
        margin:60px auto;
        border-radius:10px; 
        padding: 2%;
        background-color: #fbf5ff;
        border:1px solid #f0d8ff;
        -webkit-box-sizing:border-box;
      box-sizing:border-box;
        }

        
    .PC #LOGIN .COM04{
        width:100%;
        height:auto;
        overflow: hidden;
        margin:10px auto;
        border-radius:10px; 
        padding: 10px;
        background-color: #f5f5f5;
        -webkit-box-sizing:border-box;
      box-sizing:border-box;
        }


        .PC #LOGIN .CON_IN{
            width:95%;
            height: auto;
            overflow: hidden;
            margin: 0 auto;
            margin-top: 10px;
            margin-bottom: 20px;
            }

        .PC #LOGIN .REG_BOX{
            width:100%;
            height:auto;
            overflow: hidden;
            background-color: #fff;
            }

/*==============整體項目==============*/    

/*==============整體按鈕==============*/        
.PC #LOGIN .BT li:nth-child(3){
    display: none;
}
.PC #LOGIN .BT li:nth-child(4){
    display: block;
}

/*==============整體按鈕end==============*/