/**
 * Generic elements
 *
 */

body {
  margin: 0;
  padding: 0;
  background-color:#DFE4E8;
  color:#CCCCCC;
  font-family:arial,新細明體,mingliu;
  
}

#main-body {
  text-align: center;
  color: #999999;
  font-family:Arial,Helvetica,sans-serif;
  font-size:15px;
}





/* Headngs */

h1, h2, h3, h4, h5, h6 {
  margin: 1em 0;
  line-height: 1.3em;
}

h1 {}

h2 {
  color:#009966;
  font-family:Arial,Helvetica,sans-serif;
  font-size:22px;
  font-weight: normal;
}


h3 {
  color:#666666;
  font-family:Arial,Helvetica,sans-serif;
  font-size:16px;
  font-weight:bold;
}

h4 {}

h5 {}

h6 {}

/* Block-level elements */

p {
  margin: 1em 0;
}

ul, ol {
  margin: 0.5em 0 1em 1em;
  padding: 0;
}

ol {
  margin-left: 1.3em;
}

li {
  margin: 0.3em 0 0.3em 0.5em;
}

.box {
  margin-bottom: 2em;
}

/* Inline elements */

a {}

a:hover {}

a.active, a.active-trail {}

.more-link a,
a.more-link {}

img, a img {
  border: none;
}

span.form-required {
  color: #ffae00;
}

span.submitted{display: none;}

span.submitted, .description {
  font-size: 90%;
}

/* Forms */

fieldset {
  margin: 1em 0;
}

.form-item {
  margin: 0.5em 0;
}

.form-checkboxes, .form-radios, .form-checkboxes .form-item, .form-radios .form-item {
  margin: 0.25em 0;
}

.form-text {}

.form-textarea {}

.form-button, .form-submit {
  margin: 1.5em 0.5em 1em 0;
}

.form-required {}

/* Messages */

.messages {
  border: 0 none !important;
  padding: 0.5em 1em !important;
  color: #fff !important;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px;
}

.messages a {
  color: #fff;
  text-decoration: underline;
}

div.notice {
  background: #40abc6;
}

div.status {
  background: #70a821;
}

div.warning {
  background: #fbbc12;
}

div.error{
  background: #e0441a;
}

input.error, textarea.error {
  border-color: #e0441a;
  color: #e0441a;
}

.messages, .preview {
  margin: 0.75em 0;
  padding: 0.5em 1em;
}

.messages ul {
  margin: 0;
}

/* Tables */

table {
  margin: 1em 0;
}

td, th {
  padding: 0.3em 0.5em;
}

tr.odd, tr.info {}

tr.even {}

/* Helper classes */

.clr {
  clear: both;
  height: 0;
  font-size: 0;
  overflow: hidden;
}

/* Blocks */

div.block {
  margin-bottom: 1em;
  
}

#block-block-1 .content{
  
  color:#182F7B;
  font-family:Arial,Helvetica,sans-serif;
  font-size:38px;
  width: 370px;
  margin-left: 60px;

}

  
#block-block-1{
  margin-left: -61px;
  height: 210px;
  background: url('../images/curve.png') bottom left no-repeat;
  width: 550px;
  
}

#block-views-right_quotes_en-block_1 .views-row{
  
  margin: 0;
  float: none;
  height: 250px;
  width: 430px;
  
}
#block-views-right_quotes_en-block_1 .views-field-body{
  width: 290px;
  margin-left: 120px;
  margin-top: 19px;
}
#block-views-right_quotes_en-block_1 .views-field-field-persone-image-fid{
  height: 115px;
  width : 80px;
  margin: 25px 0 0 20px;
  float: left;
}

#block-views-right_quotes_en-block_1{
/*  height: 590px;*/
  background: url('../images/quote_bg.png') center 250px no-repeat;
}

#block-views-right_quotes_ch-block_1 .views-row{
  
  margin: 0;
  float: none;
  height: 250px;
  width: 430px;
  
}
#block-views-right_quotes_ch-block_1 .views-field-body{
  width: 290px;
  margin-left: 120px;
  margin-top: 21px;
}
#block-views-right_quotes_ch-block_1 .views-field-field-persone-image-fid{
  height: 115px;
  width : 80px;
  margin: 25px 0 0 20px;
  float: left;
}

