@charset "UTF-8";
    /*!---------------------
*Copyright (c) 2017 by yuchen.
------------------------*/.container0: after, .container0:before, .container1:after, .container1:before, .container21:after, .container21:before, .container2:after, .container2:before, .container3:after, .container3:before {
    display: table;
    content: " "}
.container0:after, .container1:after, .container21:after, .container2:after, .container3:after, .container:after {
    clear: both;
}
#locbox, main {
    overflow: hidden;
}
#services_ilogo, #services_masktop, .cus_sliderdex {
    position: absolute;
    left: 0;
}
.no-gutter>[class*=col-] {
    padding-right: 0;
    padding-left: 0;
}
.container-fluid {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
.no-gutter1>[class*=col-] {
    padding-right: 2px;
    padding-left: 2px;
}
.center0 .img-responsive {
    margin: 0 auto;
}
.container0, .container1, .container2, .container21, .container3 {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
@media(min-width:768px) {
    .container0 {
    width: 750px;
}
}@media(min-width:992px) {
    .container0 {
    width: 970px;
}
}@media(min-width:1200px) {
    .container0 {
    width: 1170px;
}
}@media(min-width:1500px) {
    .container0 {
    width: 1450px;
}
}@media(min-width:1600px) {
    .container0 {
    width: 1550px;
}
}@media(min-width:768px) {
    .container1 {
    width: 750px;
}
}@media(min-width:992px) {
    .container1 {
    width: 950px;
}
}@media(min-width:1200px) {
    .container1 {
    width: 1170px;
}
}@media(min-width:1920px) {
    .container1 {
    width: 1500px;
}
}@media(min-width:768px) {
    .container3 {
    width: 750px;
}
}@media(min-width:992px) {
    .container3 {
    width: 950px;
}
}@media(min-width:1200px) {
    .container3 {
    width: 1000px;
}
}@media(min-width:768px) {
    .container2 {
    width: 750px;
}
}@media(min-width:992px) {
    .container2 {
    width: 950px;
}
}@media(min-width:1200px) {
    .container2 {
    width: 1000px;
}
}@media(min-width:1920px) {
    .container2 {
    width: 1300px;
}
}@media(min-width:768px) {
    .container21 {
    width: 750px;
}
}@media(min-width:992px) {
    .container21 {
    width: 970px;
}
}@media(min-width:1200px) {
    .container21 {
    width: 1170px;
}
}@media(min-width:1500px) {
    .container21 {
    width: 1450px;
}
}.nav_top {
    position: fixed;
    top: 0;
    z-index: 1030;
    width: 100%}
.navbar-brand h1 {
    color: #4b3d5b;
}
.lopgp {
    color: #6b6b6b;
    font-size: 30px;
}
.navbg {
    background: url(../../images/navbg.png) right top no-repeat #fff;
    background-size: auto;
}
.navbbg {
    background: #fff;
}
.navbg::after {
    content: '台東豐源國小';
	font-family: 'Century Gothic', Helvetica, cwTeXYen, "微軟正黑體", "Microsoft JhengHei", sans-serif;
	font-weight: 700;
    color: #4b3d5b;
    font-size: 30px;
    top: 7px;
    position: absolute;
}
.navbar-inverse .nav>li {
    margin-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
}
@media(max-width:1100px) {
    .navbar-brand h1 {
    font-size: 26px;
}
.lopgp {
    font-size: 20px;
}
}@media(max-width:650px) {
    .navbar-brand h1 {
    font-size: 30px;
}
.lopgp {
    font-size: 24px;
}
}@media(max-width:500px) {
    .navbar-brand h1 {
    font-size: 22px;
    letter-spacing: 0;
}
.lopgp {
    font-size: 14px;
}
.navbar-toggle {
    margin-right: 0;
}
.navbar_custom .nav>li>a>img {
    max-width: 75px;
}
}@media(max-width:350px) {
    .navbar-brand h1 {
    font-size: 14px;
}
.navbar-toggle {
    margin-top: 14px;
    margin-right: 0;
    padding: 4px;
}
}@media(max-width:300px) {
    .navbar-brand h1 {
    font-size: 14px;
}
}.scenicbb a img:hover {
    opacity: 1;
    -webkit-animation: anflash .5s;
    animation: anflash .5s;
}
@-webkit-keyframes anflash {
    0% {
    opacity: .4;
}
100% {
    opacity: 1;
}
}@keyframes anflash {
    0% {
    opacity: .4;
}
100% {
    opacity: 1;
}
}#services_ilogo {
    top: 80px;
    width: 100%;
    z-index: 100;
}
.ilogo img {
    margin: 0 auto;
}
.travel img {
    float: right;
    padding-right: 15%;
    transform: translateY(-70px);
}
@media screen and (max-width:1600px) {
    .travel img {
    padding-right: 50px;
    transform: translateY(-70px);
}
}@media screen and (max-width:1450px) {
    #services_ilogo {
    top: 60px;
}
.ilogo img {
    max-height: 80px;
}
.travel img {
    padding-right: 10%;
    max-width: 350px;
    transform: translateY(-30px);
}
}@media screen and (max-width:1199px) {
    .travel img {
    padding-right: 10px;
    max-width: 250px;
    transform: translateY(-50px);
}
}@media screen and (max-width:991px) {
    .ilogo img {
    display: none;
}
}.intros ul li, .sce ul li {
    display: inline-block;
    float: left;
}
@media screen and (max-width:990px) {
  .navbg::after {
	display:none;
}
}
@media screen and (max-width:600px) {
    .travel img {
    max-width: 150px;
    transform: translateY(-20px);
}
}#services_masktop {
    top: 820px;
    width: 100%;
    z-index: 100;
}
.masktop2 img {
    padding-left: 200px;
    padding-top: 20px;
}
@media screen and (max-width:1450px) {
    #services_masktop {
    top: 650px;
}
}@media screen and (max-width:1199px) {
    .masktop1 img {
    max-width: 250px;
}
.masktop2 img {
    max-width: 500px;
}
}@media screen and (max-width:1160px) {
    #services_masktop {
    top: 550px;
}
}@media screen and (max-width:991px) {
    .masktop1 img {
    max-width: 200px;
}
.masktop2 img {
    max-width: 350px;
    padding-left: 100px;
}
#services_masktop {
    top: 600px;
}
}@media screen and (max-width:768px) {
    #services_masktop {
    top: 450px;
}
}@media screen and (max-width:500px) {
    #services_masktop {
    top: 330px;
}
.masktop1 img {
    max-width: 100px;
}
.masktop2 img {
    max-width: 250px;
    padding-left: 50px;
    padding-top: 10px;
}
}@media screen and (max-width:400px) {
    #services_masktop {
    top: 280px;
}
.masktop1 img {
    max-width: 80px;
}
.masktop2 img {
    max-width: 180px;
    padding-left: 40px;
    padding-top: 10px;
}
}#services_introduction {
    background: url(../../images/introductionbg.jpg) center top no-repeat #d2e1f0;
    background-size: auto;
    min-height: 500px;
    padding-bottom: 100px;
}
#services_introduction h1 {
    font-weight: 400;
    margin-bottom: 40px;
}
.intros ul {
    margin: 0;
    padding: 0;
}
.intros ul li {
    width: 25%}
