@charset "UTF-8";
/**
 * @file
 * Styles are organized using the SMACSS technique. @see http://smacss.com/book/
 *
 * When you turn on CSS aggregation at admin/config/development/performance, all
 * of these @include files will be combined into a single file.
 */
/* SMACSS theme rules */
/* @import "theme-A"; */
/* @import "theme-B"; */
/* @import "Desktop"; */
/**
* @file
* the file for desktop size using. include about us page setting.
* @Aouthor
* 2016-06-01 - stella
*
*/
/*匯入Noto Sans TC (Chinese Traditional)字體*/
@import url(http://fonts.googleapis.com/earlyaccess/notosanstc.css);
/*2016-06-01-stella add @media tag for desktop screen*/
@import url(http://fonts.googleapis.com/earlyaccess/notosanstc.css);
@media all and (min-width: 1024px) {

  /*--------------index---------------------*/
  /* line 16, ../sass/desktop/_index.scss */
  html {
    font-family: 'Noto Sans TC', 'Microsoft Jhenghei', sans, sans-serif, arial, verdana, helvetica;
    min-height: 100%;
    /*------隱藏moblie menu------*/
    /*-------------------------*/
    /*------header-fixed start------*/
    /*------header-fixed end------*/
    /*------header start------*/
    /*------header end------*/
    /*------banner start------*/
    /*------banner end------*/
    /*------標題共同設定------*/
    /*----------------------*/
    /*------about start------*/
    /*------about end------*/
    /*------service start------*/
    /*------service end------*/
    /*------activities start------*/
    /*------activities end------*/
    /*------iframe-fb start*------*/
    /*------fbbox end*------*/
    /*------footer start------*/
    /*------footer end------*/
    /*------gotop start------*/
    /*------gotop end------*/
  }

  /* line 19, ../sass/desktop/_index.scss */
  html iframe {
    z-index: 9;
  }

  /* line 22, ../sass/desktop/_index.scss */
  html script {
    display: block;
  }

  /* line 25, ../sass/desktop/_index.scss */
  html body {
    margin: 0;
    padding: 0;
    background: #202020;
    color: white;
    font-size: 14px;
    outline: none;
    border: none;
  }

  /* line 33, ../sass/desktop/_index.scss */
  html body .container {
    position: relative;
    box-sizing: border-box;
  }

  /* line 36, ../sass/desktop/_index.scss */
  html body .container .content {
    width: 1020px;
    height: 100%;
    margin: 0 auto;
    box-sizing: border-box;
  }

  /* line 42, ../sass/desktop/_index.scss */
  html body .container .content::after {
    clear: both;
    content: "";
  }

  /* line 48, ../sass/desktop/_index.scss */
  html body .section-block a {
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
  }

  /* line 55, ../sass/desktop/_index.scss */
  html body a {
    color: white;
    text-decoration: none;
  }

  /* line 59, ../sass/desktop/_index.scss */
  html body a:hover {
    color: #e07be0;
  }

  /* line 64, ../sass/desktop/_index.scss */
  html #m-header {
    display: none;
  }

  /* line 69, ../sass/desktop/_index.scss */
  html #header-fixed {
    background: url("../images/jpg/d-header-bg-fixed.jpg") no-repeat;
    width: 100%;
    height: 100px;
    position: fixed;
    top: 0;
    box-shadow: 0 10px 50px rgba(0, 0, 0, 0.5);
    z-index: 99;
    display: none;
  }

  /* line 78, ../sass/desktop/_index.scss */
  html #header-fixed .content #bip-logo-desktop-fixed {
    display: block;
    text-align: center;
    padding-top: 6px;
  }

  /* line 87, ../sass/desktop/_index.scss */
  html header {
    background: url("../images/jpg/d-header-bg.jpg") no-repeat;
    height: 270px;
    box-shadow: 0 10px 50px rgba(0, 0, 0, 0.5);
    z-index: 10;
  }

  /* line 93, ../sass/desktop/_index.scss */
  html header .content #bip-logo-desktop {
    display: block;
    text-align: center;
    padding-top: 30px;
    padding-bottom: 45px;
  }

  /* line 104, ../sass/desktop/_index.scss */
  html .header-block .content nav ul {
    margin: 4px 0 0;
    padding: 0;
    list-style: none;
    text-align: center;
  }

  /* line 109, ../sass/desktop/_index.scss */
  html .header-block .content nav ul li {
    display: inline-block;
    vertical-align: top;
  }

  /* line 112, ../sass/desktop/_index.scss */
  html .header-block .content nav ul li a {
    display: block;
    background-image: url("../images/png/header-menu.png");
    background-repeat: no-repeat;
    font-size: 0;
    height: 22px;
  }

  /* line 119, ../sass/desktop/_index.scss */
  html .header-block .content nav ul li a:hover {
    background-image: url("../images/png/header-menu.png");
  }

  /* line 122, ../sass/desktop/_index.scss */
  html .header-block .content nav ul li .main-menu-1 {
    width: 130px;
    background-position: 0 0;
  }

  /* line 126, ../sass/desktop/_index.scss */
  html .header-block .content nav ul li .main-menu-2 {
    width: 153px;
    background-position: -132px 0;
  }

  /* line 130, ../sass/desktop/_index.scss */
  html .header-block .content nav ul li .main-menu-3 {
    width: 150px;
    background-position: -288px 0;
  }

  /* line 134, ../sass/desktop/_index.scss */
  html .header-block .content nav ul li .main-menu-4 {
    width: 151px;
    background-position: -442px 0;
  }

  /* line 138, ../sass/desktop/_index.scss */
  html .header-block .content nav ul li .main-menu-5 {
    width: 183px;
    background-position: -598px 0;
  }

  /* line 142, ../sass/desktop/_index.scss */
  html .header-block .content nav ul li .main-menu-6 {
    width: 170px;
    background-position: -783px 0;
  }

  /* line 146, ../sass/desktop/_index.scss */
  html .header-block .content nav ul li .main-menu-1:hover {
    background-position: 0 -43px;
  }

  /* line 149, ../sass/desktop/_index.scss */
  html .header-block .content nav ul li .main-menu-2:hover {
    background-position: -132px -43px;
  }

  /* line 152, ../sass/desktop/_index.scss */
  html .header-block .content nav ul li .main-menu-3:hover {
    background-position: -288px -43px;
  }

  /* line 155, ../sass/desktop/_index.scss */
  html .header-block .content nav ul li .main-menu-4:hover {
    background-position: -442px -43px;
  }

  /* line 158, ../sass/desktop/_index.scss */
  html .header-block .content nav ul li .main-menu-5:hover {
    background-position: -598px -43px;
  }

  /* line 161, ../sass/desktop/_index.scss */
  html .header-block .content nav ul li .main-menu-6:hover {
    background-position: -783px -43px;
  }

  /* line 171, ../sass/desktop/_index.scss */
  html #banner {
    background: white;
    height: 700px;
    box-shadow: 0 10px 50px rgba(0, 0, 0, 0.5);
    z-index: 9;
  }

  /* line 181, ../sass/desktop/_index.scss */
  html .container .content .section-title {
    background: url("../images/png/d-title-bg.png") no-repeat center 75px;
    margin: 0 0 40px;
    padding-top: 70px;
    padding-bottom: 30px;
    font-size: 36px;
    font-weight: normal;
    text-align: center;
    border-bottom: 1px dotted white;
  }

  /* line 195, ../sass/desktop/_index.scss */
  html #jump-to-aboutus {
    position: relative;
    margin-top: -150px;
    float: left;
  }

  /* line 196, ../sass/desktop/_index.scss */
  html #section-about {
    background: url("../images/jpg/about-bg.jpg") no-repeat;
    height: 600px;
  }

  /* line 199, ../sass/desktop/_index.scss */
  html #section-about .airCushion-1 {
    background: url("../images/png/d-airCushion-1.png") no-repeat;
    position: absolute;
    width: 350px;
    height: 292px;
    top: 62%;
    right: 4.8%;
    z-index: 8;
  }

  /* line 209, ../sass/desktop/_index.scss */
  html #section-about .content .seciton-about {
    float: left;
    box-sizing: border-box;
  }

  /* line 213, ../sass/desktop/_index.scss */
  html #section-about .content #about-text {
    padding-right: 50px;
    width: 45%;
  }

  /* line 216, ../sass/desktop/_index.scss */
  html #section-about .content #about-text .about-subtitle {
    margin-top: 0;
    margin-bottom: 25px;
    color: #e07be0;
    font-size: 24px;
    font-weight: bold;
  }

  /* line 223, ../sass/desktop/_index.scss */
  html #section-about .content #about-text .about-text-content {
    margin: 0;
    border-left: 5px solid #8f318e;
    line-height: 150%;
    padding-left: 10px;
  }

  /* line 229, ../sass/desktop/_index.scss */
  html #section-about .content #about-text #about-introduction {
    margin-bottom: 40px;
    word-wrap: break-word;
    text-align: justify;
  }

  /* line 234, ../sass/desktop/_index.scss */
  html #section-about .content #about-text #about-contact {
    list-style: none;
  }

  /* line 238, ../sass/desktop/_index.scss */
  html #section-about .content #about-image {
    width: 55%;
  }

  /* line 240, ../sass/desktop/_index.scss */
  html #section-about .content #about-image img {
    width: 100%;
  }

  /* line 249, ../sass/desktop/_index.scss */
  html #section-service::before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(105, 9, 170, 0.8);
    content: "";
    background-image: url("../images/png/dot.png");
  }

  /* line 259, ../sass/desktop/_index.scss */
  html #section-service {
    background-image: url("../images/jpg/service-bg.jpg");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    height: 400px;
  }

  /* line 265, ../sass/desktop/_index.scss */
  html #section-service .airCushion-2 {
    background: url("../images/png/d-airCushion-2.png") no-repeat;
    position: absolute;
    width: 432px;
    height: 250px;
    top: 67%;
    left: 2.6%;
    z-index: 7;
  }

  /* line 274, ../sass/desktop/_index.scss */
  html #section-service .content {
    padding: 50px 0;
  }

  /* line 276, ../sass/desktop/_index.scss */
  html #section-service .content .section-service {
    position: relative;
    float: left;
    text-align: center;
    margin: 0 20px;
  }

  /* line 282, ../sass/desktop/_index.scss */
  html #section-service .content .section-service:first-child {
    margin-left: 0;
  }

  /* line 285, ../sass/desktop/_index.scss */
  html #section-service .content .section-service:last-child {
    margin-right: 0;
  }

  /* line 288, ../sass/desktop/_index.scss */
  html #section-service .content .service-item {
    margin-top: 65px;
    margin-bottom: 65px;
  }

  /* line 291, ../sass/desktop/_index.scss */
  html #section-service .content .service-item .service-item-text {
    margin-top: 20px;
    font-size: 18px;
  }

  /* line 296, ../sass/desktop/_index.scss */
  html #section-service .content #service-title {
    background: url("../images/png/d-service-title.png") no-repeat center;
    width: 300px;
    height: 300px;
    padding: 70px 0;
    box-sizing: border-box;
  }

  /* line 302, ../sass/desktop/_index.scss */
  html #section-service .content #service-title h2 {
    margin: 0;
    font-size: 36px;
    font-weight: normal;
  }

  /* line 307, ../sass/desktop/_index.scss */
  html #section-service .content #service-title #service-title-zh {
    margin: 0 25px 25px;
    padding-bottom: 25px;
    border-bottom: 1px dotted white;
  }

  /* line 317, ../sass/desktop/_index.scss */
  html #section-activities {
    background: url("../images/png/d-activities-pattern.png");
    height: 1100px;
  }

  /* line 322, ../sass/desktop/_index.scss */
  html .section_activities_items {
    list-style-type: none;
  }

  /* line 326, ../sass/desktop/_index.scss */
  html .section_activities_item {
    display: inline-block;
    margin-left: 20px;
    padding: 0px 10px;
  }

  /* line 331, ../sass/desktop/_index.scss */
  html .section_activities_item span {
    width: 100%;
    margin-right: 50px;
    line-height: 10px;
    text-decoration: none;
    height: 24px;
    text-align: center;
    color: white;
    font-size: 20px;
    padding-top: 25px;
    padding-bottom: 5px;
  }

  /* line 344, ../sass/desktop/_index.scss */
  html .section_activities_item span:hover {
    color: #2696ca;
    text-decoration: none;
    border-bottom: 1px #2696ca solid;
    padding-bottom: 15px;
    cursor: pointer;
  }

  /* line 352, ../sass/desktop/_index.scss */
  html .section_activities_item span.item_active {
    color: #2696ca;
    text-decoration: none;
    border-bottom: 1px #2696ca solid;
    padding-bottom: 15px;
    cursor: pointer;
  }

  /* line 361, ../sass/desktop/_index.scss */
  html .section-activities {
    text-align: center;
  }

  /* line 365, ../sass/desktop/_index.scss */
  html .carouseliframe {
    visibility: hidden;
  }

  /* line 369, ../sass/desktop/_index.scss */
  html .iframe-fb {
    background: url("../images/png/fbbox.png") no-repeat scroll left top transparent !important;
    display: block;
    height: 215px;
    padding: 0 0 0 77px;
    width: 280px;
    z-index: 99;
    position: fixed;
    top: 30%;
    right: -280px;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
  }

  /* line 384, ../sass/desktop/_index.scss */
  html .iframe-fb div {
    border: none;
    position: relative;
    display: block;
  }

  /* line 389, ../sass/desktop/_index.scss */
  html .iframe-fb span {
    bottom: 12px;
    position: absolute;
    right: 6px;
    text-align: right;
    z-index: 999;
  }

  /* line 395, ../sass/desktop/_index.scss */
  html .iframe-fb span a {
    color: #808080;
    text-decoration: none;
  }

  /* line 399, ../sass/desktop/_index.scss */
  html .iframe-fb span a:hover {
    text-decoration: underline;
  }

  /* line 404, ../sass/desktop/_index.scss */
  html .iframe-fb:hover {
    right: 0;
  }

  /* line 409, ../sass/desktop/_index.scss */
  html footer {
    background: black;
    height: 100px;
    margin-top: 200px;
  }

  /* line 412, ../sass/desktop/_index.scss */
  html footer .content {
    padding: 25px 0;
  }

  /* line 414, ../sass/desktop/_index.scss */
  html footer .content #footer-links {
    float: right;
  }

  /* line 416, ../sass/desktop/_index.scss */
  html footer .content #footer-links .footer-links {
    display: inline-block;
    width: 50px;
    height: 53px;
    background: url("../images/png/footer-links.png") no-repeat;
    margin-right: 20px;
  }

  /* line 423, ../sass/desktop/_index.scss */
  html footer .content #footer-links .footer-links:last-child {
    margin: 0;
  }

  /* line 426, ../sass/desktop/_index.scss */
  html footer .content #footer-links .footer-links:hover {
    background: url("../images/png/footer-links-hover.png") no-repeat;
  }

  /* line 429, ../sass/desktop/_index.scss */
  html footer .content #footer-links #footer-mail {
    background-position: 0 0;
  }

  /* line 432, ../sass/desktop/_index.scss */
  html footer .content #footer-links #footer-facebook {
    background-position: -70px 0;
  }

  /* line 435, ../sass/desktop/_index.scss */
  html footer .content #footer-links #footer-youtube {
    background-position: -140px 0;
  }

  /* line 440, ../sass/desktop/_index.scss */
  html footer .content #footer-text .footer-contact {
    display: inline-block;
    vertical-align: top;
    margin-right: 30px;
    margin-bottom: 10px;
  }

  /* line 447, ../sass/desktop/_index.scss */
  html footer .content #footer-text #footer-copyrights div {
    display: inline-block;
    vertical-align: top;
  }

  /* line 457, ../sass/desktop/_index.scss */
  html .gotop-btn {
    position: fixed;
    right: 30px;
    bottom: 30px;
    z-index: 99;
  }

  /* line 462, ../sass/desktop/_index.scss */
  html .gotop-btn .gotop {
    display: block;
    background: url("../images/png/gotop.png") no-repeat;
    width: 50px;
    height: 50px;
  }
}

