@charset "utf-8";
* { 
	margin: 0; 
	padding: 0; 
}

html, body {
	font-family: 'Montserrat', sans-serif;
	font-size: 12px;
	height: 100%;
	margin: 0;
}

.wrapper {
	min-height: 100%;
	margin-bottom: -50px;
}

.footer,
.push {
	height: 50px;
}

.footer_box {
	display:inline-block;
	font-family: 'Montserrat', sans-serif;
	font-size: 16px;
	font-weight: 450;
	color:#fff;
	width:auto;
	padding:50px;
	line-height:30px;
}

.bg0 {
	background-color:#b01861;
	padding: 5px 10px 2px 10px;
}

.bg1 {
	background-color:#a29470;
	padding: 5px 10px 2px 10px;
}

.bg2 {
	background-color:#e6e6e6;
	padding: 5px 10px 2px 10px;
}

.bg3 {
	background-color: #FFFFFF;
	padding: 5px 10px 2px 10px;	
}

.bg4 {
	background-color: #FFF8BF;
	padding: 5px 10px 2px 10px;	
}

.layer {
    background-color: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
}

.tx1 {
	/*font-family: "Helvetica Neue", Helvetica, Arial, "儷黑 Pro", "LiHei Pro", "微軟正黑體", "Microsoft JhengHei", sans-serif;*/
	font-family: 'Montserrat', sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #a29470;
}

.tx1b {
	font-family: 'Montserrat', sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
}

.tx2 {
	/*font-family: 'Montserrat', sans-serif;*/
	font-family: "Helvetica Neue", Helvetica, Arial, "儷黑 Pro", "LiHei Pro", "微軟正黑體", "Microsoft JhengHei", sans-serif;
	font-size: 16px;
	color: #000;
	padding: 5px 5px 5px 5px;
}

.tx2b {
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	font-weight: bold;
	/*color: #000;*/
	color: #e2e2e2;
	padding:10px 0px 5px 0px; 
}

.tx2w {
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	color: #aaaaaa;
	
}

.tx2wb {
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	padding:10px 0px 5px 0px; 
}

.tx3 {
	font-family: 'Montserrat', sans-serif;
	font-size: 12px;
	color: #FF0000;
}

.tx4 {
	font-family: 'Montserrat', sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #000000;
	/*height: 40px*/
}

.tx5 {
	font-family: 'Montserrat', sans-serif;
	font-size: 24px;
	font-weight: bold;
	color:#fff;
}

.tx6 {
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	color:#000000;
}

.att {
	font-family: 'Montserrat', sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #FF0000;
}
.att a:link, .att a:visited, .att a:hover, .att a:active { color: #FF0000; }

.tx_header {
	font-family: 'Montserrat', sans-serif;
	font-size: 28px;
	/*font-weight: bold;*/
	color: #999999;
}

.sub-header {
	font-family: "Helvetica Neue", Helvetica, Arial, "儷黑 Pro", "LiHei Pro", "微軟正黑體", "Microsoft JhengHei", sans-serif;
	font-size: 12px;
	color: #969FAA;
	background-color:#ffffff;
	/*color: #ffffff;*/
	/*background-color:#969FAA;*/
	padding: 5px 10px 2px 10px;
}

.more_txt {
	display:inline-block;
	padding: 20px 0px 20px 0px;
	font-weight:900;
	color:#ff9c00;
	font-size:28px;
}
	
.more_btn {
	display:inline-block;
	padding: 10px 25px 10px 25px;
	font-size:16px;
	background:#ff9c00;
	color:#ffffff;
}
.more_btn:hover {
	background:#ffffff;
	color:#ff9c00;
	border:#ff9c00 1px solid; 
	transition:  color .60s linear;
}

.borderline {
	padding-top:10px;
	padding-bottom:10px;
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	border-color: #ccc;
	border-radius: 10px;
}

.box {
	font-size: 12px;
	color: #fff;
	width:auto;
	background-color:#b01861;
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	border-radius: 15px;
	border-color: #808B96;
	padding:2px 10px 2px 10px;
	display:inline;
	float:left;
	margin:1px 1px 1px 1px;
}
.box a:hover {
}

.highlight {}
.highlight:hover {
		background-color: #e6ffff;
}

.divTable{
	display: table;
}

.divRow {
	display: table-row;
}

.divCell {
	display: table-cell;
	padding: 5px 10px 5px 10px;
}

.clearfix {
	clear: left;
}

* { 
	margin: 0; 
	padding: 0; 
}

#page-wrap {
	margin: 10px;
}

p {
	margin: 20px 0; 
}

/* Generic Styling, for Desktops/Laptops */
table { 
		font-family: "Helvetica Neue", Helvetica, Arial, "儷黑 Pro", "LiHei Pro", "微軟正黑體", "Microsoft JhengHei", sans-serif;
		width: 100%; 
		border-collapse: collapse; 
}
/* Zebra striping */
tr:nth-of-type(odd) { 
		/*background: #eeeeee; */
		background: #fff; 
		border-bottom-color:#969FAA;
		border-bottom-style:solid;
		border-bottom-width:1px;		
}

tr:nth-of-type(even) { 
		background: #cccccc; 
		background: #fff; 
		border-bottom-color:#969FAA;
		border-bottom-style:solid;
		border-bottom-width:1px;
}

th { 
		font-weight: bold; 
		/*background:#86b9d8;*/
}

td, th { 
		padding: 10px 10px 10px 10px;
		text-align: left; 
}

