h1,h2,h3,h4,h5,h6 {
    font-weight: 300;
    font-family: '微軟正黑體',sans-serif;
    margin-bottom: 10px;
    color: #fff
}

h1 {
    font-size: 32px;
    line-height: 36px
}

h2 {
    font-size: 28px;
    line-height: 32px
}

h3 {
    font-size: 24px;
    line-height: 28px
}

h4 {
    font-size: 20px;
    line-height: 24px
}

h5 {
    font-size: 18px;
    line-height: 22px
}

h6 {
    font-size: 16px;
    line-height: 20px
}

.hiddenatstart {
    display: none
}

span.verysmall,p.verysmall,.verysmall {
    font-size: 10px;
    line-height: 21px
}

span.small,p.small,a.small,a.small:visited,a.small:hover {
    font-size: 12px;
    line-height: 22px
}

span.medium,p.medium,a.medium,a.medium:visited,a.medium:hover {
    font-size: 16px;
    line-height: 24px
}

span.big,p.big {
    font-size: 18px
}

.italic {
    font-style: italic
}

span.thin,p.thin {
    font-weight: 300
}

span.quote,p.quote {
    font-size: 20px;
    line-height: 25px;
    color: #000;
    font-weight: 400
}

span.white,p.white,.white {
    color: #fff
}

span.black,p.black,.black,a.black,a.black:visited {
    color: #000
}

span.gray,p.gray,.gray {
    color: #6F6D6C
}

span.darkgray,p.darkgray,.darkgray {
    color: #737373
}

span.lightgray,p.lightgray {
    color: #aaa
}

span.darkgray,p.darkgray {
    color: #737373
}

.bold {
    font-weight: 600
}

a.condensed,a.condensed:visited,a.condensed:hover,p.condensed {
    font-family: 'Roboto Condensed',sans-serif
}

.subfooter p {
    color: #b2b2b2;
    line-height: 15px;
    font-size: 13px
}

.footer p {
    color: #cacaca
}

.widget-title,.widget-title a,.widget-title a:visited,.widget-title a:hover {
    font-size: 13px;
    font-weight: 700;
    line-height: 26px;
    font-weight: bold
}

.footer .widget-title,.footer .widget-title a,.footer .widget-title a:visited,.footer .widget-title a:hover {
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 1px
}

.bigintro,.bigintro a,.bigintro a:visited,.bigintro a:hover {
    font-size: 30px;
    line-height: 50px;
    font-weight: 700;
    font-family: 'Open Sans',sans-serif
}

.blog-title,.blog-title a,.blog-title a:visited,.blog-title a:hover {
    font-size: 24px;
    line-height: 25px;
    font-weight: 600;
    font-family: 'Open Sans',sans-serif
}

.content-title,.content-title a,.content-title a:visited,.content-title a:hover {
    font-size: 20px;
    line-height: 25px;
    font-family: 'Open Sans',sans-serif;
    font-weight: 400
}

.paragraph-title,.paragraph-title a,.paragraph-title a:visited,.paragraph-title a:hover {
    font-size: 14px;
    line-height: 20px;
    font-family: 'Open Sans',sans-serif;
    font-weight: 400
}

.boxed-title,.boxed-title a,.boxed-title a:visited,.boxed-title a:hover {
    font-size: 18px;
    line-height: 22px;
    font-family: 'Open Sans',sans-serif;
    font-weight: 600
}

.showbiz-title,.showbiz-title a,.showbiz-title a:visited,.showbiz-title a:hover {
    font-size: 16px;
    line-height: 22px;
    font-family: 'Open Sans',sans-serif;
    font-weight: 600
}

.simple-title,.simple-title a,.simple-title a:visited,.simple-title a:hover {
    font-size: 16px;
    line-height: 22px;
    font-family: 'Open Sans',sans-serif;
    font-weight: 600
}

.article-title,.article-title a,.article-title a:visited,.article-title a:hover {
    font-size: 30px;
    line-height: 33px;
    font-weight: 400;
    font-family: 'Open Sans',sans-serif
}

.mini-title,.mini-title a,.mini-title a:visited,.mini-title a:hover {
    font-size: 12px;
    line-height: 13px;
    font-family: 'Open Sans',sans-serif
}

.divide0 {
    width: 100%;
    height: 0
}

.divide2 {
    width: 100%;
    height: 2px
}

.divide3 {
    width: 100%;
    height: 3px
}

.divide5 {
    width: 100%;
    height: 5px
}

.divide10 {
    width: 100%;
    height: 10px
}

.divide15 {
    width: 100%;
    height: 15px
}

.divide20 {
    width: 100%;
    height: 20px
}

.divide25 {
    width: 100%;
    height: 25px
}

.divide30 {
    width: 100%;
    height: 30px
}

.divide35 {
    width: 100%;
    height: 35px
}

.divide40 {
    width: 100%;
    height: 40px
}

.divide45 {
    width: 100%;
    height: 40px
}

.divide50 {
    width: 100%;
    height: 50px
}

.divide55 {
    width: 100%;
    height: 55px
}

.divide60 {
    width: 100%;
    height: 60px
}

.rm1 {
    margin-right: 1px
}

.rm2 {
    margin-right: 2px
}

.rm5 {
    margin-right: 5px
}

.rm10 {
    margin-right: 10px
}

.rm15 {
    margin-right: 15px
}

.rm20 {
    margin-right: 20px
}

.rm25 {
    margin-right: 25px
}

.rm30 {
    margin-right: 30px
}

.rm40 {
    margin-right: 40px
}

.lm1 {
    margin-left: 1px
}

.lm5 {
    margin-left: 5px
}

.lm7 {
    margin-left: 7px
}

.lm10 {
    margin-left: 10px
}

.lm15 {
    margin-left: 15px
}

.lm20 {
    margin-left: 20px
}

.lm25 {
    margin-left: 25px
}

.lm30 {
    margin-left: 25px
}

.lm40 {
    margin-left: 40px
}

.rp10 {
    padding-right: 10px
}

.rp20 {
    padding-right: 20px
}

.lp20 {
    padding-left: 20px
}

.lp60 {
    padding-left: 60px
}

.tm4 {
    margin-top: 4px
}

.tm5 {
    margin-top: 5px
}

.tm7 {
    margin-top: 7px
}

.tm10 {
    margin-top: 10px
}

.tm15 {
    margin-top: 15px
}

.tm20 {
    margin-top: 20px
}

.mbm1 {
    margin-bottom: -1px
}

.bm5 {
    margin-bottom: 5px!important
}

.bm15 {
    margin-bottom: 15px!important
}

.bm20 {
    margin-bottom: 20px!important
}

.nobottommargin {
    margin-bottom: 0!important
}

hr {
    margin: 16px 0;
    border-top: 1px solid #d8d8d8;
    border-bottom: none
}

hr.dark {
    margin: 20px 0;
    border-top: 1px solid #555;
    border-bottom: none
}

hr.big {
    border-top-width: 5px;
    margin: 21px 0
}

hr.lower {
    margin: 8px 0
}

.smartdivider i.small {
    line-height: 30px!important
}

.smartdivider .nobreak.verysmall {
    line-height: 30px
}

.smartdivider span {
    padding-bottom: 9px
}

.bottomhr {
    border-bottom: 1px solid #d8d8d8
}

.coloredbottomhr {
    border-bottom: 1px solid #000;
    margin-bottom: -1px;
    line-height: 22px
}

body.blue .coloredbottomhr {
    border-color: #52bde9
}

body.green .coloredbottomhr {
    border-color: #9c3
}

body.orange .coloredbottomhr {
    border-color: #f27935
}

body.red .coloredbottomhr {
    border-color: #f23535
}

body.ocean .coloredbottomhr {
    border-color: #0ea5a0
}

.lh30 {
    line-height: 30px!important
}

.lh35 {
    line-height: 35px!important
}

.lh40 {
    line-height: 40px!important
}

.lh45 {
    line-height: 45px!important
}

.lh50 {
    line-height: 50px!important
}

.smartdivider .verysmall.lh30 {
    line-height: 33px!important
}

.reddivider {
    width: 100%;
    height: 4px;
    background-color: #000
}