#block-views-right_quotes_ch-block_1{
/*  height: 590px;*/
  background: url('../images/quote_bg.png') center 250px no-repeat;
}

#right-col .content p{margin: 0;}


#block-views-right_quotes_en-block_1 .content{
  color:#409C51;
  font-size:16px;
  line-height:1.5em;
 
}

#block-views-right_quotes_ch-block_1 .content{
  color:#409C51;
  font-size:16px;
  line-height:1.5em;
 
}


#block-views-right_quotes_en-block_1 .views-field-body{
  color:#409C51;
  font-size:16px;
  line-height:1.5em;
}
#block-views-right_quotes_en-block_1 .block-wrap{
  
}

#block-views-right_quotes_en-block_1 .content h4{
  font-weight: bold;
  font-size:11px;
  margin-top: 5px;
  
}



#block-block-5 .content{
  
  color:#182F7B;
  font-family:Arial,Helvetica,sans-serif;
  font-size:38px;
  width: 450px;
  
  margin: 0;
  padding: 0;
  margin-left: 60px;
  

}


#block-block-5{
  margin-left: -61px;
  height: 210px!important;
  height: 260px;
  
  background: url('../images/curve.png') bottom left no-repeat;
  width: 550px;
}


/* Administration */

.cke_show_borders{
 color: #666666; 
 background-color: white;
}
.admin-page table {
  width: 100%;
}

.block-region {
  clear: both;
  margin: 1em;
  border: 2px dashed #b4d7f0;
  padding: 0.5em;
  background: transparent;
  color: #86c5ef;
  text-align: center;
  font-size: 1.2em;
}

tr.drag-previous {
  background: #eff9ff  !important;
}

thead{
  color:#666666;
  font-family:Arial,Helvetica,sans-serif;
  font-size:14px;
  font-weight:bold;  
}

label{
  color:#666666;
  font-family:Arial,Helvetica,sans-serif;
  font-size:14px;
  font-weight:bold;  
}

.form-item label{
  color:#666666;
  font-family:Arial,Helvetica,sans-serif;
  font-size:14px;
  font-weight:bold;  
}


/**
 * Layout
 */

#page {
  margin: 0 auto;
  text-align: left;
  width: 1044px;
  background: url(../images/shadow-bottom.png) no-repeat bottom left;
  background-color: #fff;
  padding-bottom: 10px;
}

#main-container{
  background: url(../images/shadows.png) repeat-y left ;
  padding: 0 10px 10px;
  
  
}

#second-container{
  background: url(../images/top-green-gr.gif) top left repeat-x;
  background-color: #fff;
  padding-left: 60px;
}

.checkout-complete #third-container #main-area #return-button{
  padding-left:20px;
  padding-top:7px;
  margin-top:30px;
  display: block;
  height: 26px;
  width: 186px;
  text-decoration: none;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  background:url("../images/return-button.jpg") no-repeat scroll 0 0 transparent;
  
}

.checkout-complete #third-container #main-area a:hover{
  text-decoration: underline;
}

.checkout-complete #third-container #main-area h2{
  color: #8cc63f;
  font-weight: bold;
}

.checkout-complete #third-container #main-area a{
  color: #73d5f7;
  text-decoration: none;
}
.checkout-complete #third-container #main-area {
  height: 350px;
  width:500px;;
  color: #808284;
  
}
.checkout-complete #third-container{
  background: url(../images/checkout-page-treee.jpg) bottom right no-repeat;
  height: 655px;
}



#main-area {
  clear: both;
  padding-top: 0px;
  
}

.sidebar {}

.sidebar .block {}

.sidebar .block .title {}

.sidebar .block .content {}

/* Header */

#header {
  
  height: 143px;
}

#logo {
  float: left;
}

#logo img {
  
  margin: 20px  0 0 0px ;
  
}
  
#header .block {}

#header .block-locale{
  float: right;
  margin: 0px 10px 0 0;
  clear: right;
  
}


