/*STYLE INFO
-------------------------------------------------------------------------
Style:  custom.css
Site:   http://thinking.com.tw/;
Author: junsuwhy
-------------------------------------------------------------------------
Color:
    Main   : 59983F  //Dark Grass Green;
    Hover  : 77BB58  //Grass Green ;
    Border : 558E41  //Darker Grass Green ;
    Body background: #f5f5f5;  //Screw Black ;
    作者 bg: rgba(90,196,87,0.1) //screw grass green;



-------------------------------------------------------------------------
/** General **/

html {
    background: none;
}

body {
    background-color: white;
    font-family: "Helvetica Neue", Helvetica, Arial, "儷黑 Pro", "微軟正黑體", "Microsoft JhengHei", sans-serif;
    /* 無襯 */
    font-size: 15px;
    line-height: 1.5em;
    /*  word-break: break-all; */
}

/*.ie7 body {
    font-family: "新細明體", "Microsoft PMingLiU", serif;
}*/

body.admin-menu {
    margin-top: 24px ;
}

.serif {
    font-family: "新細明體", "Microsoft PMingLiU", serif;
    /* 襯線 */
}

.sans-serif {
    font-family: "Helvetica Neue", Helvetica, Arial, "儷黑 Pro", "微軟正黑體", "Microsoft JhengHei", sans-serif;
    /* 無襯 */
}

.ie7 .sans-serif {
    font-family: "儷黑 Pro", "微軟正黑體", "Microsoft JhengHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

h1, h2, h3, h4, h5, h6, .sans-serif {
    font-family: "Helvetica Neue", Helvetica, Arial, "儷黑 Pro", "微軟正黑體", "Microsoft JhengHei", sans-serif;
    font-weight: normal;
}

.ie7 h1, .ie7 h2, .ie7 h3, .ie7 h4, .ie7 h5, .ie7 h6, .ie7 .sans-serif {
    font-family: "儷黑 Pro", "微軟正黑體", "Helvetica Neue", Helvetica, Arial, "Microsoft JhengHei", sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    line-height: 1.2em;
    margin-bottom: .5em;
}

dl, menu, ol, ul, .item-list ul {
    /*     margin: 0; */
}

a, a:link, a:visited {
    color: #000;
    text-decoration: none;
}

a:hover, a:focus, a:active {
    text-decoration: underline;
}

a:focus {
    outline: none;
}

a:-webkit-any-link {
    text-decoration: none;
}

a:-webkit-any-link:hover, a:-webkit-any-link:active {
    text-decoration: underline;
}

p {
    margin: 0 0 1em 0;
}

li{
    list-style: none;
}

.symbol-li li{
    list-style: inherit;   
}

.inner {
    position: relative;
}

.img a {
    display: block;
}

.floatleft {
    float: left;
}

.floatright {
    float: right;
}

.clear {
    clear: both;
}

.clearfloat {
    overflow: hidden;
}

.hide {
    display: none ;
}

.grid-box {
    float: left;
}

.inline-block, .button {
    display: inline-block;
    vertical-align: top;
    zoom: 1;
}

.inline-block {
    margin-left: -4px;
}

a.button:hover {
    text-decoration: none;
}

.img-btn, .img-replace {
    display: block;
    overflow: hidden;
    text-indent: -9999px;
}

.more, .more-link, .readmore {
    line-height: 1;
    text-align: right;
}

.caret{
    display: none;
}

/** Layout **/
.page-header{
    border: none;
/*    line-height: 71px;
    font-size: 31px;*/
}
.ui-content{
    padding: 0;
}

section{
    padding-bottom: 10px;
}
@media (min-width: 840px){
    section.col-sm-12{
        padding: 0 15px;
    }
}
.panels-flexible-region{
    width: 100%;
}

.ui-panel-inner{
  position: absolute;
  top: 1px;
  left: 0;
  right: 0;
  bottom: 0px;
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
}

@media(max-width: 839px){
    .col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11{
        float: none;
        width: 100%;
    }    
    .container, .container .jumbotron{
        padding-right: 0;
        padding-left: 0;
    }
    .container{
        width: 100%;
    }
}

@media (min-width: 840px){
    .main-container,.region-footer {
        margin: 10px auto;
        width: 960px;
        padding: 0;
    }

    /** For Front **/
    .pane-views-home-3-block-block{
        padding-left: 0;
    }
    .pane-views-home-3-block-block-1{
        padding-right: 0;
    }
    .pane-views-home-3-block-block-1 .col-sm-6,
    .pane-views-home-3-block-block .col-sm-6{
        padding:0 3px 0 0 ;
    }
    .pane-views-home-1-block{
        padding-left: 0;
    }
    .pane-views-home-1-block-1,.pane-views-home-1-block-fixcolumn-block-1 {
        padding-left: 7.5px;
        padding-right: 7.5px;
    }
    .pane-views-home-1-block-2{
        padding-right: 0;
    }
    .pane-views-home-2-comic-block .views-row{
        max-width: 25%;
    }


   /** Sidebar **/
    aside.col-sm-3{
        width: 310px;
        margin-top: 10px;
        padding: 0;
    }
    aside.col-sm-3 .region{
        width: 310px;
    }
    /** main section **/
    .row>section.col-sm-9{
        width: 630px;
        margin-right: 20px;
        margin-top: 10px;
    }

}


.region-sidebar-second section{
    margin: 0 0 10px;
}


/** Override **/
.page-node- .main-container h1{

    font-size: 31px;
    margin: 20px 0 6px;
    font-weight: bold;
    border: 0;
    display: block;
}
.page-header{
    margin-top: 10px;
    font-size: 21px;
    padding: 0;
}
.page-header,
h2.block-title,
h2.pane-title{
    border-bottom: #3ca03e 4px solid;
    display: inline;
    font-weight: bold;
}
h2.block-title,
h2.pane-title{
    font-size: 17px;
}

/** override jquery.mobile.css */
.ui-overlay-a a{
    text-shadow: none;
}
.ui-loader-default{
    display: none;
}

/** Base **/

/** Attribute */
.pullLeft {
    float: left;
}

.pullRight {
    float: right;
}
.float-left{
    float: left;
}
.position-relative{
    position: relative;
}

/** Style **/
a.green-link,
.green-link a{
    color: #59983F;
}

.green-link a:hover,
a.green-link:hover,
a.green-plus-link:hover,
.green-plus-link a:hover{
    color: white;
    text-decoration: none;
    background: #77BB58;
}

.green-plus-link a:before,
a.green-plus-link:before{
    content: "+ ";
}
.green-link .mouse-region a{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.black-link a{
    color: black;
    text-decoration: none;
}
.black-link a:hover{
    color: black;
    text-decoration: underline;
}

.green-row:hover{
    background: #77BB58;
    color: white;
}
.green-row:hover a, .green-row:hover a:visited{
    color: white;
}

.small-words{
    font-size: 13px;
}
.more-content .green-plus-link{
    padding: 3px 5px;
}

.external a:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7;
}

/* Header 歸零 */

header#navbar ,header#navbar .container{
    width: 100%;
    padding: 0;
}
section{
    padding-left: 0px;
}
#block-menu-menu-top-left,
#block-menu-menu-top-right,
#block-menu-menu-secondary{
    display: none;
}


@media(min-width: 960px){
    #block-block-2>div.external {
        width: 960px;
    }
    #block-menu-menu-top-left{
        margin-left: 43px;
    }
    .menu-block-2>ul.menu{
        margin: 0 auto;
    }
    #block-menu-block-2 ul{
        padding: 0 20px;
    }
}


