@CHARSET "UTF-8";
/* default document style
 * control document UI look and feel 
*/

/* Begin Initialize */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,blockquote,th,td{
	margin			:	0			;
	padding			:	0			;
	font-size		:	13px		; 
	direction		:	ltr			; 
	position		:	relative	;
}
a{
	color			:	#2ba6cb		;
	text-decoration	:	none		;
	line-height		:	inherit		;
}
a:hover{
	color			:	#2795b6		; 
}
a:focus{
	color			:	#2ba6cb		;
	outline			:	none		;
}
input{
	font-size		:	inherit		;
	font-family		:	inherit		;
}
.row{
	width			:	1180px		;
	max-width		:	100%		;
	min-width		:	800px		;
	margin			:	0px auto	;
	padding			:	0px			;
	font-size		:	inherit		;
	font-family		:	inherit		;
}
.row:before,.row:after{
	content			:	""			;
	display			:	table		;
}
.row:after {
	clear			: 	both		; 
}

.one,.row .one { 
	width			:	8.33333% 	;
}
.two,.row .two{
	width			:	16.66667%	;
}
.three,.row .three{
	width			:	25% 		;
}
.four,.row .four{
	width			:	33.33333%	;
}
.five,.row .five{
	width			:	41.66667%	;
}
.six,.row .six{
	width			:	50%			;
}
.seven,.row .seven{
	width			:	58.33333%	;	
}
.eight,.row .eight{
	width			:	66.66667%	;
}
.nine,.row .nine{
	width			:	75%			;
}
.ten,.row .ten{
	width			:	83.33333%	;
}
.eleven,.row .eleven{
	width			:	91.66667%	;
}
.twelve,.row .twelve{
	width			:	100%		;
}

.column,.columns{
	float			:	left		;
	min-height		:	1px			;
	padding			:	0px 15px	;
	position		:	relative	;
	box-sizing		:	border-box	;
}

[class*="column"] + [class*="column"]:last-child {
	float			:	right		;
}

body {
	margin			:	0px							;
	padding			:	10px 0px					;
	font-family		:	"微軟正黑體", serif, DroidSansRegular, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	font-size		:	13px						;
	line-height		:	20px						;
	color			:	#666666						; 
	overflow-x		:	hidden						;
}
/* End Initialize */

/* Begin Banner */
.__title{
	margin-top		:	20px						;
	height			:	120px						;
}
.__logo{
	margin-top		:	20px						;
	margin-bottom	:	20px						;
}

.__login{
	margin-top		:	20px						;
	line-height		:	45px						;
	margin-bottom	:	5px							;
}

.__login input,.__login button,.__login a{
	margin			:	19px 3px 0px 3px			;
	padding			:	2px							;
	box-sizing		:	border-box					;
	height			:	26px						;
	font-size		:	16px						;
	float			:	right						;
}
.__login a{
	margin-right	:	10px						;
	line-height		:	26px						;
	color			:	#666666						;
	text-decoration	:	underline					;
}

.__logout{
	padding			:	10px						;
	position		:	absolute					;
	background-color:	#EEEEEE						;
	color			:	inherit						;
	top				:	65px						;
	right			:	0px							;
	border-radius	:	5px							;
	border			:	1px solid #BDBDBD			;
	z-index			:	999							;
	visibility		:	hidden						;
}

.__logout ul{
	list-style		:	none						;
	background-color:	inherit						;
	color			:	inherit						;	
	border-radius	:	inherit						;
}

.__logout li{
	padding			:	5px 10px					;
	border-bottom	:	1px solid #E0E0E0			;
	font-size		:	14px						;
	cursor			:	pointer						;
}

.__logout li:first-child{
	border-top-left-radius	:	inherit				;
	border-top-right-radius	:	inherit				;
}

.__logout li:last-child {
	border-bottom-left-radius	:	inherit				;
	border-bottom-right-radius	:	inherit				;
}

.__logout button{
	width			:	100%	;
	border-style	:	none	;
	background-color:	inherit	;
	color			:	inherit	;
	font-size		:	inherit	;
	font-family		:	inherit	;
	padding			:	0px		;
	text-align		:	left	;
}

.__logout li:HOVER{
	color			:	#333333	;
}