#header .block-locale ul{
  list-style-type: none;
  height: 25px;
  
}




#header .block-locale li.first{
  background: url('../images/lang-sep.gif') right top no-repeat; 
}
#header .block-locale li a{ 
  font-family: verdana;
  text-decoration: none;
  color: #666666;
  font-size: 11px;
  font-weight: bolder;
}

#header .block-locale li a:hover{ 
  color: #333;
}
#header .block-locale li{
  float:left;
  height:26px;
  margin:0;
  padding:2px 8px;
}



#header #block-menu-menu-login-menu li a{ 
  
  font-family: verdana;
  text-decoration: none;
  color: #666666;
  font-size: 10px;
  font-weight: bolder;
}

#header #block-menu-menu-login-menu  li a:hover{ 
  color: #333;
}

#header #block-menu-menu-login-menu ul{
  list-style-type: none;
  height: 16px;
  
}

#header #block-menu-menu-login-menu li{
  list-style-type: none;
  list-style-image: none;
  float:left;
  height:16px;
  margin:0;
  padding:2px 8px;
}


#header #block-menu-menu-login-menu{
  float: right;
  clear: right;
  margin: 10px 10px 0 0;  
}

/* Top area */

#top {}

#top .block {}

#top .block .title {} 

#top .block .content {}

/* Sidebar left */

#left-col {
  
}

/* Main column */

#bottom-curve{
  height: 110px;
/*  width: 512px;*/
  margin-left: -61px;
  display: block;
/*  clear: left;*/
  background: url('../images/curve.png')  top left no-repeat;
}

#left-side{
  width: 490px;
  clear:left;
  float: left;
}
.full-width{
  width: 95%!important;
  
}

#main-col {
  padding-top:1px;
  margin-right:10px;
}

.marging-div{
  height: 23px
}

.layout-main #main-col {}

.layout-first-main #main-col {}

.layout-main-last #main-col {}

.layout-first-main-last #main-col {}

#above-content {}

#above-content .block {}

/* Sidebar right */

#right-col {
  float: right;
  width: 430px;
  min-height: 590px;
}

/* Footer */

#footer {
  clear: both;
  text-align: center;
}

#footer-message {}

#footer .block {}

/**
 * Menus and navigation
 */

 /* Breadcrumbs */

.breadcrumb {}

.breadcrumb a {}

/* Links */

ul.links.inline li {
  padding: 0 0.2em 0 0;
  margin: 0 0.2em 0 0;
}

/* Generic drupal menus (e.g. Navigation) */

ul.menu {}

ul.menu li {}

ul.menu .last {}

ul.menu .leaf {}

ul.menu .collapsed {}

ul.menu .expanded {}

ul.menu a {}

/* Primary links */






ul.primary-links {
  float: right;
  margin-top: 25px;
  clear: right;

}

* html ul.primary-links{
  width: 430px;
}



ul.primary-links li {
  float: left;
  height: 34px;
  padding: 0;
  margin: 0;
}


ul.primary-links li.first {
  
  
}

ul.primary-links li a, ul.primary-links li a:visited {

  padding: 7px 22px;
  margin: 0;
  background: url('../images/menu-cell.png')  top left repeat-x;
  color: #fff;
  font-size: 17px;
  text-decoration: none;
  font-weight: bold;
  float:left;
  
}
ul.primary-links li.first a{
   padding-left :25px;
   background: url('../images/first-menu-cell.png')  top left repeat-x;
   
}

.node-news_item-page .primary-links .menu-895 a {
  background: url('../images/menu-cell-active.png')  top left repeat-x!important;
}

.node-news_item-page .primary-links .menu-902 a {
  background: url('../images/menu-cell-active.png')  top left repeat-x!important;
}

ul.primary-links li a:hover, ul.primary-links li a.active, ul.primary-links li.active-trail a {
  background: url('../images/menu-cell-active.png')  top left repeat-x;
}
ul.primary-links li.first a:hover, ul.primary-links li.first a.active {
  background: url('../images/first-menu-cell-active.png')  top left repeat-x;
  
}

/* Secondary links */