/*Header in the screen*/
@media (min-width: 840px){
    header#navbar{
        margin-bottom: 0;
        max-width: 1050px;
    }
    .navbar-header{
        position: absolute;
        width: 100%;
        text-align: center;    
        top:65px;    
    }

        
    /*上左選單*/
    #block-menu-menu-top-left{
        display: inline;
        float: left;
        padding: 16px 0;
    }
    #block-menu-menu-top-left li{
        padding: 0 3px;
        
    }
    #block-menu-menu-top-left .leaf:not(:nth-child(1)) a:before{
        content: "|";
        padding-right: 3px;
    }
    #block-menu-menu-top-left li a{
        padding: 0;
    }


    /*次選單*/
    #block-menu-menu-secondary {
        display: inline;
        margin-right: 11px;
        float:right;
        padding: 16px 5px;
        height: 44px;
    }
    #block-menu-menu-secondary .leaf,
    #block-menu-menu-secondary .leaf a{
        float: none;
        display: inline;
    }
    #block-menu-menu-secondary .leaf:after{
        content: "|";
    }
    #block-menu-menu-secondary .last.leaf:after{
        content: none;
    }
    #block-menu-menu-secondary a {
        font-size: 13px;
        line-height: 22px;
        font-weight: bold;
        height: 8px;
        padding-left: 0;
        padding-right:5px;
    }

    /*上右選單*/
    #block-menu-menu-top-right{
        display: inline;
        float: right;
        padding-top: 12px;
    }
    #block-menu-menu-top-right a{
        padding: 0 4px;
    }
    #block-menu-menu-top-right li{
        padding-right: 1px;
    }

    /* 主選單 - 新 */
    .menu-block-2{
        width: 960px;
        margin-bottom: 21px;
        border-bottom: 2px solid #ddd;
    }
    .menu-block-2>ul.menu{
        display: table;
    }

    /* 主選單 - 新 - end */

    #block-menu-block-2 ul{
        height: 34px;
    }
    #block-menu-block-2 li{
        float: left;
        text-align: center;
        height: 30px;
        font-size: 17px;
    }
    #block-menu-block-2 li:not(.first):before{
        content: "/";
        display: inline;
        font-size: 19px;
        padding: 0px 12px;
    } 
    #block-menu-block-2 li a{
        letter-spacing: 2px;
        display: inline;
        padding: 10px 4px 14px;
    }
    #block-menu-block-2 li.active{
        padding-top: 1px;   
    }
    #block-menu-block-2 li.active a:after, 
    #block-menu-block-2 li a:hover:after {
      border-bottom: 2px solid #000;
      width: 100%;
      content: " ";
      position: absolute;
      left: 0;
      bottom: 0px;
    }
    /*#block-menu-block-2 li a:hover:after {
        bottom: 1px;   
    }*/
    
    #block-menu-block-2 li.active a,
    #block-menu-block-2 li a:hover{
        background: url(/sites/all/themes/bootstrap/images/index/icon-arropup-black.png) 50% 100% no-repeat;
    }

    .region-navigation{
        height: 150px;
        max-width: 1050px;
        margin: 0 auto;
    }

    #block-block-2 {
        height: 70px;
    }


    #block-block-2>div.external {
            margin: 10px auto;
    }
    .logo {
        display: inline;
    }

    .header-link-circle,
    .header-link-words{
        float: right;
    }
    .header-link-words{
        padding: 5px;
    }
    #block-block-2 .header-link-words li{
        padding: 0 10px;
        border-left: 1px #000 solid;
    }
    #block-block-2 .header-link-circle li{
        padding: 0 5px;
    }
    #block-block-2 li:first-child{
        border-left: none;
    }

    .navbar-collapse {
        padding: 0;
    }

    .navbar-default {
        background-color: #fff;
        width: 100%;
        border: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        background-image: none;
        filter: none;
    }

    .navbar-default li {
        float: left;
        /*list-style: none;*/
    }
    #block-menu-menu-secondary .leaf{
        padding-right: 1px;
    }

    .navbar-default .nav>li>a.active:hover {
        background-color: #77BB58;
    }





    /*.block-menu .nav>li>.active,
    .block-menu .nav>li>a:hover ,
    .block-menu-block .nav>li>a:hover ,
    .block-menu-block .nav>li>a:active,
    .block-menu-block .nav .open>a,
    .block-menu-block .nav .open>a:hover,
    .block-menu-block .nav .open>a:focus,
    .block-menu-block .nav>li>a:hover,
    .block-menu-block .nav>li>a:focus{
        background-color: #77BB58;
    }*/
    .block-menu .nav>li>.active,
    .block-menu .nav>li>a:hover ,
    .block-menu-block .nav>li>a:hover ,
    .block-menu-block .nav>li>a:active,
    .block-menu-block .nav .open>a,
    .block-menu-block .nav .open>a:hover,
    .block-menu-block .nav .open>a:focus,
    .block-menu-block .nav>li>a:hover,
    .block-menu-block .nav>li>a:focus{
        background-color: transparent;
    }
    #block-system-main-menu,
    #block-menu-block-2{
        padding: 0;
    }

    .open>.dropdown-menu{
        display: none;
    }

    .region-blockgroup-secondary-search-group{
        width: 25%;
        padding: 0;
    }





}
@media (min-width:840px){
    #block-block-6{
        margin: 12px 5px;
        position: relative;
        width: 30px;
        padding-bottom: 0;
        float: right;
        overflow: hidden;
        background-color: black;
        height: 30px;
        border-radius: 15px;
        -webkit-transition: all ease-in-out .3s;
        transition: all ease-in-out .3s;
    }
    #___gcse_0{
        position: absolute;
        right: 9px;
        width: 100%;
    }
    #block-block-6:hover{
        width: 150px;
    }
    #block-block-6 label {
        display: none;
    }
    #block-block-6 input {
        background-image: none !important;
        border: none;
        border-bottom: #fff solid 1px;
        font-size: 11px;
        line-height: 11px;
        background-color: transparent !important;
    }
    #block-block-6 .gsc-input input{
        top: 9px;
        color: white;
        position: absolute;
        width: 110px !important;
    }
    #block-block-6 .gsc-input .gsst_a .gscb_a{
        top: 11px;
        position: absolute;
        right: 23px;
    }
    #block-block-6 .gsc-input{
        padding-right: 0;
    }
    #block-block-6 .gsc-input-box{
        height: 15px;
        width: 0;
        opacity: 0;
        float: right;
        background: black;
        border: none;
        border-bottom: 1px solid white;
        -webkit-transition: all ease-in-out .3s,opacity ease-in-out .15s;
        transition: all ease-in-out .3s,opacity ease-in-out .15s;
    }
    #block-block-6:hover .gsc-input-box{
        width: 100%;
        opacity: 1;
    }
    #block-block-6 .gsc-control-cse {
        border: none;
        background-color: transparent;
        padding-bottom: 0;
        padding: 7px 0;
        width: 80%;
        margin: 0 auto;
    }
    #block-block-6 .gsib_a {
      padding: 0 3px;
    }
    #block-block-6 .gsc-search-button input{
      padding: 0;
      background-color: transparent;
      background: url(../images/index/icon-search.png) no-repeat;
      position: absolute;
      top: 6px;
      right: 0;
      color: transparent;
      border-bottom: none;
    }

}


