/*! gridster.js - v0.1.0 - 2012-10-20
* http://gridster.net/
* Copyright (c) 2012 ducksboard; Licensed MIT */

.gridster{position:relative;}
section { display: block;}

.gridster>*{margin:0 auto;-webkit-transition:height .4s;-moz-transition:height .4s;-o-transition:height .4s;-ms-transition:height .4s;transition:height .4s; left: -4px; position: relative;}
.grid_wrapper .gridster>* { left: 0}

.gridster .gs_w{z-index:2;position:absolute}

.ready .gs_w:not(.preview-holder){-webkit-transition:opacity .3s,left .3s,top .3s;-moz-transition:opacity .3s,left .3s,top .3s;-o-transition:opacity .3s,left .3s,top .3s;transition:opacity .3s,left .3s,top .3s}

.ready .gs_w:not(.preview-holder){-webkit-transition:opacity .3s,left .3s,top .3s,width .3s,height .3s;-moz-transition:opacity .3s,left .3s,top .3s,width .3s,height .3s;-o-transition:opacity .3s,left .3s,top .3s,width .3s,height .3s;transition:opacity .3s,left .3s,top .3s,width .3s,height .3s}

.gridster .preview-holder{z-index:1;position:absolute;background-color:#fff;border-color:#fff;opacity:.3}

.gridster .player-revert{z-index:10!important;-webkit-transition:left .3s,top .3s!important;-moz-transition:left .3s,top .3s!important;-o-transition:left .3s,top .3s!important;transition:left .3s,top .3s!important}

.gridster .dragging{z-index:10!important;-webkit-transition:all 0s!important;-moz-transition:all 0s!important;-o-transition:all 0s!important;transition:all 0s!important}

#content #grid1 td { font-size: 1em !important; }
/* #content #grid1 ol { margin-left: 1.2em; } */
/*#content #grid1 ol li { font-size: 1em !important; }*/

/* NORMALIZATION */
ul.grid, ol.grid { list-style: none; }


/* COMMONS */
.wrapper { margin: 0 auto; width: 960px; }

/* Gridster styles */
.container {  margin: 3em 0; padding: 10px 0 10px; background: #caf3f7; width: 970px;}
.demo:hover .gridster { opacity: 1; }
.grid_wrapper .gridster { opacity: 0.8; width: 956px;}
.gridster { width: 945px; margin: 0 auto; -webkit-transition: opacity .6s; -moz-transition: opacity .6s; -o-transition: opacity .6s; -ms-transition: opacity .6s; transition: opacity .6s; }
/*.gridster .gs_w { background: #FFF; cursor: pointer; -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.3); box-shadow: 0 0 5px rgba(0,0,0,0.3); }*/
.gridster .player { -webkit-box-shadow: 3px 3px 5px rgba(0,0,0,0.3); box-shadow: 3px 3px 5px rgba(0,0,0,0.3); }
.gridster .gs_w.try { background-image: url(../img/sprite.png); background-repeat: no-repeat; background-position: 37px -169px; }
.gridster .preview-holder { border: none!important; border-radius: 0!important; background: rgba(255,255,255,.2)!important; }
.gridster li { list-style: none;}

article, .m_doc_method { background: #FFF; }
article:not(:last-child), .m_doc_method:not(:last-child) { margin-bottom: 50px; }
.m_doc_method > h3 { background-color: #E5E5E5; padding: 1.4em 2em; color: #333333; font-size: 1.8em; }
.m_doc_method .heading-m { color: #333333; }

#intro  { overflow: hidden; }
#intro  .i_download { margin-top: 100px; }
#intro > div{ width: 65%; float: left; }
#intro { padding-right: 0; }
#intro > div:last-child{ width: 32%; float: right; }
.ckeditorfield       { background-color:white;border:1px solid;width:230px; height:230px;}


/* style for box */

/* @font-face {
    font-family: 'InterstateBoldCondensedBold';
    src: url('../fonts/interstate-boldcondensed-webfont.eot');
    src: url('../fonts/interstate-boldcondensed-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/interstate-boldcondensed-webfont.woff') format('woff'),
         url('../fonts/interstate-boldcondensed-webfont.ttf') format('truetype'),
         url('../fonts/interstate-boldcondensed-webfont.svg#InterstateBoldCondensedBold') format('svg');
    font-weight: normal;
    font-style: normal;

} */

/* @font-face {
    font-family: 'EbrimaNormal';
    src: url('../fonts/ebrima-webfont.eot');
    src: url('../fonts/ebrima-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/ebrima-webfont.woff') format('woff'),
         url('../fonts/ebrima-webfont.ttf') format('truetype'),
         url('../fonts/ebrima-webfont.svg#EbrimaNormal') format('svg');
    font-weight: normal;
    font-style: normal;

} */

@font-face {
    font-family: 'roboto';
    src: url('../fonts/roboto-medium-webfont.eot');
    src: url('../fonts/roboto-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto-medium-webfont.woff2') format('woff2'),
         url('../fonts/roboto-medium-webfont.woff') format('woff'),
         url('../fonts/roboto-medium-webfont.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
  }

.grid_wrapper { font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#333; line-height:1.3em; }
#content .gridster .gs_w { font-size: 1em !important;background: none; padding: 0; margin: 0;}

.grid_wrapper .side-box-grid a { text-decoration: none; color: inherit;}

.side-box-grid .side-box-top { background:url(/assets/img/inner-box-top.png) no-repeat 0 0; width:230px; height:4px; }
.side-box-grid .side-box-bottom { background:url(/assets/img/inner-box-bottom.png) no-repeat 0 bottom; width:230px; height:4px; }
.side-box-grid .side-box-middle { padding:10px; background-color:#fff; overflow: hidden; min-height: 0 !important}
.grid_wrapper .side-box-middle { font-size: 10px;}
.text_large .side-box-grid .side-box-middle { min-height: 320px; }
.side-box-grid .side-box-middle h2.title{ font-size:2em; line-height:1em; min-height:42px;letter-spacing:-0.5px;padding-bottom:15px;}
.side-box-grid .side-box-middle .side-box-details{ padding:0px 0 10px; }
.side-box-grid .side-box-middle .side-box-details ul li { margin:1px 5px 5px 0; background:no-repeat url("/assets/img/dot.gif") 5px 7px transparent; padding-left:12px; }
.text_large .side-box-grid .side-box-middle .side-box-details ul li { background-position:5px 9px}
.side-box-grid .side-box-middle img{ text-align:center; margin-bottom:10px;}
.side-box-grid .side-box-middle .side-box-details ul li a { color:#333; cursor:pointer; font-weight: normal;}

#content .content > p,
#content .content > ul,
#content .content > div,
#content .content > table,
.grid_wrapper .side-box-grid .content > p,
.grid_wrapper .side-box-grid .content > ul,
.grid_wrapper .side-box-grid .content > table,
.grid_wrapper .side-box-grid .content > div { font-size: 1.4em !important}

.more { margin: 10px 0 10px -10px}
.more a, .side-box-details .more a { background: no-repeat url("../img/plus.gif") 5px center #6DBC2F; padding:2px 15px; color:white !important; display: block; cursor:pointer; font-size:1em; line-height:1.6em; -webkit-text-size-adjust: none; display: inline-block; }
.more a, .side-box-details .more a { *display: inline;}
.more a:hover { text-decoration:none; }

.grid_wrapper .side-box-grid h1 { color: #6dbc2f; font-size: 2.4em; line-height: 1.5em; padding-bottom: 5px; font-family: "roboto", "Arial", "sans-serif", "Microsoft JhengHei revise", "Microsoft JhengHei", "MingLiU";font-weight: normal; margin: 0}
.grid_wrapper .side-box-grid h2 { color: #6dbc2f; font-size: 2em; line-height: 1.2em; padding-bottom: 5px; padding-top:5px; font-family: "roboto", "Arial", "sans-serif", "Microsoft JhengHei revise", "Microsoft JhengHei", "MingLiU";font-weight: normal;letter-spacing:-0.5px;}
.grid_wrapper .side-box-grid h3 { color: #6dbc2f; font-size: 1.7em; line-height: 1.2em; padding-bottom: 5px; padding-top: 10px; font-family: "roboto", "Arial", "sans-serif", "Microsoft JhengHei revise", "Microsoft JhengHei", "MingLiU";font-weight: normal;}
.grid_wrapper .side-box-grid h4 { color: #6dbc2f; font-size: 1.4em; line-height: 1.2em; padding-bottom: 5px; font-family: "roboto", "Arial", "sans-serif", "Microsoft JhengHei revise", "Microsoft JhengHei", "MingLiU";font-weight: normal;}
.grid_wrapper .side-box-grid h5 { color: #333333; font-size: 1.3em; padding-bottom: 2px;line-height: 1.3em;font-weight: bold;}
.grid_wrapper .side-box-grid h6 { color: #666666; font-size: 0.9em; font-weight: normal; padding-bottom: 5px; }
#grid1 .side-box-grid h1 a, #grid1 .side-box-grid h2 a, #grid1 .side-box-grid h3 a, #grid1 .side-box-grid h4 a {color: #6DBC2F;}
.gridster .side-box-grid li *  { font-size: 1em}

.grid_wrapper .side-box-grid p { font-size: 1em !important; font-family: Arial, Helvetica, sans-serif; line-height: 1.85em}
.grid_wrapper .side-box-grid li { font-size: 1em !important; font-weight:normal;}
#grid1 .side-box-grid ol {margin-left: 0; padding-bottom: 10px; padding-left: 20px; margin-top: 5px; font-size: 1.3em!important}
#grid1 .side-box-grid ol > li { list-style-type: decimal; background: none; padding-left: 0 !important}
#grid1 .side-box-grid ol[style*="lower-alpha"] > li { list-style-type: lower-alpha; ; background: none; padding-left: 0 !important}
#grid1 .side-box-grid ol li { line-height: 1.4em; list-style-position: outside;margin: 0 0 10px 0; vertical-align: outside;}
#grid1 .side-box-grid table ol li { font-size: 1em !important}
#grid1 .side-box-grid ul > li {background: url("/assets/img/dot.gif") no-repeat scroll 5px 7px transparent; list-style: none;}
#grid1 .side-box-grid ul li {  margin: 1px 5px 5px 0; padding-left: 12px; line-height: 1.3em; }
#grid1 .side-box-grid li li { font-size: 1em !important}

#grid1 td th {}

[data-sizex="2"] .side-box-top, .grid_width_2 .side-box-top {background: url(/assets/img/grid2-box-top.png) no-repeat 0 0; width: auto;}
[data-sizex="2"] .side-box-bottom, .grid_width_2 .side-box-bottom {background: url(/assets/img/grid2-box-bottom.png) no-repeat 0 0; width: auto;}
[data-sizex="3"] .side-box-top, .grid_width_3 .side-box-top {background: url(/assets/img/grid3-box-top.png) no-repeat 0 0; width: auto;}
[data-sizex="3"] .side-box-bottom, .grid_width_3 .side-box-bottom {background: url(/assets/img/grid3-box-bottom.png) no-repeat 0 bottom; width: auto;}
[data-sizex="4"] .side-box-top, .grid_width_4 .side-box-top {background: url(/assets/img/inner-content-top-long.png) no-repeat 0 0; width: auto;}
[data-sizex="4"] .side-box-bottom, .grid_width_4 .side-box-bottom {background: url(/assets/img/inner-content-bottom-long.png) no-repeat 0 bottom; width: auto;}

.inner-content a { color: inherit !important}
#grid1 .side-box-grid .side-box-middle .side-box-details p a { color: #6DBC2F !important}
.inner-content table a {color: #6DBC2F !important}
.inner-content table li a {color: inherit !important}
.left { float: left;}

/* template */
[data-sizex="1"] .photo-highlight-left, .grid_width_1 .photo-highlight-left, [data-sizex="1"] .photo-highlight-right, .grid_width_1 .photo-highlight-right { float: none; margin-right: 0; margin-left: 0}
[data-sizex="1"] .photo-highlight-left img, .grid_width_1 .photo-highlight-left img, [data-sizex="1"] .photo-highlight-right img, .grid_width_1 .photo-highlight-right img { width: 100% !important; height: auto !important}

.text_large_grid h2 { line-height: 1em}

.gs_w .side-box-details h2 a { color: #6DBC2F}

/*template images bottom*/
.side-box-grid .side-box-middle .template1 .photo-highlight-left img,
.side-box-grid .side-box-middle .template2 .photo-highlight-right img {margin-bottom: 0;}


/* template 8 */
.gs_w .template8 .mid-box-3 { width: 50%; padding:0;}
[data-sizex="1"] .template8 .mid-box-3, .grid_width_1 .template8 .mid-box-3 { width: 100%; padding:0;}
.gs_w .template8 .mid-box-3 .mid-box-middle { width: auto;}
.gs_w .template8 img { max-width: 100% !important; height: auto !important}

/* template 6 */
.gs_w .template6 > div { width: 25%; padding-left: 0; padding-right: 0;}
[data-sizex="3"] .template6 > div, .grid_width_3 .template6 > div, [data-sizex="2"] .template6 > div, .grid_width_2 .template6 > div { width: 50%;}

/* block control */
.button { width: 100%; z-index: 10}
.ui-icon-circle-arrow-n, .ui-icon-circle-arrow-s { position: absolute; right: 0px;}
.ui-icon-circle-arrow-n { top: 19px;}
.ui-icon-circle-arrow-s { top: 37px}
.ui-icon-circle-arrow-e {right: 20px; position: absolute; top: 0px;}
.ui-icon-circle-arrow-w {position: absolute; right: 40px; top: 0px;}

.text_large .gs_w .side-box-grid .side-box-middle { min-height: 0 !important}

#entity-form-div ul li .content li { font-weight: normal;}

/* font size of table in pop up rte */
.side-box-grid .content td { font-weight: normal; padding: 5px 10px}


/* fix the font style of cht in flexible template */

.cht #content .side-box-grid .content > p,
.cht #content .side-box-grid .content > ul,
.cht #content .side-box-grid .content > div,
.cht #content .side-box-grid .content > table,
.cht .side-box-grid .content > p,
.cht .side-box-grid .content > ul,
.cht .side-box-grid .content > div,
.cht .side-box-grid .content > table { font-size: 1.3em !important}


/* table */
.table_style_with_border, .table_style_with_border th, .table_style_with_border td {border: 1px solid black; }
.table_style_with_border[border="0"], .table_style_with_border[border="0"] th, .table_style_with_border[border="0"] td {border: 0; }

@media screen and (max-width: 1279px) {
    #content .content > p,
    #content .content > ul,
    #content .content > div,
    #content .content > table,
    .grid_wrapper .side-box-grid .content > p,
    .grid_wrapper .side-box-grid .content > ul,
    .grid_wrapper .side-box-grid .content > table,
    .grid_wrapper .side-box-grid .content > div { 
        font-size: 1.3em !important;
    }
}