/***
Import fonts
***/
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700);

html {
    height: 100%;
	background: url("/Images/LoginBg.png") left top repeat;
}

body {
	color: #555;
	font-size: 13px;
	font-family: 'Open Sans',Arial;
	line-height: 1.8em;
	background: url("/Images/LoginBgTop.png") left top repeat-x;
	background-repeat:repeat-x;
}
form {
    margin:0 0 0 0;
}
a {
	color: #E70012;
	/*text-decoration: underline;*/
}

header, footer, hgroup, nav, section {
	display: block;
	border: 0px solid red;
}

.validation-summary-errors ul li {
    color:red;
}

iframe { border:0px solid black;
}
.float-left {float: left;}

.float-right {float: right;}


.navbar {
		border-bottom: 4px solid #ef705b;
}
.navbar-inverse .navbar-inner {
		background: url("/Img/UI/BG/headBgDark.png") left top repeat;
}

.navbar-inverse .nav li.dropdown.open > .dropdown-toggle, .navbar-inverse .nav li.dropdown.active > .dropdown-toggle, .navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle {
color: #ffffff;
background-color:transparent;
}
.navbar-inverse .nav li.dropdown.open > .dropdown-toggle, .navbar-inverse .nav li.dropdown.active > .dropdown-toggle, .navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle {
color: #ffffff;
background-color: transparent;
}
.nav .dropdown-toggle .caret {
border-top-color: #999999;
border-bottom-color: #999999;
}
.nav .dropdown-toggle:hover .caret, .nav .dropdown-toggle:focus .caret {
border-top-color: #ffffff;
border-bottom-color: #ffffff;
}
.navbar-fixed-top .navbar-inner, .navbar-static-top .navbar-inner {
border-width: 0 0 0px;
}
.navbar .brand {
	display: block;
	float: left;
	padding: 5px 20px 5px;
	font-size: 20px;
	font-weight: 200;
	color: #777777;
	text-shadow: 0 1px 0 #ffffff;
}
	.navbar .nav {
		border-left: 1px solid #464646;
		border-right: 1px solid #464646;
        margin:0 0 0 0;
		margin-right: -1px;
	}
	.navbar .nav > li {
		list-style: none;
		float: left;
		border-right: 1px solid #252525;
		position: relative;
		line-height: 20px;
        font-size: 14px;
        font-family: 'Open Sans',Nsimsun;
	}
	.navbar .nav > li:first-child {
		border-left: 1px solid #252525;
	}
		.navbar .nav > li > a > b {
			-webkit-transition: all 0.2s ease-in-out;
			-moz-transition: all 0.2s ease-in-out;
			-o-transition: all 0.2s ease-in-out;
			transition: all 0.2s ease-in-out;
		}
		.navbar .nav > li > a {
			cursor: pointer;
			display: block;
			border-left: 1px solid #464646;
			border-right: 1px solid #464646;
			-webkit-transition: all 0.2s ease-in-out;
			-moz-transition: all 0.2s ease-in-out;
			-o-transition: all 0.2s ease-in-out;
			transition: all 0.2s ease-in-out;
			text-decoration:none;
		}
			.navbar .nav > li > a:hover {
				background-color: #333;
				border-color: #333;
			}

.control-group > .controls label {
	color: rgb(185, 74, 72);
	font-size: 12px;
}