/** Some section disapear in mobile*/
@media (max-width: 839px){
    .container>.navbar-header,
    .container>.navbar-collapse{
        margin:0;
    }
    #block-block-2,
    #google-cse-results-searchbox-form{
        display: none;
    }
    header#navbar{
        background-color: #fff;
        height: 82px;
        border-color: #59983F;
    }
    .navbar-default .navbar-toggle:hover,
    .navbar-default .navbar-toggle:focus{
        background-color: #77BB58;
    }
    .region-navigation section{
        padding: 0;
    }

}



/**
 * footer
 */

.footer{
    margin-top: 40px;
    padding-top: 20px ;
    background-color: #59983F;
    width: 100%;
}
.footer h2{
    font-weight: bold;
    color: #ffffff;
    font-size: 15px;
    text-decoration: none;
    line-height: 23px;
    display: block;
    border: none;
    margin: 15px 0;
}

.region-footer .block-menu a,
.region-footer .block-menu-block a{
    padding: 0;
    color: #fff;
}

    .region-footer section{
        padding-left: 0;
    }
    #block-menu-menu-bottom-3-other{
        padding-top: 5px;
        float: left;
        width: 260px;
    }
    #block-menu-menu-bottom-3-other li{
        float: left;
    }
    #block-menu-menu-bottom-3-other li.first a{
        float: left;
        font-weight: normal;
    }
    #block-menu-menu-bottom-3-other li.first:after{
        content: "|";
        float: left;
        padding: 0 10px;
        color: white;
    }

    
    #block-block-1{
        float: left;
    }
    #block-block-1 ul{
        padding-left: 0;
        padding-right: 10px;
    }
    .footer-link-circle,.footer-cc-auth{
        float:left;
    }
    .footer-cc-auth img{
        height: 28px;
    }
    .footer-backtoheader{
        float:right;
    }
    .footer-backtoheader a{
        color: white;
    }
    .footer-backtoheader a:after{
        content: "▲";
        margin: 0 20px;
        font-size: 12px;
    }

    .footer-link-circle li{
        float:left;
        margin-right: 10px;
    }



/** Views */
.view-header{
    position: relative;
}
/** 更多 **/
.more-content{
    position: absolute;
    right: 0;
    font-size: 15px;
    padding: 2px 3px;
    top: -26px;
}
.region-content .view-id-page_author.view-display-id-block_1 .view-content,/** 專欄作家  */
.view-content{
    border-top: black 1px solid;
    margin-top: 1px;
    padding-top: 5px;
}
.view-new-front .view-content,
.view-footer .view-content,
.view-page-supplement .view-content .view-footer .view-content,
.view-header .view-content,
.region-content .articles-list-page:not(.header-line) .view-content,
.view-page-supplement .view-content,
.attachment .view-content{
    border-top: none;
    margin-top: 0;
    padding-top: 0;
}

@media (min-width: 840px){
    .views-row{
        position: relative;
    }
}

/** Field **/
.field-caption{
    /*margin-top: -24px;*/
    background: rgba(0,0,0,0.5);
    width: 100%;
    /*height: 24px;*/
    font-size: 13px;
    vertical-align: bottom;
    line-height: 24px;
    padding: 0 10px;
    position: absolute;
    /*overflow: hidden;*/
    color: white;
    bottom: 0;
}
.field-caption a,
.field-caption a:hover{
    color: white;
    /*text-decoration: none;*/
}
.articles-list .field-caption .field-create-time{
    float: right;
}
.articles-list .field-caption .separator-line{
    padding-right: 4px;
}

.articles-list .views-field-title{
    font-size: 17px;
    line-height: 23px;
    font-weight: bold;
}
.articles-list .views-field-body{
    height: 66px;
    overflow: hidden;
}
.articles-list .views-field-field-author{
    border-bottom: 1px dashed #dddddd;
    padding-bottom: 10px;
    margin-bottom: 5px;
}
.articles-list .views-field-field-author a{
    color: #666666;
    font-size: 15px;
    line-height: 23px;
}

/** 側欄的列表樣式，政策想想、副刊分類、專欄作家列表 */

.region-sidebar-second ul{
    padding-left: 0;
}
.region-sidebar-second li{
    padding-left: 12px;
    text-indent: -10px;
    line-height: 27px;
    /*font-size: 15px;*/
    display: block;
    /*color: black;*/
    text-decoration: none;
}
.region-sidebar-second li:hover{
    background: rgba(90,196,87,0.1);
    text-decoration: none;
}
.region-sidebar-second li .field-content:before{
    content: "•";
    color: #999999;
    padding: 0 10px;
}
/** 邊欄 文章列表頁 */
.view-sidebar-category-articles .view-content{
    padding-top: 0;
}
.view-sidebar-category-articles.articles-list-page .views-row{
    margin-bottom: 0;
}
.view-sidebar-category-articles.articles-list-page .views-field-title{
    font-weight: bolder;
}
/** 邊欄 想想副刊 */
.view-sidebar-supplement .views-field-field-insert{
    padding: 10px;
}
.view-sidebar-supplement .views-field-title{
    width: 290px;
    margin: 10px 10px;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…BoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 1%, rgba(0,0,0,0.5) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(1%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.5)));
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,0.5) 100%);
    background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,0.5) 100%);
    background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,0.5) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,0.5) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#80000000',GradientType=0 );
}
/** 邊欄，用 views field 的區塊 */
.view-display-id-block_11 .views-row ,
.view-display-id-block_9 .views-row{
    padding: 0;
}
.view-display-id-block_11 .view-content .view-content,
.view-display-id-block_9  .view-content .view-content{
    border-top: none;
    padding: 0;
}

/** 副刊頁面 , 專欄作家*/
.view-page-supplement .views-row{
    padding-left: 0;
}
.view-page-supplement>.view-content>.views-row{
    margin-bottom: 80px;
}
.view-page-supplement .view-footer .view-content .views-row {
  height: 90px;
  border-bottom: 1px dashed #DDD;
}
.view-page-supplement .view-footer .view-content .views-row .views-field-field-author{
  border-bottom: none;
}
.view-page-supplement .view-content .view-content{
    border-top: black 1px solid;
    margin-top: 2px;
    padding-top: 5px;
}
.view-page-supplement,
.view-page-column-authors{
    margin-top: 20px;
}
.view-page-column-authors .views-row-odd{
    padding-left: 0px;
}
.view-page-column-authors .views-row-even{
    padding-right: 0px;
}

/** 專欄作家 */
.view-page-column-authors .view-content{
    border: none;
}
.view-page-column-authors .views-field-nothing{
    border-top: black 1px solid;
    margin: 0 0 10px 0;
    min-height: 120px;
}
.view-page-column-authors .views-field-title{
    font-size: 17px;
}
.view-page-column-authors .views-field-title:after{
    content: "|";
}
.view-page-column-authors .views-field-photo{
    padding: 10px;
}
.view-page-column-authors .views-field-body{
    width: 310px;
    margin-top: 10px;
    overflow: hidden;

}

/** Second **/

/** Front **/

