@charset "utf-8";
/*取消 Html 原有樣式---------------------------------*/
body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;line-height:100%;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
ol,ul{list-style:none;margin:0;padding:0;}
hr{margin:0px;}
img{max-width:100%;height:auto;}
div,p,span{line-height:inherit;}
/*基本------------------------------------------*/
html { overflow:-moz-scrollbars-vertical; overflow-y:scroll;z-index: 999;font-size:14px;}
body{font-family: "微軟正黑體", "Microsoft JhengHei", "新細明體", "PMingLiU", sans-serif;color:#c78788;-webkit-text-size-adjust:none;background:#fff;}
a,a:hover,a:focus{color:#c78788;text-decoration:none;}
label{font-weight:normal;}
/*共用-----------------------------------------*/
@-webkit-keyframes sheen {
  0% {
    -webkit-transform: skewY(-45deg) translateX(0);
            transform: skewY(-45deg) translateX(0);
  }
  100% {
    -webkit-transform: skewY(-45deg) translateX(12.5em);
            transform: skewY(-45deg) translateX(12.5em);
  }
}
@keyframes sheen {
  0% {
    -webkit-transform: skewY(-45deg) translateX(0);
            transform: skewY(-45deg) translateX(0);
  }
  100% {
    -webkit-transform: skewY(-45deg) translateX(12.5em);
            transform: skewY(-45deg) translateX(12.5em);
  }
}
.shiney {
  -webkit-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
  position: relative;
  overflow: hidden;
}
.shiney:before {
  content: "";
  background-color: rgba(255, 255, 255, 0.5);
  height: 100%;
  width: 2.5em;
  display: block;
  position: absolute;
  top: 0;
  left: -5em;
  -webkit-transform: skewX(-45deg) translateX(0);
      -ms-transform: skewX(-45deg) translateX(0);
          transform: skewX(-45deg) translateX(0);
  -webkit-transition: none;
          transition: none;
}
.shiney:hover:before {
  -webkit-transform: skewX(-45deg) translateX(20em);
      -ms-transform: skewX(-45deg) translateX(20em);
          transform: skewX(-45deg) translateX(20em);
  -webkit-transition: all 0.5s ease-in-out;
          transition: all 0.5s ease-in-out;
}
.row-no-padding{padding-left:0px;padding-right:0px;}
.fck{width:100%;}
.text-center{text-align:center;}
.text-left{text-align:left;}
.text-right{text-align:right;}
header{position:fixed;top:0px;background:#fff;width:100%;height:130px;border-bottom:1px solid #eee;z-index:999999;}
header #logo{position:absolute;left:50%;margin-left:-33.5px;top:10px;}
header nav#menu{position:absolute;width:100%;top:90px;text-align:center;margin:0 auto;font-family: Arila, "微軟正黑體", "Microsoft JhengHei", "新細明體", "PMingLiU", sans-serif;}

header nav#menu>ul>li{position:relative;display:inline-block;font-size:20px;width:130px;z-index:99999;}
header nav#menu>ul>li>a{color:#c78788;display:block;text-align:center;height:40px;line-height:40px;margin:0px;padding:0px;/*padding:15px 20px;*/}
header nav#menu>ul>li>a:hover{color:#c78788}
header nav#menu>ul>li>a>span{font-size:18px;display:none;}


header nav#menu>ul>li>ul{position:absolute;top:37px;left:0px;width:140px;background:#cc8586;display:none;}
header nav#menu>ul>li>ul>li>a{display:block;width:100%;text-align:center;height:40px;line-height:40px;font-size:16px;border-top:2px solid #fff;color:#fff;font-weight:normal;font-family:"微軟正黑體", "Microsoft JhengHei", "新細明體", "PMingLiU", sans-serif;}
/*
header .language{position:absolute;right:0px;top:65px;}
header .language a{font-size:18px;color:#693719;}
*/
#topNav{position:fixed;top:0px;width:100%;height:48px;background:#cc8586;border-bottom:1px solid #eee;z-index:999;/*display:none;*/}
#topNav a{color:#000;}
#topNav .nav li{display:inline-block;margin-left:15px;line-height:48px;}
.socialIcon{float:right;}
.socialIcon i{float:left;padding:10px 10px 10px 10px;}

.bannerLoading{position:absolute;top:40%;left:50%;margin-top:-30px;margin-left:-30px;z-index:99;}
#banner{position:relative;float:left;margin-top:130px;width:100%;}


#bannerList{height:770px;background:#fff;margin-bottom:0px;}
#bannerList div.slides{background:#fff;}
#bannerList div.slides{position:relative;width:570px;height:770px;margin-left:2px;margin-right:2px;}
#bannerList div.slides .cover{position:absolute;background:rgba(0,0,0,0.3);}
#bannerList div.slides .description{position:absolute;display:inline-block;bottom:-0px;left:0px;min-height:180px;width:100%;padding:20px 0;color:#cc8586;text-align:center;
/*
	background: -moz-linear-gradient(top,  rgba(204,133,134,0) 0%, rgba(204,133,134,0) 1%, rgba(204,133,134,0.8) 92%, rgba(204,133,134,0.8) 100%);
	background: -webkit-linear-gradient(top,  rgba(204,133,134,0) 0%,rgba(204,133,134,0) 1%,rgba(204,133,134,0.8) 92%,rgba(204,133,134,0.8) 100%);
	background: linear-gradient(to bottom,  rgba(204,133,134,0) 0%,rgba(204,133,134,0) 1%,rgba(204,133,134,0.8) 92%,rgba(204,133,134,0.8) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#cc000000',GradientType=0 );
*/
}
#bannerList div.slides .category{font-size:13px;}
#bannerList div.slides .topic{font-size:30px;line-height:36px;margin-top:10px;padding:0 60px;}
#bannerList div.slides .date{font-size:13px;line-height:24px;margin-top:10px;display:inline-block;}
#bannerList div.slides .date:before{width:17px;height:2px;display:inline-block;content:"";vertical-align:middle;background:#cc8586;margin-right:6px;margin-top:-4px;}
#bannerList div.slides .date:after{width:17px;height:2px;display:inline-block;content:"";vertical-align:middle;background:#cc8586;margin-left:6px;margin-top:-4px;}
#bannerList div.slides img{width:100%;height:auto;}



#services{position:relative;float:left;width:100%;padding:45px 0 100px 0;background:#fcf8ef;/*border-top:7px solid #b1b1b1;*/color:#c78788;}
#services h3.title{font-size:40px;text-align:center;color:#6a6a6a;}
#services .description{padding-bottom:88px;margin-top:60px;text-align:center;font-size:18px;line-height:2;border-bottom:1px solid #6a6a6a;color:#6a6a6a;}
#owl-project{position:relative;float:left;margin-top:88px;}
.owl-prev{position:absolute;top:50%;margin-top:-51px;left:-126px;}
.owl-next{position:absolute;top:50%;margin-top:-51px;right:-93px;}
#owl-project .item{text-align:center;}
#owl-project .nums{font-size:36px;line-height:1.5;}
#owl-project .title{display:inline-block;padding:6px 23px;margin-top:20px;text-align:center;font-size:24px;line-height:1.5;border:1px solid #fff;color:#6a6a6a;}
#owl-project h5{font-size:36px;line-height:1.5;margin-top:30px;color:#6a6a6a;}
#owl-project .project_content{font-size:18px;line-height:2;margin-top:45px;color:#6a6a6a;}
#about{position:relative;float:left;width:100%;padding:75px 0 105px 0;text-align:center;}
#about h3.title{font-size:40px;color:#6a6a6a;text-align:center;}
#about .img{margin-top:65px;}
#about .description{padding:60px 45px;margin-bottom:50px;text-align:center;font-size:18px;line-height:36px;color:#6a6a6a;border-bottom:1px solid #c78788;}
#about .teamList{margin-top:55px;}
#about .teamList .pic img{width:100%;}
#about .teamList h4{color:#6a6a6a;font-size:30px;margin-top:27px;}
#about .teamList p{margin-top:24px;font-size:16px;line-height:1.5;color:#6a6a6a;}
#contact{position:relative;float:left;width:100%;padding:55px 0 105px 0;text-align:center;}
#contact h3.title{font-size:40px;color:#6a6a6a;text-align:center;}
#contact .companyMsg{font-size:24px;color:#6a6a6a;line-height:200%;margin-top:45px;margin-bottom:80px;}
#contact .companyMsg a{color:#6a6a6a;}
#contact .service_email{position:relative;width:100%;height:265px;background:#6a6a6a;}
#contact .service_email a{width:100%;height:265px;display:block;color:#fff;font-size:30px;line-height:100%;text-align:left;}
#contact .service_email .p1{position:absolute;left:139px;top:44px;line-height:55px;}
#contact .service_email .p2{position:absolute;left:42px;top:150px;}
#contact .service_email img{position:absolute;top:44px;left:42px;}
#contact .joinus{position:relative;width:100%;height:115px;background:#aeaeae;margin-top:22px;}
#contact .joinus a{width:100%;height:115px;display:block;color:#fff;font-size:30px;line-height:115px;text-align:left;padding-left:139px;background:#6a6a6a;}
#contact .joinus img{position:absolute;top:21px;left:42px;}
footer{position:relative;float:left;width:100%;height:52px;background:#cc8586;text-align:center;font-size:18px;}
footer .copyright{display:inline-block;line-height:52px;font-size:16px;margin-right:40px;color:#fff;}
footer .gotop{position:absolute;right:15px;bottom:0px;}

.video{margin-bottom:10px;}
/*Contact*/
#wrap{position:relative;float:left;width:100%;margin-top:140px;margin-bottom:140px;}
h3.title{text-align:center;margin-bottom:48px;color:#c78788;font-size:30px;margin-top:48px;}
h3.title p{}
h3.title hr{border-top:1px solid #c78788;width:76px;text-align:center;padding-top:0px;display:inline-block;}
.contact textarea{height:200px;}
.contact label{font-size:16px;margin-top:10px;}

/*BLOG*/
.blogList{padding-bottom:80px;border-bottom:1px solid #b28850;margin-bottom:80px;}
.blogList img{width:100%;height:auto;margin-top:0px;}
.blogList .more{width:100%;height:36px;text-align:center;display:inline-block;line-height:36px;border:1px solid #454545;margin-top:45px;}
.end{border:0px;}
.blogdate{margin-top:10px;color:#a0a0a0;font-size:16px;}
.blogDescription{font-size:16px;color:#000;line-height:30px;margin-top:30px;}
.blogDescription a{color:#000;}
h3.blogTitle{margin-top:15px;/*color:#000;*/font-size:24px;text-align:left;font-family: Garamond, Baskerville, 'Baskerville Old Face', 'Hoefler Text', 'Times New Roman', serif;}
.blogTitle{margin-top:45px;/*color:#000;*/font-size:36px;font-family: Garamond, Baskerville, 'Baskerville Old Face', 'Hoefler Text', 'Times New Roman', serif;}
.bloginside{text-align:left;margin-top:25px;color:#a0a0a0;font-size:14px;}
.bloginside p{color:#a0a0a0;display:inline;}
.blogContent{font-size:16px !important;line-height:2 !important;margin-top:40px;/*color:#000;*/}

/*NEWS*/
.news .pic{position:relative;padding:0px;background:#fff;/* border:1px solid #eee;*/margin:0 0 12px;/*box-shadow: 0px 0px 5px 1px rgba(0,0,0,.1);*/}
.news .pic .img{position:relative;width:100%;height: 0;padding-bottom:66.66667%;overflow: hidden;}
.news .date{font-size:14px;font-family: Arial;line-height:1.5;color:#c6c6c6;}
.news .ti{font-size:14px;color: #68584e;line-height:1.5;margin: 5px 0;/*border-bottom: 1px solid #e8dcc7;*/}
.news .dec{font-size: 0.938rem;color: #666;margin: 5px 0;line-height: 25px;}

.news .newsList{margin-bottom:60px;min-height:304px;}
.blogBanner img{width:100%;height:auto;}
/*ABOUT*/
.about .img{margin-bottom:50px;}
.about .description{font-size:18px;line-height:2;text-align:center;}
.service{position:relative;float:left;width:100%;color:#fff;font-size:20px;line-height:1.5;text-align:center;background:url(../images/fancybox_overlay.png),url(../images/servicebg.jpg) no-repeat fixed;padding-bottom:85px;}
.service .title{color:#fff;}
.store{position:relative;float:left;width:100%;background:#f6f2ed;padding-bottom:20px;padding-top:50px;padding-bottom:50px;}
.store .title{text-align:center;font-size:30px;}
.storew{color:#362e2b;font-size:20px;padding-bottom:40px;}
.storew i{padding-right:30px;font-size:30px;vertical-align:middle;}

/*GALLERY*/
.photographyList{}
.photographyList .piece{margin-bottom:50px;position:relative;}
.photographyList .piece figure{position:relative;}
.photographyList .piece figure img{width:100%;}
.photographyList .piece figure .bg{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.7);display:none;}
.photographyList .piece:hover .bg{display:block;}
.photographyList .piece figure .more{position:absolute;top:50%;left:50%;margin-left:-61.5px;margin-top:-19px;width:123px;height:38px;line-height:38px;text-align:center;background:#c78788;color:#fff;border-radius:5px;}
.photographyTitle{color:#313131;font-size:20px;line-height:24px;padding:15px;text-align:center;}
.photographyList .piece:hover .photographyTitle{color:#eb067e;}
.isotope-item {
    z-index: 2;
}
.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}
.isotope, .isotope .isotope-item {
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    transition-duration: 0.8s;
}
.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    transition-property: height, width;
}
.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property:-moz-transform, opacity;
    transition-property:transform, opacity;
}
/*GALLERY_VIEW*/
.photography_view{padding-top:0;}
.photography_view .container{position:relative;}
.photography_view .pictureList figure{position:relative;padding:2.5px;}
.photography_view .pictureList figure:hover .bg{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,0.65)}
.photography_view .pictureList img{width:100%;}
.photography_view a.other{display:block;margin:0 auto;margin-top:102px;margin-bottom:148px;width:168px;height:42px;line-height:42px;text-align:center;font-size:18px;color:#d99c30;border:1px solid #d99c30;border-radius:5px;}
.photography_view a.other:hover{background:#d99c30;color:#fff;}

/*RWD-----------------------------------------*/
@media (max-width: 767px) {
/*mobile*/
header button{position:fixed;top:0;left:0;padding:0;border:0 none;margin:0;}
#mobileButton{display:block;width:60px;height:60px;position:absolute;top:20px;left:0px;}
#mobileButton:before,
#mobileButton span,
#mobileButton:after{background:#000 !important;display:block;width:25px;height:2px;}
#mobileButton span{position:absolute;top:29px;left:50%;margin-left:-10px;}
#mobileButton:before{content:'';position:absolute;top:20px;left:50%;margin-left:-10px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:all 275ms ease-in;-moz-transition:all 275ms ease-in;-o-transition:all 275ms ease-in;transition:all 275ms ease-in;}
#mobileButton:after{content:'';position:absolute;bottom:20px;left:50%;margin-left:-10px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:all 275ms ease-in;-moz-transition:all 275ms ease-in;-o-transition:all 275ms ease-in;transition:all 275ms ease-in;}
.moblieOpen #mobileButton:before{top:28px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}
.moblieOpen #mobileButton:after{bottom:30px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);}
.moblieOpen #mobileButton span{display:none;}
.header .navbar-header{width:auto;background:#fff;overflow:auto;text-align:left;}

header{height:100px;}


header #logo{position:absolute;left:50%;margin-left:-47px;top:16px;/*width:45px;*/height:auto;}
header nav#menu{position:static;left:0px;margin-top:100px;height:auto;text-align:left;background:#fff;z-index:10;}
header nav#menu>ul>li{width:100%;text-align:left;border-bottom:1px solid #c6c6c6; display:block;margin:0px 0px;font-weight:normal;font-size:16px;}
header nav#menu>ul>li>a{color:#c78788;padding:6px 0px;text-align:left;line-height:1.5;height:auto;font-size:16px;}
header nav#menu>ul>li>a:hover{color:#c78788;}
header nav#menu>ul>li>a>span{font-size:16px;display:inline-block;color:#c78788}

header nav#menu>ul>li>ul{position:static;top:0;width:auto;margin-left:0px;margin-top:0px;height:auto;display:block;}
header nav#menu>ul>li>ul>li{height:30px;line-height:1.5;padding:0px;margin:0px;}
header nav#menu>ul>li>ul>li>a{border:0px;text-align:left;height:30px;line-height:1.5;font-size:15px;display:block;padding:0 15px;background:#fff;color:#a1a1a1;}

#topNav{display:none;}
#banner{margin-top:100px;}
#wrap{margin-top:100px;}
#bannerList{height:auto;margin-top:0px;}
#bannerList div.slides{width:100%;height:auto;margin:0 0 2px 0;}
#bannerList div.slides .topic{font-size:20px;line-height:24px;margin-top:10px;padding:0 30px;}
#bannerList div.slides .description{min-height:120px;padding:20px 0;color:#fff;
/*
	background: -moz-linear-gradient(top,  rgba(204,133,134,0) 0%, rgba(204,133,134,0) 1%, rgba(204,133,134,0.8) 92%, rgba(204,133,134,0.8) 100%);
	background: -webkit-linear-gradient(top,  rgba(204,133,134,0) 0%,rgba(204,133,134,0) 1%,rgba(204,133,134,0.8) 92%,rgba(204,133,134,0.8) 100%);
	background: linear-gradient(to bottom,  rgba(204,133,134,0) 0%,rgba(204,133,134,0) 1%,rgba(204,133,134,0.8) 92%,rgba(204,133,134,0.8) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#cc000000',GradientType=0 );
*/
}




#bannerList div.slides img{max-width:100%;}


#about .teamList h4{margin-top:10px;margin-bottom:25px;font-size:24px;}



#services{overflow:hidden;}
#about .description{padding:30px 0px;}
#contact .companyMsg{font-size:16px;color:#693719;line-height:200%;margin-top:45px;margin-bottom:80px;}
#contact .cr{margin-top:22px;}
#contact .service_email .p1{font-size:20px;}
#contact .service_email .p2{font-size:20px;}

#contact .service_email{height:235px;background:#c78788;margin-bottom:10px;}
#contact .service_email a{width:100%;height:235px;display:block;color:#fff;font-size:30px;line-height:100%;text-align:left;background:#c78788;}






footer .gotop{position:absolute;width:52px;right:0px;bottom:52px;}


.store{position:relative;float:left;width:100%;background:#f6f2ed;padding-bottom:20px;padding-top:50px;padding-bottom:50px;}
.store .title{text-align:center;font-size:24px;}
.storew{color:#362e2b;font-size:16px;padding-bottom:40px;}
.storew i{padding-right:30px;font-size:30px;}
.photography_view .pictureList figure{width:100%;}

}
@media (max-width: 480px) {
}
@media (min-width: 768px) and (max-width: 979px) {
header nav#menu{left:inherit;right:0px;}
header .language{right:44px;top:40px;}
#services{overflow:hidden;}
#contact .map img{width:100%;}
#contact .cr{margin-top:22px;}
.photography_view .pictureList figure{width:50%;}
	
	
header nav#menu>ul>li{font-size:16px;width:95px;}
header nav#menu>ul>li>a{height:40px;line-height:40px;margin:0px;padding:0px;}
header nav#menu>ul>li>a>span{font-size:14px;display:none;}
#contact .service_email{margin-bottom:20px;}
}
@media (min-width: 980px) {
header nav#menu>ul>li{font-size:16px;width:100px;}
header nav#menu>ul>li>a{height:40px;line-height:40px;margin:0px;padding:0px;}
header nav#menu>ul>li>a>span{font-size:14px;display:none;}
	
	
	
	
	
	
#services{overflow:hidden;}
#contact .service_email{height:170px;}
#contact .service_email img{top:30px;}
#contact .service_email .p1{top:30px;left:130px;}
#contact .service_email .p2{top:120px;left:30px;}
.photography_view .pictureList figure{width:33.33333%;}

}
@media (min-width: 1280px) {
#contact .service_email{position:relative;width:100%;height:265px;background:#c78788;}
#contact .service_email .p1{position:absolute;left:139px;top:44px;line-height:55px;}
#contact .service_email .p2{position:absolute;left:42px;top:150px;}
#contact .service_email img{position:absolute;top:44px;left:42px;}
	
	
	
}