section {
}
.widget {
	margin: 25px 0 0px 0;
	border: 1px solid #cccccc;
	-webkit-box-shadow: 0 0 0 2px #d5d5d5;
	-moz-box-shadow: 0 0 0 2px #d5d5d5;
	box-shadow: 0 0 0 2px #d5d5d5;
	position: relative;
}
	.widget .wTitle .wIcon {
		padding-top:8px;
		width: 40px;
		height:32px;
		float: left;
		border-right: 1px solid #cccccc;
		-webkit-box-shadow: inset -1px 0 0 0 #fff;
		-moz-box-shadow: inset -1px 0 0 0 #fff;
		text-align: center;
	}

	.widget .wTitle h1, .widget .wTitle h2, .widget .wTitle h3, .widget .wTitle h4, .widget .wTitle h5, .widget .wTitle h6 {
		float: left;
		line-height: 40px;
		text-shadow: 0 1px 0 #fff;
	}
		.widget .wTitle h5 {
			margin: 0 0 0 15px;
			padding-top:1px\9;
			font:bolder 20px/40px "微軟正黑體"; color:#373737;
		}
		.widget .wTitle h6 {
			margin: 0 0 0 8px;
			padding-top:3px;
			font:16px/40px "微軟正黑體"; letter-spacing:0; color:#DF402B;
		}
	.widget .wTitle {
		min-height: 40px;
		border-bottom: 1px solid #cccccc;
		-webkit-box-shadow: inset 0 1px 0 0 #fff;
		-moz-box-shadow: inset 0 1px 0 0 #fff;
		box-shadow: inset 0 1px 0 0 #fff;
		background: #fafafa;
		background: -moz-linear-gradient(top, #fffffc 0%, #f3f3f3 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fffffc), color-stop(100%,#f3f3f3));
		background: -webkit-linear-gradient(top, #fffffc 0%,#f3f3f3 100%);
		background: -o-linear-gradient(top, #fffffc 0%,#f3f3f3 100%);
		background: -ms-linear-gradient(top, #fffffc 0%,#f3f3f3 100%);
		background: linear-gradient(to bottom, #fffffc 0%,#f3f3f3 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffffc', endColorstr='#f3f3f3',GradientType=0 );
	}
	.widget .wContent {
		background: #ffffff;
	}
		.widget .wContent .wContentHeader {
			padding: 10px 15px;
			border-bottom: 1px solid #cccccc;
			-webkit-box-shadow: inset 0 1px 0 0 #fff;
			-moz-box-shadow: inset 0 1px 0 0 #fff;
			box-shadow: inset 0 1px 0 0 #fff;
		}
		.widget .wContent .wContentInner {
			padding: 15px;
			-webkit-box-shadow: inset 0 1px 0 0 #fff;
			-moz-box-shadow: inset 0 1px 0 0 #fff;
			box-shadow: inset 0 1px 0 0 #fff;
		}
			.widget .wContent .wContentInner .clearBoth {
				clear: both;
			}

		.widget .wContent .wContentFooter {
            background: #fafafa;
            background: -moz-linear-gradient(top, #f3f3f3 0%, #fffffc 100%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3f3f3), color-stop(100%,#fffffc));
            background: -webkit-linear-gradient(top, #f3f3f3 0%,#fffffc 100%);
            background: -o-linear-gradient(top, #f3f3f3 0%,#fffffc 100%);
            background: -ms-linear-gradient(top, #f3f3f3 0%,#fffffc 100%);
            background: linear-gradient(to bottom, #f3f3f3 0%,#fffffc 100%);
		    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#fffffc',GradientType=0 );

			padding: 10px 15px;
			border-top: 1px solid #cccccc;
			text-align: center;
			-webkit-box-shadow: inset 0 1px 0 0 #fff;
			-moz-box-shadow: inset 0 1px 0 0 #fff;
			box-shadow: inset 0 1px 0 0 #fff;
		}

	


footer {
	margin-top: 5px;
	text-align: center;
	text-shadow: 0 1px 0 #fff;
	font-size: 13px;
	line-height: 21px;
	letter-spacing: 0px;
}
	footer span {
		letter-spacing: 3px;
	}

#countDownSeconds {
	text-align: center;
	color: #868686;
}

/*進度條*/
#progressArea{ margin:0px auto; width:630px; overflow:hidden; text-align:center; border:0px dotted White;}
	#progressHint{ font: 12px/16px "微軟正黑體"; color:#989898; letter-spacing:1px}
	#progressText{ float:left; font:12px "微軟正黑體"; color:#989898; padding:0 4px 0 0px; text-align:right;}
	#progressBarOut{ float:left; width:482px; border:1px solid #989898;}
		#progressBar{ margin:1px; height:12px; background-color:#989898}
	#progressNum{ float:left; font: 12px "微軟正黑體"; color:#989898; border:0px dotted White;}
		#progressNum span{ font-weight:bolder; padding:0 7px;}


@media (max-width: 479px) {

}