.front .row{
   /*margin-top: 0;*/
}
.front .page-header{
    display: none;
}
.front .region-content{
    border: none;
}
.front .view-content{

}

    /**
     * Front: Carousel;
     * class: view-home-0-carousel;
     */
    .view-home-0-carousel{
        position: relative;
        color: #fff;
        overflow: hidden;
    }
    .view-home-0-carousel .view-content{
        margin: 0;
        border: none;
        padding: 0;
    }
    .view-home-0-carousel a,
    .view-home-0-carousel a:hover{
        color: #fff;
    }
    .view-home-0-carousel .views-field{
        position: absolute;
    }
    .view-home-0-carousel .views-field-field-carousel-image{
        position: static;
    }
    .view-home-0-carousel .views-field-title{
        top: 0;
        left: 0;
        padding: 20px 30px 10px 50px;

    }
    .view-home-0-carousel .views-field-title h2{
        border: none;
        font-size: 33px;
    }
    .view-home-0-carousel .views-field-body{
        top: 100px;
        left: 40px;
        width: 420px;
        max-height: 150px;
        line-height: 25px;
        overflow: hidden;
        color: #fff;
    }
    /** Link */
    .view-home-0-carousel .views_slideshow_main .views-field-nothing{
        top: 260px;
        left: 50px;
        padding: 6px 10px;
        background: url(../images/index/arrow-more.png) no-repeat 87% ;
        background-color: #59983F;
        width: 110px;
        line-height: 30px;
    }
    .view-home-0-carousel .views_slideshow_main .views-field-nothing:hover{
        background-color: #77BB58;
    }
    .view-home-0-carousel .views-field-nothing-2{
        top: 0;
        left: 0;
        background-color: rgba(0,0,0,0.2);
        width: 50%;
        height: 360px;
    }


    section#block-views-new-0-slideshow-block-1{
        padding-bottom: 16px;
    }

    .view-new-0-slideshow{
        position: relative;
        color: #fff;
        overflow: hidden;
        width: 960px;
        height: 360px;
    }
    .view-new-0-slideshow .view-content{
        margin: 0;
        border: none;
        padding: 0;
    }
    .view-new-0-slideshow .views-field{
        position: absolute;
    }
    .view-new-0-slideshow .views-field a{
        color: white;
    }
    .view-new-0-slideshow .views-field-field-carousel-image{
        position: static;
    }
    .view-new-0-slideshow .views-field-nothing-2{
        bottom: 0;
        left: 0;
        width: 100%;
        height: 140px;
    }
    .view-new-0-slideshow .views-field-nothing-2 a{
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background-color: rgba(0,0,0,0.2);
        position: absolute;
    }
    .view-new-0-slideshow .views-field-title{
        bottom: 76px;
        left: 0;

    }
    .view-new-0-slideshow .views-field-title h2{
        padding: 0;
        margin: 0;
    }
    .view-new-0-slideshow .views-field-title h2 a{
        border: none;
        font-size: 31px;
        line-height: 59px;
        font-weight: bold;
        padding: 20px 30px 20px 30px;
        margin: 0;
    }

    .view-new-0-slideshow .views-field-body{
        bottom: 41px;
        left: 0;
        max-width: 800px;
        padding: 0 30px;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        color: #fff;
    }
    .view-new-0-slideshow .views-field-body a{
        font-size: 15px;
        line-height: 21px;   
        overflow: hidden;
    }
    /** Link */
    .view-new-0-slideshow .views_slideshow_main .views-field-nothing{
        bottom: 35px;
        right: 20px;
    }
    .view-new-0-slideshow .views_slideshow_main .views-field-nothing a{
        padding: 6px 17px;
        display: block;
        background: url(../images/index/arrow-more.png) no-repeat 90% ;
        background-color: #59983F;
        width: 120px;
        line-height: 30px;
    }
    .view-new-0-slideshow .views_slideshow_main .views-field-nothing a:hover{
        background-color: #77BB58;
    }

    /** Pager */
    .views-slideshow-controls-bottom{
        bottom:0;
        position: absolute;
        text-align: center;
        width:100%;
        height: 35px;
        z-index: 10;
    }
    #widget_pager_bottom_new_0_slideshow-block_1{
        
    }
    #widget_pager_bottom_new_0_slideshow-block_1 .views-slideshow-pager-field-item{
        border-radius: 50%;
        height: 12px;
        display: inline-block;
        width: 12px;
        margin: 4px;
        margin-top: 5px;
        background: #fff;
        border-radius: 50%;
        cursor: pointer;
        color: transparent;
        opacity: 0.6;
    }
    #widget_pager_bottom_new_0_slideshow-block_1 .views-slideshow-pager-field-item.active{
        background: #59983F;
        opacity: 1;
    }
    #widget_pager_bottom_new_0_slideshow-block_1 .views-slideshow-pager-field-item:hover{
        opacity: 1;
    }



    /** controller */
    #views_slideshow_controls_text_home_0_carousel-block_1{
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 5;
    }
    #views_slideshow_controls_text_home_0_carousel-block_1 span{
        position: absolute;
    }
    #views_slideshow_controls_text_previous_home_0_carousel-block_1{
        background: url(../images/index/arrow-left.png) no-repeat 50% 50%;
        height: 356px;
        width: 50px;
    }
    #views_slideshow_controls_text_previous_home_0_carousel-block_1:hover{
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
        opacity: 0.7;
    }
    #views_slideshow_controls_text_previous_home_0_carousel-block_1 a{
        color: transparent;
    }
    #views_slideshow_controls_text_next_home_0_carousel-block_1:hover{
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
        opacity: 0.7;
    }
    #views_slideshow_controls_text_next_home_0_carousel-block_1{
        right: 0;
        background: url(../images/index/arrow-right.png) no-repeat 50% 50%;
        height: 356px;
        width: 50px;
    }
    #views_slideshow_controls_text_next_home_0_carousel-block_1 a{
        color: transparent;
    }
    #views_slideshow_controls_text_pause_home_0_carousel-block_1{
        display: none;
    }
    /** Pager */
    #widget_pager_bottom_home_0_carousel-block_1{
        bottom: 20px;
        right: 0;
        position: absolute;
        z-index: 10;
    }
    #widget_pager_bottom_home_0_carousel-block_1 .views-slideshow-pager-field-item{
        float: left;
        width: 17px;
        line-height: 17px;
        height: 17px;
        margin: 10px;
        /*font-size: 23px;*/
        background: #fff;
        border-radius: 50%;
        cursor: pointer;
        color: transparent;
    }
    #widget_pager_bottom_home_0_carousel-block_1 .views-slideshow-pager-field-item.active{
        background: #59983F;
    }
    #widget_pager_bottom_home_0_carousel-block_1 .views-slideshow-pager-field-item:hover{
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
        opacity: 0.7;
    }

    /** 3 column blockes */
    .view-home-1- .views-field-title,
    .view-home-1-block-fixcolumn .views-field-title{
        margin: 10px 0;
        height: 46px;
        overflow: hidden;
    }
    .view-home-1-block-list .views-row{
        margin-top: 10px;
    }
    .view-home-1- .views-field-nothing-1.position-relative,
    .view-home-1-block-fixcolumn .views-field-nothing-1.position-relative{
        overflow: hidden;
    }
    /** Front : New front ; */
    

    /* column page */
    #block-views-column-writer-block{
        margin-bottom: 20px;
    }

    /* masonry */
    .masonry{
        width: 960px;
    }
    .masonry-item{
        width: 310px;
        float: left;
        padding:5px;
        margin: 5px;
        margin-bottom: 23px;
        border-bottom: 1px solid black;
    }
    .masonry-item:hover{
        -webkit-box-shadow: 0px 0px 10px 1px rgba(90,196,87,1);
        -moz-box-shadow: 0px 0px 10px 1px rgba(90,196,87,1);
        box-shadow: 0px 0px 10px 1px rgba(90,196,87,1);
        border-bottom: 3px solid #4fc04d;
    }
    .masonry-item .front-images-wrapper{
        position: relative;
        /*text-align: center;*/
    }
    .front-images-wrapper .field-term:after{
        content: "/";
        padding: 0 5px 0 1px ;
    }
    .front-caption-wrapper{
        position: absolute;
        bottom: 0;
        text-align: center;
        width: 100%;
        font-size: 13px;
        line-height: 25px;
        background: rgba(255,255,255,0.8);
    }
    .masonry-item .views-field-title{
        text-align: center;
        width: 100%;
        font-size: 17px;
        line-height: 27px;
        font-weight: bold;
        padding-top: 20px;
    }
    .masonry-item .views-field-field-author{
        text-align: center;
        width: 100%;
        font-size: 15px;
        font-weight: bold;
        line-height: 25px;
        padding-top: 10px;
    }
    .masonry-item .views-field-field-author a{
        color: #4fc04d;
    }
    .masonry-item .views-field-body{
        margin-top: 10px;
        font-size: 17px;
        width: 100%;
        /*height: 45px;*/
    }
    .masonry-item .views-field-body .field-front-summary-cut{
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
    }
    @media (max-width: 480px){
        .masonry-item .views-field-body .field-front-summary-cut{
            max-height: 58px;
        }
    }
    .masonry-item .views-field-view-node{
        padding-top: 20px;
    }
    .masonry-item .views-field-view-node a{
        font-size: 11px;
        line-height: 25px;
        color: #4fc04d;
    }
    .loading-image{
        width: 100%;
        text-align: center;
        padding: 50px 0 0 0;
    }

    /** Front: Supplement ; */
    .front-sup-wrapper{
        position: relative;
        height: 390px;
    }
    .front-sup-wrapper .field-caption{
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…BoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
        background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 1%, rgba(0,0,0,0.5) 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(1%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.5)));
        background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,0.5) 100%);
        background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,0.5) 100%);
        background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,0.5) 100%);
        background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,0.5) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#80000000',GradientType=0 );
    }
    /*.view-home-2-supplement .view-home-2-supplement{
        position: static;
        height: 0;
    }*/
    .front-sup-wrapper .views-row{
        position: absolute;
        top: 1px;
    }
    .front-sup-1,
    .front-sup-3{
        width: 480px;
        height: 240px;
    }
    .front-sup-wrapper .view-content{
        margin-top: -13px;
        /*width: 960px;*/
    }
    .front-sup-wrapper .front-sup-3{
        top: 151px;
        left: 480px;
    }
    .front-sup-2{
        width: 240px;
        height: 150px;
    }
    .front-sup-wrapper .front-sup-2.views-row-1{
        top: 241px;
    }
    .front-sup-wrapper .front-sup-2.views-row-2{
        top: 241px;
        left: 240px;
    }
    .front-sup-wrapper .front-sup-2.views-row-3{
        left: 480px;
    }
    .front-sup-wrapper .front-sup-2.views-row-4{
        left: 720px;
    }
    .front-sup-wrapper .field-caption{
        font-size: 15px;
        /*margin-top: -28px;*/
        /*height: 28px;*/
        line-height: 28px;
    }
    .front-sup-wrapper .views-field-field-author{
        float: right;
    }
    /** Front: 熱門、時事 ;*/
    .view-home-3-block .views-field-title{
        margin: 10px 0;
        height: 46px;
        overflow: hidden;
    }
    .view-home-3-block-list .view-content{
        padding: 0 10px;
    }
    .view-home-3-block-list,
    .view-home-3-block-list a,
    .view-home-3-block-list .views-field-field-author a{
        font-size: 13px;
    }
    .view-home-3-block-list .views-field-title{
        margin: 0;
        height: 50px;
        overflow: hidden;
    }
    .view-home-3-block-list a:before{
        color: #D08145;
    }
    .view-home-3-block-list a:hover:before{
        color: #fff;
    }


    /** Front:漫談 */
    .view-home-2-comic .views-field-field-cover-img{
        padding: 5px;
    }
    .view-home-2-comic .views-field-field-title{
        font-weight: bold;
    }
    .view-home-2-comic .views-field-field-author{
        padding-left: 5px;
    }
    .view-home-2-comic .views-field-title{
        padding-left: 5px;
        height: 40px;
        overflow: hidden;
    }
    .view-home-2-comic .views-field-field-author:after{
        content: "|";
        padding-left: 2px;
    }
    .view-home-2-comic .views-field-created{
        padding-left: 3px;
    }