.introp {
    padding-top: 100px;
}
@media screen and (max-width:1450px) {
    #services_introduction {
    background: url(../../images/introductionbg.jpg) center top no-repeat #d2e1f0;
    background-size: auto 100px;
}
}@media screen and (max-width:1160px) {
    #services_introduction {
    background: url(../../images/introductionbg.jpg) center top no-repeat #d2e1f0;
    background-size: auto 88px;
}
}@media screen and (max-width:991px) {
    #services_introduction {
    background: url(../../images/introductionbg.jpg) center top no-repeat #d2e1f0;
    background-size: auto 127px;
    padding-bottom: 40px;
}
.introp {
    padding-top: 0;
}
#services_introduction h1 {
    margin-bottom: 20px;
}
}@media screen and (max-width:768px) {
    #services_introduction {
    background: url(../../images/introductionbg.jpg) center top no-repeat #d2e1f0;
    background-size: auto 110px;
}
#services_introduction h1 {
    font-size: 30px;
    margin-bottom: 0;
}
}@media screen and (max-width:500px) {
    #services_introduction {
    background: url(../../images/introductionbg.jpg) center top no-repeat #d2e1f0;
    background-size: auto 70px;
}
.intros ul li {
    display: inline-block;
    float: left;
    width: 50%}
}#locbox, #map_canvas {
    width: 700px;
    height: 700px;
}
@media screen and (max-width:400px) {
    #services_introduction {
    background: url(../../images/introductionbg.jpg) center top no-repeat #d2e1f0;
    background-size: auto 58px;
}
}.mt40 {
    transform: translateY(-60px);
}
#services_introtext {
    background: url(../../images/camara.png) right bottom no-repeat, url(../../images/introtextbbg.png) left bottom no-repeat, url(../../images/introtextbg.jpg) center top no-repeat #fff;
    background-size: auto, auto, auto;
    padding-bottom: 200px;
}
.introtext {
    padding-top: 100px;
}
@media screen and (max-width:991px) {
    .introtext {
    padding-top: 10px;
}
#services_introtext {
    background: url(../../images/camara.png) right bottom no-repeat, url(../../images/introtextbbg.png) left bottom no-repeat, url(../../images/introtextbg.jpg) center top no-repeat #fff;
    background-size: 40% auto, 40% auto, auto;
}
}@media screen and (max-width:700px) {
    #services_introtext {
    padding-bottom: 100px;
}
}@media screen and (max-width:400px) {
    #services_introtext {
    padding-bottom: 70px;
}
}.locbg {
    background: url(../../images/locbg.png) center top no-repeat;
    background-size: auto;
    min-height: 960px;
    margin-bottom: -400px;
}
#locbox {
    border-radius: 700px;
    position: absolute;
    -webkit-mask-image: url(data:image/png;
    base64, iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
    margin-left: 360px;
    margin-top: 90px;
}
.locimg {
    background: url(../../images/locimg.jpg) center top no-repeat;
    background-size: cover;
    min-height: 833px;
}
.loctext {
    margin-bottom: -200px;
}
.loctext img {
    transform: translate(-200px, 300px);
}
@media(max-width:1850px) {
    .loctext img {
    max-width: 350px;
    transform: translate(-50px, 300px);
}
}@media(max-width:1600px) {
    .loctext img {
    max-width: 400px;
    transform: translate(0, 0);
}
}@media(max-width:1499px) {
    #locbox {
    margin-left: 220px;
    margin-top: 90px;
}
}@media(max-width:1199px) {
    #locbox {
    margin-left: 120px;
    margin-top: 90px;
}
}@media(max-width:991px) {
    #locbox, #map_canvas {
    width: 100%;
    max-width: 100%}