body.blue .reddivider {
    background-color: #52bde9
}

body.green .reddivider {
    background-color: #9c3
}

body.orange .reddivider {
    background-color: #f27935
}

body.red .reddivider {
    background-color: #f23535
}

body.ocean .reddivider {
    background-color: #0ea5a0
}

.txt-center,.centered {
    text-align: center
}

.mcentered {
    margin: auto
}

.txt-left {
    text-align: left
}

.txt-right {
    text-align: right
}

.imgfloat {
    float: left;
    margin: 5px 30px 20px 0
}

.leftfloat {
    float: left
}

.rightfloat {
    float: right
}

.righttoleftfloat {
    float: right
}

@media only screen and (max-width: 767px) {
    .righttoleftfloat {
        clear:left;
        float: left
    }
}

.fullwidththumb {
    width: 100%
}

.nobreak {
    white-space: nowrap
}

.one_half {
    width: 49%;
    position: relative
}

.one_third {
    width: 32%;
    position: relative
}


.two_third {
    width: 66%;
    position: relative
}

.three_fourth {
    width: 74%;
    position: relative
}

.four_fifth {
    width: 78% position:relative
}

.one_fourth {
    width: 23.5%;
    position: relative
}

.one_fifth {
    width: 18.2%;
    position: relative
}

.two_fifth {
    width: 39%;
    position: relative
}

.three_fifth {
    width: 58.3%;
    position: relative
}

.one_sixth {
    width: 13.33%;
    position: relative
}

.one_half,.one_third,.two_third,.one_fourth,.one_fifth,.three_fourth,.one_sixth,.four_fifth,.two_fifth,.three_fifth {
    margin-right: 2%;
    margin-bottom: 0;
    float: left
}

.lastcolumn {
    margin-right: 0!important;
    clear: right
}

@media only screen and (max-width: 767px) {
    .one_half,.one_third,.two_third,.one_fourth,.one_fifth,.one_sixth,.two_fifth,.three_fifth {
        width:100%;
        margin-bottom: 20px
    }

    .lastcolumn {
        margin-bottom: 0
    }

    .mobilecentered {
        text-align: center
    }
}

.table {
    display: table
}

.table-cell.fullwidth {
    width: 100%
}

.table-cell {
    display: table-cell;
    vertical-align: bottom
}

.table-cell.top {
    vertical-align: top
}

@media only screen and (max-width: 520px) {
    .table.breakonmobile {
        display:block
    }

    .table.breakonmobile .table-cell {
        display: block
    }
}

.subheader_wrapper {
    background-color: #fff;
    border-bottom: 1px solid #d8d8d8
}

.header_wrapper {
    background-color: #f0f0f0;
    border-bottom: 1px solid #d8d8d8;
    position: relative
}

.logoholder {
    position: relative;
    width: 61px;
    margin-top: 25px;
    margin-bottom: 25px
}

boxedlayout {
    padding: 40px 0
}

.boxedlayout .boxed-wrapper {
    box-shadow: 0 0 5px 1px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 0 5px 1px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 0 5px 1px rgba(0,0,0,0.2);
    max-width: 1250px;
    margin: auto
}

.boxedlayout .maincontent,.boxedlayout .footer,.boxedlayout .header,.boxedlayout .subfooter {
    max-width: 1250px;
    margin: auto
}

.header {
    border-top: 5px solid #000
}

body.blue .header {
    border-color: #52bde9
}

body.green .header {
    border-color: #9c3
}

body.orange .header {
    border-color: #f27935
}

body.red .header {
    border-color: #f23535
}

body.ocean .header {
    border-color: #0ea5a0
}

.maincontent {
    background-color: #fff
}

.container {
    padding: 0
}

.footer .container {
    padding: 40px
}

.callout {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 30px 20px
}

@media only screen and (min-width: 981px) and (max-width: 1199px) {
    .boxedlayout .maincontent,.boxedlayout .footer,.boxedlayout .header,.boxedlayout .subfooter,.boxedlayout .boxed-wrapper {
        max-width:1020px;
        margin: auto
    }
}

@media only screen and (min-width: 769px) and (max-width: 980px) {
    .boxedlayout .maincontent,.boxedlayout .footer,.boxedlayout .header,.boxedlayout .subfooter,.boxedlayout .boxed-wrapper {
        max-width:804px;
        margin: auto
    }

    body.boxedlayout {
        padding: 0
    }
}

@media only screen and (max-width: 768px) {
    .container {
        padding:0 20px
    }

    .footer .container {
        padding: 40px 20px
    }

    body.boxedlayout {
        padding: 0
    }
}

.btn,.btn:hover {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

input[type="submit"] {
    padding: 0 10px
}

.buttoncenter {
    position: relative;
    float: left;
    left: 50%
}

.buttoncenter button {
    margin-left: -50%;
    clear: right
}

.btn.small {
    padding: 0 20px;
    line-height: 35px;
    font-size: 12px
}

.btn.large {
    padding: 0 40px;
    line-height: 45px;
    font-size: 15px
}

body.green .btn.maincolor,.btn.green,input[type="submit"].green {
    background: #9c3;
    color: #fff
}

body.ocean .btn.maincolor,.btn.ocean {
    background: #0ea5a0;
    color: #fff
}

.btn.gray {
    background: #d5d5d5;
    color: #fff
}

.btn.blue,body.blue .btn.maincolor {
    background: #52bde9;
    color: #fff
}

body.red .btn.maincolor,.btn.red {
    background: #f23535;
    color: #fff
}

body.green .btn.maincolor,.btn.green {
    background: #9c3;
    color: #fff
}

body.orange .btn.maincolor,.btn.orange {
    background: #f27935;
    color: #fff
}

.btn.black {
    background: #000;
    color: #fff
}

.btn.whitegray {
    background: #fff;
    color: #d0d0d0
}

body.red .btn.maincolor,.btn.red,input[type="submit"].red {
    background: #f23535;
    color: #fff;
    border: none!important
}

.btn.purple {
    background: #a400ac;
    color: #fff
}

body.ocean .btn.maincolor:hover,.btn.ocean:hover {
    background: #0c8e8a;
    color: #fff
}

body.green .btn.maincolor:hover,.btn.green:hover {
    background: #88ba25;
    color: #fff
}

body.red .btn.maincolor:hover,.btn.red:hover {
    background: #d52727;
    color: #fff
}

body.blue .btn.maincolor:hover,.btn.blue:hover {
    background: #399fc9;
    color: #fff
}

body.orange .btn.maincolor:hover,.btn.orange:hover {
    background: #dc6624;
    color: #fff
}

.btn.black:hover {
    background: #333;
    color: #fff
}

.btn.gray:hover {
    background: #000;
    color: #fff
}

.btn.whitegray:hover {
    background: #d0d0d0;
    color: #fff
}

.btn.witharrow.small {
    padding-right: 50px;
    padding-left: 10px
}

.btn.withleftarrow.small {
    padding-left: 50px;
    padding-right: 10px
}

.btn.witharrow.small:after {
    content: ">";
    font-family: 'Lato',sans-serif;
    font-size: 15px;
    color: #fff;
    font-weight: 700;
    position: absolute;
    right: 0;
    top: 0;
    line-height: 35px;
    padding: 0 13px
}

.btn.withleftarrow.small:before {
    content: "<";
    font-family: 'Lato',sans-serif;
    font-size: 15px;
    color: #fff;
    font-weight: 700;
    position: absolute;
    left: 0;
    top: 0;
    line-height: 35px;
    padding: 0 13px
}

.btn.witharrow.large {
    padding-right: 50px;
    padding-left: 20px
}

.btn.withleftarrow.large {
    padding-left: 50px;
    padding-right: 20px
}

.btn.witharrow.large:after {
    content: ">";
    font-family: 'Lato',sans-serif;
    font-size: 20px;
    color: #fff;
    font-weight: 700;
    position: absolute;
    right: 0;
    top: 0;
    line-height: 45px;
    padding: 0 13px
}

.btn.withleftarrow.large:before {
    content: "<";
    font-family: 'Lato',sans-serif;
    font-size: 20px;
    color: #fff;
    font-weight: 700;
    position: absolute;
    left: 0;
    top: 0;
    line-height: 45px;
    padding: 0 13px
}

body.red .btn.maincolor.witharrow:after,.btn.red.witharrow:after {
    background-color: #f59696
}

body.red .btn.maincolor.withleftarrow:before,.btn.red.withleftarrow:before {
    background-color: #f59696
}

body.ocean .btn.maincolor.witharrow:after,.btn.ocean.witharrow:after {
    background-color: #2bc8c3
}

body.red .btn.maincolor.withleftarrow:before,.btn.ocean.withleftarrow:before {
    background-color: #2bc8c3
}

body.green .btn.maincolor.witharrow:after,.btn.green.witharrow:after {
    background-color: #c8e295
}

body.red .btn.maincolor.withleftarrow:before,.btn.green.withleftarrow:before {
    background-color: #c8e295
}

body.orange .btn.maincolor.witharrow:after,.btn.orange.witharrow:after {
    background-color: #f5b896
}

body.red .btn.maincolor.withleftarrow:before,.btn.orange.withleftarrow:before {
    background-color: #f5b896
}

body.blue .btn.maincolor.witharrow:after,.btn.blue.witharrow:after {
    background-color: #7fcae8
}

body.red .btn.maincolor.withleftarrow:before,.btn.blue.withleftarrow:before {
    background-color: #7fcae8
}

body.black .btn.maincolor.witharrow:after,.btn.black.witharrow:after {
    background-color: #fff;
    color: #000
}

body.red .btn.maincolor.withleftarrow:before,.btn.black.withleftarrow:before {
    background-color: #fff;
    color: #000
}

body.gray .btn.maincolor.witharrow:after,.btn.gray.witharrow:after {
    background-color: #d0d0d0
}

body.red .btn.maincolor.withleftarrow:before,.btn.gray.withleftarrow:before {
    background-color: #d0d0d0
}

.tb-pagination .btn.small.whitegray {
    padding: 0 13px
}

#searchform_side input[type="submit"] {
    background-color: #000;
    font-size: 11px;
    line-height: 11px;
    border: none!important
}

