@charset "UTF-8";
    /*!****************************************************
***************************Copyright (c) 2016 by yuchen.****************
*************************************************************************/h2, h4 {
    font-size: 16px;
}
h3, p {
    font-size: 14px;
}
.container2:after, .container2:before, .container3:after, .container3:before {
    display: table;
    content: " "}
.container2:after, .container3:after {
    clear: both;
}
body {
    font-family: Verdana, Helvetica, "华文细黑", STXihei, "微軟正黑體", "Microsoft JhengHei", "宋體", SimSun, "黑體", Heiti, sans-serif;
    color: #353535;
    background: #fff;
}
h1, h2, h3, h4, h5, h6 {
    font-family: Futura Lt BT, Meiryo, "微軟正黑體", Microsoft JhengHei, Orator Std, sans-serif;
    font-weight: 600;
    line-height: 30px;
}
h1, h3 {
    font-weight: 400;
}
h1 {
    font-size: 24px;
    margin-top: 0;
    margin-bottom: 0;
}
h3 {
    line-height: 24px;
}
h4 {
    letter-spacing: 5px;
}
a {
    color: #000;
    -webkit-transition: color 300ms, background-color 300ms;
    -moz-transition: color 300ms, background-color 300ms;
    -o-transition: color 300ms, background-color 300ms;
    transition: color 300ms, background-color 300ms;
}
a:focus, a:hover {
    color: #00d5e8;
    text-decoration: none;
    outline: 0;
}
#gotop {
    position: fixed;
    right: 40px;
    bottom: 10px;
    padding-left: 8px;
    padding-right: 8px;
    font-size: 30px;
    color: #00a885;
    cursor: pointer;
    z-index: 1999;
}
#gotop i:hover {
    will-change: animation, transform, opacity;
    -webkit-animation: top 1s ease-in-out infinite;
    animation: top 1s ease-in-out infinite;
}
@-webkit-keyframes top {
    0%, 100% {
    -webkit-transform: scale(1);
}
50% {
    -webkit-transform: scale(1.1);
}
}@keyframes top {
    0%, 100% {
    transform: scale(1);
}
50% {
    transform: scale(1.1);
}
}.no-gutter>[class*=col-] {
    padding-right: 0;
    padding-left: 0;
}
.center0 .img-responsive {
    margin: 0 auto;
}
.container-fluid, .container-fluid0 {
    margin-right: auto;
    margin-left: auto;
}
main {
    overflow: hidden;
}
.container-fluid {
    padding-right: 15px;
    padding-left: 15px;
}
.container-fluid0 {
    padding-right: 0;
    padding-left: 0;
}
.container2, .container3 {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
@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) {
    .container3 {
    width: 750px;
}
}@media(min-width:992px) {
    .container3 {
    width: 950px;
}
}@media(min-width:1200px) {
    .container3 {
    width: 1000px;
}
}.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%);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#80000000',  endColorstr='#00000000',  GradientType=1);
}
.carousel-control.right {
    right: 0;
    left: auto;
    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%);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00000000',  endColorstr='#80000000',  GradientType=1);
}
.hide-bullets {
    list-style: none;
    margin-left: -40px;
    margin-top: 0;
    text-align: right;
    cursor: pointer;
    line-height: 22px;
    color: #000;
}
.thumbnail {
    padding: 0;
}
.carousel-inner>.item>a>img, .carousel-inner>.item>img {
    width: 100%}
.carousel-control {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 15%;
    font-size: 24px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
    filter: alpha(opacity=50);
    opacity: .7;
    padding-top: 10%}