.locbg {
    background: #fff;
    padding: 0;
    min-height: 520px;
    margin-bottom: 40px;
}
#locbox {
    background: url(../../images/locbgs.jpg) center top no-repeat;
    background-size: cover;
    margin-left: 0;
    margin-top: 0;
    height: 520px;
    border-radius: 0;
    padding: 15px;
}
#map_canvas {
    height: 490px;
}
.locimg {
    min-height: 600px;
}
.loctext img {
    transform: translate(0, 600px);
    margin: 0 auto;
}
}@media(max-width:500px) {
    .locimg {
    min-height: 400px;
}
.loctext img {
    transform: translate(0, 550px);
    margin: 0 auto;
    max-width: 90%}
}@media(max-width:400px) {
    .locimg {
    min-height: 300px;
}
.loctext img {
    transform: translate(0, 530px);
}
.locts img {
    max-width: 80%}
}@media(max-width:320px) {
    .locimg {
    min-height: 250px;
}
.loctext img {
    transform: translate(0, 550px);
}
}#services_sce {
    background: url(../../images/scebg.png) center top no-repeat;
    background-size: auto;
    padding-bottom: 40px;
}
#services_sce h2 {
    font-size: 28px;
    font-weight: 400;
}
.sce ul {
    margin: 0;
    padding: 0;
}
.sce ul li {
    width: 33.33%;
    text-align: center;
}
.sce ul li:nth-child(2) {
    padding-top: 106px;
}
.sce ul li:nth-child(3) {
    padding-top: 40px;
}
@media screen and (max-width:1499px) {
    #services_sce {
    background: url(../../images/scebg.png) center bottom no-repeat;
    background-size: 90% auto;
}
}@media screen and (max-width:1100px) {
    #services_sce h2 {
    font-size: 24px;
}
}@media screen and (max-width:991px) {
    #services_sce h2 {
    font-size: 20px;
}
#services_sce {
    padding-bottom: 0;
}
}@media screen and (max-width:768px) {
    .sce ul li: nth-child(2), .sce ul li:nth-child(3) {
    padding-top: 0;
}
.scet img {
    max-width: 90%}
.sce ul li {
    display: inline-block;
    float: left;
    width: 100%}
.sce ul li:nth-child(3) img {
    float: right;
}
.sce ul li:nth-child(1) img {
    float: left;
}
.sce ul li:nth-child(1) h2 {
    clear: both;
    text-align: left;
    padding-left: 200px;
}
.sce ul li:nth-child(3) h2 {
    clear: both;
    text-align: right;
    padding-right: 100px;
}
#services_sce h2 {
    font-size: 24px;
}
#services_sce {
    background: url(../../images/scebg.png) center bottom no-repeat;
    background-size: auto 0;
}
}@media screen and (max-width:350px) {
    #services_sce h2 {
    font-size: 20px;
}
}#services_lodging {
    background: url(../../images/stay-night.png) bottom right no-repeat, url(../../images/lodgingbg_04.jpg) bottom right no-repeat, url(../../images/lodgingbg_01.jpg) top center no-repeat, url(../../images/lodgingbg_02.jpg) top center;
    background-size: auto, auto, auto, auto;
    min-height: 700px;
    padding-top: 100px;
    padding-bottom: 40px;
}
.lodgingt {
    padding-bottom: 20px;
}
@media screen and (max-width:991px) {
    #services_lodging {
    background: url(../../images/stay-night.png) bottom right no-repeat, url(../../images/lodgingbg_04.jpg) bottom center no-repeat, url(../../images/lodgingbg_01.jpg) top left no-repeat, url(../../images/lodgingbg_02.jpg) top center;
    background-size: 40% auto, auto, auto, auto;
    padding-bottom: 100px;
    padding-top: 40px;
}
.lodgingt img {
    float: right;
}
.lodgingt {
    padding-bottom: 10px;
}
}@media screen and (max-width:768px) {
    .lodgingt img {
    max-width: 300px;
}
#services_lodging {
    padding-top: 40px;
}
}@media screen and (max-width:500px) {
    .sce ul li: nth-child(1) h2 {
    clear: both;
    text-align: center;
    padding-left: 0;
}
.sce ul li:nth-child(3) h2 {
    clear: both;
    text-align: center;
    padding-right: 0;
}
.sce ul li {
    margin-bottom: 20px;
}
#services_lodging {
    background: url(../../images/stay-night.png) bottom right no-repeat, url(../../images/lodgingbg_04.jpg) bottom center no-repeat, url(../../images/lodgingbg_01.jpg) top center no-repeat, url(../../images/lodgingbg_02.jpg) top center;
    background-size: 40% auto, auto, auto, auto;
    padding-bottom: 60px;
    min-height: 300px;
    padding-top: 0;
}
.lodgingt img {
    float: left;
    max-width: 70%}
}#services_news {
    background: #faedcf;
    font-size: 14px;
    padding: 30px 0;
    min-height: 400px;
}
#services_news a {
    color: #000;
    font-size: 14px;
}
#services_news a:visited {
    color: #000;
}
#services_news a:focus, #services_news a:hover {
    color: red;
}
@media screen and (max-width:430px) {
    #services_news td {
    letter-spacing: -1.5px;
    font-size: 12px;
}
#services_news a {
    font-size: 12px;
}
.newstop {
    min-height: 15px;
}
.newsbgt {
    min-height: 45px;
}
}@media screen and (max-width:350px) {
    #services_news td {
    letter-spacing: -1px;
    font-size: 11px;
}
}.newstable {
    padding-bottom: 40px;
}
.newstable img {
    display: block;
    height: auto;
    max-width: 100%;
    max-height: auto;
}
@media screen and (max-width:768px) {
    .newstable img {
    max-width: 1999px;
}
.table-responsive {
    border: 0 solid transparent;
}
}.adbg, .adbg .carousel-inner, .partners ul li {
    border: 1px solid #fff;
}
.bbstory img, .rec img {
    height: auto;
    max-width: 100%}
