/*
 *   Important Information about this CSS File
 *
 * - Do not delete or rename this file, if you do not use it leave it blank (delete
 *   everything) and the file will be skipped when you enable Production Mode in
 *   the Global theme settings.
 *
 * - Read the _README file in this directory, it contains useful help and other information.
 */

/* Increase the default font size on small touch devices */
body {
  font-size: 100%;
}

/* =============================================================================
 *   Mobile Menu Toggle
 *   See your theme settings extensions for how to enable the menu toggle.
 *   These are example styles for the menu toggle menu, you can use these in the
 *   relevant responsive stylesheets as required. Modify to suit your design.
 * ========================================================================== */
/* The toggle link */
.at-mt .at-menu-toggle h2 {
  margin-bottom: 5px;
}

.at-mt .at-menu-toggle h2 a {
  background: #eee;
  border: 2px solid #ccc;
  padding: 2px 10px;
}

/* Menu items */
.at-mt .at-menu-toggle ul.menu li a {
  background: #eee;
  border-bottom: 1px solid #fff;
}

/*fblikes*/
.fblikes_btn{position: relative;right: auto;}

/*project cata*/
.pane-proj-panel-proj-year .block-inner,.pane-proj-panel-cata-projs .block-inner{
  margin-left: 10px;
  margin-right: 10px;
}
.proj-cata-txt{padding-left: 0;}
.per-proj-cata .views-row{margin-right: 0;margin-left: 0;width:auto; }

.all-proj-cata,.other-proj-cata,.view-display-id-panel_proj_year{
  text-align: center;
}

.all-proj-cata .views-row,
.other-proj-cata .views-row,
.view-display-id-panel_proj_year .views-row,
.all-proj-cata .views-row:nth-child(4n+1),
.other-proj-cata .views-row:nth-child(4n+1),
.per-proj-cata .views-row:nth-child(3n+1),
.view-display-id-panel_proj_year .views-row:nth-child(4n+1),
.all-proj-cata .views-row:nth-child(4n),
.view-display-id-panel_proj_year .views-row:nth-child(4n),
.per-proj-cata .views-row:nth-child(3n),
.other-proj-cata .views-row:nth-child(4n){
  margin-left: 0px;
  margin-right: 0px;
  text-align: left;
  display: inline-block;
  float: none;
  vertical-align: top;
  width:270px;
}

.view-display-id-block_sidebar_banner_art{
  text-align: center;
}
.view-display-id-block_sidebar_banner_art .views-row{
  display: inline-block;
}

/*event*/
.exhibition-list,.view-display-id-panel_event_old{
  text-align: center;
}
.exhibition-list .views-row, .view-display-id-panel_event_old .views-row{
  margin:10px 10px 30px;
  float:none;
  display: inline-block;
  text-align: left;
}
.exhibition-list .views-row:nth-child(3n), .view-display-id-panel_event_old .views-row:nth-child(3n){
  margin-right: 10px;
}

/*publish*/
.view-display-id-panel_pub_cp .views-row{height: auto;}
.group-top .field-name-field-buy-link, .group-top .field-name-field-redad-online{
  position: relative;
  text-align: right;
}

/*志工招募*/
#webform-client-form-2 input[type="text"],#webform-client-form-2 input[type="email"]{
  width: 100%;
}
#webform-client-form-2 fieldset input[type="text"]{
  max-width: 95%;
}

/*news*/
.view-display-id-panel_news_cata .views-row, .view-display-id-page_news .views-row{
  width: auto;
  height: auto;
}

/*about directors*/
.view-display-id-block_directors .views-row, .view-display-id-page_directors .views-row{
  float: none;
}

/*about memorabilia*/
.view-id-memorabilia .views-row .views-field-nothing{max-width: 240px;}

/*colorbox*/
#cboxPrevious,#cboxNext{
  top:32%;
}
#cboxPrevious{
  left:5px;
}
#cboxNext{
  right:-15px;
}