.profile{display:flex;transition:.5s;margin-top:40px;margin-bottom:40px;padding:20px 10px;box-shadow:4px 4px 4px #777;border:2px solid #b0bec5}
.profile:hover{box-shadow:5px 5px 40px rgba(0,0,0,.4);transform:translate(-5px,-5px)}
.profile .right{margin-left:20px}
.profile .author{font-size:14pt}
.profile .description{width:80%;font-size:13pt;line-height:35px}

input:disable,
input:read-only,
input:-moz-read-only {  /* For Firefox */
    cursor: default;
}

.card {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	text-align: center;
	border-style: solid;
	border-width: 1px;
	border-color: LightGray;
}

.spacebox {
	height: 25px;
}
 
.headbox1 {
	background-color: Orange  ;
	height: 200px;
	color: white;
	padding: 10px;
	font-size: 40px;
}

.headbox2 {
	background-color: LightSalmon  ;
	height: 200px;
	color: white;
	padding: 10px;
	font-size: 40px;
}

.headbox3 {
	background-color: LightSkyBlue  ;
	height: 200px;
	color: white;
	padding: 10px;
	font-size: 40px;
}

.ut {
	margin-left: -1em;
}

.bottombox {
	height: 70px;
	padding: 10px;
}

.msgtext{
	color: blue;
	font-weight: bold;
}

.blacktext{
	color: black;
	font-weight: bold;
	text-shadow: 1px 1px 1px #fff;
}

.redtext, .errtext{
	color: red;
	font-weight: bold;
	text-shadow: 1px 1px 1px #fff;
}

.bluetext{
	color: blue;
	font-weight: bold;
	text-shadow: 1px 1px 1px #fff;
}

.yellowtext{
	color: yellow;
	font-weight: bold;
	text-shadow: 1px 1px 1px #fff;
}

.myH1{
	text-shadow: 2px 2px 4px #888;
}

.buttonbox {
	margin-top:30px;
	margin-bottom: 60px;
	text-align:center;
}

.navbar-default {
	background-color: #ffa500;
	border-color: #ffa500;
}
.navbar-default .navbar-brand {
	color: #ffffff;
	font-weight: bold;
	text-shadow: 1px 1px 0px #000;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
	color: #0000ff;
	font-weight: bold;
}
.navbar-default .navbar-text {
	color: #ffffff;
	font-weight: bold;
}
.navbar-default .navbar-nav > li > a {
	color: #ffffff;
	font-weight: bold;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
	color: #0000ff;
	font-weight: bold;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
	color: #0000ff;
	font-weight: bold;
	background-color: #ffa500;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
	color: #0000ff;
	font-weight: bold;
	background-color: #ffa500;
}
.navbar-default .navbar-toggle {
	border-color: #ffa500;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
	background-color: #ffa500;
}
.navbar-default .navbar-toggle .icon-bar {
	background-color: #ffffff;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
	border-color: #ffffff;
}
.navbar-default .navbar-link {
	color: #ffffff;
	font-weight: bold;
}
.navbar-default .navbar-link:hover {
	color: #0000ff;
	font-weight: bold;
}

@media (max-width: 767px) {
	.navbar-default .navbar-nav .open .dropdown-menu > li > a {
		color: #ffffff;
		font-weight: bold;
	}
	.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
	.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
		color: #0000ff;
		font-weight: bold;
	}
	.navbar-default .navbar-nav .open .dropdown-menu > .active > a,
	.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
	.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
		color: #0000ff;
		font-weight: bold;
		background-color: #ffa500;
	}
}

.formbox p {
	text-align: justify;
}

/*
.tooltip.top .tooltip-inner {
	background-color: yellow !important;
}

.tooltip.top .tooltip-arrow {
	border-top-color: yellow !important;
}

.tooltip.right .tooltip-inner {
	background-color: yellow !important;
}

.tooltip.right .tooltip-arrow {
	border-right-color: yellow !important;
}

.tooltip.bottom .tooltip-inner {
	background-color: blue !important;
}

.tooltip.bottom .tooltip-arrow {
	border-top: 5px solid yellow !important;
}  

.tooltip.left .tooltip-inner {
	background-color: yellow !important;
}

.tooltip.left .tooltip-arrow {
	border-left-color: yellow;
}           

.tooltip-arrow,
.red-tooltip + .tooltip > .tooltip-inner {background-color: #f00 !important;}
*/

