/* 手機
-------------------------------------------------------------------------------*/
@media screen and (max-width: 480px) {

}

/* 平板
-------------------------------------------------------------------------------*/
@media screen and (max-width: 700px) {

}

/* 列印
-------------------------------------------------------------------------------*/
@media print {

}

/* 框架設定 */
body {
    font-family: "微軟正黑體",sans-serif;
    background-color: #FC86C5;
}
ul,ol,li {
    list-style: none;
}
a {
    text-decoration: none;
}
.wrapper {
    width: 100%;
}
.content {
    width: 1000px;
    margin: 0 auto;
    position: relative;
}
.clear {
    clear: both;
}
.bg-color-f7 {
    background-color: #F7A4C6;
}
.bg-color-dd {
    background-color: #DD6FA4;
}
.p-red {
    font-size: 20px;
    color: crimson;
    line-height: 30px;
}
@media screen and (max-width: 999px) {
    .content {
        width: 100%;
    }
    .p-red {
        font-size: 18px;
        line-height: 25px;
    }
}
/** 版頭 **/
header {
    background-color: #fff;
}
header .hd-top {
    position: relative;
    height: 130px;
}
header .hd-top h1.logo {
    padding-top: 14px;
}
header .hd-top .hd-links {
    position: absolute;
    top: 35px;
    right: 0;
}
header .hd-top .hd-links .site-links p {
    margin: 0 0 10px 0;
    text-align: right;
    font-size: 13px;
    color: #A33580;
}
header .hd-top .hd-links .site-links p span {
    margin: 0 5px;
}
header .hd-top .hd-links .site-links p a {
    font-size: 13px;
    color: #A33580;
}
header .hd-top .hd-links .hd-fb {
    float: left;
    display: block;
    width: 25px;
    height: 25px;
    margin: 6px 10px 0 0;
}
header .hd-top .hd-links .hd-fb a {
    display: block;
    width: 25px;
    height: 25px;
    overflow: hidden;
    text-indent: -9999px;
    background: url('../img/fb-icon.png') no-repeat;
}
header .hd-center {
    width: 100%;
    height: 4px;
    display: block;
    background-color: #A33580;
}
header .hd-nav {
    border-bottom:5px solid #FCE3F2;
}
header .m-nav-btn ,header .m-nav-btn-x {
    display: none;
}
header .m-nav-btn {
    float: left;
}
header .m-nav-btn i {
    font-size: 35px;
    color: #C1272D;
    cursor: pointer;
}
header .m-nav-btn-x {
    text-align: right;
    padding: 20px 3%;
}
header .m-nav-btn-x i {
    font-size: 35px;
    color: #C1272D;
    cursor: pointer;
}
header .m-nav nav > ul > li {
    float: left;
    width: 12.5%;
    height: 80px;
    text-align: center;
    transition: 1s;
    -moz-transition: 1s; /* Firefox 4 */
    -webkit-transition: 1s; /* Safari 和 Chrome */
    -o-transition: 1s; /* Opera */
    position: relative;
}
header .m-nav nav > ul > li > a {
    width: 100%;
    height: 80px;
    display: block;
    line-height: 120px;
    font-size: 18px;
    color: #000;
    transition: 1s;
    -moz-transition: 1s; /* Firefox 4 */
    -webkit-transition: 1s; /* Safari 和 Chrome */
    -o-transition: 1s; /* Opera */
}
header .m-nav nav > ul > li > i {
    display: none;
    cursor: pointer;
    font-size: 34px;
    color: #C1272D;
    position: absolute;
    right: 40px;
    top: 23px;
}
header .m-nav nav > ul > li > ul > li > i {
    cursor: pointer;
    font-size: 34px;
    color: #fff;
    position: absolute;
    right: 40px;
    top: 23px;
}
header .m-nav nav > ul > li:hover > a ,header .m-nav nav > ul > li.act > a {
    color: #A33580;
    transition: 1s;
    -moz-transition: 1s; /* Firefox 4 */
    -webkit-transition: 1s; /* Safari 和 Chrome */
    -o-transition: 1s; /* Opera */
}
header .m-nav nav > ul > li.nav_1 { background: url('https://www.gpgd.org.tw/admin/images/FN00/fn00A000120160712173554.png') top center no-repeat;} 
header .m-nav nav > ul > li.nav_1:hover ,header .m-nav nav > ul > li.nav_1.act { background:#FCE3F2 url('https://www.gpgd.org.tw/admin/images/FN00/fn00cA000120160712173554.png') top center no-repeat;} 
header .m-nav nav > ul > li.nav_2 { background: url('https://www.gpgd.org.tw/admin/images/FN00/fn00A000120160712172323.png') top center no-repeat;} 
header .m-nav nav > ul > li.nav_2:hover ,header .m-nav nav > ul > li.nav_2.act { background:#FCE3F2 url('https://www.gpgd.org.tw/admin/images/FN00/fn00cA000120160712172323.png') top center no-repeat;} 
header .m-nav nav > ul > li.nav_3 { background: url('https://www.gpgd.org.tw/admin/images/FN00/fn00A000120160712173803.png') top center no-repeat;} 
header .m-nav nav > ul > li.nav_3:hover ,header .m-nav nav > ul > li.nav_3.act { background:#FCE3F2 url('https://www.gpgd.org.tw/admin/images/FN00/fn00cA000120160712173803.png') top center no-repeat;} 
header .m-nav nav > ul > li.nav_4 { background: url('https://www.gpgd.org.tw/admin/images/FN00/fn00A000120160712173902.png') top center no-repeat;} 
header .m-nav nav > ul > li.nav_4:hover ,header .m-nav nav > ul > li.nav_4.act { background:#FCE3F2 url('https://www.gpgd.org.tw/admin/images/FN00/fn00cA000120160712173902.png') top center no-repeat;} 
header .m-nav nav > ul > li.nav_5 { background: url('https://www.gpgd.org.tw/admin/images/FN00/fn00A000120160712174032.png') top center no-repeat;} 
header .m-nav nav > ul > li.nav_5:hover ,header .m-nav nav > ul > li.nav_5.act { background:#FCE3F2 url('https://www.gpgd.org.tw/admin/images/FN00/fn00cA000120160712174032.png') top center no-repeat;} 
header .m-nav nav > ul > li.nav_6 { background: url('https://www.gpgd.org.tw/admin/images/FN00/fn00A000120161018173724.png') top center no-repeat;} 
header .m-nav nav > ul > li.nav_6:hover ,header .m-nav nav > ul > li.nav_6.act { background:#FCE3F2 url('https://www.gpgd.org.tw/admin/images/FN00/fn00cA000120161018173724.png') top center no-repeat;} 
header .m-nav nav > ul > li.nav_7 { background: url('https://www.gpgd.org.tw/admin/images/FN00/fn00A000120161020111912.png') top center no-repeat;} 
header .m-nav nav > ul > li.nav_7:hover ,header .m-nav nav > ul > li.nav_7.act { background:#FCE3F2 url('https://www.gpgd.org.tw/admin/images/FN00/fn00cA000120161020112213.png') top center no-repeat;} 
header .m-nav nav > ul > li.nav_8 { background: url('https://www.gpgd.org.tw/admin/images/FN00/fn00A000120160712173936.png') top center no-repeat;} 
header .m-nav nav > ul > li.nav_8:hover ,header .m-nav nav > ul > li.nav_8.act { background:#FCE3F2 url('https://www.gpgd.org.tw/admin/images/FN00/fn00cA000120160712173936.png') top center no-repeat;} 

header .m-nav nav > ul > li > ul {
    display: none;
    background-color: #FC86C5;
    width: 100%;
    height: auto;
}
header .m-nav nav > ul > li > ul > li > ul {
    display: none;
    background-color: #80CDE8;
    width: 100%;
    height: auto;
}
header .m-nav nav > ul > li > ul > li {
    width: 100%;
    height: 80px;
    position: relative;
}
header .m-nav nav > ul > li > ul > li > a {
    color: #fff;
    font-size: 20px;
    line-height: 80px;
}
header .m-nav nav > ul > li > ul > li > ul > li {
    width: 100%;
    height: 80px;
    position: relative;
}
header .m-nav nav > ul > li > ul > li > ul > li > a {
    color: #fff;
    font-size: 20px;
    line-height: 80px;
}
.menu-plus {
    cursor: pointer;
    display: block;
    background: #333;
    color: #fff !important;
    padding: 2px 15px;
    margin-top: 5px;
    border-radius: 30px;
    float: right;
}
/*-- 搜尋條 --*/
.hd-search {
                      position: relative;
                      width:250px;
                      height:37px;
                      overflow: hidden;
                      -webkit-transition: width 0.3s;
                      transition: width 0.3s;
                      -webkit-backface-visibility: hidden;
    float: left;
}
.search-input {
                      position: absolute;
                      top: 0;
                      right: 0;
                      border:1px solid #FF7BAC;
                      outline: none;
                      width:100%;
                      height:35px;
                      margin:0;
                      z-index:10;
                      padding:2px 40px 2px 10px;
                      font-family: inherit;
                      font-size: 14px;
                      color: #9E005D;
}
.search-input::-webkit-input-placeholder {
                      color: #9E005D;
}
.search-input:-moz-placeholder {
                      color: #9E005D;
}
.search-input::-moz-placeholder {
                      color: #9E005D;
}
.search-input:-ms-input-placeholder {
                      color: #9E005D;
}
.icon-search,
.search-submit  {
                      width: 40px;
                      height: 35px;
                      display: block;
                      position: absolute;
                      right: 0;
                      top: 0;
                      padding: 0;
                      margin: 0;
                      line-height: 30px;
                      text-align: center;
                      cursor: pointer;
}
.search-submit {
                      background: #fff; /* IE needs this */
                      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */
    filter: alpha(opacity=0); /* IE 5-7 */
    opacity: 0;
                      color: transparent;
                      border: none;
                      outline: none;
                      z-index: -1;
}
.icon-search {
                      color: #DD6FA4;
                      z-index: 90;
                      font-size: 22px;
                      speak: none;
}
header .hd-top .hd-links .site-links-bt {
    float: right;
}
@media screen and (max-width: 999px) {
    header .hd-top {
        position: relative;
        height: auto;
    }
    header .hd-top h1.logo {
        padding-top: 14px;
        text-align: center;
    }
    header .hd-top .hd-links {
        position: relative;
        top: 0;
        right: 0;
    }
    header .hd-top .hd-links .site-links p {
        text-align: center;
    }
    header .hd-top .hd-links .site-links-bt {
        margin: 0;
        width: 100%;
        background-color: #FCE3F2;
        padding: 10px 3%;
    }
    header .hd-top .hd-links .hd-fb {
        float: right;
        display: none;
    }
    header .hd-center {
        display: none;
    }
    header .hd-nav {
        border-bottom:none;
    }
    header .m-nav-btn ,header .m-nav-btn-x {
        display: block;
        /*padding:上 右 下 左;*/
        padding: 5% 3% 3% 3%;
    }
    header .m-nav{
        position: absolute;
        top: -202px;
        left: 0;
        width: 100%;
        min-height:100vh;
        text-align: center;
        z-index: 99;
        background-color: rgba(255,255,255,1);
        display: none;
        padding-bottom: 200px;
    }
    header .m-nav nav > ul > li {
        float: none;
        width: 100%;
        height: auto;
        display: block;
    }
    header .m-nav nav > ul > li > i {
        display: block;
    }
    header .m-nav nav > ul > li {
        float: none;
        width: 100%;
        height: auto;
        display: block;
    }
    header .m-nav nav > ul > li > ul > li {
        height: auto;
    }
    header .m-nav nav > ul > li > ul > li > ul > li {
        height: auto;
    }
    /*-- 搜尋條 --*/
    .hd-search {
        position: relative;
        width:250px;
        height:37px;
        overflow: hidden;
        -webkit-transition: width 0.3s;
        transition: width 0.3s;
        -webkit-backface-visibility: hidden;
        float: right;
    }
    .search-input {
        position: absolute;
        top: 0;
        right: 0;
        border:1px solid #FF7BAC;
        outline: none;
        width:100%;
        height:35px;
        margin:0;
        z-index:10;
        padding:2px 40px 2px 10px;
        font-family: inherit;
        font-size: 14px;
        color: #9E005D;
    }
    .search-input::-webkit-input-placeholder {
        color: #9E005D;
    }
    .search-input:-moz-placeholder {
        color: #9E005D;
    }
    .search-input::-moz-placeholder {
        color: #9E005D;
    }
    .search-input:-ms-input-placeholder {
        color: #9E005D;
    }
    .icon-search,
    .search-submit  {
        width: 40px;
        height: 35px;
        display: block;
        position: absolute;
        right: 0;
        top: 0;
        padding: 0;
        margin: 0;
        line-height: 30px;
        text-align: center;
        cursor: pointer;
    }
    .search-submit {
        background: #fff; /* IE needs this */
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */
        filter: alpha(opacity=0); /* IE 5-7 */
        opacity: 0;
        color: transparent;
        border: none;
        outline: none;
        z-index: -1;
    }
    .icon-search {
        color: #DD6FA4;
        z-index: 90;
        font-size: 22px;
        speak: none;
    }
}
/** 中間 **/
main {
    background-color: #fff;
    padding-bottom: 80px;
}
@media screen and (max-width: 999px) {

}
/** 首頁 **/
main .home-ct {
    width: 100%;
    height: 450px;
    background-color: #80CDE8;
    border-radius: 0 0 15px 0;
    position: relative;
}
/*main .home-ct .home-time {
    width: 225px;
    height: 100px;
    display: block;
    background: url('../img/home-time.png') no-repeat;
    position: absolute;
    bottom: 15px;
    right: 15px;
}*/
main .home-ct .home-time {
    width: 220px;
    height: 100px;
    display: block;
    position: absolute;
    bottom: 60px;
    right: 15px;
}
main .home-ct .home-time h2 {
    font-size: 18px;
    font-weight: bolder;
    color: #C1272D;
    border-bottom: #A33580 solid 1px;
    margin-bottom: 5px;
    padding:10px 0 10px 10px;
}
main .home-ct .home-time h2 i {
    margin-right: 5px;
    color: yellow;
}
main .home-ct .home-time > a {
    width: 100px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    color: #fff;
    border-radius: 5px;
    font-size: 12px;
    display: block;
    margin: 10px 0 0 auto;
    background-color: #A33580;
    box-shadow: 2px 2px 3px rgba(0,0,0,.5);
}
main .home-ct .home-time > a i {
    margin-left: 5px;
}
main .home-ct .home-time > a:hover {
    box-shadow:none;
}
main .home-ct .home-time ul li span.date {
    font-size: 12px;
    color: #333;
}
main .home-ct .home-time ul li > a {
    font-size: 14px;
    color: #000;
    font-weight: bold;
}
main .home-ct .home-time ul li p a {
    font-size: 12px;
    color: #000;
    margin: 10px 0;
}

main .home-ct .tabs {
    float: right;
    padding: 15px 15px 0 0;
}
main .home-ct .tabs li {
    width: 225px;
    height: 45px;
    padding-left: 15px;
    background-color: #FC86C5;
    transition: 1s;
    -moz-transition: 1s; /* Firefox 4 */
    -webkit-transition: 1s; /* Safari 和 Chrome */
    -o-transition: 1s; /* Opera */
}
main .home-ct .tabs li.tabs-a {
    background-color: #FCE3F2;
}
main .home-ct .tabs li a {
    font-size: 16px;
    font-weight: bolder;
    color: #9E005D;
    width: 100%;
    height: 45px;
    line-height: 45px;
    display: block;
    transition: 1s;
    -moz-transition: 1s; /* Firefox 4 */
    -webkit-transition: 1s; /* Safari 和 Chrome */
    -o-transition: 1s; /* Opera */
}
main .home-ct .tabs li a i {
    color: #fff;
    margin-right: 10px;
    transition: 1s;
    -moz-transition: 1s; /* Firefox 4 */
    -webkit-transition: 1s; /* Safari 和 Chrome */
    -o-transition: 1s; /* Opera */
}
main .home-ct .tabs li:hover ,main .home-ct .tabs li.active {
    background-color: #C1272D;
}
main .home-ct .tabs li:hover a ,main .home-ct .tabs li.active a {
    color: #fff;
}
main .home-ct .tabs li:hover a i ,main .home-ct .tabs li.active a i {
    margin-left: 10px;
}
main .home-ct .tab_container {
    float: left;
    width: 760px;
    height: 450px;
}
main .home-ct .tab_container .tab_content {
    width: 100%;
    height: 100%;
    position: relative;
}
main .home-ct .tab_container .tab_content .home-tab-info {
    width: 100%;
    height: 100%;
    padding: 3%;
    background-color: rgba(0,0,0,.7);
}
main .home-ct .tab_container .tab_content .home-tab-info .home-tab-info-bg {
    width: 100%;
    height: 404px;
    padding:10px 1%;
    background-color: rgba(255,255,255,1);
}
@media screen and (max-width: 999px) {
    main.home {
        background-color: #80CDE8;
    }
    main .home-ct {
        width: 100%;
        height: auto;
        border-radius: 0;
    }
    main .home-ct .home-time {
        width: 100%;
        height: auto;
        display: block;
        position:relative;
        padding: 0px 3% 50px 5%;
        top:0;
        margin-top:40px;
    }
    main .home-ct .home-time h2 {
        font-size: 18px;
        font-weight: bolder;
        color: #C1272D;
        border-bottom: #A33580 solid 1px;
        margin-bottom: 5px;
        padding:10px 0 10px 10px;
    }
    main .home-ct .home-time h2 i {
        margin-right: 5px;
        color: yellow;
    }
    main .home-ct .home-time > a {
        width: 100px;
        height: 25px;
        line-height: 25px;
        text-align: center;
        color: #fff;
        border-radius: 5px;
        font-size: 12px;
        display: block;
        margin: 10px 0 0 auto;
        background-color: #A33580;
        box-shadow: 2px 2px 3px rgba(0,0,0,.5);
    }
    main .home-ct .home-time > a i {
        margin-left: 5px;
    }
    main .home-ct .home-time > a:hover {
        box-shadow:none;
    }
    main .home-ct .home-time ul li span.date {
        font-size: 12px;
        color: #333;
    }
    main .home-ct .home-time ul li > a {
        font-size: 14px;
        color: #000;
        font-weight: bold;
    }
    main .home-ct .home-time ul li p a {
        font-size: 12px;
        color: #000;
        margin: 10px 0;
    }

    main .home-ct .tabs {
        float: right;
        width: 100%;
        padding:0;
    }
    main .home-ct .tabs li {
        width: 100%;
    }
    main .home-ct .tab_container {
        float: left;
        width: 100%;
        height: auto;
    }
}
/** 內頁設定 **/
main.page {
    font-family: "華康中圓體";
}
main.page .page-title {
    position: absolute;
    top: 0;
    left: 15px;
    width: 937px;
    height: 135px;
background: url('https://www.gpgd.org.tw/admin/images/FN00/fn00bA000120160801181215.png') left bottom no-repeat; 

}
main.page .page-title h1 {
    height: 130px;
    line-height: 130px;
    font-size: 35px;
    color: #C1272D;
    padding-left: 255px;
}
main.page .left-nav {
    float: left;
    width: 255px;
    height: 1000px;/*100vh*/
    background-color: #80CDE8;
    padding:145px 15px 0 15px;
}
main.page .left-nav > ul > li > a {
    width: 100%;
    height: 45px;
    display: block;
    line-height: 45px;
    color: #9E005D;
}
main.page .left-nav > ul > li > a > i {
    margin: 0 5px 0 15px;
    color: #fff;
}
main.page .left-nav > ul > li > ul > li > a {
    width: 100%;
    height: 45px;
    display: block;
    line-height: 45px;
    color: #C1272D;
    font-size: 14px;
    background-color: #F9E8F1;
}
main.page .left-nav > ul > li > ul > li > a > i {
    margin: 0 5px 0 35px;
    color: #2F9E09;
}
main.page .left-nav > ul > li > ul {
    display: none;
}
main.page .left-nav > ul > li:hover > ul ,main.page .left-nav > ul > li.act > ul {
    display: block;
}
main.page .page-info {
    float: left;
    width: 745px;
    height: 1000px;/*100vh*/
    background: url('../img/page-info-bg.png') no-repeat;
    background-size: cover;
    padding-top: 90px;
}
main.page .page-info .page-info-ct {
    width: 650px;
    padding: 25px;
    /*margin: 0 auto;*/
    background-color: rgba(255,255,255,.8);
    height:820px;
}
main.page .page-info .page-info-ct .page-info-ct-m {
    max-height: 765px;
}
main.page .page-info .page-info-ct > img {
    width: 100% !important;
}
main.page .page-info .page-info-ct p {
    line-height: 30px;
    font-size: 16px;
}
main.page .page-info .page-info-ct p.p-red {
    font-size: 20px;
    color: crimson;
    line-height: 35px;
}
main.page .page-info .page-info-ct h1.location-traffic-title {
    font-size: 22px;
    color: crimson;
    line-height: 35px;
}
main.page .page-info .page-info-ct ul.location-bus-links li {
    width: 48%;
    float: left;
    margin: 0 1% 20px 1%;
}
main.page .page-info .page-info-ct ul.location-bus-links li a {
    width: 100%;
    height: 50px;
    line-height: 50px;
    text-align: center;
    display: block;
    background-color: #A33580;
    box-shadow: 2px 2px 3px rgba(0,0,0,.5);
    border-radius: 5px;
    color: #fff;
}
@media screen and (max-width: 999px) {
    main.page {
        font-family: "華康中圓體";
    }
    main.page .page-title {
        position: relative;
        top: 0;
        left:0;
        width: 100%;
        height: auto;
        background-color:#80CDE8;
        background-image: none;
    }
    main.page .page-title h1 {
        height: auto;
        line-height: 30px;
        font-size: 28px;
        padding:30px 10px;
    }
    main.page .left-nav {
        display: none;
    }
    main.page .page-info {
        float: none;
        width: 100%;
        height: auto;
        padding-top: 0px;
    }
    main.page .page-info .page-info-ct {
        width: 100%;
        padding: 25px 3%;
        height:auto;
    }
    main.page .page-info .page-info-ct .page-info-ct-m {
        max-height: initial;
    }
    main.page .page-info .page-info-ct ul.location-bus-links li {
        width: 100%;
        margin: 0 0 20px 0;
    }
}
/** 客服中心 **/
main.contact .content {
}
main.contact .contact-form {
    width: 100%;
    background-color: #80CDE8;
    border-radius: 0 0 15px 15px;
    padding-bottom: 30px;
}
main.contact .contact-form-title {
    float: left;
    width: 300px;
    padding: 20px;
}
main.contact .contact-form-title h1 {
    font-size: 24px;
    font-weight: bold;
    color: #004B97;
    height: 30px;
    line-height: 30px;
    padding-left: 30px;
    background: url('../img/icon/contact.png') left center no-repeat;
    margin:0 0 20px 0;
}
main.contact .contact-form-title h2 {
    font-size: 18px;
    line-height: 25px;
    margin-bottom: 20px;
    font-weight: bold;
}
main.contact .contact-form-title p {
    font-size: 15px;
    line-height: 25px;
}
main.contact .contact-form-info {
    float: right;
    width: 698px;
    padding: 20px;
    border-left: #fff solid 2px;
}
main.contact .contact-form-info h1 {
    font-size: 30px;
    font-weight: bolder;
    text-align: left;
    padding-bottom: 10px;
    margin-bottom: 30px;
    border-bottom: #A33580 solid 2px;
    color: #C1272D;
}
@media screen and (max-width: 999px) {
    main.contact .contact-form {
        width: 100%;
        background-color: #80CDE8;
        border-radius: 0 0 15px 15px;
        padding-bottom: 30px;
    }
    main.contact .contact-form-title {
        width: 100%;
        padding: 20px 3%;
        display: none;
    }
    main.contact .contact-form-info {
        float: right;
        width: 100%;
        padding: 20px 3%;
        border-left:none;
    }
}
.contact-form-list {
    margin-bottom: 20px;
}
.contact-form-list .contact-form-tabel {
    float: left;
    width: 17%;
    line-height: 30px;
    color:#9E005D;
}
.contact-form-list .contact-form-tabel i {
    margin-right: 10px;
}
.contact-form-list .contact-form-input {
    float: left;
    width: 83%;
}
.contact-form-list .contact-form-input input {
    height: 30px;
    width: 70%;
    padding-left: 2%;
    line-height: 30px;
    border: 1px solid #cbcbcb;
    box-shadow: 2px 2px 5px rgba(0,0,0,.3);
    font-size: 14px;
}
.contact-form-list .contact-form-input select {
    height: 30px;
    width: 70%;
    line-height: 30px;
    border: 1px solid #cbcbcb;
    box-shadow: 2px 2px 5px rgba(0,0,0,.3);
    font-size: 14px;
}
.contact-form-list .contact-form-input textarea {
    height: 100px;
    width: 70%;
    padding-left: 2%;
    border: 1px solid #cbcbcb;
    box-shadow: 2px 2px 5px rgba(0,0,0,.3);
    font-size: 14px;
}
.contact-form-list .contact-form-forget a {
    margin:0 0 0 17%;
    font-size: 14px;
    color: crimson;
    text-decoration: underline;
}

.contact-form-bt {
}
.contact-form-bt .contact-form-tabel {
    float: left;
    width: 17%;
    line-height: 30px;
    color:#9E005D;
}
.contact-form-bt .contact-form-input {
    float: left;
    width: 83%;
}
.contact-form-bt .contact-form-input input[type="text"] {
    height: 30px;
    width: 34%;
    padding-left: 2%;
    line-height: 30px;
    border: none;
    box-shadow: 2px 2px 5px rgba(0,0,0,.3);
    font-size: 14px;
}
.contact-form-bt .contact-form-input img {
    vertical-align: text-top;
    margin-right: 5px;
}
.contact-form-bt .contact-form-btn input[type="submit"] {
    height: 30px;
    width: 150px;
    text-align: center;
    background-color: #A33580;
    line-height: 30px;
    border: none;
    box-shadow: 2px 2px 5px rgba(0,0,0,.3);
    margin:20px 0 0 17%;
    display: block;
    color: #fff;
}
@media screen and (max-width: 999px) {
    .contact-form-list {
        margin-bottom: 20px;
    }
    .contact-form-list .contact-form-tabel {
        width: 23%;
    }
    .contact-form-list .contact-form-input {
        width: 77%;
    }
    .contact-form-list .contact-form-input input {
        width: 100%;
    }
    .contact-form-list .contact-form-input select {
        width: 100%;
    }
    .contact-form-list .contact-form-input textarea {
        width: 100%;
    }
    .contact-form-list .contact-form-forget a {
        margin:0 0 0 17%;
        font-size: 14px;
        color: crimson;
        text-decoration: underline;
    }
    .contact-form-bt .contact-form-tabel {
        width: 25%;
    }
    .contact-form-bt .contact-form-input {
        width: 75%;
    }
    .contact-form-bt .contact-form-input input[type="text"] {
        width: 36.5%;
    }
    .contact-form-bt .contact-form-btn input[type="submit"] {
        margin:40px auto 0 auto;
    }
}
/** 會員中心 **/
.member-nav li {
    width: 100%;
    height: 45px;
    padding-left: 15px;
    background-color: #FC86C5;
    transition: 1s;
    -moz-transition: 1s; /* Firefox 4 */
    -webkit-transition: 1s; /* Safari 和 Chrome */
    -o-transition: 1s; /* Opera */
}
.member-nav li.tabs-a {
    background-color: #FCE3F2;
}
.member-nav li a {
    font-size: 16px;
    font-weight: bolder;
    color: #fff;
    width: 100%;
    height: 45px;
    line-height: 45px;
    display: block;
    transition: 1s;
    -moz-transition: 1s; /* Firefox 4 */
    -webkit-transition: 1s; /* Safari 和 Chrome */
    -o-transition: 1s; /* Opera */
}
.member-nav li a i {
    color: #fff;
    margin-right: 10px;
    transition: 1s;
    -moz-transition: 1s; /* Firefox 4 */
    -webkit-transition: 1s; /* Safari 和 Chrome */
    -o-transition: 1s; /* Opera */
}
.member-nav li:hover ,.member-nav li.active {
    background-color: #C1272D;
}
.member-nav li:hover a ,.member-nav li.active a {
    color: #fff;
}
.member-nav li:hover a i ,.member-nav li.active a i {
    margin-left: 10px;
}
/** 版尾 **/
footer {
    width: 100%;
    height: 115px;
    background-color: #FC86C5;
}
footer .content {
    padding: 10px 0;
    position: relative;
}
/**
footer .content .footer-icon {
    position: absolute;
    z-index: 1;
    top:-100px;
    right: 0;
    width: 415px;
    height: 210px;
    display: block;
    background: url('../img/footer-icon.png') no-repeat;
}
**/
footer .content p {
    color: #fff;
    font-size: 12px;
    text-align: right;
    line-height: 20px;
    padding-right: 240px;
}
footer .content .ft-links {
    position: absolute;
    left: 0;
    top: 15px;
}
footer .content .ft-links li {
    margin-bottom: 15px;
}
footer .content .ft-links li a {
    width: 249px;
    height: 41px;
    display: block;
    padding-left: 60px;
    color: #fff;
    line-height: 41px;
    font-size: 16px;
    font-weight: bold;
}
footer .content .ft-links li a.ft-member { background: url('../img/ft-member.png') no-repeat;}
footer .content .ft-links li a.ft-service { background: url('../img/ft-service.png') no-repeat;}

footer .ft-address {
    width: 950px;
    margin: 0 auto;
}
footer .ft-address .ft-address-left {
    float: left;
    width: 48%;
}
footer .ft-address .ft-address-right {
    float: right;
    width: 48%;
}
footer .ft-address .ft-address-right h1 ,footer .ft-address .ft-address-left h1 {
    font-size: 14px;
    text-align: right;
    padding-bottom: 5px;
    font-weight: bolder;
    color: crimson;
}
footer .ft-address .ft-address-right p ,footer .ft-address .ft-address-left p {
    font-size: 12px;
    text-align: right;
    padding: 0;
}
footer p.copy {
    text-align: right;
    padding: 0;
    margin-top: 5px;
    margin-right: 20px;
}
footer p.copy a{
    color: #fff;
}
footer .hd-fb {
    display: none;
    margin: 30px auto;
}
footer .hd-fb a {
    font-size: 30px;
    color: #fff;
}
@media screen and (max-width: 999px) {
    footer {
        width: 100%;
        height: auto;
    }
    footer .content p {
        text-align: center;
        line-height: 20px;
        padding-right: 0;
    }
    footer .content .ft-links {
        position: relative;
        margin: 0 auto;
        display: table;
        padding-top: 100px;
    }
    footer .content .ft-links li {
        margin-bottom: 15px;
    }
    footer .content .ft-links li a {
        width: 249px;
        height: 41px;
        display: block;
        padding-left: 60px;
        color: #fff;
        line-height: 41px;
        font-size: 16px;
        font-weight: bold;
    }
    footer .content .ft-links li a.ft-member { background: url('../img/ft-member.png') no-repeat;}
    footer .content .ft-links li a.ft-service { background: url('../img/ft-service.png') no-repeat;}

    footer .ft-address {
        width: 100%;
        padding: 0 2%;
    }
    footer .ft-address .ft-address-left {
        width: 100%;
        margin-top: 40px;
    }
    footer .ft-address .ft-address-right {
        width: 100%;
        margin-top: 20px;
    }
    footer .ft-address .ft-address-right h1 ,footer .ft-address .ft-address-left h1 {
        text-align: center;
    }
    footer .ft-address .ft-address-right p ,footer .ft-address .ft-address-left p {
        text-align: center;
    }
    footer p.copy {
        margin-top: 5px;
        margin-left: 3px;
    }
    footer .hd-fb {
        display: table;
    }
}
/** 照片輪播用 **/
#full-width-slider {
    width: 100%;
    color: #000;
}
.coloredBlock {
    padding: 12px;
    background: rgba(255,0,0,0.6);
    color: #FFF;
    width: 200px;
    left: 20%;
    top: 5%;
}
.infoBlock {
    position: absolute;
    top: 30px;
    right: 30px;
    left: auto;
    max-width: 25%;
    padding-bottom: 0;
    background: #FFF;
    background: rgba(255, 255, 255, 0.8);
    overflow: hidden;
    padding: 20px;
}
.infoBlockLeftBlack {
    color: #FFF;
    background: #000;
    background: rgba(0,0,0,0.75);
    left: 30px;
    right: auto;
}
.infoBlock h4 {
    font-size: 20px;
    line-height: 1.2;
    margin: 0;
    padding-bottom: 3px;
}
.infoBlock p {
    font-size: 14px;
    margin: 4px 0 0;
}
.infoBlock a {
    color: #FFF;
    text-decoration: underline;
}
.photosBy {
    position: absolute;
    line-height: 24px;
    font-size: 12px;
    background: #FFF;
    color: #000;
    padding: 0px 10px;
    position: absolute;
    left: 12px;
    bottom: 12px;
    top: auto;
    border-radius: 2px;
    z-index: 25;
}
.photosBy a {
    color: #000;
}
.fullWidth {
    max-width: 1400px;
    margin: 0 auto 24px;
}
@media screen and (min-width: 0px) and (max-width: 800px) {
    .infoBlock {
        padding: 10px;
        height: auto;
        max-height: 100%;
        min-width: 40%;
        left: 5px;
        top: 5px;
        right: auto;
        font-size: 12px;
    }
    .infoBlock h3 {
        font-size: 14px;
        line-height: 17px;
    }
}
/** 表格 **/
table.team-resources {
    width: 100%;
    text-align: center;
    border-left:#ccc solid 1px;
    border-right:#ccc solid 1px;
}
table.team-resources tr th {
    padding: 20px 10px;
    line-height: 30px;
    vertical-align: middle;
    color: #fff;
    background-color: #999;
    font-weight: normal;
    color: 22px;
}
table.team-resources tr td {
    padding: 20px 10px;
    line-height: 25px;
    font-size: 14px;
    border-bottom:#ccc solid 1px;
}
table.team-resources .text-left {
    text-align: left;
}
table.team-resources .border-right {
    border-right:#ccc solid 1px;
}
table.team-resources .vertical-middle {
    vertical-align: middle;
}
/** 價格用 **/
ul.price-list {
    padding-left: 30px;
}
ul.price-list > li {
    list-style-type: decimal;
    margin-bottom: 15px;
}
ul.price-list > li > ol {
    padding-left: 20px;
}
ul.price-list > li > ol > li {
    list-style-type: disc;
    margin: 10px 0;
}
/** 左側廣告 **/
#left-ad-all {
                      position: relative;
                      width: 225px;
                      height: 225px;
    margin-top: 30px;
}
#left-ad-all a.left-ad {
                      position: absolute;
}
#left-ad-all a.left-ad img {
    width: 225px;
    height: 225px;
}
#left-ad-all .control {
                      position: absolute;
                      right: 10px;
                      bottom: 10px;
    display: none;
}
#left-ad-all .control a {
                      display: inline-block;
                      padding: 3px;
                      margin: 0 3px;
                      width: 16px;
                      color: #fff;
                      background: #000;
                      text-align: center;
                      font-size: 16px;
                      text-decoration: none;
}
#left-ad-all .control a.on {
                      font-weight: bold;
                      color: #f00;
}
/** 上方廣告 **/
.top-banner {
                      width: 100%;
                      height: auto;
    background-color: #fff;
}
#top-ad {
                      width: 1000px;
    margin: 0 auto;
}
@media screen and (max-width: 999px) {
    #top-ad {
        width: 100%;
    }
}
/** 最新消息列表 **/
.news-list {
    width: 100%;
}
.news-list li {
    padding: 20px 0;
}
.news-list li.second {
    background: #F0F0F0;
    border-bottom:none;
}
.news-list li.second span {
    color: #000;
}
.news-list li i {
    font-size: 18px;
    margin:0 15px;
    color:crimson;
}
.news-list li span {
    font-size: 18px;
    margin-right: 15px;
    color: #999;
}
.news-list li a {
    font-size: 16px;
    color: #000;
}
.news-title {
    font-size: 24px;
    color: #A33580;
    margin-top:0px;
    height: auto;
}
@media screen and (max-width: 999px) {
    .news-title {
    font-size: 24px;
    height: auto;
    }
}
/** 搜尋列表頁 **/
.search-list table {
    width: 100%;
    border-right:1px solid #DD6FA4;
    border-left:1px solid #DD6FA4;
}
.search-list table tr th {
    width: 33.33%;
    padding: 15px 0;
    font-size: 18px;
    background-color: #DD6FA4;
    color: #fff;
    font-weight: normal;
}
.search-list table tr td {
    width: 33.33%;
    padding: 25px 0;
    text-align: center;
    font-size: 15px;
    border-bottom:1px solid #DD6FA4;
}
.search-list table tr.cec td {
    background-color: #FCFCFC;
}
.search-list table tr td a {
    font-size: 15px;
    color: #9E005D;
}
/** 表單列表頁 **/
.forms-list table {
    width: 100%;
    border-right:1px solid #DD6FA4;
    border-left:1px solid #DD6FA4;
}
.forms-list table tr th {
    /**width: 33.33%;**/
    padding: 15px 0;
    font-size: 18px;
    background-color: #DD6FA4;
    color: #fff;
    font-weight: normal;
}
.forms-list table tr td {
    /**width: 33.33%;**/
    padding: 25px 0;
    text-align: center;
    font-size: 15px;
    border-bottom:1px solid #DD6FA4;
}
.forms-list table tr.cec td {
    background-color: #FCFCFC;
}
.forms-list table tr td a {
    font-size: 15px;
    color: #9E005D;
}
/** 企業徵才 **/
.rec-list table {
    width: 100%;
    border-right:1px solid #DD6FA4;
    border-left:1px solid #DD6FA4;
    border-top:1px solid #DD6FA4;
}
.rec-list table tr.two th {
    width: 16%;
    padding: 25px 0;
    background-color: #DD6FA4;
    color: #fff;
    font-weight: normal;
    vertical-align: top;
    border-bottom:1px solid #DD6FA4;
}
.rec-list table tr.two td {
    width: 34%;
    padding: 25px 10px;
    text-align: left;
    vertical-align: top;
    border-bottom:1px solid #DD6FA4;
}
.rec-list table tr th {
    width: 16%;
    padding: 25px 0;
    font-size: 16px;
    background-color: #DD6FA4;
    color: #fff;
    font-weight: normal;
    vertical-align: top;
    border-bottom:1px solid #DD6FA4;
    text-align: center;
}
.rec-list table tr td {
    width: 84%;
    padding: 25px 10px;
    text-align: left;
    font-size: 15px;
    vertical-align: top;
    border-bottom:1px solid #DD6FA4;
    text-align: left;
}
.rec-list table tr.cec td {
    background-color: #FCFCFC;
}
.rec-list table tr td a {
    font-size: 15px;
    color: #9E005D;
    border: 3px solid #9E005D;
    border-radius: 10px;
    padding: 10px 20px;
}
.rec-list table tr td a:hover {
    color: #fff;
    background-color: #9E005D;
    transition: .5s;
    -moz-transition: .5s; /* Firefox 4 */
    -webkit-transition: .5s; /* Safari 和 Chrome */
    -o-transition: .5s; /* Opera */
}
@media screen and (max-width: 999px) {
    .rec-list table tr th {
        font-size: 14px;
    }
    .rec-list table tr td {
        font-size: 14px;
    }
    .rec-list table tr td a {
        padding: 5px 5px;
    }
}
.rec-form-list {
    margin-top: 50px;
}
.rec-form-list h2 {
    font-size: 20px;
    color: crimson;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 2px solid crimson;
}
.rec-form-list table {
    width: 100%;
    border-right:1px solid #999;
    border-left:1px solid #999;
    border-top:1px solid #999;
}
.rec-form-list table tr.two th {
    width: 16%;
    padding: 10px 0;
    background-color: #80CDE8;
    color: #fff;
    font-weight: normal;
    vertical-align: middle;
    border-bottom:1px solid #999;
}
.rec-form-list table tr.two td {
    width: 34%;
    padding: 10px 10px;
    text-align: left;
    vertical-align: middle;
    border-bottom:1px solid #999;
}
.rec-form-list table tr th {
    width: 16%;
    padding: 10px 0;
    font-size: 15px;
    background-color: #80CDE8;
    color: #fff;
    font-weight: normal;
    vertical-align: middle;
    border-bottom:1px solid #999;
    text-align: center;
}
.rec-form-list table tr td {
    width: 84%;
    padding: 10px 10px;
    text-align: left;
    font-size: 15px;
    vertical-align: middle;
    border-bottom:1px solid #999;
    text-align: left;
}
.rec-form-list form input {
    width: 100%;
    height: 30px;
    line-height: 30px;
}
.rec-form-list form select {
    width: 100%;
    height: 30px;
    line-height: 30px;
}
.rec-form-list form textarea {
    width: 100%;
    height: 200px;
}
.rec-form-list form .contact-form-bt .contact-form-btn input[type="submit"] {
    height: 50px;
    width: 150px;
    text-align: center;
    background-color: dodgerblue;
    line-height: 50px;
    border: none;
    box-shadow: 2px 2px 5px rgba(0,0,0,.3);
    margin: 30px auto;
    display: block;
    color: #fff;
}
@media screen and (max-width: 999px) {
    .rec-form-list table tr th {
        font-size: 13px;
    }
}
/** 頁碼 **/
.page-number {
    display: table;
    margin: 30px auto 0 auto;
}
.page-number ul li {
    float: left;
    margin: 0 10px;
    font-size: 20px;
}
.page-number ul li a i {
    margin: 0 5px;
}
.page-number ul li a i.fa-step-backward ,.page-number ul li a i.fa-step-forward {
    color: crimson;
}
.page-number ul li a i.fa-chevron-circle-left ,.page-number ul li a i.fa-chevron-circle-right {
    color: dodgerblue;
}