.carousel-control:focus, .carousel-control:hover {
    color: #3dd2e5;
    text-decoration: none;
    filter: alpha(opacity=90);
    outline: 0;
    opacity: .9;
}
.carousel-fade .carousel-inner .item {
    opacity: .5;
    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;
}
@media screen and (max-width:991px) {
    .carousel-control {
    padding-top: 8%}
}@media screen and (max-width:450px) {
    .carousel-control {
    padding-top: 6%}
}.topbg {
    background: url(../../images/topbg.jpg) center bottom repeat-y;
    background-size: 100% auto;
    box-shadow: 1px 10px 10px 3px rgba(126, 107, 90, .6) inset;
}
@media screen and (max-width:991px) {
    .cus_slider {
    margin-top: 61px;
}
.topbg {
    box-shadow: none;
    background: url(../../images/topbg.jpg) center top repeat-y;
    background-size: 100% auto;
}
}.mainimg1 {
    margin-top: -50px;
}
.mainimg2 {
    margin-top: -100px;
}
@media screen and (max-width:1850px) {
    .mainimg2 img {
    margin: 0 auto;
}
}@media screen and (max-width:1700px) {
    .mainimg2 img {
    float: right;
}
}@media screen and (max-width:1600px) {
    .mainimg1 {
    margin-top: -40px;
}
}@media screen and (max-width:1200px) {
    .mainimg2 {
    margin-top: -80px;
}
}@media screen and (max-width:767px) {
    .mainimg2 {
    margin-top: 0;
}
.mainimg2 img {
    float: left;
}
}@media screen and (max-width:500px) {
    .mainimg2 img {
    max-width: 100px;
    margin: 0 auto;
}
.mainimg1 {
    margin-top: -20px;
}
}#services_inews {
    position: relative;
    z-index: 0;
}
.inewsbg {
    background: url(../../images/inewsbg.png) center top;
    background-size: auto;
    min-height: 200px;
}
.inews a, .inews a:visited {
    color: #000;
}
.inews a:focus, .inews a:hover {
    color: red;
}
.inewslink {
    padding-top: 10px;
    padding-bottom: 10px;
}
@media screen and (max-width:420px) {
    .inewslink {
    padding-top: 0;
    padding-right: 0;
}
}.topad ul {
    margin: 0;
    padding: 0;
}
.topad ul li {
    display: inline-block;
    float: left;
    width: 25%}
@media screen and (max-width:767px) {
    .topad ul li {
    display: inline-block;
    float: left;
    width: 50%}
}@media screen and (max-width:400px) {
    .mainimg1 {
    margin-top: 0;
}
.topad ul li {
    display: inline-block;
    float: left;
    width: 100%}
}.ad img {
    display: block;
    height: auto;
    max-width: 100%;
    margin: 0 auto;
}
.ad ul li, .bb ul li, .delicacy ul li, .hotel ul li, .hvr-underline-from-center, .journey ul li, .life ul li, .travel ul li {
    display: inline-block;
}
.ad ul {
    margin: 0;
    padding: 0;
}
.ad ul li {
    float: left;
    width: 16.66666666666667%}
@media screen and (max-width:1400px) {
    .ad ul li {
    display: inline-block;
    float: left;
    width: 20%}
}@media screen and (max-width:1200px) {
    .ad ul li {
    display: inline-block;
    float: left;
    width: 25%}
}@media screen and (max-width:768px) {
    .ad ul li {
    display: inline-block;
    float: left;
    width: 33.3333%}
}@media screen and (max-width:600px) {
    .ad ul li {
    display: inline-block;
    float: left;
    width: 50%}
}@media screen and (max-width:450px) {
    .ad ul li {
    display: inline-block;
    float: left;
    width: 100%}
}.animate img:hover {
    opacity: 1;
    -webkit-animation: flash 1.5s;
    animation: flash 1.5s;
}
.panel-default {
    border-color: #fff;
}
.panel-default>.panel-heading {
    color: #333;
    background-color: #fff;
    border-color: #fff;
}
.panel {
    -webkit-box-shadow: 0 1px 1px transparent;
    box-shadow: 0 1px 1px transparent;
}
.panel-group .panel-heading+.panel-collapse>.list-group, .panel-group .panel-heading+.panel-collapse>.panel-body {
    border: 1px solid #ddd;
}
#services_travel {
    border-top: 1px solid #e7e7e7;
    margin-top: 30px;
    padding-top: 30px;
}
.travel ul {
    margin: 0;
    padding: 0;
}
.hundred, .top100 {
    padding-right: 15%}