/** Page **/

    /** Articles list page **/
    .articles-list-page .views-row{
        /*height: 140px;*/
        overflow: hidden;
        padding: 10px;
        margin-bottom: 10px;
    }
    .articles-list-page .views-field-field-insert,
    .articles-list-page .views-field-field-carousel-image,
    .articles-list-page .views-field-field-cover-img
    {
        padding-right: 10px;
    }
    .articles-list-page span{
        font-size: 13px;
        line-height: 17px;
    }
    .articles-list-page .views-field-field-author:after,
    .articles-list-page .views-field-term-node-tid:after{
        content: "|";
        /*padding-right: 5px;*/
    }
    .articles-list-page .views-field-title h5{
        line-height: 23px;
        margin: 0 0 4px;
        overflow: hidden;
        font-size: 17px;
        font-weight: bolder;
    }
    .articles-list-page .views-field-body{
        height: 65px;
        overflow: hidden;
    }
    .articles-list-page .views-field-nothing{
        height:120px;
        overflow:hidden;
    }

    /** 漫談 */
      /** 更多 */
    .view-id-page_comic .views-field-link-to-revision{
        position: absolute;
        bottom: 10px;
        right: 10px;
    }
    /** 公民平台 */
    .view-id-page_event_8 .views-field-title{
        overflow: auto;
        margin: 10px 0;
    }
    .view-id-page_event_8 .views-field-field-activity-link{
        float: right;
    }

@media (max-width: 480px) {
    .articles-list-page .views-field-field-insert,
    .articles-list-page .views-field-field-carousel-image,
    .articles-list-page .views-field-field-cover-img,
    .articles-list-page .views-field-field-insert img,
    .articles-list-page .views-field-field-carousel-image img,
    .articles-list-page .views-field-field-cover-img img
    {
        width: 120px;
        height: auto;
        float: left;
    }
    .articles-list-page .views-field-term-node-tid,
    .articles-list-page .views-field-field-author,
    .articles-list-page .views-field-created,
    .articles-list-page .views-field-body {
        display: none;
    }
    .articles-list-page .views-field-title {
        margin-left: 8px;
    }
    .view-id-page_event_8 .views-field-title{
        margin: 0;
        height: 46px !important;
    }
    .articles-list-page .views-row {
        height: 84px;
        overflow: hidden;
        padding: 10px 0;
        margin-bottom: 10px;
    }
}