.Captcha_group{
	width			:	100%			;
	max-width		:	400px			;
	padding			:	30px			;
	margin			: 	15px auto		; 
	font-size		:	1.5em			;
	line-height		:	2em				;
	text-align		:	-webkit-center	;
	border-radius	:	5px				;
	box-shadow		:	5px 5px 15px #444444	;
	background-color:	#FFFFFF		;
}

.Captcha_group input, .Captcha_group img{
	box-sizing		:	border-box	;
	margin			:	15px 0px	;
	font-size		:	inherit		;
	line-height		:	inherit		;
	width			:	100%		;
}

/* End Banner */

/* Begin menuBar*/
.__navi{
	width				:	100%		;
	padding				:	0px			;
	background-color	:	#444444		;
	font-size			:	1.2em		;
	box-sizing			:	border-box	;
}

ul.__menuBar{
	list-style			:	none		;
	color				:	#F0F0F0		;
	font-size			:	18px		;
	line-height			:	35px		;
}

li.__menuBarItem{
	padding				:	10px						;
	text-align			:	center						;
	font-size			:	inherit						;
	float				:	left						;
	cursor				:	pointer						;
	box-sizing			:	border-box					;
}

li.__menuBarItem:last-child {
	border-width		:	0px							;
}

li.__menuBarItem a{
	color				:	inherit						;
}

li.__menuBarItem:HOVER{
	color				:	#FFFFFF						;
	background-color	:	#333333						;
}

ul.__menuBarSub{
	list-style					:	none						;
	padding						:	0px 0px						;
	position					:	absolute					;
	border-bottom-left-radius	:	5px							;
	border-bottom-right-radius	:	5px							;
	box-shadow					:	10px 15px 30px #666666		;
	background-color			:	#333333						;
	color						:	#F0F0F0						;
	font-size					:	18px						;
	visibility					:	hidden						;
	z-index						:	9999						;
	overflow					:	hidden						;
	transition					:	height 0.3s					;
	-webkit-transition			:	height 0.3s					;
}

li.__menuBarSubItem{
	margin						:	0px							;
	padding						:	5px	20px					;
	line-height					:	30px						;
	font-size					:	inherit						;
	background-color			:	inherit 					;
	color						:	inherit						;
	box-sizing					:	border-box					;
}

li.__menuBarSubItem a{
	color						:	inherit						;
}

li.__menuBarSubItem:last-child{
	border-bottom-left-radius	:	5px							;
	border-bottom-right-radius	:	5px							;
}

li.__menuBarSubItem:HOVER{
	background-color			:	#F79646	;
}

/*
li.__menuBarSubItem:first-child{
	border-top-left-radius	:	5px							;
	border-top-right-radius	:	5px							;
}
*/
/*
li.__menuBarSubBottom {
	margin						:	0px							;
	padding						:	10px						;
#	line-height					:	1.1em						;
#	font-size					:	1.1em						;
	font-size					:	inherit						;
	background-color			:	#FFFFFF 					;
	color						:	#333333						;
	border-bottom-left-radius	:	3px							;
	border-bottom-right-radius	:	3px							;
}
*/

/* End menuBar CSS*/

/* Begin content bar*/

.__desktop{
	width				:	100%		;
	padding				:	10px 0px 0px 0px	;
}

.__caption{
	width				:	100%		;
	padding				:	0px			;
	border-bottom		:	1px solid #A4A4A4	;
}

.__location{
	font-family			:	inherit		;
	font-size			:	18px		;
	color				:	#333333		;
	height				:	30px		;
	line-height			:	30px		;			
	padding				:	0px 		;
#	background-image	:	url("../icons/location.png")	;
#	background-image	:	url("../icons/R.png")	;
#	background-repeat	:	no-repeat	;
#	background-position	:	3px center	;
#	text-indent			:	35px		;
}

.__content{
	width				:	100%		;
	padding				:	0px			;
	overflow-x			:	hidden		;
	overflow-y			:	auto		;
}

/* End content CSS*/
	
/* Begin footer bar*/
.__footer{
	margin-top			:	10px		;
	padding				:	10px 0px	;
	width				:	100%		;
	background-color	:	#444444		;
	color				:	#CCCCCC		;
}

.__footer div{
	font-size			:	18px		;
	line-height			:	30px		;
}


.__footer div a{
	color				:	inherit		;
	text-decoration		:	underline		;
}
/* End footer bar */