.travel ul li {
    float: left;
    width: 25%}
@media screen and (max-width:700px) {
    .travel ul li {
    display: inline-block;
    float: left;
    width: 50%}
}@media screen and (max-width:400px) {
    .travel ul li {
    display: inline-block;
    float: left;
    width: 100%}
}.hvr-underline-from-center {
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    overflow: hidden;
}
.hvr-underline-from-center:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 50%;
    right: 50%;
    bottom: 0;
    background: #35c5c5;
    height: 2px;
    -webkit-transition-property: left, right;
    transition-property: left, right;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.hvr-underline-from-center:active:before, .hvr-underline-from-center:focus:before, .hvr-underline-from-center:hover:before {
    left: 0;
    right: 0;
}
#services_100 {
    border-top: 1px solid #e7e7e7;
    margin-top: 30px;
    padding-top: 30px;
}
#services_100 h1 {
    font-size: 20px;
    font-weight: 700;
    color: #62a39c;
}
#services_100 a, #services_100 a:focus, #services_100 a:visited {
    color: #353535;
}
#services_100 a:hover {
    color: #35c5c5;
}
.h100 {
    padding-bottom: 20px;
}
.top100 {
    padding-left: 15%}
.h100 ul, .h1002 ul {
    padding-left: 40px;
    margin: 0;
}
.h100 ul li {
    float: left;
    width: 100%}
.h1002 ul li {
    float: left;
    width: 25%}
.hundred {
    padding-left: 15%}