.adbg {
    background: #312926;
    margin-right: 20px;
    margin-left: 40px;
}
.partners ul li img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
}
.partners ul {
    margin: 0;
    padding: 0;
}
.partners ul li {
    display: inline-block;
    float: left;
    width: 16.66666666666667%}
.adbg .carousel-inner>.item>a>img, .adbg .carousel-inner>.item>img {
    width: 100%}
@media(max-width:1200px) {
    .partners ul li {
    display: inline-block;
    float: left;
    width: 20%}
}@media(max-width:992px) {
    .partners ul li {
    display: inline-block;
    float: left;
    width: 12.5%}
}@media(max-width:650px) {
    .partners ul li {
    display: inline-block;
    float: left;
    width: 14.28571428571429%}
}@media(max-width:550px) {
    .partners ul li {
    display: inline-block;
    float: left;
    width: 16.66666666666667%}
}@media(max-width:450px) {
    .partners ul li {
    display: inline-block;
    float: left;
    width: 20%}
}@media(max-width:350px) {
    .partners ul li {
    display: inline-block;
    float: left;
    width: 25%}
}.partners ul li img:hover {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}
@media(max-width:1200px) {
    .adbg {
    margin-right: 0;
    margin-left: 0;
}
}#services_rec {
    background: url(../../images/recbg_01.jpg) top center;
    background-size: auto;
    padding-bottom: 40px;
}
.recline {
    background: url(../../images/recbg_03.jpg) top center no-repeat;
    background-size: cover;
    padding-bottom: 99px;
}
.bbstory, .searchbg {
    background-size: auto;
}
.rec img {
    display: block;
    margin: 0 auto;
}
.rec ul {
    margin: 0;
    padding: 0;
}
.rec ul li {
    display: inline-block;
    float: left;
    width: 25%}	