/** Section */

    /** Article Outter */
    #block-block-11{
        float: left;
        width: 300px;
        padding-bottom: 0;
        position: relative;
        z-index: 9;
    }
    #block-block-11 .shareaholic-share-buttons-container ul.shareaholic-share-buttons{
        margin-left: 0 !important;
        padding-bottom: 0 !important;
        padding-top: 0 !important;
    }
    #block-block-11 .shareaholic-share-buttons-container li.shareaholic-share-button[data-service="facebook"]{
        padding-left: 0 !important;
    }
    #block-views-keywords-block{
        float: left;
        font-size: 13px;
        z-index: 10;
    }
    #block-views-keywords-block .view-content,
    #block-views-keywords-block-1 .view-content{
        border: none;
    }
    #block-views-keywords-block .views-field-term-node-tid,
    #block-views-keywords-block-1 .views-field-term-node-tid{
        color: #59983F;
    }
    #block-system-main{
        position: relative;
    }
    .print-link{
        float: right;
    }
    #block-print-ui-print-links,
    .print-link{
        width: 93px;
        height: 23px;
        overflow: hidden;
        right: 0;
        position: relative;
        z-index: 100;
    }
    .print_html{
        margin: 0;
    }
    .print-link{
    }
    /*.region-content .node .print-link a{
        border: none;
    }*/
    .content .print-link{
        margin-top: 0;
    }
    a.print-page{
        background: url(../images/img-print.png);
        color: transparent !important;
        overflow: hidden;
        width: 93px;
        display: block;
    }
    #block-statistics-ajax-update-page-statistics-ajax-update-page{
        color: #59983F;
        float: right;
        padding-right: 10px;
        margin-top: 5px;
    }
    #block-fblikebutton-fblikebutton-dynamic-block{
        float: right;
        width: 80px;
        height: 20px;
        z-index: 100;
        padding: 0;
        position: relative;
        margin-top: 5px;
        overflow: hidden;
    }
    #block-fblikebutton-fblikebutton-dynamic-block iframe{
        width: 80px !important;
    }
    .region-content{
        border-top: black 1px solid;
    }
    .region-content .node {
        clear: both;
    }
    .region-content .node .field-name-field-policy,
    .region-content .node .field-name-field-policy .field-item,
    .region-content .node .field-name-field-supplement,
    .region-content .node .field-name-field-supplement .field-item,
    .region-content .node .field-name-field-attribute,
    .region-content .node .field-name-field-attribute .field-item,
    .region-content .node .field-name-field-author,
    .region-content .node .field-name-field-author .field-item,
    .region-content .node .submitted-by
    {
        float: left;
        font-size: 15px;
    }
    .region-content .node .field-name-field-policy .field-item,
    .region-content .node .field-name-field-supplement .field-item,
    .region-content .node .field-name-field-attribute .field-item,
    .region-content .node .field-name-field-author .field-item
    {
        padding-right: 10px;
    }
    .region-content .node .field-name-field-policy .field-items:after,
    .region-content .node .field-name-field-supplement .field-items:after,
    .region-content .node .field-name-field-attribute .field-items:after,
    .region-content .node .field-name-field-author .field-items:after{
        float: left;
        content: "|";
        font-size: 13px;
        padding-right: 10px;
    }

    .region-content .node .field-name-field-policy a:hover,
    .region-content .node .field-name-field-supplement a:hover,
    .region-content .node .field-name-field-attribute a:hover,
    .region-content .node .field-name-field-author a:hover,
    .region-content .node .field-name-field-policy a:active,
    .region-content .node .field-name-field-supplement a:active,
    .region-content .node .field-name-field-attribute a:active,
    .region-content .node .field-name-field-author a:active{
        color: black;
        text-decoration: underline;
        background-color: transparent;
    }

    /** after contet*/
    /** 相關連結 */
    .region-content .node .field-name-field-link a{
        color: #59983F;
    }
    .region-content .node .field-name-field-link a:hover{
        color: white;
        text-decoration: none;
        background: #77BB58;
    }

    .region-content .node ul.links.list-inline{
        display: none;
    }

    /** Share this */
    .region-content .stButton .st-twitter-counter,
    .region-content .stButton .st-facebook-counter,
    .region-content .stButton .stButton_gradient {
        height: 22px;
    }

    /** fb comment */
    #block-facebook-comments-box-facebook-comments-box{
        margin-top: 20px;
    }

    /** 其他文章  */
    .content-relative-articles .views-row {
        padding: 5px 0;
    }

    /** 相關文章和上面的間距 refs $14234 */
    #block-views-block-more-articles-block-1,
    #block-views-block-more-articles-block{
        padding-top: 15px;
    }

    /** 作者 */
    #block-views-content-author-block .views-author-block{
        background-color: rgba(90,196,87,0.2);
    }
    #block-views-content-author-block .view-content,
    .views-author-block .view-content{
        padding: 10px;
        border: none;
    }
    #block-views-content-author-block .block-title,
    .views-author-block .block-title{
        display: none;
    }
    #block-views-content-author-block .views-field,
    .views-author-block .views-field{
        padding: 5px;
    }
    #block-views-content-author-block .views-field-field-photo,
    .views-author-block .views-field-field-photo{
        float: left;
    }

    .views-author-block .views-row{
        min-height: 138px;
    }

    /** Article */
    .region-content .node .field-name-body{
        padding-top: 15px;
        padding-bottom: 15px;
        clear:both;
    }
    .region-content .node .field-name-body p{
        padding: 15px 0;
        margin: 0;
        line-height: 27px;
        font-size: 17px;
    }

    .region-content .node .field-name-body blockquote{
        border-top: 4px #59983F solid;
        border-bottom: 4px #59983F solid;
        margin: 10px 0;
        padding: 10px 4px;
        color: #666666;
        line-height: 27px;
        border-left: none;
    }
    .region-content .node .field-name-body blockquote li:before{
        color: #666666;
    }

    .region-content .node .field-name-body a{
        font-size: 17px;
        color: #59983F;
        border-bottom: 1px #59983F solid;
    }
    .region-content .node .field-name-body a:hover,
    .region-content .node .field-name-body a:active{
        color: #fff;
        background-color: #77BB58;
        border: none;
        text-decoration: none;
    }
    .region-content .node .field-name-body table p{
        margin: 0;
    }
    .region-content .node .field-name-body h1{
        line-height: 71px;
        font-size: 31px;
        margin: 20px 0 6px;
    }

    .region-content .node .field-name-body h2{
        /*border: none;*/
        font-size: 31px;
        line-height: 41px;
        margin: 0;
    }
    .region-content .node .field-name-body h3{
        font-size: 27px;
        line-height: 37px;
        margin: 0;
    }
    .region-content .node .field-name-body h4{
        font-size: 23px;
        line-height: 35px;
        margin: 0;
    }
    .region-content .node .field-name-body h5{
        font-size: 23px;
        line-height: 35px;
        margin: 0;
    }
    .region-content .node .field-name-body table{
        width: 100%;
        margin-bottom: 20px;
        border: transparent;
    }
    .region-content .node .field-name-body table thead:first-child {
        border-bottom: #b7b7b7 4px solid;
        border-top: none;
    }
    .region-content .node .field-name-body table th,
    .region-content .node .field-name-body table td{
        padding: 8px;
        line-height: 20px;
        text-align: left;
        vertical-align: top;
        border-top: 1px solid #dddddd;
    }
    .region-content .node .field-name-body table td:hover,
    .region-content .node .field-name-body table th:hover,
    .region-content .node .field-name-body table thead:hover,
    .region-content .node .field-name-body table tr:hover{
        background: rgba(90,196,87,0.1);
    }
    .region-content .node .field-name-body img{
        max-width: 600px;
    }
    .region-content .node .field-name-body .image-caption-container {
        padding: 15px;
        border: #ccc 1px solid;
        height: auto !important;
        margin-top: 15px;
        margin-bottom: 15px;
    }
    .region-content .node .field-name-body .image-caption-container-right{
        margin-right:0;
        margin-left: 15px;
    }
    .region-content .node .field-name-body .image-caption-container-left{
        margin-left:0;
        margin-right: 15px;
    }
    .region-content .node .field-name-body .image-caption-container img{
        max-width: 600px;
        margin: 0;
    }
    .region-content .node .field-name-body .image-caption{
        font-size: 15px;
        padding-top: 15px;
        line-height: 20px;

    }
    .region-content #block-system-main .node ul {
        list-style: none;
        padding: 0;
        margin-bottom: 15px;
    }
    .region-content #block-system-main .node li {
        padding-left: 1em;
        text-indent: -.7em;
    }
    .region-content #block-system-main .node li:before {
        content: "• ";
        color: #59983F; /* or whatever color you prefer */
    }


    /** 編輯推薦頁面 */
    .views-field-field-activity-link-1 a:before{
        content: "》";
        float: left;
    }
    .views-field-field-activity-link-1{
        float: right;
    }

    /** 連絡我們 */
    .webform-client-form .form-item{
        padding: 10px 0;
    }
    .webform-client-form label[for="edit-submitted-name"]{
        /*float: left;*/
    }
    .webform-client-form input#edit-submitted-name{
        width: 220px;

    }