.hundred p {
    text-align: center;
}
@media screen and (max-width:1850px) {
    .hundred p {
    font-size: 12px;
}
}@media screen and (max-width:1600px) {
    .hundred {
    padding-left: 5%;
    padding-right: 5%}
}@media screen and (max-width:1500px) {
    .h100 ul li, .h1002 ul li {
    font-size: 12px;
}
}@media screen and (max-width:1450px) {
    .hundred p {
    font-size: 12px;
}
}@media screen and (max-width:1320px) {
    .h1002 ul li {
    float: left;
    width: 33.333333%}
.top100 {
    padding-left: 10%;
    padding-right: 10%}
.h100 ul li {
    font-size: 12px;
    float: left;
    width: 100%}
.hundred {
    padding-left: 0;
    padding-right: 0;
}
}@media screen and (max-width:1150px) {
    .hundred>[class*=col-], .top100 {
    padding-right: 0;
    padding-left: 0;
}
}@media screen and (max-width:767px) {
    .h100 ul li {
    font-size: 14px;
    float: left;
    width: 100%}
}@media screen and (max-width:550px) {
    .h1002 ul li {
    float: left;
    width: 50%}
}@media screen and (max-width:450px) {
    .h100 ul li, .h1002 ul li {
    float: left;
    width: 100%}
.h100 ul li {
    font-size: 14px;
}
.hundred>[class*=col-] {
    padding-right: 15px;
    padding-left: 15px;
}
}@media screen and (max-width:350px) {
    .hundred p {
    font-size: 12px;
}
}@media screen and (max-width:1400px) {
    .content {
    margin-bottom: 65px;
}
}#recent-works {
    padding-bottom: 70px;
}
.recent-work-wrap {
    position: relative;
}
.recent-work-wrap .recent-work-inner {
    top: 0;
    background: 0 0;
    opacity: .8;
    width: 100%;
    border-radius: 0;
    margin-bottom: 0;
}
.recent-work-wrap .recent-work-inner h3 {
    margin: 25%;
    text-align: center;
    vertical-align: middle;
    color: #fff;
    font-size: 26px;
}
.recent-work-wrap .recent-work-inner h3 a {
    font-size: 24px;
    color: #fff;
}
.recent-work-wrap .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    border-radius: 0;
    background: rgba(0, 0, 0, .8);
    color: #fff;
    vertical-align: middle;
    -webkit-transition: opacity 500ms;
    -moz-transition: opacity 500ms;
    -o-transition: opacity 500ms;
    transition: opacity 500ms;
    padding: 30px;
}
.recent-work-wrap .overlay .preview {
    bottom: 0;
    display: inline-block;
    height: 35px;
    line-height: 35px;
    border-radius: 0;
    background: 0 0;
    text-align: center;
    color: #fff;
}
.fest p, .orange {
    text-align: right;
}
.recent-work-wrap:hover .overlay {
    opacity: 1;
}
.content {
    position: relative;
    z-index: -1;
}
.bgimg {
    background: url(../../images/bgimg.jpg) center top;
    background-size: auto;
}
.newsbg1 {
    background: url(../../images/newst.png) center bottom no-repeat;
    background-size: 100% auto;
    min-height: 53px;
}
.newsbg2 {
    background: url(../../images/newsbg_02.png) center top;
    background-size: auto;
    min-height: 400px;
}
.newsbg3 {
    background: url(../../images/newsbg_05.png) center top no-repeat;
    background-size: 100% auto;
    min-height: 36px;
}
.newsbg2 table {
    width: 90%;
    margin-top: 10px;
}
@media screen and (max-width:1400px) {
    .newsbg2 table {
    width: 100%}
}#services_news {
    min-height: 60vh;
}
.ripple2 input {
    position: relative;
    outline: 0;
    cursor: pointer;
    background: #cf841e;
    color: #fff;
    padding: 10px 20px;
    border-radius: 2px;
    font-size: 14px;
    border: 1px solid #fff;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
.bb ul, .delicacy ul, .hotel ul, .life ul {
    margin: 0;
    padding: 0;
}
.ripple2 input:hover {
    background: 0 0;
    color: #fff;
}
.orange, .orange a:link, .orange a:visited {
    color: #eb6877;
}
.journey ul {
    margin: 0;
    padding: 0;
}
.journey ul li {
    float: left;
    width: 16.66666666666667%;
    min-height: 224px;
}
@media screen and (max-width:1500px) {
    .journey ul li {
    min-height: 169px;
}
}@media screen and (max-width:1200px) {
    .journey ul li {
    display: inline-block;
    float: left;
    width: 25%;
    min-height: 189px;
}
}@media screen and (max-width:991px) {
    .journey ul li {
    min-height: 191px;
}
}@media screen and (max-width:767px) {
    .journey ul li {
    display: inline-block;
    float: left;
    width: 50%;
    min-height: 290px;
}
}@media screen and (max-width:650px) {
    .journey ul li {
    display: inline-block;
    float: left;
    width: 50%;
    min-height: 250px;
}
}@media screen and (max-width:550px) {
    .journey ul li {
    display: inline-block;
    float: left;
    width: 50%;
    min-height: 210px;
}
}@media screen and (max-width:500px) {
    .journey ul li {
    display: inline-block;
    float: left;
    width: 100%;
    min-height: 50px;
}
}.orange {
    font-size: 16px;
    vertical-align: middle;
}
.journey h3 {
    font-size: 24px;
    margin-top: 10px;
}
.orange a:hover {
    color: #ac3744;
}
.bb ul li {
    float: left;
    width: 33.333333%}
@media screen and (max-width:991px) {
    .bb ul li {
    display: inline-block;
    float: left;
    width: 50%}
}@media screen and (max-width:600px) {
    .bb ul li {
    display: inline-block;
    float: left;
    width: 100%}
}.animate_Flashing 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;
}
}.hotel ul li {
    float: left;
    width: 33.333333%}