.form-group > .control-label > #imgObj{
	vertical-align: bottom;
}

/* text-transform 有四個可選： none, capitalize, uppercase, lowercase  */
.upper { text-transform: uppercase; }
.lower { text-transform: lowercase; }
.lower:first-letter { text-transform: capitalize; }
.mandatory { height: 48px; }

/* bootstrap.css add on css */

/* http://hawkee.com/snippet/16154/ */
.modal.fade .modal-dialog {
    -webkit-transform: scale(0.1);
	   -moz-transform: scale(0.1);
	    -ms-transform: scale(0.1);
		    transform: scale(0.1);
    -webkit-transition: all 0.3s;
	   -moz-transition: all 0.3s;
		    transition: all 0.3s;
/*	top: 270px; */
    opacity: 0;
}
.modal.fade.in .modal-dialog {
    -webkit-transform: scale(1);
	   -moz-transform: scale(1);
	    -ms-transform: scale(1);
		    transform: scale(1);
/*  -webkit-transform: translate3d(0, -300px, 0);
		    transform: translate3d(0, -300px, 0); */
    opacity: 1;
}

.modal-dialog,
.modal-content {
	height: 90%;  /* 90%, 85%, 80% of widnow height */
}

.modal-header {
	padding: 5px 15px;
	font-family: "Bree Serif";
	background-color:#039BE5;	/* blue */
/*	background-color: #F6F5F5; */
	border-radius: 5px;
}
.modal-body {
	padding: 0px 15px;
	max-height: calc(100% - 124px);	/* 100% = dialog height, 134px = header(47) + footer(77) */
/*	max-height: calc(100% - 134px);	   100% = dialog height, 134px = header(57) + footer(77)
	overflow-y: scroll;
	font-size: 16px; */
}
.modal-footer {
	padding: 10px 15px;
}

#AckModal {
    display: block;
/*  margin: 130px 0px 0px 0px; */
    flex-direction: row;
    align-items: stretch;
    overflow: hidden;
    -moz-box-shadow: 0 24px 38px 3px rgba(0,0,0,0.14),0 9px 46px 8px rgba(0,0,0,0.12),0 11px 15px -7px rgba(0,0,0,0.2);
	 	 box-shadow: 0 24px 38px 3px rgba(0,0,0,0.14),0 9px 46px 8px rgba(0,0,0,0.12),0 11px 15px -7px rgba(0,0,0,0.2);
    -moz-border-radius: 2px;
	     border-radius:	2px;
}

/* end of modal */

.col-sm-20 {
	width: 20%;
}
.col-sm-25 {
	width: 25%;
}

label {
	text-shadow: 1px 1px 1px #fff;
}
span.form-required {
    color: #d93d3d;		/* #ffae00;	*/
	line-height:20px;	/* 35px;	*/
	text-shadow: 0 1px 0 #fff;
}

#tabs-1 > h3, #tabs-2 > #receive > h3, #tabs-3 > h3 {
    margin-top:		0px;
    margin-bottom: 20px;
}

.table-bordered {
    border: 1px solid #000;
}
.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th {
background-color: lightgrey;
}
.table-bordered > thead > tr > td, .table-bordered > tbody > tr > td {
    background-color: white;
}
.table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
    border: 1px solid #000;
}

.btn-print {
    text-shadow: 0 1px 0 #fff;
    background-image: -webkit-linear-gradient(top,#fff 0,#e0e0e0 100%);
    background-image: -o-linear-gradient(top,#fff 0,#e0e0e0 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#e0e0e0));
    background-image: linear-gradient(to bottom,#fff 0,#e0e0e0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    background-repeat: repeat-x;
    border-color: #dbdbdb;
    border-color: #ccc;
    
	box-shadow: inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075);

	color: #333;
	background-color: #fff;
}
.icon-xiazai:before {
    content: "\e612";
}