body.blue #searchform_side input[type="submit"] {
    background-color: #52bde9;
    font-size: 11px;
    line-height: 11px
}

body.green #searchform_side input[type="submit"] {
    background-color: #9c3;
    font-size: 11px;
    line-height: 11px
}

body.orange #searchform_side input[type="submit"] {
    background-color: #f27935;
    font-size: 11px;
    line-height: 11px
}

body.red #searchform_side input[type="submit"] {
    background-color: #f23535;
    font-size: 11px;
    line-height: 11px
}

body.ocean #searchform_side input[type="submit"] {
    background-color: #0ea5a0;
    font-size: 11px;
    line-height: 11px
}

.blogpost .gray-boxed.verysmall,.blogpost .color-boxed.verysmall {
    font-weight: 900!important
}

.blogpost .gray-boxed.verysmall.gray a,.blogpost .gray-boxed.verysmall.gray a:visited {
    color: #6f6d6c
}

.blogpost .gray-boxed.verysmall.gray a:hover {
    color: #000
}

body.blue .blogpost .gray-boxed.verysmall.gray a:hover {
    color: #52bde9
}

body.green .blogpost .gray-boxed.verysmall.gray a:hover {
    color: #9c3
}

body.orange .blogpost .gray-boxed.verysmall.gray a:hover {
    color: #f27935
}

body.red .blogpost .gray-boxed.verysmall.gray a:hover {
    color: #f23535
}

body.ocean .blogpost .gray-boxed.verysmall.gray a:hover {
    color: #0ea5a0
}

.gmap_inner img {
    max-width: none
}

.gmap_inner {
    width: 100%;
    position: relative;
    height: 495px;
    z-index: 5
}

.gmapfw_wrap {
    z-index: 8;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/tiles/gmapfw.png) no-repeat center center
}

.maptopleft {
    position: absolute;
    width: 50%;
    height: 50%;
    left: 0;
    top: 0
}

.maptopright {
    position: absolute;
    width: 50%;
    height: 50%;
    top: 0;
    text-align: right;
    right: 0
}

.mapbottomleft {
    position: absolute;
    width: 50%;
    height: 50%;
    left: 0;
    top: 50%
}

.mapbottomright {
    position: absolute;
    width: 50%;
    height: 50%;
    top: 50%;
    text-align: right;
    right: 0
}

.fullwidthmap-boxxer h3 {
    font-size: 22px;
    font-weight: 700;
    color: #000
}

.fullwidthmap-boxxer p {
    color: #fff;
    font-weight: 400
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .mapbottomleft,.maptopleft {
        left:35px
    }

    .mapbottomright,.maptopright {
        right: 35px
    }
}

@media only screen and (min-width: 0px) and (max-width: 479px) {
    .mapbottomleft,.maptopleft {
        left:20px
    }

    .mapbottomright,.maptopright {
        right: 20px
    }
}

table.contacttable p {
    line-height: 20px;
    margin-bottom: 0;
    padding-top: 10px
}

table.contacttable td:first-child {
    min-width: 100px;
    text-align: right;
    padding-right: 20px;
    vertical-align: top
}

table.contacttable td:last-child {
    min-width: 100px;
    width: 100%
}

table.contacttable input,table.contacttable textarea {
    width: 100%
}

@media only screen and (max-width: 767px) {
    table.contacttable td:last-child {
        min-width:100px;
        width: 100%
    }
}

input,input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"],.uneditable-input {
    border: 1px solid #ddd!important;
    background-color: #fff;
    line-height: 36px;
    font-size: 13px;
    color: #777;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: :0px;
    box-shadow: none!important;
    -webkit-box-shadow: none!important;
    -moz-box-shadow: none!important;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    height: 36px;
    padding: 0 15px;
    width: 100%;
    margin-bottom: 0
}

input:focus,textarea:focus,input[type="text"]:focus,input[type="password"]:focus,input[type="datetime"]:focus,input[type="datetime-local"]:focus,input[type="date"]:focus,input[type="month"]:focus,input[type="time"]:focus,input[type="week"]:focus,input[type="number"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="color"]:focus,.uneditable-input:focus {
    box-shadow: none!important;
    -webkit-box-shadow: none!important;
    -moz-box-shadow: none!important;
    border: 1px solid #d9d8d6;
    outline: none!important
}

textarea {
    border: 1px solid #ddd!important;
    background-color: #fff;
    line-height: 40px;
    font-size: 13px;
    color: #777;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: :0px;
    box-shadow: none!important;
    -webkit-box-shadow: none!important;
    -moz-box-shadow: none!important;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    height: 180px;
    padding: 0 15px;
    width: 100%;
    margin-bottom: 0
}

#contactform input[type="text"],#contactform input[type="password"],#contactform input[type="datetime"],#contactform input[type="datetime-local"],#contactform input[type="date"],#contactform input[type="month"],#contactform input[type="time"],#contactform input[type="week"],#contactform input[type="number"],#contactform input[type="email"],#contactform input[type="url"],#contactform input[type="search"],#contactform input[type="tel"],#contactform input[type="color"],#contactform .uneditable-input {
    border: none!important;
    background-color: #f2f2f2;
    line-height: 40px;
    font-size: 13px;
    color: #777;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: :0px;
    box-shadow: none!important;
    -webkit-box-shadow: none!important;
    -moz-box-shadow: none!important;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    height: 40px;
    padding: 0 15px;
    width: 100%;
    margin-bottom: 0
}

#contactform textarea {
    border: none!important;
    background-color: #f2f2f2;
    line-height: 40px;
    font-size: 13px;
    color: #777;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: :0px;
    box-shadow: none!important;
    -webkit-box-shadow: none!important;
    -moz-box-shadow: none!important;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 0 15px;
    width: 100%;
    margin-bottom: 0
}

.showbiz-container {
    max-width: 100%;
    min-width: 200px;
    margin: 0 auto
}

.showbiz-container .clear {
    clear: both
}

.teaser-navigation {
    margin: 1px auto;
    width: 35px;
    margin-top: -46px;
    height: 25px
}