ul.secondary-links {
  float: right;
  clear: right;
  margin-right: 45px;
}

* html ul.secondary-links{
  width: 400px;
}

ul.secondary-links li {
  float: left;          
  margin-top: 0px;
  margin-bottom: 3px;
}


ul.secondary-links li.menu-367 {
  margin-right: 40px;
}



ul.secondary-links li.menu-385 {
  margin-right: 60px;
}

* html ul.secondary-links li.menu-367{
  margin-right: 10px;
}

* html ul.secondary-links li.menu-385{
  margin-right: 10px;
}

ul.secondary-links li.menu-389 {
  margin-right: 40px;
}

ul.secondary-links li a, ul.secondary-links li a:visited {
  display: block;
  color: #00446a;
  text-decoration: none;
  font-size: 15px;
  font-weight: bold;
}

ul.secondary-links li a:hover, ul.secondary-links li a.active, ul.secondary-links li.active-trail a {
  
  color: #bfd730;
}


ul.primary-footer-links {
  display: block;
  float: left;
  margin-top: 12px;
}

ul.primary-footer-links li {
  height: 20px;
  margin: 0 0px;
  padding: 0 6px;
  display: block;
  float: left;
  background: url(../images/footer-menu-sep.gif) top right no-repeat;
}

ul.primary-footer-links li.last {
  background: none;
}


ul.primary-footer-links li a, ul.primary-footer-links li a:visited {
  
  padding: 5px 0px;
  width: 80px;
  
  width: auto;
  color: #182f7b;
  font-size: 11px;
  display: block;
  text-decoration: none;
  float: left;
  font-weight: bolder;
}

ul.primary-footer-links li a:hover {
  text-decoration: underline;
}
ul.primary-footer-links li.first a:hover, ul.primary-footer-links li.first a.active {
  
}



/* Local tasks (tabs) */

.tabs-wrapper {
  margin: 1em 0;
}

.tabs {
  border: 0 none !important;
  padding: 0;
}

.tabs li {
  margin: 0 1em 0 0 !important;
  border: 0 none !important;
  padding: 0 !important;
}

.tabs a {
  border: 0 none !important;
  padding: 0 !important;
  background: 0 none !important;
}

.tabs li.active {}

.tabs li.active a {}

.tabs.primary {
  float: left;
  margin: 0;
  border-bottom: 1px solid #bbb !important;
  text-transform: uppercase;
}

.tabs.primary li {
  float: left;
}

.tabs.primary a {
  display: block;
  border-bottom: 4px solid transparent !important;
}

.tabs.primary a:hover,
.tabs.primary li.active a {
  border-color: #bbb !important;
}

.tabs.secondary {
  clear: both;
  margin: 0;
  text-transform: lowercase;
}

.tabs.secondary li {}

.tabs.secondary a {}

.tabs.secondary a:hover,
.tabs.secondary li.active a {
  text-decoration: underline;
}

/* Pagination */

.item-list ul.pager {}

.item-list  ul.pager li {}

ul.pager li a {}

ul.pager li a:hover {}

ul.pager li.pager-item {}

ul.pager li.pager-current {}

ul.pager li.pager-first,
ul.pager li.pager-previous,
ul.pager li.pager-next,
ul.pager li.pager-last {}


/**
 * Nodes
 */

.node {}

.node .title {}

.node .content {}

.node .content {}
.node .content {}

.node .meta {}

.node-links {}

.node-links ul.links {} /* there is ul inside <div class="node-links"> */

.node-links ul.links li {
  margin: 0 0 1em;
  padding: 0;
}

.node-links a {}

.node-terms ul {} /* there is ul inside <div class="node-links"> */

.node-terms li {}

.node-terms a {}

.node-type-people .content{padding-left: 130px;}
.node-type-people .field-label{display: none;}
.node-type-people .field-field-title{
  color:#182F7B;
  font-family:Arial,Helvetica,sans-serif;
  font-size:15px;
  font-weight:bold;
  
}
.node-type-people .title{
/* margin-left: 130px; */
  margin-bottom: 3px;
  display: block;
}


