/* add by jack 
================================================== */
header .top-bar {
  background-color: #333333;  /* 最頂的 BAR */
  color: #ffffff;
  border-bottom-color: #111111;
}
header .top-bar .menu-top ul li {
  background-color: #cde;
}
header .top-bar .menu-top ul li:hover {
  background-color: #fff;
}
header .top-bar .menu-top ul li:last-child {
  border-bottom: 0;
}
header .top-bar .menu-top ul li a {
  color: #111;
}
header .logo a:hover{
	color:#000;
}

.bg-content {
  position: relative;
  background-color: #FFDAF5;
  color:#000;
/*  background-image: url('/images/patterns/darkpurple.png'); */ /* header 底圖*/
  padding: 15px 15px 15px 15px;
  -webkit-border-radius: 4px 4px 4px 4px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 4px 4px 4px 4px;
  -moz-background-clip: padding;
  border-radius: 4px 4px 4px 4px;
  background-clip: padding-box;
  margin:0 0 10px 0;
}

.thought-mod .header {
  position: relative;
  background-color: #58056B;
  /*background-image: url('/images/patterns/darkpurple.png'); */ /* header 底圖*/
  background: brown url("/images/bg/purple-4.jpg") top left repeat; 
  padding: 15px;
  -webkit-border-radius: 4px 4px 4px 4px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 4px 4px 4px 4px;
  -moz-background-clip: padding;
  border-radius: 4px 4px 4px 4px;
  background-clip: padding-box;
  margin:0 0 10px 0;
}
.thought-mod .header p {
  color:white;
  text-shadow: 0 1px 0 #000;
}
.thought-mod p {
  position: relative;
  font-size: 18px;
  margin-bottom: 0;
  padding: 15px;
  z-index: 2;
}
/* Thought 算命回顧用到 */
.thought .header {
  /*background-image: url('/images/patterns/darkred.png'); */ /* header 底圖*/
  background-image: url('/images/bg/sky-0.jpg'); /* header 底圖*/
  background-color: #1E697F;
}
.thought h4 {
  color: #fff;
}
.thought h4 span {
  color: #fff;
}

.label-blue {
  background-color: #1D21FA;
}
.label-blue[href] {
  background-color: #1D21FA;
}
.label-blue2 {
  background-color: #759AEC;
}
.label-blue2[href] {
  background-color: #759ABD;
}
.label-brown {
  background-color: brown;
}
.label-brown[href] {
  background-color: brown;
}
.label-orange {
  background-color: #BE621B;
}
.label-orange[href] {
  background-color: #BE621B;
}
.label-pink {
  background-color: #C60797;
}
.label-pink[href] {
  background-color: #C60797;
}



.badge-blue {
  background-color: #0065CF;
  color:#ffffff;
}
.badge-blue[href] {
  background-color: #0065CF;
  color:#ffffff;
}
.badge-blue2 {
  background-color: #82A9FF;
}
.badge-blue2[href] {
  background-color: #759ABD;
}
.badge-yellow {
  background-color: #EDFF02;
  color:#000;
}
.badge-yellow[href] {
  background-color: #EDFF02;
  color:#000;
}
.badge-pink {
  background-color: #FF54D7;
}
.badge-pink[href] {
  background-color: #FF99F9;
}
.badge-red {
  background-color: #FF471F;
}
.badge-red[href] {
  background-color: #FF471F;
}
.badge-brown {
  background-color: brown;
}
.badge-brown[href] {
  background-color: brown;
}
.badge-orange {
  background-color: #BE621B;
}
.badge-orange[href] {
  background-color: #BE621B;
}



.text-green {
  color: #027D21;
}
.text-blue {
  color: #02487C;
}
.text-white {
  color: #fff;
}
.text-pink {
  color: #C60797;
}
.text-orange {
  color: #BE621B;
}