/* @import "Mobile"; */
/**
* @file
* the file for mobile size using. include header, main menu footer setting.
* @Aouthor
* 2016-06-01 - stella
*
*/
/*匯入Noto Sans TC (Chinese Traditional)字體*/
/*2016-06-01-stella add @media tag for mobile screen*/
@media (max-width: 1023px) and (min-width: 0px) {

  /*--------------index---------------------*/
  /* line 16, ../sass/mobile/_index.scss */
  html {
    font-family: 'Noto Sans TC', 'Microsoft Jhenghei', sans, sans-serif, arial, verdana, helvetica;
    min-height: 100%;
  }

  /* line 19, ../sass/mobile/_index.scss */
  html iframe {
    z-index: 9;
  }

  /* line 22, ../sass/mobile/_index.scss */
  html script {
    display: block;
  }

  /* line 25, ../sass/mobile/_index.scss */
  html body {
    margin: 0;
    padding: 0;
    background: #202020;
    color: white;
    font-size: 14px;
    outline: none;
    border: none;
    /*------隱藏header-fixed------*/
    /*--------------------------*/
    /*------m-header start------*/
    /*------m-header end------*/
    /*------隱藏桌機header------*/
    /*-----------------------*/
    /*------banner start------*/
    /*------banner end------*/
    /*------標題共同設定------*/
    /*----------------------*/
    /*------about start------*/
    /*------about end------*/
    /*------service start------*/
    /*------service end------*/
    /*------activities start------*/
    /*------activities end------*/
    /*------iframe-fb start*------*/
    /*------fbbox end*------*/
    /*------footer start------*/
    /*------footer end------*/
    /*------gotop start------*/
    /*------gotop end------*/
  }

  /* line 33, ../sass/mobile/_index.scss */
  html body .container {
    box-sizing: border-box;
  }

  /* line 35, ../sass/mobile/_index.scss */
  html body .container .content {
    width: auto;
    height: 100%;
    margin: 0 0px;
    box-sizing: border-box;
  }

  /* line 41, ../sass/mobile/_index.scss */
  html body .container .content::after {
    clear: both;
    content: "";
  }

  /* line 46, ../sass/mobile/_index.scss */
  html body .section-block {
    position: relative;
  }

  /* line 48, ../sass/mobile/_index.scss */
  html body .section-block a {
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
  }

  /* line 56, ../sass/mobile/_index.scss */
  html body a {
    color: white;
    text-decoration: none;
  }

  /* line 60, ../sass/mobile/_index.scss */
  html body a:hover {
    color: #e07be0;
  }

  /* line 64, ../sass/mobile/_index.scss */
  html body #header-fixed {
    display: none;
  }

  /* line 69, ../sass/mobile/_index.scss */
  html body #m-header {
    position: fixed;
    top: 0;
    background: url("../images/jpg/m-header-bg.jpg") no-repeat;
    width: 100%;
    height: 80px;
    text-align: center;
    box-shadow: 0 10px 50px rgba(0, 0, 0, 0.5);
    z-index: 20;
  }

  /* line 78, ../sass/mobile/_index.scss */
  html body #m-header #bip-logo-mobile {
    display: block;
  }

  /* line 80, ../sass/mobile/_index.scss */
  html body #m-header #bip-logo-mobile img {
    padding: 8px 0;
  }

  /* line 84, ../sass/mobile/_index.scss */
  html body #m-header nav {
    box-shadow: 0 10px 50px rgba(0, 0, 0, 0.5);
  }

  /* line 86, ../sass/mobile/_index.scss */
  html body #m-header nav #m-header-menu-btn {
    display: block;
    background: url("../images/png/m-menu-btn.png") no-repeat;
    width: 24px;
    height: 24px;
    position: absolute;
    top: 30px;
    right: 10px;
  }

  /* line 95, ../sass/mobile/_index.scss */
  html body #m-header nav #m-header-menu-bar {
    display: none;
    background: #6d0e78;
    margin: 0;
    padding: 0;
    list-style: none;
    z-index: 98;
    height: 320px;
    overflow: auto;
  }

  /* line 104, ../sass/mobile/_index.scss */
  html body #m-header nav #m-header-menu-bar li {
    margin: 0 30px;
    padding: 10px 0;
    background: url("../images/jpg/m-header-menu-border.jpg") no-repeat bottom;
  }

  /* line 108, ../sass/mobile/_index.scss */
  html body #m-header nav #m-header-menu-bar li a {
    display: block;
  }

  /* line 112, ../sass/mobile/_index.scss */
  html body #m-header nav #m-header-menu-bar li:last-child {
    background: none;
  }

  /* line 120, ../sass/mobile/_index.scss */
  html body header {
    display: none;
  }

  /* line 125, ../sass/mobile/_index.scss */
  html body #banner {
    margin-top: 80px;
    background: white;
    height: 233px;
    box-shadow: 0 10px 50px rgba(0, 0, 0, 0.5);
    z-index: 9;
  }

  /* line 136, ../sass/mobile/_index.scss */
  html body .container .content .section-title {
    background: url("../images/png/m-title-bg.png") no-repeat center 5px;
    margin: 0 0 20px;
    padding-bottom: 15px;
    font-size: 20px;
    font-weight: normal;
    text-align: center;
    border-bottom: 1px dotted white;
  }

  /* line 149, ../sass/mobile/_index.scss */
  html body #section-about {
    background: url("../images/jpg/about-bg.jpg") no-repeat center;
    height: 700px;
  }

  /* line 152, ../sass/mobile/_index.scss */
  html body #section-about .airCushion-1 {
    background: url("../images/png/m-airCushion-1.png") no-repeat;
    position: absolute;
    width: 125px;
    height: 150px;
    bottom: -6%;
    right: 0%;
    z-index: 8;
  }

  /* line 161, ../sass/mobile/_index.scss */
  html body #section-about .content {
    padding: 70px 0;
  }

  /* line 163, ../sass/mobile/_index.scss */
  html body #section-about .content #about-text {
    margin-bottom: 20px;
  }

  /* line 165, ../sass/mobile/_index.scss */
  html body #section-about .content #about-text .about-subtitle {
    margin-top: 0;
    margin-bottom: 20px;
    color: #e07be0;
    font-size: 16px;
    font-weight: bold;
  }

  /* line 172, ../sass/mobile/_index.scss */
  html body #section-about .content #about-text .about-text-content {
    margin: 0;
    border-left: 5px solid #8f318e;
    line-height: 150%;
    padding-left: 10px;
  }

  /* line 178, ../sass/mobile/_index.scss */
  html body #section-about .content #about-text #about-introduction {
    margin-bottom: 20px;
    word-wrap: break-word;
    text-align: justify;
  }

  /* line 183, ../sass/mobile/_index.scss */
  html body #section-about .content #about-text #about-contact {
    list-style: none;
  }

  /* line 187, ../sass/mobile/_index.scss */
  html body #section-about .content #about-image {
    width: 100%;
  }

  /* line 189, ../sass/mobile/_index.scss */
  html body #section-about .content #about-image img {
    width: 100%;
  }

  /* line 197, ../sass/mobile/_index.scss */
  html body #section-service::before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(105, 9, 170, 0.8);
    content: "";
    background-image: url("../images/png/dot.png");
  }

  /* line 207, ../sass/mobile/_index.scss */
  html body #section-service {
    background-image: url("../images/jpg/service-bg.jpg");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
    height: 700px;
  }

  /* line 214, ../sass/mobile/_index.scss */
  html body #section-service .airCushion-2 {
    background: url("../images/png/m-airCushion-2.png") no-repeat;
    position: absolute;
    width: 150px;
    height: 87px;
    bottom: -7%;
    left: -3%;
    z-index: 7;
  }

  /* line 223, ../sass/mobile/_index.scss */
  html body #section-service .content {
    width: 280px;
    padding: 70px 0;
    margin: 0 auto;
  }

  /* line 227, ../sass/mobile/_index.scss */
  html body #section-service .content .section-service {
    position: relative;
    text-align: center;
    font-size: 18px;
  }

  /* line 231, ../sass/mobile/_index.scss */
  html body #section-service .content .section-service .service-item-text {
    margin-top: 10px;
  }

  /* line 235, ../sass/mobile/_index.scss */
  html body #section-service .content .section-service:after {
    clear: both;
  }

  /* line 238, ../sass/mobile/_index.scss */
  html body #section-service .content #service-item-1 {
    float: left;
    margin-bottom: 20px;
  }

  /* line 242, ../sass/mobile/_index.scss */
  html body #section-service .content #service-item-2 {
    float: right;
    margin-bottom: 20px;
  }

  /* line 246, ../sass/mobile/_index.scss */
  html body #section-service .content #service-item-3 {
    float: left;
    margin-top: 20px;
  }

  /* line 250, ../sass/mobile/_index.scss */
  html body #section-service .content #service-item-4 {
    float: right;
    margin-top: 20px;
  }

  /* line 254, ../sass/mobile/_index.scss */
  html body #section-service .content #service-title {
    clear: both;
    background: url("../images/png/m-service-title.png") no-repeat center;
    width: 100%;
    height: 200px;
    padding: 50px 0;
    box-sizing: border-box;
  }

  /* line 261, ../sass/mobile/_index.scss */
  html body #section-service .content #service-title h2 {
    margin: 0;
    font-size: 24px;
    font-weight: normal;
  }

  /* line 266, ../sass/mobile/_index.scss */
  html body #section-service .content #service-title #service-title-zh {
    margin: 0 65px 15px;
    padding-bottom: 15px;
    border-bottom: 1px dotted white;
  }

  /* line 276, ../sass/mobile/_index.scss */
  html body #section-activities {
    background: url("../images/png/d-activities-pattern.png");
    height: 1400px;
  }

  /* line 279, ../sass/mobile/_index.scss */
  html body #section-activities .content {
    padding: 70px 0;
  }

  /* line 284, ../sass/mobile/_index.scss */
  html body .section_activities_items {
    list-style-type: none;
  }

  /* line 288, ../sass/mobile/_index.scss */
  html body .section_activities_item {
    display: inline-block;
    margin-left: 0px;
    padding: 0px;
  }

  /* line 293, ../sass/mobile/_index.scss */
  html body .section_activities_item span {
    width: 100%;
    margin-right: 5px;
    line-height: 10px;
    text-decoration: none;
    height: 24px;
    text-align: center;
    color: white;
    font-size: 16px;
    padding-top: 25px;
    padding-bottom: 5px;
  }

  /* line 306, ../sass/mobile/_index.scss */
  html body .section_activities_item span:hover {
    color: #2696ca;
    text-decoration: none;
    border-bottom: 1px #2696ca solid;
    padding-bottom: 15px;
    cursor: pointer;
  }

  /* line 314, ../sass/mobile/_index.scss */
  html body .section_activities_item span.item_active {
    color: #2696ca;
    text-decoration: none;
    border-bottom: 1px #2696ca solid;
    padding-bottom: 15px;
    cursor: pointer;
  }

  /* line 323, ../sass/mobile/_index.scss */
  html body .section-activities {
    text-align: center;
  }

  /* line 327, ../sass/mobile/_index.scss */
  html body .carouseliframe {
    visibility: hidden;
  }

  /* line 330, ../sass/mobile/_index.scss */
  html body .iframe-fb {
    background: url("../images/jpg/m-facebook-border.jpg") no-repeat top;
    text-align: center;
    margin: 0 20px;
    padding: 25px 0;
  }

  /* line 335, ../sass/mobile/_index.scss */
  html body .iframe-fb iframe {
    height: 214px;
  }

  /* line 341, ../sass/mobile/_index.scss */
  html body footer {
    background: black;
    padding: 30px 0 15px;
    text-align: center;
  }

  /* line 346, ../sass/mobile/_index.scss */
  html body footer .content #footer-links {
    margin-bottom: 15px;
  }

  /* line 348, ../sass/mobile/_index.scss */
  html body footer .content #footer-links .footer-links {
    display: inline-block;
    width: 50px;
    height: 53px;
    background: url("../images/png/footer-links.png") no-repeat;
    margin-right: 20px;
  }

  /* line 355, ../sass/mobile/_index.scss */
  html body footer .content #footer-links .footer-links:last-child {
    margin: 0;
  }

  /* line 358, ../sass/mobile/_index.scss */
  html body footer .content #footer-links .footer-links:hover {
    background: url("../images/png/footer-links-hover.png") no-repeat;
  }

  /* line 361, ../sass/mobile/_index.scss */
  html body footer .content #footer-links #footer-mail {
    background-position: 0 0;
  }

  /* line 364, ../sass/mobile/_index.scss */
  html body footer .content #footer-links #footer-facebook {
    background-position: -70px 0;
  }

  /* line 367, ../sass/mobile/_index.scss */
  html body footer .content #footer-links #footer-youtube {
    background-position: -140px 0;
  }

  /* line 372, ../sass/mobile/_index.scss */
  html body footer .content #footer-text .footer-contact {
    font-size: 12px;
    margin-bottom: 5px;
  }

  /* line 376, ../sass/mobile/_index.scss */
  html body footer .content #footer-text #footer-add {
    margin-bottom: 15px;
  }

  /* line 380, ../sass/mobile/_index.scss */
  html body footer .content #footer-copyrights {
    background: url("../images/jpg/m-facebook-border.jpg") no-repeat top;
    font-size: 10px;
    padding-top: 15px;
  }

  /* line 384, ../sass/mobile/_index.scss */
  html body footer .content #footer-copyrights div {
    margin-top: 5px;
  }

  /* line 392, ../sass/mobile/_index.scss */
  html body .gotop-btn {
    position: fixed;
    right: 10px;
    bottom: 10px;
    z-index: 99;
  }

  /* line 397, ../sass/mobile/_index.scss */
  html body .gotop-btn .gotop {
    display: block;
    background: url("../images/png/gotop.png") no-repeat;
    width: 50px;
    height: 50px;
  }
}