/** CiviCRM **/

/** Admin **/
/**
 * 使用者頁面
 */
body.page-user- .field-label,
body.page-user- .field-items{
    border-bottom: 1px #000 dashed;
    padding: 5px 0;
}
body.page-user- .field-name-field-pname-list .field-item{
    display: inline-block;
    padding: 0 5px;;

}
#views-form-admin-content-block-1 .views-table{
    width: 100%;
    margin: 0 0 10px;
    border: 1px solid #bebfb9;
    font-size: 12px;
}
#views-form-admin-content-block-1 .views-table tr{
    display: table-row;
    border-width: 0 1px 0 1px;
    border-style: solid;
    border-color: #bebfb9;
    background: #f3f4ee;
}
#views-form-admin-content-block-1 .views-table tr.odd{
    background: #fff;
}
#views-form-admin-content-block-1 .views-table tr.even{

}
#views-form-admin-content-block-1 .views-table th{


    vertical-align: middle;
    background: #e1e2dc;
    border-width: 1px;
    font-weight: normal;
    border-style: solid;
    border-color: #bebfb9;
}
#views-form-admin-content-block-1 .views-table td{
    border: 0;
    color: #000;
    vertical-align: middle;
    padding: 0 10px;
    display: table-cell;
}

/** Edit */
.field-widget-text-textarea-with-summary{
    width: 602px;
}

.page-node-edit .row,
.page-node-add .row{
    /*width: 620px;*/
}
body a.tabledrag-handle .handle{
    height: 30px;
    width: 30px;
}
/*#cke_edit-body-und-0-value{
    height: 1002px;
}
.cke_inner{
    height: 1000px;
}*/

/** solve 排程發表的日曆被作者欄位蓋住 #14420 */
.input-group .form-control{
    z-index: 0;
}

/** 作者資訊頁 */
.node-writer .field-name-field-photo,
.node-column .field-name-field-photo{
    float: left;
    margin: 25px;
    margin-left: 0;
}
.node-writer .content{
    margin-top: -20px;
}
.node-column .content{
    margin-top: -10px;   
}
.region-content .node.node-writer .field-name-body,
.region-content .node.node-column .field-name-body{
    clear: none;
}

/** Other small function **/

/**
 * Hide record, Member by
 */
h3+dl{
    display: none;
}

/** Temp **/


ul.textPosiiton li {
    padding: 0 10px;
}

/** action in Responsive*/
.navbar-toggle{
    display: none;
}