@media screen and (max-width:991px) {
    .hotel ul li {
    display: inline-block;
    float: left;
    width: 50%}
}@media screen and (max-width:600px) {
    .hotel ul li {
    display: inline-block;
    float: left;
    width: 100%}
}.delicacy ul li {
    float: left;
    width: 33.333333%}
@media screen and (max-width:991px) {
    .delicacy ul li {
    display: inline-block;
    float: left;
    width: 50%}
}@media screen and (max-width:600px) {
    .delicacy ul li {
    display: inline-block;
    float: left;
    width: 100%}
}.life ul li {
    float: left;
    width: 33.333333%}
@media screen and (max-width:991px) {
    .life ul li {
    display: inline-block;
    float: left;
    width: 50%}
}@media screen and (max-width:600px) {
    .life ul li {
    display: inline-block;
    float: left;
    width: 100%}
}.fest p {
    font-size: 28px;
    color: #000;
    font-family: Candara, Comic Sans MS, Microsoft JhengHei, sans-serif;
}
#services_news {
    background-color: #fff7d1;
    padding-bottom: 20px;
}
.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;
}
}#services_news a {
    color: red;
}
#services_news a:visited {
    color: #b32525;
}
#services_news a:focus, #services_news a:hover {
    color: #000;
}
.project_five ul {
    padding: 0;
    margin: 0;
}
.project_five ul li {
    display: inline-block;
    float: left;
    width: 12.5%}
@media screen and (max-width:500px) {
    #services_news td {
    letter-spacing: -1px;
    font-size: 12px;
}
}@media screen and (max-width:330px) {
    #services_news td {
    letter-spacing: -1.5px;
}
}
/*************************
*****services_search******
**************************/

.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_02.png);
	background-position: top left;
	background-repeat: repeat;
	background-size: auto;
	min-height: 300px;
	padding-bottom: 40px;
}

.search ul {
	margin: 0;
	padding-left: 70px;
	list-style:none;
}

.search ul li {
	float: left;
	width: 100%;
}

@media(max-width:1366px) {
	.search ul {
		margin: 0;
		padding-left: 70px;
	}
	.search {
		padding-left: 0px;
		padding-right: 0px;
	}
}

@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);
	background-position: top left;
	background-repeat: no-repeat;
	background-size: auto;
	min-height: 479px;
}

.search_02 {
	background-image: url(../../images/search_02.png);
	background-position: top left;
	background-repeat: no-repeat;
	background-size: auto;
	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 {
	background-image: url(../../images/search_03.png);
	background-position: top left;
	background-repeat: no-repeat;
	background-size: auto;
	min-height: 479px;
}

.search_04 {
	background-image: url(../../images/search_04.png);
	background-position: top left;
	background-repeat: no-repeat;
	background-size: auto;
	min-height: 479px;
}

@media(max-width:768px) {
	.search_02 {
		min-height: 290px;
	}
	.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: 0px;
	}
	.search_02 {
		margin-top: 40px;
	}
}

.search a {
	color: #353535;
}

.search a:visited,
.search a:focus {
	color: #353535;
}

.search a:hover {
	color: #6d4b1d;
}
/*************************
*******container0****two new*****
**************************/

.container0 {
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}

.container0:before,
.container0:after {
	display: table;
	content: " "
}

.container:after {
	clear: both;
}

.container0:before,
.container0:after {
	display: table;
	content: " "
}

.container0:after {
	clear: both;
}

@media(min-width:768px) {
	.container0 {
		width: 750px;
	}
}

@media(min-width:992px) {
	.container0 {
		width: 830px;
		/*970*/
	}
}

@media(min-width:1200px) {
	.container0 {
		width: 1170px;
		/*1170*/
	}
}


@media(min-width:1600px) {
	.container0 {
		width: 1220px;
		/*1170*/
	}
}