.node-type-people .title a{ 
  text-decoration: none;
  color:#182F7B;
  font-family:Arial,Helvetica,sans-serif;
  
}
.node-type-people .title{
  color:#182F7B;
  font-family:Arial,Helvetica,sans-serif;
  font-size:15px;
  font-weight:bold;
  
}
.node-type-people .field-field-photo{
  float: left;
  border: 1px solid #ccc;
  margin: 3px 18px 10px -125px;
}

.node-type-people .field-items img{
  margin: 2px 2px 0px 2px;
}

.translation-link{
  display: none;
}

#main-area .views-field-field-photo-fid img{
  margin: 2px 2px 0px 2px;
}


#main-area .views-field-field-photo-fid{
  float: left;
  border: 1px solid #ccc;
  margin: 0px 5px 1px 0px;
  
  /*height: 119px;
  width: 84px;*/
}


 #main-area .views-field-field-title-value a{
  text-decoration: none;
  color:#182F7B;
  font-family:Arial,Helvetica,sans-serif;
  font-size: 13px;
}

#main-area  .views-field-field-title-value a:hover{
  color:#100F77;
}


#main-area .view-peoples-page .views-field-title a {
  
  color:#182F7B;
  font-family:Arial,Helvetica,sans-serif;
  font-size:15px;
  font-weight:bold;
  text-decoration:none;
  
}
#main-area .view-peoples-page .views-row {
  float:left;
  height:185px;
  margin-right:12px;
  margin-top:20px;
  width:225px;
}                  


#main-area  .view-peoples-page .views-field-view-node{
 float: right; 
 margin-right: 15px;

}
#main-area  .view-peoples-page .views-field-view-node a{
  color:#182F7B;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
  
}


#main-area  .view-peoples-page .views-field-body p{ padding: 0px; margin: 5px 0px;}

#main-area  .view-peoples-page .views-field-body{
  color:#999999;
  font-family:Arial,Helvetica,sans-serif;
  font-size:15px;
  
  
}

#main-area .view-id-ecards .views-row {
  width: 280px;
  padding: 10px;
  border: 1px solid #231f20;
  border-top: 0px;
  border-left: 0px;
  border-bottom: 0px;
  float: left;
  height: 235px;
  
  background: url(../images/card-product-footer-bg.jpg) repeat-x bottom;
  border-top: 1px solid #231f20;
  
}


 #main-area .view-id-ecards .views-row-1, #main-area .view-id-ecards .views-row-4, #main-area .view-id-ecards .views-row-7, #main-area .view-id-ecards .views-row-10,
 #main-area  .view-id-ecards .views-row-13,
 #main-area .view-id-ecards .views-row-16, #main-area .view-id-ecards .views-row-19,#main-area .view-id-ecards .views-row-22{
  
  border-left: 1px solid #231f20;
  
}
#main-area  .view-id-ecards .views-field-body p{ padding: 0px; margin: 5px 0px;}
#main-area  .view-id-ecards .views-field-body{
  color:#999999;
  font-family:Arial,Helvetica,sans-serif;
  font-size:15px;
  
  
}
#main-area  .view-id-ecards .views-field-title {
  margin-top: 8;
  text-align: center;
  height: 40px;
}
#main-area  .view-id-ecards .views-field-title a:hover{
  color:#100F77;
}
#main-area  .view-id-ecards .views-field-title a{
  color:#1e388c;
  font-family:Arial,Helvetica,sans-serif;
  font-size:15px;
  font-weight:bold;
  text-decoration: none;
}

#main-area  .view-id-ecards .views-field-view-node{
 float: right; 
 margin-right: 15px;