@media(max-width:1200px) {
    .rec ul li {
    display: inline-block;
    float: left;
    width: 16.66666666666667%}
.recline {
    padding-bottom: 60px;
}
}@media(max-width:992px) {
    .rec ul li {
    display: inline-block;
    float: left;
    width: 25%}
.rect img {
    margin: 0 auto;
}
.recline {
    padding-bottom: 50px;
}
}@media(max-width:650px) {
    .rec ul li {
    display: inline-block;
    float: left;
    width: 33.3333%}
}@media(max-width:500px) {
    .rec ul li {
    display: inline-block;
    float: left;
    width: 50%}
#services_rec {
    padding-bottom: 20px;
}
.recline {
    padding-bottom: 35px;
}
}.bbstory {
    background-image: url(../../images/bbbg.jpg);
    background-position: center;
    background-repeat: repeat-y;
    min-height: 350px;
}
.bbstory img {
    display: block;
    margin: 0 auto;
}
@media(max-width:1200px) {
    .bbstory {
    background-image: url(../../images/bbbg.jpg);
    background-position: center;
    background-repeat: repeat-y;
    background-size: 100% auto;
    margin-left: 0;
    min-height: 0;
    min-height: 50px;
    padding-bottom: 20px;
}
}@media(max-width:991px) {
    .bbstory {
    background-image: url(../../images/bbbg.jpg);
    background-position: center;
    background-repeat: repeat-y;
    background-size: auto;
    margin-top: 40px;
    margin-left: 0;
    min-height: 50px;
}
}@media(max-width:550px) {
    .bbstory {
    background-image: url(../../images/bbbg.jpg);
    background-position: center;
    background-repeat: repeat-y;
    background-size: 100% auto;
    margin-top: 20px;
}
}.bnbsay {
    overflow: auto;
    padding-left: 0;
}
#services_city {
    background: url(../../images/citybg_01.png) top right no-repeat, url(../../images/citybg_04.png) bottom center no-repeat, url(../../images/citybbg_01.jpg) top left no-repeat, url(../../images/citybbg_03.jpg) bottom right no-repeat, url(../../images/citybg_02.jpg) top center;
    background-size: auto, auto, auto, auto, auto;
    padding: 40px 0;
    min-height: 600px;
}
@media screen and (max-width:1400px) {
    #services_city {
    background: url(../../images/citybg_01.png) top right no-repeat, url(../../images/citybg_04.png) bottom center no-repeat, url(../../images/citybbg_01.jpg) top left no-repeat, url(../../images/citybbg_03.jpg) bottom right no-repeat, url(../../images/citybg_02.jpg) top center;
    background-size: auto, auto, 20% auto, 25% auto, auto;
}
}@media screen and (max-width:767px) {
    #services_city {
    padding: 40px 5px;
}
}@media screen and (max-width:500px) {
    #services_city {
    background: url(../../images/citybg_01.png) top right no-repeat, url(../../images/citybg_04.png) bottom center no-repeat, url(../../images/citybbg_01.jpg) top left no-repeat, url(../../images/citybbg_03.jpg) bottom right no-repeat, url(../../images/citybg_02.jpg) top center;
    background-size: auto 30px, auto 30px, 20% auto, 25% auto, auto;
}
}@media(max-width:992px) {
    .project_five ul li {
    display: inline-block;
    float: left;
    width: 25%}
.project {
    margin: 40px 0;
}
}.h100 ul li, .search ul li {
    float: left;
    width: 100%}