.iframe-rwd  {
position: relative;
padding-bottom: 65.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.iframe-rwd iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.image-caption-container{
    /* max-width: 600px; */
    width: auto !important;
}

@media (min-width: 840px){
    /* Carousel */
/*    .pane-views-home-0-carousel-block-1{
        display: block!important;
    }*/
    /* 最新文章隱藏 */
    .mobile-show-4.views-row-2,
    .mobile-show-4.views-row-3,
    .mobile-show-4.views-row-4{
        display: none!important;
    }
    .window-hide-first.views-row-1{
        display: none!important;
    }
    .window-hide{
        display: none!important;
    }

    /** highlight 部份在寬螢的時候要隱藏*/
    .highlighted{
        display: none;
    }

    .rwd-left-menu,
    .rwd-right-menu,
    .left-menu-button,
    .right-menu-button,
    /** RWD responsive share button */
    #block-block-9{
        display: none;
    }

}
@media (max-width:839px){
    .ui-page-theme-a a:visited, .ui-page-theme-a a:hover, .green-row:hover a:hover{
        color: black;
    }
    .ui-page-theme-a .ui-panel-wrapper{
        background: #fff;
    }
    /*layout */
    #block-system-main{
        /*padding: 0 15px;*/
        background: none;
    }

    section#block-views-new-0-slideshow-block-1{
        display: none;
    }

    .panels-flexible-row-front-2.supple.panels-flexible-row{
        padding-left: 15px;
        padding-right: 15px;
    }
    .mobile-hide,
    .print-link,
    #block-print-ui-print-links{
        display: none!important;
    }
    .pane-views-home-1-block .views-row{
        margin-bottom: 50px;
    }
    .pane-views-home-1-block:first-child .view-id-home_1_block_list{
        display: none;
    }
    .views-field-nothing-1 img{
        width: 100%;
    }
    .views-field-title{
        height: auto !important;
    }

    div.row>section{
        padding-left: 0;
        padding-right: 0;
    }

    /** header bar */
    .navbar-header{
        padding: 0 20px;

    }
    .navbar-header a{
        line-height: 47px;
        margin: 0;
    }
    .logo.navbar-btn img{
        opacity: 0;
    }
    header#navbar,
    header#navbar .container{
        margin: 0;
        border-radius: 0;
        background: url(/sites/all/themes/bootstrap/images/mobile/mobile-logo.png) 50% 50% no-repeat;
        background-color: #000;
        height: 48px;
        border: none;
    }
    .logo-wrapper{
        width: 100%;
        text-align: center;
        display: block;
        position: absolute;
        left: 0;
    }
    .left-menu-button,
    .right-menu-button{
        position: absolute;
        z-index: 10;
    }
    .left-menu-button{
        left: 15px;
    }
    .right-menu-button{
        right: 15px;
    }
    /** side menu*/
    .rwd-left-menu,
    .rwd-right-menu{
        position: fixed;
    }

    #block-menu-block-2,
    .ui-panel-inner,
    .dropdown-menu{
        padding: 0;
        margin: 0;
    }
    .ui-panel-display-push.rwd-left-menu,
    .ui-panel-display-push.rwd-right-menu,
    .ui-panel-display-push .dropdown-menu{
        background: black;
    }
    .nav>li a{
        color: white;
    }
    .nav>li a:hover,
    .nav>li a:focus{
        color: black;
        background-color: #777;
    }
    .rwd-left-menu .nav>li a,
    .rwd-right-menu .nav>li a{
        width: 100%;
        display: block;
        color: white;
        text-decoration: none;
        line-height: 50px;
        height: 50px;
        text-indent: 12px;
        font-size: 17px;
        padding: 0;
    }
    .rwd-left-menu .nav>li ul a{
        border-bottom: none;
        line-height: 40px;
        height: 40px;
    }
    .rwd-left-menu .dropdown-menu{
        display: block;
    }
    .dropdown-menu{
        top: 50px;
    }
    .dropdown-menu .leaf{
        width: 50%;
        float: left;
    }

    /** mobile search tool bar */
    .highlighted{
        position: relative;
    }
    .highlighted,
    #block-block-6,
    #block-block-6 .gsc-control-cse{
        padding: 0;
        margin: 0;
        background: #f5f5f5;
        width: 100%;
    }
    #block-block-6{
        /*background: #77BB58;*/
        padding-top: 5px;
    }
    #block-block-6 .gsc-control-cse{
        width: 95%;
        margin: 5px auto;
        height: 90px;
        border: none;
    }
    #block-block-6 #gsc-iw-id1{
        background: none;
        border: none;
        margin-top: 5px;
    }
    #block-block-6 .gsc-input-box-hover{
          box-shadow: none;
    }
    #block-block-6 #gsc-iw-id1 input{
        border: black solid 1px !important;
        background: white !important;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        -ms-border-radius: 2px;
        -o-border-radius: 2px;
        border-radius: 2px;
        font-size:24px;
        line-height: 0;
    }
    #block-block-7,
    #block-block-8{
        position: relative;
        width: 33%;
        text-align: center;
        background: #fff;
        float:left;
        z-index: 10;
        padding: 0;
        margin-bottom: 10px;
    }
    #block-block-7 p:after, #block-block-8 p:after {
        content: "|";
        color: black;
        position: absolute;
        top: 0;
        right: 0;
        width: 3px;
        height: 20px;
        font-weight: 400;
    }
    #block-block-7 p,
    #block-block-8 p{
        margin: 0;
        line-height: 50px;
    }
    #block-block-7 p a,
    #block-block-8 p a{
        color: black;
        width: 100%;
        display: block;
    }
    #block-block-7 p a:hover,
    #block-block-8 p a:hover{
        background: #f5f5f5;
    }
    #block-block-7:hover,
    #block-block-7 p a:hover,
    #block-block-8:hover,
    #block-block-8 p a:hover{
        text-decoration: none;
    }
    form.gsc-search-box{
        position: relative;
    }
    table.gsc-search-box{
        position: absolute;
        top: 45px;
    }
    .gsc-input-box{
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        -o-border-radius: 4px;
        border-radius: 4px;
    }
    td.gsc-search-button{
        position: absolute;
        top: -45px;
        right: 20%;
        height: 50%;
    }
    td.gsc-search-button:before{
        content: '搜尋';
        position: absolute;
        width: 54px;
        text-align: center;
        font-size: 21px;
        line-height: 1.4em;
    }
    #block-block-6 .gsc-search-button input{
        display: inline-block;
        height: 0;
        width: 0;
        padding: 13px 27px;
        border: none;
        background: none;
        overflow: hidden;
        position: absolute;
    }
    .cse .gsc-search-button input.gsc-search-button-v2,
    input.gsc-search-button-v2,
    input.gsc-search-button,
    input.gsc-search-button:hover,
    input.gsc-search-button:focus{
        width: 50px;
        height:50px;
        border: none;
    }

    input.gsc-input, .gsc-input-box, .gsc-input-box-hover, .gsc-input-box-focus{
        border: none !important;/* override default gsc style. */
        box-shadow: none;
    }

    /** 搜尋結果 */
    .gsc-control-wrapper-cse .gsc-results-wrapper-overlay{
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
         -ms-box-shadow: none;
          -o-box-shadow: none;
             box-shadow: none;
    }
    .gsc-results .gsc-result .gs-title{
        height: 26px;
        /*overflow: inherit;*/
    }


    /** contents */
    .region-content .node .field-name-body p,
    .region-content .node .field-name-body a{
        font-size: 21px;
        line-height: 35px;
        font-weight: bolder;
    }



    /** articles list */
    .view-page-all .views-field-field-insert{
        float: right;
    }
    .view-page-all .views-field-body{
        display: none;
    }

    /** RWD responsive share button */
    #block-block-9{
        float: right;
        z-index: 10;
        padding: 10px;
        position: relative;s
    }
    #block-block-9 .rwd-sharethis{
        padding: 10px;
        background: #59983F;
        color: #fff;
    }
    #block-block-9 .rwd-sharethis:hover,
    #block-block-9 .rwd-sharethis.enabled{
        background: #77BB58;
    }
    #block-block-9 .contextual-links-wrapper{
        display: none !important;
    }
    .region-content{
        position: relative;
    }
    #block-sharethis-sharethis-block{
        display: none;
    }
    #block-sharethis-sharethis-block.rwd-show{
        display: block;
        margin: 5px;
        padding: 5px;
        position: absolute;
        top: 0;
        background: #ccc;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        -khtml-border-radius: 10px;
        z-index: 2;
    }
    .st_evernote_hcount,
    .st_fblike_hcount{
        display: none;
    }

    #block-fblikebutton-fblikebutton-dynamic-block{
        clear: both;
        position: relative;
        left: 0;
        float: left;
        z-index: 1;
        padding: 10px;
        overflow: initial;
    }
    #block-statistics-ajax-update-page-statistics-ajax-update-page{
        float: left;
        padding: 10px;
    }

    /** front article list */
    .front-caption-wrapper{
        font-size: 19px;
        line-height: 34px
    }
    .masonry-item .views-field-title{
        font-size: 23px;
        line-height: 32px;
    }
    .masonry-item .views-field-body{
        font-size: 21px;
        line-height: 30px;
    }
    .masonry-item .views-field-field-author{
        font-size: 21px;
    }
    .masonry-item .views-field-view-node a{
        font-size: 17px;
    }
    .masonry-item .views-field-view-node{
        padding-bottom: 46px;
    }
    /** single article */
    .page-header,
    .region-content
    {
        padding: 0 15px; 
    }

    .view-header{
        position: inherit;
    }
    h2.block-title,
    h2.pane-title{
        font-size: 23px;
    }
    .front .pane-content,
    .front .view-content,
    .articles-list-page .view-content,
    #block-views-sidebar-supplement-block .view-content{
        position: relative;
        margin-top: 2px;
        margin-bottom: 55px;
    }
    .pane-content .view-content{
        margin: 0;
    }
    .more-content{
        bottom: -36px;
        top: inherit;
        width: 100%;
    }
    .view-sidebar-category-articles .more-content{
        bottom: 18px;
    }
    .more-content a.green-plus-link{
        padding: 0;
        color: white;
        margin: 0 auto;
        width: 99%;
        line-height: 30px;
        text-align: center;
        background: #59983F;
        display:block;
    }
    .more-content a.green-plus-link:hover{
        background-color: #77BB58;
    }
    .dropdown-menu{
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    /* 副刊 */
    .view-page-supplement>.view-content>.views-row:not(:nth-child(1)){
        margin-top: 60px;
    }

}




/** temp */
/** 主欄文章列表區塊 */
.region-content .articles-list-page .views-field-title{
    font-size: 19px;
}
.region-content .articles-list-page .views-field-body{
    font-size: 17px;
    line-height: 23px;
}

/** 邊欄文章列表區塊 */
.region-sidebar-second .articles-list-page .views-row{
    padding: 8px;
    line-height: 20px;
}
/*
.region-sidebar-second .articles-list-page .views-row:after{
    width: 100%;
    border-top:black 1px solid;
}*/

/* contact */
#edit-submitted-email {
  display: block;
  width: 94%;
  height: 43px;
  padding: 10px 18px;
  font-size: 15px;
  line-height: 1.428571429;
  color: #333;
  vertical-align: middle;
  background-color: #FFF;
  background-image: none;
  border: 1px solid #CCC;
  border-radius: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

@media (max-width: 839px){
    .masonry,.masonry .view-content{
        width: 100% !important;
    }
    .view-id-new_front .views-row.masonry-item{
        width: 100%;
        position: initial !important;
    }
    .view-id-new_front .front-images-wrapper img{
        width: 100%;
        height: 100%;
    }
}

/* fix #17155 */
textarea.cke_source {
    white-space: pre-wrap;
}