.navigation-left {
    width: 17px;
    height: 17px;
    background: url(../images/assets/navleft.png) no-repeat left bottom;
    cursor: pointer;
    background-size: 17px 34px
}

.navigation-right {
    width: 17px;
    height: 17px;
    background: url(../images/assets/navright.png) no-repeat left bottom;
    cursor: pointer;
    background-size: 17px 34px
}

@media all and (-webkit-min-device-pixel-ratio : 1.5) {
    .navigation-left {
        background-image:url(../images/assets/navleft@2x.png)
    }

    .navigation-right {
        background-image: url(../images/assets/navright@2x.png)
    }
}

.navigation-left:hover,.navigation-right:hover {
    background-position: left top
}

.navigation-left.notclickable {
    cursor: default;
    -moz-opacity: .3;
    filter: alpha(opacity=30);
    opacity: .3;
    background-position: left bottom!important
}

.navigation-right.notclickable {
    cursor: default;
    -moz-opacity: .3;
    filter: alpha(opacity=30);
    opacity: .3;
    background-position: left bottom!important
}

.showbiz-teaser a,.showbiz-teaser a:visited {
    text-decoration: none;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    color: #000
}

.copyrights {
    text-indent: -9999px;
    height: 0;
    line-height: 0;
    font-size: 0;
    overflow: hidden
}

.showbiz-teaser ul,.showbiz-teaser li {
    list-style: none;
    margin: 0;
    padding: 0
}

.showbiz-teaser .overflowholder {
    overflow: hidden;
    position: relative;
    width: 100%
}

.showbiz-teaser .mediaholder,.frame .mediaholder,.mediaholder {
    position: relative;
    overflow: hidden
}

.mediaholder .maxheight-wrapper {
    position: relative;
    max-height: 250px;
    overflow: hidden;
    width: 100%
}

.showbiz-teaser .mediaholder .linkicon,.showbiz-teaser .mediaholder .lupeicon,.media-wrapper .mediaholder .linkicon,.media-wrapper .mediaholder .lupeicon,.carousel-inner .mediaholder .linkicon,.carousel-inner .mediaholder .lupeicon,.mediaholder .linkicon,.mediaholder .lupeicon {
    top: 65%;
    -webkit-transition: all .2s cubic-bezier(0.175,0.885,0.320,1.275);
    -moz-transition: all .2s cubic-bezier(0.175,0.885,0.320,1.275);
    -o-transition: all .2s cubic-bezier(0.175,0.885,0.320,1.275);
    -ms-transition: all .2s cubic-bezier(0.175,0.885,0.320,1.275);
    -moz-opacity: 0;
    filter: alpha(opacity=0);
    opacity: 0
}

.showbiz-teaser li:hover .mediaholder .linkicon,.showbiz-teaser li:hover .mediaholder .lupeicon,.media-wrapper:hover .mediaholder .linkicon,.media-wrapper:hover .mediaholder .lupeicon,.carousel-inner .mediaholder:hover .linkicon,.carousel-inner .mediaholder:hover .lupeicon,.frame .mediaholder:hover .linkicon,.frame .mediaholder:hover .lupeicon {
    top: 50%;
    -moz-opacity: 1;
    filter: alpha(opacity=100);
    opacity: 1
}

.showbiz-teaser li:hover .mediaholder .lupeicon,.media-wrapper:hover .mediaholder .lupeicon,.carousel-inner .mediaholder:hover .lupeicon,.frame:hover .mediaholder .lupeicon, {
    transition-delay: .1s;
    -moz-transition-delay: .1s;
    -webkit-transition-delay: .1s;
    -o-transition-delay: .1s
}

.showbiz-teaser .hovercover,.media-wrapper .hovercover,.carousel-inner .hovercover,.frame .hovercover {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #000;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
    opacity: 0
}

body.blue .showbiz-teaser .hovercover,body.blue .media-wrapper .hovercover,body.blue .carousel-inner .hovercover,body.blue .frame .hovercover {
    background-color: #52bde9
}

body.green .showbiz-teaser .hovercover,body.green .media-wrapper .hovercover,body.green .carousel-inner .hovercover,body.green .frame .hovercover {
    background-color: #9c3
}

body.orange .showbiz-teaser .hovercover,body.orange .media-wrapper .hovercover,body.orange .carousel-inner .hovercover,body.orange .frame .hovercover {
    background-color: #f27935
}

body.red .showbiz-teaser .hovercover,body.red .media-wrapper .hovercover,body.red .carousel-inner .hovercover,body.red .frame .hovercover {
    background-color: #f23535
}

body.ocean .showbiz-teaser .hovercover,body.ocean .media-wrapper .hovercover,body.ocean .carousel-inner .hovercover,body.ocean .frame .hovercover {
    background-color: #0ea5a0
}

.showbiz-teaser li:hover .hovercover,.media-wrapper:hover .hovercover,.carousel-inner .mediaholder:hover .hovercover,.frame:hover .mediaholder .hovercover {
    -moz-opacity: .85;
    filter: alpha(opacity=85);
    opacity: .85
}

.showbiz-teaser .overflowholder ul {
    width: 10000px;
    position: absolute;
    top: 0;
    left: 0
}