.city {
    min-height: 30vh;
}
.city a, .city a:visited {
    color: #35c5c5;
}
.city a:focus, .city a:hover {
    color: #000;
}
.searchtop {
    background-image: url(../../images/searchbg_01.png);
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 49px;
}
.searchbg {
    background-image: url(../../images/searchbg.jpg);
    background-position: top left;
    background-repeat: repeat;
    min-height: 300px;
    padding-bottom: 40px;
}
.search_01, .search_02 {
    background-position: top left;
    background-repeat: no-repeat;
    background-size: auto;
}
.search ul {
    margin: 0;
    padding-left: 70px;
}
@media(max-width:1366px) {
    .search ul {
    margin: 0;
    padding-left: 70px;
}
.search {
    padding-left: 0;
    padding-right: 0;
}
}@media(max-width:991px) {
    .search ul {
    margin: 0;
    padding-left: 50px;
}
.search {
    padding-left: 15px;
    padding-right: 15px;
}
}@media(max-width:768px) {
    .search ul {
    margin: 0;
    padding-left: 80px;
}
}@media(max-width:400px) {
    .search ul {
    margin: 0;
    padding-left: 60px;
}
}.search_01 {
    background-image: url(../../images/search_01.png);
    min-height: 479px;
}
.search_02 {
    background-image: url(../../images/search_02.png);
    min-height: 239px;
}
.search_05 {
    background-image: url(../../images/search_05.png);
    background-position: top left;
    background-repeat: no-repeat;
    background-size: auto;
    min-height: 240px;
}
.search_03, .search_04 {
    background-position: top left;
    background-repeat: no-repeat;
    background-size: auto;
    min-height: 479px;
}
.search_03 {
    background-image: url(../../images/search_03.png);
}
.search_04 {
    background-image: url(../../images/search_04.png);
}
@media(max-width:768px) {
    .search_02, .search_05 {
    min-height: 290px;
}
.search_03 {
    margin-top: 40px;
}
}@media(max-width:767px) {
    .search_04 {
    margin-top: 40px;
    min-height: 350px;
}
.search_03 {
    min-height: 250px;
    margin-top: 0;
}
.search_02 {
    margin-top: 40px;
}
}.search a, .search a:focus, .search a:visited {
    color: #353535;
}
.search a:hover {
    color: #35c5c5;
}
#services_100 {
    background: url(../../images/orange.png) bottom left no-repeat #edf5e5;
    background-size: auto;
    padding-bottom: 40px;
}
#services_100 h1 {
    font-size: 20px;
    color: #858585;
    font-weight: 700;
}
#services_100 a, #services_100 a:focus, #services_100 a:visited {
    color: #353535;
}
#services_100 a:hover {
    color: #35c5c5;
}
.h100 {
    padding-bottom: 20px;
}
.h100 ul {
    padding-left: 40px;
    margin: 0;
}
.hundred p {
    text-align: center;
    font-size: 14px;
}
.animate_Flashing img:hover {
    opacity: 1;
    -webkit-animation: flash 1.5s;
    animation: flash 1.5s;
}
@media screen and (max-width:992px) {
    .h100 ul li {
    font-size: 12px;
}
}@media screen and (max-width:767px) {
    #services_100 {
    background: #edf5e5;
}
.h100 ul li {
    font-size: 14px;
}
}#services_newsb, .newsline1 {
    background-repeat: no-repeat;
}
@media screen and (max-width:350px) {
    .hundred p {
    font-size: 12px;
}
}.newsline1 {
    background-image: url(../../images/newsline.jpg);
    background-position: top left;
    background-size: cover;
    min-height: 22px;
}
#services_info {
    padding-top: 40px;
    padding-bottom: 40px;
}
#services_contact {
    background-color: #f2f2f2;
    padding: 50px 0;
}
.scenicslider1 .carousel-control.left, .scenicslider2 .carousel-control.left {
    padding-left: 22%}
.scenicslider1 .carousel-control.right, .scenicslider2 .carousel-control.right {
    padding-right: 25%}
#services_contact a, #services_contact a:visited {
    color: #878787;
}
#services_contact a:hover, a:focus {
    color: #000;
}
.tel {
    color: #878787;
    font-size: 15px;
}
.telb {
    font-size: 22px;
    margin-top: 10px;
}
.telb_blue {
    color: #a2aebf;
}
.animate_flash img:hover {
    opacity: 1;
    -webkit-animation: flash 1.5s;
    animation: flash 1.5s;
}
@-webkit-keyframes flash {
    0% {
    opacity: .4;
}
100% {
    opacity: 1;
}
}@keyframes flash {
    0% {
    opacity: .4;
}
100% {
    opacity: 1;
}
}.footer a, .footer a:visited {
    color: #fff;
}
.footer a:focus, .footer a:hover {
    color: #FC6;
}
.carousel-fade .carousel-inner .item {
    opacity: 0;
    transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
    opacity: 1;
}
.carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right {
    left: 0;
    opacity: 0;
    z-index: 1;
}
.carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}
.carousel-fade .carousel-control {
    z-index: 2;
}
.carousel-control.left {
    background-image: -webkit-linear-gradient(left, color-stop(rgba(255, 255, 255, .1) 0), color-stop(rgba(0, 0, 0, .0001) 100%));
    background-image: linear-gradient(to right, rgba(255, 255, 255, .1) 0, rgba(0, 0, 0, .0001) 100%);
}
.carousel-control.right {
    background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, .0001) 0), color-stop(rgba(255, 255, 255, .1) 100%));
    background-image: linear-gradient(to right, rgba(0, 0, 0, .0001) 0, rgba(255, 255, 255, .1) 100%);
}
.carousel-control {
    padding-top: 25%}
