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


/*列表*/

.LIST{  list-style:none; padding:0; margin:0; line-height:150%; }

.LIST>li{ padding-top:8px; padding-bottom:8px;  clear:both; overflow:auto;}
.LIST>li:last-child{ border:none;}

.LIST>li .LIST_LEFT{display:block; float:left; margin-right:10px; font-weight:bold; color:#686868;}

.LIST>li .LIST_RIGHT{display:block;  overflow:auto;}

.TABLE2 input,
.LIST>li input[type='password'],
.LIST>li input[type='text'],
.LIST>li textarea,
.LIST>li select{padding:4px 0;   background:#fff; border:1px solid #ccc; font-size:medium; font-family: "微軟正黑體"; font-size:13px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;

}

.LIST>li input[type='password'],
.LIST>li input[type='text'],
.LIST>li textarea{width:97%; padding-left:1%;  padding-right:1%;}

.LIST>li a{ color:#063; text-decoration:none;}

.WIDTH_NORMAL,
.LIST>li input[type='text'].WIDTH_NORMAL,
.LIST>li input[type='password'].WIDTH_NORMAL,
.LIST>li textarea.WIDTH_NORMAL{ width:auto;}






/*表格*/
.TAB { width:100%; margin:0 auto; border:1px solid #ccc; font-size: 13px;}
.TAB th,
.TAB td{ background:#fff; color: #333;}


.TAB th {
	padding:10px ;font-weight: bold; color:#333;
	background: #dddddd;
	text-align: center;
	border-bottom: 4px solid #cfcfcf;
	border-right: 1px solid #FFF;
}
.TAB th:last-child{
	border-right:none;
}

.TAB td {padding:10px;
	text-align: center;
	/*border-bottom:1px solid #BFBFBF;*/
	border-bottom: 1px #ccc dashed;
}
.TAB td a{display:inline-block; text-decoration:none; color:#0033CC}
.TAB td a:hover{ color:#CC0066;}

.TAB .TAB_BG{ background:#ddd;}

.TAB .ALIGN_LEFT{ text-align:left;}
.TAB .ALIGN_RIGHT{ text-align:right;}
.TAB .ALIGN_CENTER{ text-align:center;}


.TAB2 {margin:0; border:1px solid #ccc; font-size: 13px;}
.TAB2 td {padding:5px 10px;
	text-align: center;
	border-right:1px solid #ccc;
	color: #333;	
}
.TAB td:last-child{
	border-right:none;
}
.TAB2 .ALIGN_LEFT{ text-align:left;}
.TAB2 .ALIGN_RIGHT{ text-align:right;}
.TAB2 .ALIGN_CENTER{ text-align:center;}


/*區塊*/
.BOX{background:#fff; border:1px solid #ddd; padding:20px; margin-bottom:40px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
}

.MEMBER_TITLE,
.BOX_TITLE{ margin:0; margin-bottom:20px; padding-bottom:10px; padding-left:34px; background: url(../images/training/title_icon.gif) no-repeat #fff; color:#858585; font-size:20px; font-weight:normal; border-bottom:1px solid #eee; font-family:"微軟正黑體";}
.BOX_CONTENT {  padding:10px; color:#555; line-height:150%;}


/*左右區塊*/
.LEFT_30{ width:33%;  float:left; _display:inline;}
.RIGHT_70{ width:64%; float:right;_display:inline; }

.LEFT_40{ width:40%;   float:left; _display:inline;}
.RIGHT_60{ width:56%; float:right;_display:inline; }

.LEFT_20{ width:20%;  float:left; _display:inline;}
.RIGHT_80{ width:78%; float:right;_display:inline;}

.LEFT_70{ width:64%;  float:left; _display:inline;}
.RIGHT_30{ width:33%; float:right;_display:inline;}

.LEFT_50{ float:left; width:48%;}
.RIGHT_50{ float:right; width:48%;}


/*---------------------------------------------------------------------------------*/

/*清除浮動*/
.CLEAR{ clear:both;}

/*文字顏色*/
.WHITE{ color:#FFF;}

.IMPORTANT_TEXT,
.RED{ color:#bd1615;}

.MONEY{ font-weight:bold; color:#d34a8b;}
.ORANGE{ color:#F90;}
.GREEN{ color:#093;}
.BLUE{ color:#09C}
.PINK{ color:#FCC;}
.YELLOW{ color:#FF0;}


/*文字大小*/
.FONT_SIZE13{ font-size:13px;}
.FONT_SMALL{ font-size:small; }

/*浮動*/
.FLOAT_LEFT{ float:left;}
.FLOAT_RIGHT{ float:RIGHT;}
.FLOAT_LEFT_IMG{ float:left; margin-right:20px;}
.FLOAT_RIGHT_IMG{ float:RIGHT;margin-left:20px;}

/*線條*/
.LIST_BORDER>li,
.BORDER_BOTTOM{ border-bottom:1px solid #eee;}

.BORDER_TOP{ border-top:1px solid #ccc;}
.BORDER_RIGHT{ border-right:1px solid #ccc;}
.BORDER_LEFT{ border-left:1px solid #ccc;}

.BORDER_NONE{ border:none !important;}

/*對齊*/
.ALIGN_CENTER{ text-align:center;}
.ALIGN_LIFE{ text-align:left;}
.ALIGN_RIGHT{ text-align:right !important; }
.ALIGN_MIDDLE{ vertical-align:middle}

.ALIGN_MIDDLE{ vertical-align:middle;}

/*間距*/
.MARGIN_AUTO{ margin:0 auto;}
.MARGIN_BOTTOM10{ margin-bottom:10px;}
.PADDING_BOTTOM10 a{ text-decoration:none;color:#0c80b0;}
.PADDING_BOTTOM10 a:hover{ color:#f99310;}
.MARGIN_BOTTOM20{ margin-bottom:20px;}

.PADDING10{ padding:10px !important;}
.PADDING20{ padding:20px !important;}

.PADDING_TOP10{ padding-top:10px;}
.PADDING_TOP20{ padding-top:20px;}
.PADDING_TOP40{ padding-top:40px;}

.PADDING_BOTTOM10{ padding-bottom:10px;}
.PADDING_BOTTOM20{ padding-bottom:20px;}
.PADDING_BOTTOM40{ padding-bottom:40px;}

.PADDING_LEFT10{ padding-left:10px;}
.PADDING_LEFT20{ padding-left:20px;}
.PADDING_LEFT40{ padding-left:40px;}

.PADDING_RIGHT10{ padding-right:10px;}
.PADDING_RIGHT20{ padding-right:20px;}
.PADDING_RIGHT40{ padding-right:40px;}


/*頁末按鈕置中*/
.PAGNIATION_BLOCK{ text-align:center; padding:10px 0;}


/*寬度*/
.WIDTH_10{ width:10%;}
.WIDTH_15{ width:15%;}
.WIDTH_20{ width:20%;}
.WIDTH_40{ width:40%;}
.WIDTH_60{ width:60%;}
.WIDTH_80{ width:80%;}
.WIDTH_100{ width:100%; }

.WIDTH_80PX{ width:80px;}
.WIDTH_100PX{ width:100px;}
.WIDTH_140PX{ width:140px;}
.WIDTH_160PX{ width:160px;}

.MIN_WIDTH100{ display:inline-block; min-width:100px;}
.MAX_WIDTH680{ max-width:680px;}

.MIN_HEIGHT235PX{ min-height:235px;}

/*按鈕*/
.BTN {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ececec), color-stop(1, #b2b2b2));
	background:-moz-linear-gradient(top, #ececec 5%, #b2b2b2 100%);
	background:-webkit-linear-gradient(top, #ececec 5%, #b2b2b2 100%);
	background:-o-linear-gradient(top, #ececec 5%, #b2b2b2 100%);
	background:-ms-linear-gradient(top, #ececec 5%, #b2b2b2 100%);
	background:linear-gradient(to bottom, #ececec 5%, #b2b2b2 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ececec', endColorstr='#b2b2b2',GradientType=0);
	background-color:#ececec;
	-moz-border-radius:18px;
	-webkit-border-radius:18px;
	border-radius:18px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#333333;
	font-family:arial;
	font-size:13px;
	padding:6px 24px;
	text-decoration:none;
}
.BTN:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #b2b2b2), color-stop(1, #ececec));
	background:-moz-linear-gradient(top, #b2b2b2 5%, #ececec 100%);
	background:-webkit-linear-gradient(top, #b2b2b2 5%, #ececec 100%);
	background:-o-linear-gradient(top, #b2b2b2 5%, #ececec 100%);
	background:-ms-linear-gradient(top, #b2b2b2 5%, #ececec 100%);
	background:linear-gradient(to bottom, #b2b2b2 5%, #ececec 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b2b2b2', endColorstr='#ececec',GradientType=0);
	background-color:#b2b2b2;
}
.BTN:active {
	position:relative;
	top:1px;
}



/*頁籤*/
.abgne_tab>ul {
	list-style-type:none;
	width: 99%;
	height: 30px;
	border-bottom: solid 1px #999;
	margin-top:10px;
}

.abgne_tab>ul li{
	float: left;
	height: 29px;
	font-family:"微軟正黑體";
	font-size:13px;
	line-height: 29px;
	overflow: hidden;
	position: relative;
	margin:0 5px -1px 0;
	margin-bottom: -1px;	/* 讓 li 往下移來遮住 ul 的部份 border-bottom */
	border: solid 1px #999;
	background: #e1e1e1;
}

.abgne_tab>ul li a{
	display: block; line-height:100%;
	padding: 7px 20px;
	color: #000;
	border: solid 1px #fff;
	text-decoration: none;
}

.abgne_tab>ul li a:hover{
	color:#CCC;
	background:#333;
}

.abgne_tab>ul li.active {
	background-color:#fff;
	color:#CCC;
	border-bottom: solid 1px #fff;
}


.INPUT2{vertical-align: middle;margin-right:3px;}


/*-------------------------------------------------*/

/*登入*/
.LOGIN_TITLE{ padding-bottom:5px; margin-bottom:10px; font-size:22px; font-weight:bold; border-bottom:2px solid #118a80; color:#118a80; font-family:"微軟正黑體";}

.BTN_LOGIN{ display:block;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #a3a3a3), color-stop(1, #4d4d4d));
	background:-moz-linear-gradient(top, #a3a3a3 5%, #4d4d4d 100%);
	background:-webkit-linear-gradient(top, #a3a3a3 5%, #4d4d4d 100%);
	background:-o-linear-gradient(top, #a3a3a3 5%, #4d4d4d 100%);
	background:-ms-linear-gradient(top, #a3a3a3 5%, #4d4d4d 100%);
	background:linear-gradient(to bottom, #a3a3a3 5%, #4d4d4d 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a3a3a3', endColorstr='#4d4d4d',GradientType=0);
	background-color:#a3a3a3;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #6b6b6b;
	cursor:pointer;
	color:#ffffff;
	font-family: "微軟正黑體";
	font-size:18px;
	padding:6px 23px;
	text-decoration:none;
}
.BTN_LOGIN:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #4d4d4d), color-stop(1, #a3a3a3));
	background:-moz-linear-gradient(top, #4d4d4d 5%, #a3a3a3 100%);
	background:-webkit-linear-gradient(top, #4d4d4d 5%, #a3a3a3 100%);
	background:-o-linear-gradient(top, #4d4d4d 5%, #a3a3a3 100%);
	background:-ms-linear-gradient(top, #4d4d4d 5%, #a3a3a3 100%);
	background:linear-gradient(to bottom, #4d4d4d 5%, #a3a3a3 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d4d4d', endColorstr='#a3a3a3',GradientType=0);
	background-color:#4d4d4d;
}
.BTN_LOGIN:active {
	position:relative;
	top:1px;
}


.ICON_JOIN{ display:inline-block; padding:10px 0; padding-left:50px;   background:url(../images/icon_join.png) left center no-repeat;}
.ICON_PAWD{ display:inline-block; padding:10px 0; padding-left:50px; background:url(../images/icon_pswd.png) left center no-repeat;}

.ICON_JOIN a, .ICON_PAWD a{ color:#fff !important;
}


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

.LIST li .LIST_LEFT { float: none; margin-right:0; }

/*付款方式*/
.LIST_PAY .LIST_RIGHT{ border:none;}

}