.btn-orange {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #DB873B;
  background-image: -moz-linear-gradient(top, #DB873B, brown);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#DB873B), to(brown));
  background-image: -webkit-linear-gradient(top, #DB873B, brown);
  background-image: -o-linear-gradient(top, #DB873B, brown);
  background-image: linear-gradient(to bottom, #DB873B, brown);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2f96b4', GradientType=0);
  border-color: brown brown brown;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0.1, 0.1);
  *background-color: #2f96b4;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-orange:hover,
.btn-orange:focus,
.btn-orange:active,
.btn-orange.active,
.btn-orange.disabled,
.btn-orange[disabled] {
  color: #ffffff;
  background-color: brown;
  *background-color: brown;
}
.btn-orange:active,
.btn-orange.active {
  background-color: brown \9;
}
.btn-group.open .btn-orange.dropdown-toggle {
  background-color: brown;
}
.btn-orange .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}

.btn-pink {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: pink;
  background-image: -moz-linear-gradient(top, pink, red);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(pink), to(red));
  background-image: -webkit-linear-gradient(top, pink, red);
  background-image: -o-linear-gradient(top, pink, red);
  background-image: linear-gradient(to bottom, #FF6E6D, red);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2f96b4', GradientType=0);
  border-color: red red red;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0.1, 0.1);
  *background-color: #2f96b4;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-pink:hover,
.btn-pink:focus,
.btn-pink:active,
.btn-pink.active,
.btn-pink.disabled,
.btn-pink[disabled] {
  color: #ffffff;
  background-color: red;
  *background-color: red;
}
.btn-pink:active,
.btn-pink.active {
  background-color: red \9;
}
.btn-group.open .btn-pink.dropdown-toggle {
  background-color: red;
}
.btn-pink .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}

a {
	/*text-decoration:underline;*/
}

@media (max-width:700px){
	.offset1 { margin-left:0px; }
}
.small-p p {
        line-height:2em;
        margin-bottom:5px;
}
.well .pp{
        background-color:#fff;
	padding: 20px 10px 20px 20px;
	background-color: #fff;
	border: 1px solid #ddd;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.8);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.8);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.8);
	margin:20px 10px;
}
.well ul li{
	padding:3px 0;
	line-height:1.5em;
}
.well ol li{
	padding:3px 0;
	line-height:1.5em;
}
.content-box.box-pink {
  background-color:#C880C2;
  background: #C880C2 url("/images/bg/pink-1.jpg") top right repeat;  
  color:brown;
  border-color: #C880C2;
}
.content-box.box-sky1 {
  background-color:#DF9926;
  background: #DF9926 url("/images/bg/orange-1.jpg") top right repeat;  
  color:brown;
  border-color: #DF9926;
}
.content-box.box-sky1 h3{
 color:red;
 text-shadow: 0 1px 0 #999;
}
.content-box.box-sky2 {
  background-color:#C8C8C8;
  background: #DF9926 url("/images/bg/sky-1.jpg") top right repeat;  
  color:blue;
  border-color: #4EB7FF;
}
.content-box.box-sky2 h3{
 color:#2A53FF;
 text-shadow: 0 0px 0 #999;
}
.content-box.box-red-jpg3 {
  background-color:#90262F;
  background: red url("/images/bg/red-3b.jpg") top right repeat;  
  color:white;
  border-color: darkred;
}
.content-box.box-red-jpg3 h3{
 color:white;
 text-shadow: 0 1px 0 #333;
}
.barfont {
  font-size:17px;
  padding:3px 3px 3px 6px;
  text-shadow: 0px 2px 2px #000;
}
.pp1{ margin:0px 10px; }
.pp2{ margin:0px 20px; }
.pp3{ margin:0px 30px; }

.f12 { font-size:12px; }
.f15 { font-size:15px; }
.f18 { font-size:18px; }
.f24 { font-size:24px; }

.em { font-size:18px; font-weight:bold; }

.hh20 { height:20px; }
.hh40 { height:40px; }

.well ol {
	margin:0 20px 0 40px;
}
.well li{
	line-height:1.4em;
}
.hh1 li{
	margin:0 0 0 10px;
	line-height:2em;
}
.hh2 li{
	margin:0 0 0 20px;
	line-height:2em;
}
.hh3 li{
	margin:0 0 0 30px;
	line-height:2em;
}

.nav-tabs > li > a:hover {
	background-color: #ccc;
}
.tab-content {
	background-color: #fff;
}
.progress {
	height: 30px;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.9);
}
.progress .bar{
	box-shadow: inset 0 0px 1px rgba(0, 0, 0, 0.7);
}
.bg-white {
	background-color:#fff;
}

.table td {
	line-height:1.5em;
}

.td-high td {
	height:35px;
}
.td-middle td {
	vertical-align:middle;
}

.td-right td {
	text-align:right;
}

.td-center td {
	text-align:center;
}
.modal-sample {
	left: 10%;
	margin-left: 0px;
	width: 80%;
}


.color-red { color:red; }
.color-darkred { color:darkred; }
.color-blue { color:blue; }

.eaves{
    background-image: url("/theme/chinese/2010/eaves.jpg");
    background-repeat: no-repeat;
    background-position: right top;
}
.image-bordered {
        padding:0px;
        border:1px solid #eee;
        background-color:#eee;
        margin:5px 5px 5px 0;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
}
.image-bordered2 {
        padding:0px;
        border:1px solid #fff;
        background-color:#fff;
        margin:10px 20px 5px 0;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
}
.image-bordered3 {
        padding:0px;
        border:1px dashed #02487C;
        background-color:#fff;
        margin:0px 0px 0px 0;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
}
.round-border {
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
}
.indent20 {
	padding-left:20px;
}
.indent30 {
	padding-left:30px;
}
.indent2em {
	padding-left:2em;
}