/* CSS Document */
.container {
	max-width: 1360px;
}
.no-gutters {
	margin-right: 0;
	margin-left: 0
}
.no-gutters>.col, .no-gutters>[class*=col-] {
	padding-right: 0;
	padding-left: 0
}

@media (min-width: 1360px) {
.container {
	width: 1280px;
}
}

@media (min-width: 1480px) {
.container {
	width: 1360px;
}
}
img {
	max-width: 100%;
}
.navbar-yunxiang {
	background-color: #fff;
	border-color: transparent;
	font-size: 1.3em;
	margin-bottom:0;
	box-shadow: 0 0 5px #888888;
}
.sub-nav{background-color:#333; border-radius:0;}
.navbar-yunxiang .navbar-nav>li>a {
	color: #c79527;
	line-height: 50px;
}
.navbar-yunxiang .navbar-nav>li>a>i {
	font-size: 36px;
}
@media (max-width: 1580px) {
	.navbar-yunxiang {
	background-color: #fff;
	border-color: #e7e7e7;
	font-size: 1.2em;
	margin-bottom:0;
}
	.navbar-yunxiang .navbar-nav>li>a>i {
	font-size: 36px;
}
	}
	@media (max-width: 1440px) {
	.navbar-yunxiang {
	
	border-color: #e7e7e7;
	font-size: 1.2em;
	margin-bottom:0;
}
	.navbar-yunxiang .navbar-nav>li>a>i {
	font-size: 30px;
}
	}
	@media (max-width: 1360px) {
	.navbar-yunxiang {

	border-color: #e7e7e7;
	font-size: 1.1em;
	margin-bottom:0;
}
	.navbar-yunxiang .navbar-nav>li>a>i {
	font-size: 30px;
}
.navbar-yunxiang .navbar-nav>li>a {
	color: #c79527;
	line-height: 40px;
}
	}

.navbar-yunxiang .navbar-nav>li>a.icon {
	margin: 15px 0;
	display: inline-block;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 0;
	padding-right: 0;
}
.navbar-yunxiang .nav .open>a, .navbar-yunxiang .nav .open>a:focus, .navbar-yunxiang .nav .open>a:hover {
	background-color: #0069ac;
	border-color: #337ab7;
}
.navbar-yunxiang .nav>li>a:focus, .navbar-yunxiang .nav>li>a:hover {
	text-decoration: none;
	background-color: #0069ac;
}
.navbar-yunxiang .navbar-nav>li>a.icon:hover {
	background-color: transparent;
	color: auto
}
.navbar-yunxiang .navbar-nav>li>a.iconfacebook:hover {
	color: #3b5998
}
.navbar-yunxiang .navbar-nav>li>a.iconweibo:hover {
	color: rgba(233,18,22,1.00)
}
.navbar-yunxiang .navbar-nav>li>a.iconline:hover {
	color: rgba(0,189,21,1.00);
}
.navbar-yunxiang .navbar-brand {
	height: 80px;
	color: #fff;
	font-size: 2em;
	display: flex;
	justify-content: center;
	align-items: Center;
	text-align: center;
}
.navbar-yunxiang  .navbar-nav>li.active>a {
   background-color: #0069ac;
   color:#fff;
}
.hidden-md {
	display: none
}
.navbar-yunxiang .dropdown-menu>li>a {
	display: block;
	padding: 10px 20px;
	clear: both;
	font-weight: 400;
	line-height: 1.42857143;
	color: #333;
	white-space: nowrap;
}
.navbar-yunxiang .navbar-nav {
	width: calc(100% - 10px);
	margin:0 5px;
}

@media (max-width:768px) {
.hidden-md {
	display: block
}
.navbar-yunxiang {
	background-color: #fff;
	border-color: #e7e7e7;
	font-size: 16px;
	margin-bottom: 0;

}
.navbar-yunxiang .navbar-nav>li>a {
	color: #c79527;
	line-height: 50px;
	border: 1px solid #c79527;
	margin-bottom:8px;
	font-size:24px;
	text-align:center;
}
.navbar-yunxiang .navbar-nav>li>a>i {
	font-size: 36px;
}
.navbar-yunxiang .navbar-nav>li.icon>a {
	margin: 15px 0;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 0;
	padding-right: 0;
}
.navbar-yunxiang .nav .open>a, .navbar-yunxiang .nav .open>a:focus, .navbar-yunxiang .nav .open>a:hover {
	background-color: #c79527;
	border-color: #fff;
}
.navbar-yunxiang .nav>li>a:focus, .navbar-yunxiang .nav>li>a:hover {
	text-decoration: none;
	background-color: #c79527;
}
.navbar-yunxiang .navbar-nav>li.icon>a:hover {
	background-color: transparent;
	color: auto
}
.navbar-yunxiang .navbar-nav>li.iconfacebook>a:hover {
	color: #3b5998
}
.navbar-yunxiang .navbar-nav>li.iconweibo>a:hover {
	color: rgba(233,18,22,1.00)
}
.navbar-yunxiang .navbar-nav>li.iconline>a:hover {
	color: rgba(0,189,21,1.00);
}
.navbar-yunxiang .navbar-brand {
	height:55px;
	padding:10px 0;
	color: #fff;
	font-size: 24px;
	display: flex;
	justify-content: center;
	align-items: Center;
	text-align: center;
}
.navbar-yunxiang .navbar-brand img{
	height:27px;

}
.navbar-yunxiang .navbar-toggle {
	position: relative;
	float: right;
	padding: 9px 8px;
	margin-top: 8px;
	margin-right: 5px;
	margin-bottom: 8px;
	background-color: transparent;
	background-image: none;
	border: 1px solid #c79527;
	border-radius: 4px;
}
.navbar-yunxiang.navbar-fixed-bottom .navbar-collapse, .navbar-yunxiang.navbar-fixed-top .navbar-collapse {
	max-height: 100%;
	height: calc(100% - 22px);
	width: 100%;
	padding-bottom: 20px;
	position: fixed;
	background-color:#fff;
	overflow-y: auto;
	
}
.navbar-yunxiang .navbar-toggle .icon-bar {
	display: block;
	width: 22px;
	height: 2px;
	border-radius: 1px;
	background: #c79527;
}
.navbar-yunxiang .dropdown-menu>li>a {
	background-color: rgba(0,182,198,1.00);
	display: block;
	padding: 10px 20px;
	clear: both;
	font-weight: 400;
	line-height: 1.42857143;
	color: #c79527;
	white-space: nowrap;
}
.navbar-yunxiang .navbar-nav .open .dropdown-menu .dropdown-header, .navbar-yunxiang .navbar-nav .open .dropdown-menu>li>a {
	padding: 10px 15px 10px 25px;
}
}
.page-footer {
	background: #333;
	padding-top: 3%!important;
	margin-top: 3%!important;
	position: relative;
	z-index: 9;
	border-top:1px solid #ccc;
}
.page-footer .footernav{
	text-align:center
	}
	.page-footer .footernav li{
	display:inline-block;
	}
	.page-footer .footernav li a{
	padding:10px 15px;
	}
.page-footer dl {
	padding-right: 0;
	width: 18%
}
.page-footer dl:last-child {
	padding-right: 0;
	width: 25%
}
.page-footer dl dt {
	margin-bottom: 20px;
	font-size: 16px;
}
.page-footer dl dd {
	padding: 5px 0 5px 0;
	opacity: 0.8
}
.footer-copyright {
	margin-top: 3%
}
footer.page-footer {
	margin-top: 20px;
	padding-top: 20px;
	color: #c79527
}
footer.page-footer .container-fluid {
	width: auto
}
footer.page-footer .footer-copyright {
	overflow: hidden;
	height: 50px;
	line-height: 50px;
	color: #c79527;
	background-color: rgba(0,0,0,.2);
	text-align: center;
	font-size: .9rem
}
footer.page-footer a {
	color: #c79527
}
footer.page-footer .call-to-action {
	text-align: center;
	padding-top: 1.3rem;
	padding-bottom: .5rem
}
footer.page-footer .call-to-action ul li {
	display: inline-block;
	padding-right: 10px
}
footer.page-footer .social-section ul li {
	display: inline-block
}
footer.page-footer .social-section ul a {
	margin-left: 0;
	padding-left: 0
}
footer.page-footer a .iconfont{
	font-size:36px !important;
}
footer.page-footer ul, ul.instagram-photos {
	list-style-type: none;
	padding: 0
}

@media (max-width:768px) {
.page-footer {
	background: #333;
	padding-top: 3%!important;
	margin-top: 3%!important;
	position: relative;
	z-index: 9;
}
.page-footer dl {
	padding-right: 0;
	width: 50%
}
.page-footer dl:last-child {
	padding-right: 0;
	width: 100%
}
.page-footer dl dt {
	margin-bottom: 20px;
	font-size: 16px;
}
.page-footer dl dd {
	padding: 5px 0 5px 0;
	opacity: 0.8
}
.footer-copyright {
	margin-top: 3%
}
footer.page-footer {
	margin-top: 20px;
	padding-top: 20px;
	color: #c79527
}
footer.page-footer .container-fluid {
	width: auto
}
footer.page-footer .footer-copyright {
	overflow: hidden;
	height: 50px;
	line-height: 50px;
	color: rgba(255,255,255,.6);
	background-color: rgba(0,0,0,.2);
	text-align: center;
	font-size: .9rem
}
footer.page-footer a {
	color: #c79527
}
footer.page-footer .call-to-action {
	text-align: center;
	padding-top: 1.3rem;
	padding-bottom: .5rem
}
footer.page-footer .call-to-action ul li {
	display: inline-block;
	padding-right: 10px
}
footer.page-footer .social-section ul li {
	display: inline-block
}
footer.page-footer .social-section ul a {
	margin-left: 0;
	padding-left: 0
}
footer.page-footer ul, ul.instagram-photos {
	list-style-type: none;
	padding: 0
}
}
.banner {
	margin-top: 80px;
	display: block;
	width: 100%;
	overflow-x: hidden;
	    min-height: 70vh;
}
.banner-fix {
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(0,182,198,.5);
	color: #fff;
	top: 0;
	left: 0;
	font-size: 8em;
	display: flex;
	justify-content: center;
	align-items: Center;
	text-align: center;
}

@media (max-width:768px) {
.banner {
	margin-top: 50px;
	display: block;
	width: 100%;
	overflow-x: hidden
}
.banner-fix {
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(0,182,198,.5);
	color: #fff;
	top: 0;
	left: 0;
	font-size: 4em;
	display: flex;
	justify-content: center;
	align-items: Center;
	text-align: center;
}
}

/*服務項目樣式*/
.services {
	padding: 3% 0;
	background: #f8f8f8;
}
.service-list {
	position: relative;
	background: #fff;
	cursor: pointer;
	margin-right: 10px;
	margin-left: 10px;
}
.service-list .service-pic {
	width: 100%;
}
.service-list .service-pic img{
	width: 100%;
}
.service-list .service-content {
	width: 100%;
	background: #fff;
	padding: 3%;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 2
}
.service-list .service-content h3 {
	color: rgba(0,182,198,1);
}
.service-list .service-content p {
	color: rgba(136,136,136,1);
}
.service-list:hover .service-content h3 {
	color: #fff !important;
}
.service-list:hover .service-content p {
	color: #fff !important;
}
.service-list:hover .service-content {
	width: 100%;
	background: transparent;
	color: #fff !important;
	padding: 3%;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 2
}
.service-list:hover:after {
	content: " ";
	clear: both;
	display: block;
	width: 100%;
	background: rgba(0,182,198,.5);
	height: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
}
.index-title {
	font-size: 30px;
	font-weight: bold;
	color: rgba(0,182,198,1);
	padding: 15px 0;
}

/*客戶樣式*/
.boss {
	padding: 3% 0;
	background: #fff;
}
.boss-list {
	font-size: 16px;
	color: #627792!important;
	line-height: 28px;
	text-align: center;
	padding-top: 51px!important;
	padding-right: 1.2vw!important;
	padding-bottom: 28px!important;
	padding-left: 1.2vw!important;
	margin-right: 1vw !important;
	border: 1px solid #dcdcdc;
	cursor: pointer;
	overflow: hidden;
	position: relative;
}
.boss-list:before {
	content: "";
	display: block;
	position: absolute;
	top: -100%;
	left: 0;
	width: 100%;
	height: 100%;
	transition: .4s;
	background-color: #243767;
	opacity: .6;
	z-index: 2;
}
.boss-list .boss-pic {
	position: absolute;
	left: 0;
	right: 0;
	transition: .4s !important;
	margin-top: 51px !important;
}
.boss-list .boss-pic {
	border-radius: 50%;
	height: 185px;
	overflow: hidden;
	text-align: center;
	width: 185px;
	z-index: 1;
	margin: 0 auto 26px!important;
}
.boss-list:hover .boss-pic {
	transition-delay: 0s !important;
	border-radius: 0;
	width: 100%;
	height: 100%;
	margin-top: 0 !important;
	cursor: pointer;
	max-width: 100% !important;
	top: 0;
}
.boss-list .boss-pic img {
	width: auto;
	position: absolute;
	left: 50%;
	top: -51px;
	transform: translate(-50%, 0);
	max-width: none;
}
.boss-list:hover .boss-pic img {
	top: 0;
}
.boss-list .boss-content h2 {
	color: rgba(0,182,198,1);
	font-size: 24px;
}
.boss-list .boss-content h4 {
	color: rgba(0,182,198,1);
	font-size: 18px;
}
.boss-list .boss-content p {
	color: rgba(136,136,136,1);
	font-size: 13px;
}
.boss-list .boss-content {
	width: 100%;
	background: transparent;
	padding: 3%;
	bottom: 0;
	left: 0;
	z-index: 2;
	margin-top: 200px;
	display: block !important;
	transition: .4s !important;
	position: relative;
	vertical-align: top;
}
.boss-list:hover .boss-content {
	bottom: -100%;
	transition-delay: 0s !important;
	transform: translate(0, 150%);
}

/*案例樣式*/
.case {
	padding: 3% 0;
	background: transparents;
	position: relative;
	width:100%;
	margin:auto;
	margin-top:0;

}
.case-list{
	position: relative;
	width:calc(100% - 10px);
	background-color:#000;
	overflow: hidden;
	border-radius:5px;
	margin:5px;
}
.case-pic{
	position: relative;
	width:100%;
}
.case-content{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	color:#fff;
	text-align: center;
	padding:2rem 2rem;
	background-color: rgba(0, 0, 0, 0);
	-webkit-transition: all .5s, -webkit-transform .5s;
	transition: all .5s, transform .5s;
}
.case-content h2{
	font-size: 24px;
	margin-bottom:1rem;
	opacity: 0;
	-webkit-transition: opacity .5s, -webkit-transform .5s;
	transition: opacity .5s, transform .5s;
	-webkit-transform: translate3d(0, -3rem, 0);
	transform: translate3d(0, -3rem, 0);
}
.case-content .case-content-c{
	position: relative;
	font-size: 12px;
	line-height:1.4em;
	letter-spacing: 0.05rem;
	opacity: 0;
	-webkit-transition: opacity .5s, -webkit-transform .5s;
	transition: opacity .5s, transform .5s;
	-webkit-transform: translate3d(0, 3rem, 0);
	transform: translate3d(0, 3rem, 0);
	/* text-align:left; */
}
.case-list:hover .case-content{
	background-color: rgba(30,30,30,.7);
}
.case-list:hover .case-content .case-content-c,.case-list:hover .case-content h2{
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}


.news-tbox{ clear:both;}
.news-tbox .news-time{ background:rgba(0,182,198,1); color:#fff; width:70px; text-align:center; padding:5px 0; float:left; margin-right:5px;}
.news-tbox .news-time strong{ font-size:30px; display:block; height:30px; font-weight:normal;}
.news-tbox .news-time i{ font-size:20px; display:block; font-style:normal;}
.news-tbox .news-tilte i{ font-style:normal; }
.news-tbox .news-tilte h1{ font-size:24px;}
.news-tbox .news-tilte h2{font-size:18px;}
.news-content{ clear:both; font-size:16px; padding:10px 0; padding-bottom:0; line-height:2em;}
.news-content h2{color:rgba(0,182,198,1); font-size:24px; margin:10px 0;}
.news-pic img{ width:100%;}
.news .tab-content{padding:3% 0;}
@media (max-width:768px) {
	.news-tbox{ clear:both;}
.news-tbox .news-time{ background:rgba(0,182,198,1); color:#fff; width:70px; text-align:center; padding:5px 0; float:left; margin-right:5px;}
.news-tbox .news-time strong{ font-size:20px; display:block; height:30px; font-weight:normal;}
.news-tbox .news-time i{ font-size:16px; display:block; font-style:normal;}
.news-tbox .news-tilte i{ font-style:normal; }
.news-tbox .news-tilte h1{ font-size:18px;}
.news-tbox .news-tilte h2{font-size:16px;}
.news-content{ clear:both; font-size:16px; padding:10px 0; line-height:1.6em;height:125px; overflow:hidden}
.news-content h2{color:rgba(0,182,198,1); font-size:18px; margin:10px 0;}
.news-pic img{ width:100%;}
.news .tab-content{padding:3% 0; }
	}
.news-list{ border-bottom:1px dashed #ccc;}
.news-list .news-pic{ margin:20px 0;}
.news-list .news-content{ clear:both; font-size:16px; padding:10px 0; line-height:2em; height:195px; overflow:hidden; color:#333;}
.news-nav{ background:#f7f7f7; border:0; font-size:18px;}
.news-nav.nav-tabs>li.active>a, .news-nav.nav-tabs>li.active>a:focus, .news-nav.nav-tabs>li.active>a:hover {
    color: #fff;
    cursor: default;
    background:rgba(0,182,198,1);
    border: 1px solid transparent;
	border-radius:0;
    border-bottom-color: transparent;
}

.news .nav>li>a {
    position: relative;
    display: block;
    padding: 15px 25px;
	color:#333;
}

.case .nav , .shop .nav{
    padding:15px 0;

}
.case .nav>li>a , .shop .nav>li>a , .sub-nav .nav>li>a {
    position: relative;
	    display: block;
    padding:0px 25px;
	color:#fff;
	border:1px solid transparent;border-radius:5px;
}
.case .navbar-nav>li.active>a , .shop .navbar-nav>li.active>a ,  .sub-nav .navbar-nav>li.active>a {
    color: #fff;
    border:1px solid #fff;
	border-radius:5px;
}
.case .navbar-collapse ,.shop .navbar-collapse {
    padding-right: 0;
    padding-left: 0;
}
@media (max-width:768px) {
	.news .nav>li>a {
    position: relative;
    display: block;
    padding: 10px 25px;
	color:#333;
	font-size:14px;
}
	.case .navbar-collapse ,.shop .navbar-collapse {
    padding-right: 15px;
    padding-left: 15px;
}
	}
	
	.shop-spros{width:100%; overflow-x:hidden; margin-top:5px;}
	.shop-spros .shop-spro{ margin:10px; border:1px solid #ccc;}
	
	.shop-list{margin:10px;}
	.shop-list .shop-content h1{font-size:18px; height:50px; overflow:hidden; line-height:25px; color:#333;}
	.shop-list .shop-content .shop-tags .shop-price{font-size:18px;color:rgba(0,182,198,1);}
		.shop-list .shop-content .shop-tags .xiap , .shop-list .shop-content .shop-tags .yahoo{font-size:12px; background:#ff5521; border-radius:5px;color:#fff; font-style:normal; padding: 5px;}
		.shop-list .shop-content .shop-tags .yahoo{background:#693a7e;}
		.btn-default {
    color: #fff;
    background:rgba(0,182,198,1);
    border: 1px solid transparent;
		}
	.more-btn{ margin:3% auto;}
	
.breadcrumb{margin-top:100px; background:transparent}

.location{margin-top:96px; background:transparent}

.word-content{ margin:2% auto; font-size:16px;}
.word-content p{ margin:2% auto;}

.contact-sub input,.contact-sub select{height:50px;}
.contact-sub textarea{height:150px;}
.contact-box{ margin-top:3%;}

.mab-box , .facebook-box{width:100% !important; height:330px !important; overflow:hidden}
.iframe-box{width:100% !important; height:300px !important; overflow:hidden}
.index-body{ background-color:#010712; background-image:url(../images/body-bg.png); background-repeat:no-repeat; background-position:0 100px;}
.bis-box{border:1px solid #c79527; padding:10px; background:#fff; color:#c79527;}
.bix-title{font-size:36px; color: #c79527; background:url(../images/titbg.png) no-repeat center bottom; padding-bottom:40px; line-height:50px; margin:15px auto; margin-top:30px; text-align:center;}
.bis-xtit{ background:url(../images/tit-bg.png) no-repeat center; color:#fff; font-size:20px; height:45px; line-height:45px; text-align:center; margin-bottom:8px;}
.bis-box .btn{display: inline-block;
    padding: 4px 12px;
    margin-bottom: 0;
    font-size: 12px;
    text-align: center;
    border-radius: 0;}
	
	.bis-box .btn.btn-default{ background:#fff;
	color:#c79527;
    border: 1px solid #c79527;
    border-radius: 0;}
	.bis-box .bis-table .table{ margin-bottom:0;font-size:1.1em}
		.bis-box .bis-table .table th{ text-align:center !important; font-weight:bold; background:#f1f1f1; }
	.share{margin-top:30px;}
	.share .nav-tabs>li {
    background:#333; width:50%; text-align:center; 
}
.share .nav-tabs>li>a{
  border-radius:0;color:#fff;
}
.share .nav-tabs>li>a:hover{
color:#c79527;
}
.share .nav-tabs>li.active>a, .share .nav-tabs>li.active>a:focus, .share .nav-tabs>li.active>a:hover {
	color:#c79527;

	}
    @media (max-width:768px) {
		.index-body{ background-color:#010712; background-image:url(../images/body-bg.png); background-repeat:no-repeat; background-position:0 100px;}
.bis-box{border:1px solid #c79527; font-size:12px; padding:5px; background:#fff; color:#c79527;}
.bix-title{font-size:20px; color: #c79527; background:url(../images/titbg.png) no-repeat center bottom ; background-size:100% auto; padding-bottom:15px; line-height:40px; margin:0px auto; margin-top:10px; text-align:center;}
.bis-xtit{ background:url(../images/tit-bg.png) no-repeat center; color:#fff; font-size:20px; height:45px; line-height:45px; text-align:center; margin-bottom:8px;}
.bis-box .btn{display: inline-block;
    padding: 4px 8px;
    margin-bottom: 0;
    font-size: 12px;
    text-align: center;
    border-radius: 0;}
	
	.bis-box .btn.btn-default{ background:#fff;
	color:#c79527;
    border: 1px solid #c79527;
    border-radius: 0;}
	.bis-box .bis-table .table{ margin-bottom:0;font-size:1.2em}
	.bis-box .bis-table .table th{ text-align:center}
	.share{margin-top:30px;}
	.share .nav-tabs>li {
    background:#333; width:50%; text-align:center; 
}
.share .nav-tabs>li>a{
  border-radius:0;color:#fff;
}
.share .nav-tabs>li>a:hover{
color:#c79527;
}
.share .nav-tabs>li.active>a, .share .nav-tabs>li.active>a:focus, .share .nav-tabs>li.active>a:hover {
	color:#c79527;

	}
	.share div>[class*=col-] { margin-top:5px}
		}
		
		.qapanel{ margin:30px auto; margin-top:150px; }
		.qapanel .panel-heading{color:#c79527; border:1px solid #c79527; padding:15px 10px;}
		.qaform{ border:1px solid #ccc; padding:10px; margin-top:10px;}
		.qatitle{ border-bottom:1px solid #ccc; padding:10px 0;color:#c79527; font-size:24px; margin-bottom:20px;}
		.news-sub{ margin-top:100px;}
		
		    @media (max-width:768px) {
					.qapanel{ margin:30px auto; margin-top:80px; }
		.qapanel .panel-heading{color:#c79527; border:1px solid #c79527; padding:15px 10px;}
		.qaform{ border:1px solid #ccc; padding:10px; margin-top:10px;}
		.qatitle{ border-bottom:1px solid #ccc; padding:10px 0;color:#c79527; font-size:24px; margin-bottom:20px;}
		.news-sub{ margin-top:60px;}
				}