@media screen and (max-width:1199px) {
    .scenicslider1 .carousel-control.left, .scenicslider2 .carousel-control.left {
    padding-left: 12%}
.scenicslider1 .carousel-control.right, .scenicslider2 .carousel-control.right {
    padding-right: 12%}
}@media screen and (max-width:991px) {
    .scenicslider1 .carousel-control.left, .scenicslider2 .carousel-control.left {
    padding-left: 27%}
.scenicslider1 .carousel-control.right {
    padding-right: 28%}
.scenicslider2 .carousel-control.right {
    padding-right: 27%}
}@media screen and (max-width:768px) {
    .scenicslider1 .carousel-control.left, .scenicslider2 .carousel-control.left {
    padding-left: 20%}
.scenicslider1 .carousel-control.right, .scenicslider2 .carousel-control.right {
    padding-right: 22%}
}@media screen and (max-width:600px) {
    .scenicslider1 .carousel-control.left, .scenicslider2 .carousel-control.left {
    padding-left: 12%}
.scenicslider1 .carousel-control.right, .scenicslider2 .carousel-control.right {
    padding-right: 15%}
}.two .carousel-control.right {
    padding-right: 20%}
@media screen and (max-width:650px) {
    .two .carousel-control.left {
    padding-left: 0;
}
}@media screen and (max-width:768px) {
    .two .carousel-control.left {
    padding-left: 0;
}
.two .carousel-control.right {
    padding-right: 25%}
.three .carousel-control.right {
    margin-right: 4%}
.three .carousel-control.left {
    margin-left: 4%}
}@media screen and (max-width:600px) {
    .three .carousel-control.right {
    margin-right: 0;
}
.three .carousel-control.left {
    margin-left: 0;
}
}.hide-bullets {
    list-style: none;
    margin-left: -40px;
    margin-top: 0;
    text-align: right;
    cursor: pointer;
    line-height: 22px;
    color: #000;
}
.thumbnail {
    padding: 0;
}
.hide-bullets a, .hide-bullets a:link, .hide-bullets a:visited {
    color: #000;
}
.hide-bullets a:hover {
    color: #a16b55;
}
#services_newsb {
    background-image: url(../../images/newsbbg.jpg);
    background-position: center top;
    background-size: auto;
    padding-top: 80px;
    padding-bottom: 20px;
    min-height: 60vh;
}
#services_newsb a {
    color: #0076fb;
}
#services_newsb a:visited {
    color: #0151ab;
}
#services_newsb a:hover {
    color: #000;
}
@media screen and (max-width:991px) {
    #services_newsb {
    padding-top: 10px;
    margin-top: 60px;
}
}@media screen and (max-width:768px) {
    #services_newsb {
    background-image: url(../../images/newsbbg.jpg);
    background-position: center top;
    background-size: auto 270px;
    background-repeat: no-repeat;
}
}@media screen and (max-width:500px) {
    #services_newsb {
    background-image: url(../../images/newsbbg.jpg);
    background-position: center top;
    background-size: auto 170px;
    background-repeat: no-repeat;
}
}.dex1, .dex2, .dex3 {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.dex1 {
    background-image: url(../../flash/dex1.jpg);
}
.dex2 {
    background-image: url(../../flash/dex2.jpg);
}
.dex3 {
    background-image: url(../../flash/dex3.jpg);
}
.cus_sliderdex {
    background-image: url(../../images/mask.png);
    background-position: center top;
    background-size: auto;
    background-repeat: no-repeat;
    min-height: 1080px;
    top: 0;
    right: 0;
    z-index: 99;
}
.items1, .items2, .items3 {
    position: relative;
}
.item .it {
    padding: 0;
    margin: 0;
    float: left;
    display: inline-block;
}
.items1 {
    width: 16%;
    height: 500px;
    -webkit-animation: anitems1 .5s;
    -webkit-animation-direction: normal;
    animation: anitems1 .5s;
    animation-direction: normal;
    top: 230px;
}
.items2 {
    width: 68.5%;
    height: 930px;
    -webkit-animation: anitems2 1.5s;
    -webkit-animation-direction: alternate;
    animation: anitems2 1.5s;
    animation-direction: alternate;
    top: 100px;
}
.items3 {
    width: 15.5%;
    height: 500px;
    -webkit-animation: anitems3 .5s;
    -webkit-animation-direction: normal;
    animation: anitems3 .5s;
    animation-direction: normal;
    top: 230px;
}
.cus_dex {
    margin-bottom: 150px;
}
@media(max-width:1750px) {
    .items1 {
    width: 12%}
.items2 {
    width: 76%}
.items3 {
    width: 12%}
}@media(max-width:1600px) {
    .items1 {
    width: 8%}
.items2 {
    width: 84%}
.items3 {
    width: 8%}
}@media(max-width:1450px) {
    .cus_sliderdex {
    background-image: url(../../images/mask.png);
    background-position: center top;
    background-size: auto 850px;
    background-repeat: no-repeat;
    min-height: 850px;
}
.items1 {
    width: 15%;
    height: 300px;
    top: 200px;
}
.items2 {
    width: 70%;
    height: 750px;
}
.items3 {
    width: 15%;
    height: 300px;
    top: 200px;
}
.cus_dex {
    margin-bottom: 100px;
}
}@media(max-width:1360px) {
    .items1 {
    width: 13%}
.items2 {
    width: 74%}
.items3 {
    width: 13%}
}@media(max-width:1290px) {
    .items1 {
    width: 9%}
.items2 {
    width: 82%}
.items3 {
    width: 9%}
}@media(max-width:1160px) {
    .cus_sliderdex {
    background-image: url(../../images/mask.png);
    background-position: center top;
    background-size: auto 750px;
    background-repeat: no-repeat;
    min-height: 750px;
}
.items1 {
    width: 12%;
    height: 260px;
    top: 180px;
}
.items2 {
    width: 76%;
    height: 700px;
}
.items3 {
    width: 12%;
    height: 260px;
    top: 170px;
}
.cus_dex {
    margin-bottom: 50px;
}
}@media(max-width:1110px) {
    .items1 {
    width: 7%}
.items2 {
    width: 86%}
.items3 {
    width: 7%}
}@media(max-width:991px) {
    .cus_sliderdex {
    background-image: url(../../images/masksm.png);
    background-position: center top;
    background-size: auto 758px;
    background-repeat: no-repeat;
    min-height: 758px;
    top: 0;
}
.items1 {
    display: none;
    height: 0;
}
.items2 {
    width: 100%;
    height: 758px;
    top: 20px;
}
.items3 {
    display: none;
    height: 0;
}
.cus_dex {
    margin-bottom: 0;
}
}@media(max-width:768px) {
    .cus_sliderdex {
    background-image: url(../../images/masksm.png);
    background-position: center top;
    background-size: auto 600px;
    background-repeat: no-repeat;
    min-height: 600px;
}
.items2 {
    height: 600px;
    -webkit-animation: anitems3 .5s;
    -webkit-animation-direction: normal;
    animation: anitems3 .5s;
    animation-direction: normal;
}
}@media(max-width:500px) {
    .cus_sliderdex {
    background-image: url(../../images/masksm.png);
    background-position: center top;
    background-size: auto 400px;
    background-repeat: no-repeat;
    min-height: 400px;
    top: 20px;
}
.items2 {
    height: 400px;
    top: 40px;
}
.cus_dex {
    margin-bottom: 20px;
}
}@media(max-width:400px) {
    .cus_sliderdex {
    background-image: url(../../images/masksm.png);
    background-position: center top;
    background-size: auto 300px;
    background-repeat: no-repeat;
    min-height: 300px;
    top: 60px;
}
.items2 {
    height: 320px;
    top: 90px;
}
.cus_dex {
    margin-bottom: 40px;
}
}@-webkit-keyframes anitems1 {
    0% {
    transform: translateX(50px);
}
100% {
    transform: translateX(0);
}
}@keyframes anitems1 {
    0% {
    transform: translateX(50px);
}
100% {
    transform: translateX(0);
}
}@-webkit-keyframes anitems2 {
    0% {
    transform: translateX(100px);
}
100% {
    transform: translateX(0);
}
}@keyframes anitems2 {
    0% {
    transform: translateX(100px);
}
100% {
    transform: translateX(0);
}
}@-webkit-keyframes anitems3 {
    0% {
    transform: translateX(50px);
}
100% {
    transform: translateX(0);
}
}@keyframes anitems3 {
    0% {
    transform: translateX(50px);
}
100% {
    transform: translateX(0);
}
}
/*map*/
.map {
	position:relative;
	width:720px;
	min-height:450px;
	margin:0 auto;
	max-width:90%;
}
.map iframe {
	border:solid 1px #aaaaaa;
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
}
.ssbg {
	
	background-position: center;
	background-repeat: repeat-y;
	background-size: 99% 100%;
	background: url(../../images/ssbg.jpg);
}