/* margin-top: -10px;*/
  top:220px;
  position: relative;
  height: 0px;
}
#main-area  .view-id-ecards .views-field-view-node a{
  color:#fff;
  text-decoration: none;
  font-family:Arial,Helvetica,sans-serif;
  text-align: center;
  padding-top: 2px;
  font-size:12px;
  height: 20px;
  width: 83px;
  display: block;
  background: url(../images/product-buy.jpg) no-repeat top center;
  
}
#main-area  .view-id-ecards .views-field-nothing {
  position: relative;
  top:220px;
  float: left;
  margin-left: 15px;
  height: 0px;
}
#main-area  .view-id-ecards .views-field-nothing a{
  background: url(../images/product-try.jpg) no-repeat top center;
  color:#fff;
  height: 20px;
  padding-top: 2px;
  width: 83px;
  text-align: center;
  text-decoration: none;
  display: block;
  font-family:Arial,Helvetica,sans-serif;
  font-size:14px;
  font-weight: bold;
}
/**
 * User profiles
 */

.profile {}

.profile h3 {}

.profile dl {}

.profile dt {}

.profile dd {}


/**
 * Admin menu module
 */

#admin-menu {
  font-size: 12px !important;
}

#admin-menu a {
  font-weight: bold !important;
}

#flipbook{
  background-color: #BDD344;
  border: 1px solid #473D34;
  padding: 10px;
}

.view-News .views-field-created{
    margin-right: 20px;
    float: left;
    
}

.view-News .views-row{
    height:auto!important;
    width: 500px!important;
}
.view-News .views-field-title a{
    text-decoration: underline!important;
}
.view-News .views-field-title{
    width: 350px;
    margin-bottom: 15px;
    float: left;
}

.view-News{
    
}

#block-views-News-block_1 .views-row{
    width: 400px!important;
    margin-top: 20px;
    margin-left: 20px;
}
#block-views-News-block_1 h2{
    margin-top: 5px;
}

#block-views-News-block_2    h2{
    margin-top: 5px;
}
#block-views-News-block_1 {
    margin: 0px 20px 10px 0px;
    border-top:1px solid #ccc;
    width: 430px;
}
#block-views-News-block_1 .views-field-title{
    float: none;
    margin-bottom: 15px;
                          
}   
#block-views-News-block_2 .views-row{
    width: 400px!important;
    margin-top: 20px;
    margin-left: 20px;
}
#block-views-News-block_2 {
    border-top:1px solid #ccc;
    margin: 0px 20px 10px 0px;
    width: 430px;
}
#block-views-News-block_2 .views-field-title{
    float: none;
    margin-bottom: 15px;
    
}

#message-themed li{
  list-style: none;
}
#message-themed p{
  margin-left:20px;
  margin-top:4px;
}
#message-themed b{
  float: none;  
  display: block;
  text-align: center;
  font-size: 24px;
  margin: 0;
}

#message-themed {
  font-size:12px;
  margin:10px auto;
/*  text-align:center;*/
  
  width:300px;
} 


#heroes2-products-registration-form .description b{
  margin: 3px 8px 0 0;
  color:#666666;
  
}
#heroes2-products-registration-form .description div{
  display: block;
  width: 400px;
  height: 60px;
  line-height: 1.7em;
  float: right;
}
#heroes2-products-registration-form .description{
  
  margin-top: 15px;
  margin-left: 6px;
  margin-bottom: 25px;
  
}

#edit-confirm{
  
}

.profile{
  width: 55%;
  float: left;
  clear: none;
}

.profile .profile-profile_fname{
  font-weight: bold;
} 


#products thead th{
  font-weight: normal;  
}
#products thead{
  color: #fff;
  border: none;
  
  background-color: #bed630;
}

#products tbody{
  border-bottom: 1px solid #dcddde ;
  border-left: 1px solid #dcddde ;
  border-right: 1px solid #dcddde ;
}

#products .odd td{
  background-color: #dcddde;
  border-right : 1px solid #fff;
}
#products .even td{
  background-color: #fff;
  border-right : 1px solid #dcddde;
}
#products thead th{
  border-right : 1px solid #fff;
  border-bottom: none;
}

.product-image{
/*  margin-right: 140px;*/
padding-top: 0;
}

#main-area .view-ecards .views-row .views-field-view-node a{
  
  font-weight: bold;
  font-size: 14px;
}
#main-area .view-ecards .views-row .views-field-title{
  margin-bottom: 10px;
}
#main-area .view-ecards .views-row .imagecache-product_list img{
  display: block;
  height: 130px;
  width: 195px;
  margin: 0 auto;
}