.showbiz-teaser .overflowholder ul li {
    float: left!important;
    margin-right: 30px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.showbiz-teaser .detailimg img,.media-wrapper .detailimg img {
    width: 100%;
    margin-bottom: -5px
}

.showbiz-teaser .detailholder,.media-wrapper .detailholder {
    padding: 20px 0;
    position: relative;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.media-wrapper .detailholder {
    padding: 10px 0;
    background: #f1f1f1
}

.showbiz-teaser li:hover .detailholder,.media-wrapper:hover .detailholder {
    background-color: #000
}

.showbiz-teaser li:hover .detailholder h4,.showbiz-teaser li:hover .detailholder h4 a,.showbiz-teaser li:hover .detailholder h4 a:visited,.showbiz-teaser li:hover .detailholder h4 a:hover,.media-wrapper:hover .detailholder h4,.media-wrapper:hover .detailholder h4 a,.media-wrapper:hover .detailholder h4 a:visited,.media-wrapper:hover .detailholder h4 a:hover {
    color: #fff!important;
    -webkit-animation: fallDown .5s cubic-bezier(0.175,0.885,0.320,1.275) backwards,fadeIn .2s ease-in backwards;
    -moz-animation: fallDown .5s cubic-bezier(0.175,0.885,0.320,1.275) backwards,fadeIn .2s ease-in backwards;
    -ms-animation: fallDown .5s cubic-bezier(0.175,0.885,0.320,1.275) backwards,fadeIn .2s ease-in backwards;
    animation: fallDown .5s cubic-bezier(0.175,0.885,0.320,1.275) backwards,fadeIn .2s ease-in backwards
}

.showbiz-teaser li:hover .detailholder p,.media-wrapper:hover .detailholder p {
    -webkit-animation: fallUp .5s cubic-bezier(0.175,0.885,0.320,1.275) .2s backwards,fadeIn .2s ease-in .2s backwards;
    -moz-animation: fallUp .5s cubic-bezier(0.175,0.885,0.320,1.275) .2s backwards,fadeIn .2s ease-in .2s backwards;
    -ms-animation: fallUp .5s cubic-bezier(0.175,0.885,0.320,1.275) .2s backwards,fadeIn .2s ease-in .2s backwards;
    animation: fallUp .5s cubic-bezier(0.175,0.885,0.320,1.275) .2s backwards,fadeIn .2s ease-in .2s backwards
}

.carousel-control {
    position: absolute;
    top: 50%;
    left: 15px;
    width: 30px;
    height: 30px;
    font-size: 30px;
    font-weight: 400;
    line-height: 24px;
    color: #fff;
    text-align: center;
    background: #222;
    border: 0 solid #fff;
    -webkit-border-radius: 23px;
    -moz-border-radius: 23px;
    border-radius: 23px;
    opacity: .2;
    filter: alpha(opacity=20);
    margin-top: -15px
}

.nhitem {
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    -moz-opacity: 1;
    filter: alpha(opacity=100);
    opacity: 1
}

.nhitem.faded {
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    -moz-opacity: .5;
    filter: alpha(opacity=50);
    opacity: .5
}

.widget-list ul li {
    padding-left: 20px
}

.widget-list ul li,.widget-list ul li a,.widget-list ul li a:hover,.widget-list ul li a:visited {
    font-size: 11px;
    line-height: 25px;
    font-weight: 600
}

.comment_wrapper {
    display: block
}

.comment_wrapper .comment {
    display: table
}

.comment_wrapper .comment.level2 {
    padding-left: 80px
}

.comment_wrapper .portrait {
    min-width: 60px;
    height: 60px;
    display: table-cell;
    vertical-align: top
}

.comment_wrapper .portrait-holder {
    background: #ccc;
    width: 60px;
    height: 60px
}

.comment_wrapper .comment-details {
    padding-left: 20px;
    width: 100%;
    display: table-cell;
    vertical-align: top
}

@media only screen and (max-width: 767px) {
    .comment_wrapper.lp60 {
        padding-left:0
    }

    .comment_wrapper .comment.level2 {
        padding-left: 0
    }
}

.portfolio_selector_boss .portfolio_selector {
    cursor: pointer
}

.portfolio_selector:hover .portfolio_selector_inner,.portfolio_selector.selected_selector .portfolio_selector_inner {
    color: #333;
    border-bottom: 1px solid #000;
    margin-bottom: -1px;
    line-height: 22px
}

.portfolio_selector:hover span.portfolio_selector_inner,.portfolio_selector.selected_selector span.portfolio_selector_inner {
    border-bottom: 1px solid #000;
    margin-bottom: -1px;
    line-height: 30px
}

body.blue .portfolio_selector:hover span.portfolio_selector_inner,body.blue .portfolio_selector.selected_selector span.portfolio_selector_inner {
    border-color: #52bde9
}

body.green .portfolio_selector:hover span.portfolio_selector_inner,body.green .portfolio_selector.selected_selector span.portfolio_selector_inner {
    border-color: #9c3
}

body.orange .portfolio_selector:hover span.portfolio_selector_inner,body.orange .portfolio_selector.selected_selector span.portfolio_selector_inner {
    border-color: #f27935
}

body.red .portfolio_selector:hover span.portfolio_selector_inner,body.red .portfolio_selector.selected_selector span.portfolio_selector_inner {
    border-color: #f23535
}

body.ocean .portfolio_selector:hover span.portfolio_selector_inner,body.ocean .portfolio_selector.selected_selector span.portfolio_selector_inner {
    border-color: #0ea5a0
}

.detailimg {
    overflow: hidden
}

.all-group {
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    -moz-opacity: 1;
    filter: alpha(opacity=100);
    opacity: 1
}

.removeme {
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
    opacity: 0
}

.killerclear {
    height: 25px;
    width: 100%
}

.killerclear:last-child {
    height: 0;
    width: 100%
}

.container-with-sidebar .span9 .portfolio_rotator li.span3.all-group {
    width: 195px!important
}

.container-with-sidebar .span9 .portfolio_rotator li.span4.all-group {
    width: 270px!important
}

.container-with-sidebar .span9 .portfolio_rotator li.span6.all-group {
    width: 420px!important
}

.container-with-sidebar .span9 .portfolio_rotator li.span12.all-group {
    width: 870px!important
}

.portfolio .span12 {
    margin-bottom: 40px
}

@media only screen and (min-width: 980px) and (max-width: 1199px) {
    .container-with-sidebar .span9 .portfolio_rotator li.span2.all-group {
        width:100px!important
    }

    .container-with-sidebar .span9 .portfolio_rotator li.span3.all-group {
        width: 160px!important
    }

    .container-with-sidebar .span9 .portfolio_rotator li.span4.all-group {
        width: 218px!important
    }

    .container-with-sidebar .span9 .portfolio_rotator li.span6.all-group {
        width: 340px!important
    }

    .container-with-sidebar .span9 .portfolio_rotator li.span12.all-group {
        width: 700px!important
    }

    .fh-category {
        clear: left
    }

    .portfolio_selector_boss li {
        line-height: 25px
    }

    .portfolio_selector_boss {
        padding-top: 10px
    }
}

@media only screen and (min-width: 768px) and (max-width: 979px) {
    .container-with-sidebar .span9 .portfolio_rotator li.span2.all-group {
        width:73px!important
    }

    .container-with-sidebar .span9 .portfolio_rotator li.span3.all-group {
        width: 119px!important
    }

    .container-with-sidebar .span9 .portfolio_rotator li.span4.all-group {
        width: 164px!important
    }

    .container-with-sidebar .span9 .portfolio_rotator li.span6.all-group {
        width: 250px!important
    }

    .container-with-sidebar .span9 .portfolio_rotator li.span12.all-group {
        width: 540px!important
    }

    .fh-category {
        clear: left
    }

    .portfolio_selector_boss li {
        line-height: 25px
    }

    .portfolio_selector_boss {
        padding-top: 10px
    }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .container-with-sidebar .span9 .portfolio_rotator li.span2.all-group,.container-with-sidebar .span9 .portfolio_rotator li.span6.all-group,.container-with-sidebar .span9 .portfolio_rotator li.span4.all-group,.container-with-sidebar .span9 .portfolio_rotator li.span3.all-group,.container-with-sidebar .span9 .portfolio_rotator li.span12.all-group {
        width:100%!important;
        margin-bottom: 20px!important
    }

    .killerclear {
        height: 0!important
    }

    .fh-category {
        clear: left
    }

    .portfolio_selector_boss li {
        line-height: 25px
    }

    .portfolio_selector_boss {
        padding-top: 10px
    }
}

@media only screen and (min-width: 0px) and (max-width: 479px) {
    .container-with-sidebar .span9 .portfolio_rotator li.span2.all-group,.container-with-sidebar .span9 .portfolio_rotator li.span6.all-group,.container-with-sidebar .span9 .portfolio_rotator li.span4.all-group,.container-with-sidebar .span9 .portfolio_rotator li.span3.all-group,.container-with-sidebar .span9 .portfolio_rotator li.span12.all-group {
        width:100%!important
    }

    .killerclear {
        height: 0!important
    }

    .fh-category {
        clear: left
    }

    .portfolio_selector_boss li {
        line-height: 25px
    }

    .portfolio_selector_boss {
        padding-top: 10px
    }
}

.column_wrap {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    margin-top: 35px;
    position: relative;
    padding: 30px 40px
}

.column_wrap.nopadding {
    padding: 0
}

.column_wrap .padding20 {
    padding: 20px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box
}

.column_wrap .padding30 {
    padding: 30px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box
}

.column_wrap.smallpadding {
    padding: 25px;
    margin-top: 20px
}

.column_divider {
    width: 100%;
    height: 40px
}

.column_wrap.smallpadding .column_divider {
    width: 100%;
    height: 20px
}

.column_wrap h2.huge,.column_wrap span.huge {
    font-size: 60px;
    line-height: 52px
}

.column_wrap h2 {
    vertical-align: top
}

.column_wrap.gray {
    background: #efefef
}

.column_wrap.black {
    background: #000
}

.column_wrap.green {
    background: #9c3
}

.column_wrap.ocean {
    background: #0ea5a0
}

.column_wrap.blue {
    background: #52bde9
}

.column_wrap.red {
    background: #f23535
}

.column_wrap.orange {
    background: #f27935
}

.column_wrap h1,.column_wrap h2,.column_wrap h3,.column_wrap h4,.column_wrap p,.column_wrap li {
    text-align: center
}

.column_wrap.black h1,.column_wrap.black h2,.column_wrap.black h3,.column_wrap.black h4,.column_wrap.black p,.column_wrap.black li,.column_wrap.black strong,.column_wrap.green h1,.column_wrap.green h2,.column_wrap.green h3,.column_wrap.green h4,.column_wrap.green p,.column_wrap.green li,.column_wrap.green strong {
    color: #fff!important
}

.column_wrap li {
    line-height: 35px
}

.column_wrap.third {
    width: 33%;
    float: left
}

.column_wrap.highlighted {
    margin-top: 0;
    padding: 47px 40px;
    box-shadow: 0 0 18px 5px rgba(0,0,0,0.25);
    -webkit-box-shadow: 0 0 18px 5px rgba(0,0,0,0.25);
    -moz-box-shadow: 0 0 18px 5px rgba(0,0,0,0.25);
    z-index: 3
}

.column_wrap.highlighted.nopadding {
    padding: 0 0 40px
}

.column_wrap.highlighted.smallpadding {
    padding: 30px 25px
}

.column_wrap.highlighted.noshadow {
    box-shadow: none!important;
    -webkit-box-shadow: none!important;
    -moz-box-shadow: none!important
}

.column_wrap.highlighted .column_divider {
    width: 100%;
    height: 75px
}

.column_wrap.highlighted.smallpadding .column_divider {
    width: 100%;
    height: 50px
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .column_wrap {
        width:100%!important;
        max-width: 360px!important;
        float: none!important;
        clear: left;
        margin: 0 auto!important;
        position: relative
    }
}

.nav.nav-tabs {
    margin-bottom: 0;
    border-bottom: none
}

.nav.nav-tabs li a {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    padding: 11px 20px;
    color: #fff;
    background-color: #000;
    font-weight: 400
}

.nav.nav-tabs li:first-child a {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.nav.nav-tabs li:last-child a {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.nav-tabs > li > a,.nav-pills > li > a {
    margin-right: -1px
}

.nav.nav-tabs li a:hover {
    background-color: #e5e4e2;
    color: #000
}

.nav.nav-tabs li.active a {
    background-color: #e5e4e2;
    color: #000;
    outline: none
}

.tab-content {
    padding: 18px;
    background: #e5e4e2
}

.nav-tabs > .active > a,.nav-tabs > .active > a:hover {
    border-color: #e5e4e2
}

.nav-tabs > li {
    margin-bottom: -2px
}

.tabcolor.green .nav.nav-tabs li a {
    background: transparent;
    color: #333
}

.tabcolor.green .nav.nav-tabs li.active a,.tabcolor.green .nav.nav-tabs li a:hover,.tabcolor.green .tab-content {
    background: #9c3;
    color: #fff;
    border-color: #9c3
}

.tabcolor.ocean .nav.nav-tabs li a {
    background: transparent;
    color: #333
}

.tabcolor.ocean .nav.nav-tabs li.active a,.tabcolor.ocean .nav.nav-tabs li a:hover,.tabcolor.ocean .tab-content {
    background: #9c3;
    color: #fff;
    border-color: #0ea5a0
}

.tabcolor.orange .nav.nav-tabs li a {
    background: transparent;
    color: #333
}

.tabcolor.orange .nav.nav-tabs li.active a,.tabcolor.orange .nav.nav-tabs li a:hover,.tabcolor.orange .tab-content {
    background: #f27935;
    color: #fff;
    border-color: #f27935
}

.tabcolor.blue .nav.nav-tabs li a {
    background: transparent;
    color: #333
}

.tabcolor.blue .nav.nav-tabs li.active a,.tabcolor.blue .nav.nav-tabs li a:hover,.tabcolor.blue .tab-content {
    background: #52bde9;
    color: #fff;
    border-color: #52bde9
}

.tabcolor.red .nav.nav-tabs li a {
    background: transparent;
    color: #333
}

.tabcolor.red .nav.nav-tabs li.active a,.tabcolor.red .nav.nav-tabs li a:hover,.tabcolor.red .tab-content {
    background: #f23535;
    color: #fff;
    border-color: #f23535
}

.simpletabs .nav.nav-tabs li a {
    background: none;
    color: #000;
    padding: 0 10px 0 0;
    font-size: 13px;
    font-weight: 600;
    border: none
}

.simpletabs .nav-tabs li.active a,.simpletabs .nav-tabs li a:hover {
    color: #000!important;
    border: none
}

body.blue .simpletabs .nav-tabs li.active a,body.blue .simpletabs .nav-tabs li a:hover {
    color: #52bde9!important;
    border: none
}

body.green .simpletabs .nav-tabs li.active a,body.green .simpletabs .nav-tabs li a:hover {
    color: #9c3!important;
    border: none
}

body.orange .simpletabs .nav-tabs li.active a,body.orange .simpletabs .nav-tabs li a:hover {
    color: #f27935!important;
    border: none
}

body.red .simpletabs .nav-tabs li.active a,body.red .simpletabs .nav-tabs li a:hover {
    color: #f23535!important;
    border: none
}

body.ocean .simpletabs .nav-tabs li.active a,body.ocean .simpletabs .nav-tabs li a:hover {
    color: #0ea5a0!important;
    border: none
}

.simpletabs .tab-content {
    padding: 0;
    background: none
}

.fullwidthbanner-container {
    width: 100%!important;
    position: relative;
    padding: 0;
    max-height: 400px!important;
    overflow: hidden;
    margin-top: 100px
}

.fullwidthbanner-container ul {
    visibility: hidden
}

.banner {
    width: 100%;
    max-height: 400px
}

.tp-caption.hugewhite {
    font-size: 53px;
    color: #fff;
    font-weight: 300
}

.bottomshadow {
    position: relative;
    z-index: 400;
    box-shadow: 0 6px 12px 0 rgba(0,0,0,0.15);
    -moz-box-shadow: 0 6px 12px 0 rgba(0,0,0,0.15);
    -webkit-box-shadow: 0 6px 12px 0 rgba(0,0,0,0.15);
    height: 6px;
    margin-top: -6px
}

.topshadow {
    position: relative;
    z-index: 400;
    box-shadow: 0 -3px 9px 0 rgba(0,0,0,0.15);
    -moz-box-shadow: 0 -3px 9px 0 rgba(0,0,0,0.15);
    -webkit-box-shadow: 0 -3px 9px 0 rgba(0,0,0,0.15)
}

.caption.big_black {
    position: absolute;
    color: #353535;
    text-shadow: none;
    font-weight: 700;
    font-size: 30px;
    line-height: 30px;
    font-family: 'Open Sans',sans-serif;
    margin: 0;
    border-width: 0;
    border-style: none;
    white-space: nowrap;
    padding: 0
}

.caption.medium_grey {
    position: absolute;
    color: #888;
    text-shadow: none;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    font-family: 'Open Sans',sans-serif;
    padding: 0;
    margin: 0;
    border-width: 0;
    border-style: none;
    white-space: nowrap
}

.caption.medium_maincolorboxed {
    position: absolute;
    color: #fff;
    background-color: #000;
    text-shadow: none;
    font-weight: 300;
    font-size: 19px;
    line-height: 22px;
    font-family: 'Open Sans',sans-serif;
    padding: 2px 6px;
    margin: 0;
    border-width: 0;
    border-style: none;
    white-space: nowrap
}

body.blue .caption.medium_maincolorboxed {
    background-color: #52bde9
}

body.green .caption.medium_maincolorboxed {
    background-color: #9c3
}

body.orange .caption.medium_maincolorboxed {
    background-color: #f27935
}

body.red .caption.medium_maincolorboxed {
    background-color: #f23535
}

body.ocean .caption.medium_maincolorboxed {
    background-color: #0ea5a0
}

.caption.large_maincolorboxed {
    position: absolute;
    color: #fff;
    background-color: #00;
    text-shadow: none;
    font-weight: 300;
    font-family: 'Open Sans',sans-serif;
    font-size: 40px;
    line-height: 40px;
    margin: 0;
    border-width: 0;
    border-style: none;
    white-space: nowrap;
    padding: 5px 10px
}

body.blue .caption.large_maincolorboxed {
    background-color: #52bde9
}

body.green .caption.large_maincolorboxed {
    background-color: #9c3
}

body.orange .caption.large_maincolorboxed {
    background-color: #f27935
}

body.red .caption.large_maincolorboxed {
    background-color: #f23535
}

body.ocean .caption.large_maincolorboxed {
    background-color: #0ea5a0
}

.caption.large_darkboxed {
    position: absolute;
    color: #fff;
    background-color: #353535;
    text-shadow: none;
    font-weight: 300;
    font-family: 'Open Sans',sans-serif;
    font-size: 40px;
    line-height: 40px;
    margin: 0;
    border-width: 0;
    border-style: none;
    white-space: nowrap;
    padding: 5px 10px
}

.caption.very_large_maincolorboxed {
    position: absolute;
    color: #fff;
    background-color: #000;
    text-shadow: none;
    font-weight: 300;
    font-family: 'Open Sans',sans-serif;
    font-size: 60px;
    line-height: 60px;
    margin: 0;
    border-width: 0;
    border-style: none;
    white-space: nowrap;
    padding: 5px 10px;
    letter-spacing: -2px
}

body.blue .caption.very_large_maincolorboxed {
    background-color: #52bde9
}

body.green .caption.very_large_maincolorboxed {
    background-color: #9c3
}

body.orange .caption.very_large_maincolorboxed {
    background-color: #f27935
}

body.red .caption.very_large_maincolorboxed {
    background-color: #f23535
}

body.ocean .caption.very_large_maincolorboxed {
    background-color: #0ea5a0
}

.caption.very_large_darkboxed {
    position: absolute;
    color: #fff;
    background-color: #353535;
    text-shadow: none;
    font-weight: 300;
    font-family: 'Open Sans',sans-serif;
    font-size: 60px;
    line-height: 60px;
    margin: 0;
    border-width: 0;
    border-style: none;
    white-space: nowrap;
    padding: 5px 10px;
    letter-spacing: -2px
}

.caption.medium_white {
    position: absolute;
    color: #fff;
    text-shadow: none;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    font-family: 'Open Sans',sans-serif;
    padding: 0;
    margin: 0;
    border-width: 0;
    border-style: none;
    white-space: nowrap
}

.caption.small_green {
    position: absolute;
    color: #000;
    text-shadow: none;
    font-weight: 300;
    font-size: 16px;
    line-height: 22px;
    font-family: 'Open Sans',sans-serif;
    padding: 0;
    margin: 0;
    border-width: 0;
    border-style: none;
    white-space: nowrap
}

body.blue .caption.small_green {
    color: #52bde9
}

body.green .caption.small_green {
    color: #9c3
}

body.orange .caption.small_green {
    color: #f27935
}

body.red .caption.small_green {
    color: #f23535
}

body.ocean .caption.small_green {
    color: #0ea5a0
}

.caption.medium_maincolor {
    position: absolute;
    color: #000;
    text-shadow: none;
    font-size: 27px;
    line-height: 27px;
    font-family: 'Open Sans',sans-serif;
    font-weight: 400;
    padding: 0;
    margin: 0;
    border-width: 0;
    border-style: none;
    white-space: nowrap
}

body.blue .caption.medium_maincolor {
    color: #52bde9
}

body.green .caption.medium_maincolor {
    color: #9c3
}

body.orange .caption.medium_maincolor {
    color: #f27935
}

body.red .caption.medium_maincolor {
    color: #f23535
}

body.ocean .caption.medium_maincolor {
    color: #0ea5a0
}

.caption.textblock_grey {
    position: absolute;
    color: #777;
    text-shadow: none;
    font-size: 15px;
    line-height: 22px;
    padding: 0;
    margin: 0;
    border-width: 0;
    border-style: none;
    white-space: nowrap;
    opacity: .99
}

.caption.textblock_black {
    position: absolute;
    color: #000;
    text-shadow: none;
    font-size: 15px;
    line-height: 22px;
    padding: 0;
    margin: 0;
    border-width: 0;
    border-style: none;
    white-space: nowrap;
    opacity: .99
}

.caption.small_text {
    position: absolute;
    color: #fff;
    text-shadow: none;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    font-family: 'Open Sans',sans-serif;
    margin: 0;
    border-width: 0;
    border-style: none;
    white-space: nowrap;
    text-shadow: 0 2px 5px rgba(0,0,0,0.5)
}

.caption.medium_text {
    position: absolute;
    color: #fff;
    text-shadow: none;
    font-weight: 700;
    font-size: 20px;
    line-height: 20px;
    font-family: 'Open Sans',sans-serif;
    margin: 0;
    border-width: 0;
    border-style: none;
    white-space: nowrap;
    text-shadow: 0 2px 5px rgba(0,0,0,0.5)
}

.caption.large_text {
    position: absolute;
    color: #fff;
    text-shadow: none;
    font-weight: 700;
    font-size: 40px;
    line-height: 40px;
    font-family: 'Open Sans',sans-serif;
    margin: 0;
    border-width: 0;
    border-style: none;
    white-space: nowrap;
    text-shadow: 0 2px 5px rgba(0,0,0,0.5)
}

.caption.very_large_text {
    position: absolute;
    color: #fff;
    text-shadow: none;
    font-weight: 700;
    font-size: 60px;
    line-height: 60px;
    font-family: 'Open Sans',sans-serif;
    margin: 0;
    border-width: 0;
    border-style: none;
    white-space: nowrap;
    text-shadow: 0 2px 5px rgba(0,0,0,0.5);
    letter-spacing: -2px
}

.caption.very_big_white {
    position: absolute;
    color: #fff;
    text-shadow: none;
    font-weight: 700;
    font-size: 60px;
    line-height: 60px;
    font-family: Arial;
    margin: 0;
    border-width: 0;
    border-style: none;
    white-space: nowrap;
    padding: 0 4px;
    padding-top: 1px;
    background-color: #000
}

.caption.very_big_black {
    position: absolute;
    color: #353535;
    text-shadow: none;
    font-weight: 700;
    font-size: 40px;
    line-height: 40px;
    font-family: 'Open Sans',sans-serif;
    margin: 0;
    border-width: 0;
    border-style: none;
    white-space: nowrap;
    padding: 3px 5px
}

.caption.boxshadow {
    -moz-box-shadow: 0 0 20px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.5);
    box-shadow: 0 0 20px rgba(0,0,0,0.5)
}

.caption.black {
    color: #000;
    text-shadow: none
}

.caption.noshadow {
    text-shadow: none
}

.caption a {
    color: #ff7302;
    text-shadow: none;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out
}

.caption a:hover {
    color: #ffa902
}

.pagination {
    padding: 0;
    margin: 0
}

.pagination a,.pagination a:visited {
    padding: 5px 11px;
    border: 1px solid #ddd;
    background-color: #fff;
    color: #555;
    margin-left: -1px;
    font-size: 13px;
    font-weight: 600
}

.pagination a:hover,.pagination a:active,.pagination a.active {
    background-color: #eee
}

@media only screen and (max-width: 420px) {
    .pagination.rightfloat {
        clear:both;
        float: left;
        margin-top: 15px
    }
}

.fadegroup .fadeitem {
    -webkit-transform: translateZ(10);
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
    -moz-opacity: 1;
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    -ms-transition: all .3s ease-in-out
}

.fadegroup .fadeitem.nothovered {
    -moz-opacity: .3;
    filter: alpha(opacity=30);
    opacity: .3
}

.reversefadeitem {
    -webkit-transform: translateZ(10);
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
    -moz-opacity: .2;
    filter: alpha(opacity=20);
    opacity: .2;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    -ms-transition: all .3s ease-in-out;
    cursor: pointer
}

.reversefadeitem:hover {
    -moz-opacity: 1;
    filter: alpha(opacity=100);
    opacity: 1
}

.featured-article-horslider {
    position: relative
}

.featured-article-horslider .carousel-indicators {
    position: absolute;
    left: -10px;
    top: 0;
    width: 10px;
    height: 50px
}

.featured-article-horslider .carousel-indicators li {
    background-color: #b2b2b2;
    width: 5px;
    height: 5px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    margin-bottom: 5px;
    cursor: pointer
}

.featured-article-horslider .carousel-indicators li.active,.featured-article-horslider .carousel-indicators li:hover {
    background-color: #7c7c7c
}

.fullwidth_img_container_small {
    width: 100%;
    max-height: 220px;
    overflow: hidden;
    position: relative
}

.carousel-control {
    width: 40px;
    height: 40px;
    font-size: 24px;
    left: 0;
    line-height: 35px;
    background: #fff;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    color: #000
}

.carousel-control.right {
    left: auto;
    right: 0
}

.carousel-control:hover {
    color: #000
}

@-webkit-keyframes fallDown {
    0% {
        -webkit-transform: translateY(-150%)
    }

    100% {
        -webkit-transform: translateY(0%)
    }
}

@-webkit-keyframes fallUp {
    0% {
        -webkit-transform: translateY(150%)
    }

    100% {
        -webkit-transform: translateY(0%)
    }
}

@-webkit-keyframes open {
    0% {
        -webkit-transform: scale(1,0)
    }

    100% {
        -webkit-transform: scale(1,1)
    }
}

@-webkit-keyframes close {
    0% {
        -webkit-transform: scale(1,1)
    }

    100% {
        -webkit-transform: scale(1,0)
    }
}

@-webkit-keyframes squeeze {
    0% {
        height: 400px
    }

    100% {
        height: 120px
    }
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes slideLeft {
    0% {
        -webkit-transform: translateX(120%)
    }

    100% {
        -webkit-transform: translateX(0%)
    }
}

@-webkit-keyframes slideRight {
    0% {
        -webkit-transform: translateX(-120%)
    }

    100% {
        -webkit-transform: translateX(0%)
    }
}

@-webkit-keyframes moveUp {
    0% {
        -webkit-transform: translateY(0px)
    }

    100% {
        -webkit-transform: translateY(-170px)
    }
}

@-webkit-keyframes zoomIn {
    0% {
        -webkit-transform: scale(0)
    }

    100% {
        -webkit-transform: scale(1)
    }
}

@-webkit-keyframes blurFadeInOut {
    0% {
        opacity: 0;
        text-shadow: 0 0 40px #fff;
        -webkit-transform: scale(1.3)
    }

    20%,75% {
        opacity: 1;
        text-shadow: 0 0 1px #fff;
        -webkit-transform: scale(1)
    }

    100% {
        opacity: 0;
        text-shadow: 0 0 50px #fff;
        -webkit-transform: scale(0)
    }
}

@-webkit-keyframes blurFadeIn {
    0% {
        opacity: 0;
        text-shadow: 0 0 40px #fff;
        -webkit-transform: scale(1.3)
    }

    50% {
        opacity: .5;
        text-shadow: 0 0 10px #fff;
        -webkit-transform: scale(1.1)
    }

    100% {
        opacity: 1;
        text-shadow: 0 0 1px #fff;
        -webkit-transform: scale(1)
    }
}

@-webkit-keyframes fadeInBack {
    0% {
        opacity: 0;
        -webkit-transform: scale(0)
    }

    50% {
        opacity: .4;
        -webkit-transform: scale(2)
    }

    100% {
        opacity: .2;
        -webkit-transform: scale(5)
    }
}

@-webkit-keyframes fadeInRotate {
    0% {
        opacity: 0;
        -webkit-transform: scale(0) rotate(360deg)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1) rotate(0deg)
    }
}

@-moz-keyframes fallDown {
    0% {
        -moz-transform: translateY(-150%)
    }

    100% {
        -moz-transform: translateY(0%)
    }
}

@-moz-keyframes fallUp {
    0% {
        -moz-transform: translateY(150%)
    }

    100% {
        -moz-transform: translateY(0%)
    }
}

@-moz-keyframes open {
    0% {
        -moz-transform: scale(1,0)
    }

    100% {
        -moz-transform: scale(1,1)
    }
}

@-moz-keyframes close {
    0% {
        -webkit-transform: scale(1,1)
    }

    100% {
        -webkit-transform: scale(1,0)
    }
}

@-moz-keyframes squeeze {
    0% {
        height: 400px
    }

    100% {
        height: 120px
    }
}

@-moz-keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@-moz-keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-moz-keyframes slideLeft {
    0% {
        -moz-transform: translateX(120%)
    }

    100% {
        -moz-transform: translateX(0%)
    }
}

@-moz-keyframes slideRight {
    0% {
        -moz-transform: translateX(-120%)
    }

    100% {
        -moz-transform: translateX(0%)
    }
}

@-moz-keyframes moveUp {
    0% {
        -moz-transform: translateY(0px)
    }

    100% {
        -moz-transform: translateY(-170px)
    }
}

@-moz-keyframes zoomIn {
    0% {
        -moz-transform: scale(0)
    }

    100% {
        -moz-transform: scale(1)
    }
}

@-moz-keyframes blurFadeInOut {
    0% {
        opacity: 0;
        text-shadow: 0 0 40px #fff;
        -moz-transform: scale(1.3)
    }

    20%,75% {
        opacity: 1;
        text-shadow: 0 0 1px #fff;
        -moz-transform: scale(1)
    }

    100% {
        opacity: 0;
        text-shadow: 0 0 50px #fff;
        -moz-transform: scale(0)
    }
}

@-moz-keyframes blurFadeIn {
    0% {
        opacity: 0;
        text-shadow: 0 0 40px #fff;
        -moz-transform: scale(1.3)
    }

    100% {
        opacity: 1;
        text-shadow: 0 0 1px #fff;
        -moz-transform: scale(1)
    }
}

@-moz-keyframes fadeInBack {
    0% {
        opacity: 0;
        -moz-transform: scale(0)
    }

    50% {
        opacity: .4;
        -moz-transform: scale(2)
    }

    100% {
        opacity: .2;
        -moz-transform: scale(5)
    }
}

@-moz-keyframes fadeInRotate {
    0% {
        opacity: 0;
        -moz-transform: scale(0) rotate(360deg)
    }

    100% {
        opacity: 1;
        -moz-transform: scale(1) rotate(0deg)
    }
}

@keyframes fallDown {
    0% {
        transform: translateY(-150%)
    }

    100% {
        transform: translateY(0%)
    }
}

@keyframes fallUp {
    0% {
        transform: translateY(150%)
    }

    100% {
        transform: translateY(0%)
    }
}

@keyframes open {
    0% {
        transform: scale(1,0)
    }

    100% {
        transform: scale(1,1)
    }
}

@keyframes close {
    0% {
        -webkit-transform: scale(1,1)
    }

    100% {
        -webkit-transform: scale(1,0)
    }
}

@keyframes squeeze {
    0% {
        height: 400px
    }

    100% {
        height: 120px
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes slideLeft {
    0% {
        transform: translateX(120%)
    }

    100% {
        transform: translateX(0%)
    }
}

@keyframes slideRight {
    0% {
        transform: translateX(-120%)
    }

    100% {
        transform: translateX(0%)
    }
}

@keyframes moveUp {
    0% {
        transform: translateY(0px)
    }

    100% {
        transform: translateY(-170px)
    }
}

@keyframes zoomIn {
    0% {
        transform: scale(0)
    }

    100% {
        transform: scale(1)
    }
}

@keyframes blurFadeInOut {
    0% {
        opacity: 0;
        text-shadow: 0 0 40px #fff;
        transform: scale(1.3)
    }

    20%,75% {
        opacity: 1;
        text-shadow: 0 0 1px #fff;
        transform: scale(1)
    }

    100% {
        opacity: 0;
        text-shadow: 0 0 50px #fff;
        transform: scale(0)
    }
}

@keyframes blurFadeIn {
    0% {
        opacity: 0;
        text-shadow: 0 0 40px #fff;
        transform: scale(1.3)
    }

    50% {
        opacity: .5;
        text-shadow: 0 0 10px #fff;
        transform: scale(1.1)
    }

    100% {
        opacity: 1;
        text-shadow: 0 0 1px #fff;
        transform: scale(1)
    }
}

@keyframes fadeInBack {
    0% {
        opacity: 0;
        transform: scale(0)
    }

    50% {
        opacity: .4;
        transform: scale(2)
    }

    100% {
        opacity: .2;
        transform: scale(5)
    }
}

@keyframes fadeInRotate {
    0% {
        opacity: 0;
        transform: scale(0) rotate(360deg)
    }

    100% {
        opacity: 1;
        transform: scale(1) rotate(0deg)
    }
}
//********* 程式碼參考 *******//

.iframe-rwd {
    position: relative;
    padding-bottom: 50%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
.iframe-rwd iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
}

//********* 程式碼參考 *******//