.menu {
		font-family: "Helvetica Neue", Helvetica, Arial, "儷黑 Pro", "LiHei Pro", "微軟正黑體", "Microsoft JhengHei", sans-serif;
		display:inline-block;
		font-size: 12px;
		color:#ffffff;
		background-color:#b01861;
		border-color: #ffffff;
		border-width: 1px 1px 0px 1px;
		border-style: solid;
		text-align:center;
		/*width:220px;*/
		width:100%;
		padding: 10px 10px 10px 10px;
		text-decoration: none;
}

.menu:hover {
		color:#222222;
		background-color: #cccccc;
		border-color: #666666;
		cursor: pointer;
		text-decoration: none;
		border-color: #ffffff;
		border-width: 1px 1px 0px 1px;
		border-style: solid;
}

.ibtn {
		display:inline-block;
		font-size: 8px;
		color:#333333;
		background-color: #f2f2f2;
		border-color: #999999;
		border-width: 1px 1px 1px 1px;
		border-style: solid;
		text-align:center;
		width:auto;
		/*min-width: 80px;*/
		border-radius:5px;
		padding: 2px 10px 2px 10px;
		white-space:nowrap;
}
.ibtn:hover {
		color:#f2f2f2;
		background-color: #cccccc;
		border-color: #666666;
		cursor: pointer;
}
.ibtn-small {
	padding: 5px 5px 5px 5px;
}

.ibtn-yellow {
		display:inline-block;
		font-size: 14px;
		color:#fff;
		background-color: #FFCC22;
		border-color: #FFBB00;
		border-width: 1px 1px 1px 1px;
		border-style: solid;
		text-align:center;
		width:auto;
		padding: 10px 25px 10px 25px;
		cursor: pointer;
}
.ibtn-yellow:hover {
		color:#FFBB00;
		background-color: #eeeeee;
}

.ibtns {
		font-family: "Helvetica Neue", Helvetica, Arial, "儷黑 Pro", "LiHei Pro", "微軟正黑體", "Microsoft JhengHei", sans-serif;
		display:inline-block;
		height:25px;
		font-size: 8px;
		color:#ffffff;
		background-color: #666666;
		text-align:center;
		width:auto;
		min-width:100px;
		border:0;
		border-radius:15px;
		padding: 5px 25px 5px 25px;
}

.ibtns:hover {
		color:#666666;
		background-color: #f2f2f2;
		cursor: pointer;
}

.ibtns-logout {
		color:#ffffff;
		background-color: #cd4450;
}

.ibtns-grey {
		color:#ffffff;
		background-color: #5C5E60;
}

.ibtns-blue {
		color:#ffffff;
		background-color: #00A6FF;
}

.ibtns-green {
		color:#ffffff;
		background-color: #449d44;
}

.ibtns-red {
		color:#ffffff;
		background-color: #c9302c;
}

.iButton {
	-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, #ffffff), color-stop(1, #f6f6f6));
	background:-moz-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-webkit-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-o-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-ms-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0);
	background-color:#ffffff;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#666666;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	padding:3px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
}
.iButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f6f6f6), color-stop(1, #ffffff));
	background:-moz-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:-webkit-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:-o-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:-ms-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#ffffff',GradientType=0);
	background-color:#f6f6f6;
}
.iButton:active {
	position:relative;
	top:1px;
}


/* iText Box */
.iText {
    display: block;
    /*border: none;*/
    /*border-radius: 5px;*/
    padding: 2px 5px 2px 5px;
    color: #333;
    font-size: 14px;
    /*box-shadow: inset 0 2px 0 rgba(0, 0, 0, .2), 0 0 4px rgba(0, 0, 0, 0.1);*/
    /*width: 200px;*/
}
.iText:focus {
    outline: none;
    box-shadow: inset 0 2px 0 rgba(0, 0, 0, .2), 0 0 4px rgba(0, 0, 0, 0.1), 0 0 5px 1px #51CBEE;
}

.circle {
	width:20px;height:20px;
	border-radius:999em;
	background-color:#ff0000;
}


/* Search Box */
.bs-example{
	font-family: sans-serif;
	position: relative;
	margin: 50px;
}
.typeahead, .tt-query, .tt-hint {
    display: block;
    border: none;
    border-radius: 5px;
    padding: 5px 5px 5px 5px;
    color: #333;
    font-size: 12px;
    box-shadow: inset 0 2px 0 rgba(0, 0, 0, .2), 0 0 4px rgba(0, 0, 0, 0.1);
    width: 200px;
/*
	border: 2px solid #CCCCCC;
	border-radius: 8px;
	font-size: 12px;
	height: 25px;
	line-height: 25px;
	outline: medium none;
	padding: 3px 12px;
	width: 200px;
	*/
}
.typeahead {
	background-color: #FFFFFF;
}
.typeahead:focus {
    outline: none;
    box-shadow: inset 0 2px 0 rgba(0, 0, 0, .2), 0 0 4px rgba(0, 0, 0, 0.1), 0 0 5px 1px #51CBEE;
	/*border: 2px solid #0097CF;*/
}
.tt-query {
	/*box-shadow: inset 0 2px 0 rgba(0, 0, 0, .2), 0 0 4px rgba(0, 0, 0, 0.1), 0 0 5px 1px #51CBEE;*/
	/*box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;*/
}
.tt-hint {
	color: #999999;
}
.tt-dropdown-menu {
	background-color: #FFFFFF;
	border: 1px solid rgba(0, 0, 0, 0.2);
	border-radius: 8px;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	margin-top: 12px;
	padding: 3px 0;
	width: 200px;
}
.tt-suggestion {
	font-size: 12px;
	line-height: 24px;
	padding: 3px 12px;
}
.tt-suggestion.tt-is-under-cursor {
	background-color: #0097CF;
	color: #FFFFFF;
}
.tt-suggestion p {
	margin: 0;
}