body {	
    margin:0;
    font-family:微軟正黑體,Arial/*,sans-serif,\5FAE\8EDF\6B63\9ED1\9AD4,\65B0\7D30\660E\9AD4*/; 
    -webkit-text-size-adjust:none;
    -moz-text-size-adjust:none;
    -ms-text-size-adjust:none;
    text-size-adjust:none;
    -webkit-text-size-adjust:100%;
    padding-top: constant(safe-area-inset-top);
    padding-right: constant(safe-area-inset-right);
    padding-bottom: constant(safe-area-inset-bottom);
    padding-left: constant(safe-area-inset-left);
	background:#000;/*#ae948e粉金色*/
	/*-webkit-font-smoothing: antialiased;
    display: block;*/
    /*background-attachment: fixed;*/
}

html, body {
    width: 100%;
    height: 100vh;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

a { 
  text-decoration:none; 
    transition: 0.3s all;
	-webkit-transition: 0.3s all;
	-o-transition: 0.3s all;
	-moz-transition: 0.3s all;
	-ms-transition: 0.3s all;
}
a:hover { text-decoration:none;  }

a[href^="tel:"] {
    color: #fff;
}
img{
    max-width: 100%;
}
h2 {
	letter-spacing:0px;}
.enname {/*英文名字強制不斷行*//*white-space:nowrap;*/
	word-wrap: break-word;}
embed{
    width: 100%;}
/*建案名稱*/
.housename {
	position:absolute;
	color:#FFF;
	bottom:15vh;
	margin-left:4%;
	text-shadow: black 0.1em 0.1em 0.2em;}

.housename2 {
	position:absolute;
	color:#FFF;
	padding-bottom:10vh;
	margin-left:2%;
	padding-top:50%;
	text-shadow: black 0.1em 0.1em 0.2em;}
	
	





@media only screen and (max-width: 767px) and (orientation: portrait){
    .onepage-wrapper {
        position: fixed !important;
        -webkit-transform-style: preserve-3d;
    }
    .onepage-pagination {
        position: fixed !important;
        -webkit-transform-style: preserve-3d;
    }
}
input,button,select,textarea{outline:none}
 *:focus { outline: none; }

* { 
    margin:0; 
    padding:0; 
    list-style:none;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}

*:after {
	content: "";
    display: block;
    clear: both;
	font-size:0;
}


header{
    position: fixed;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 30px 20px 20px;
    z-index: 9999;
    background: url(../img/hearch-bg-n.png) top repeat !important;
}
header:after{
    content: none;
}
.in.viewing-page-1 header{
    background: url(../img/hearch-bg-n.png) top repeat;
}
header .logo,
.obatashi.viewing-page-1 header .logo,
.obatashi.viewing-page-3 header .logo,
.obatashi.viewing-page-5 header .logo,
.obatashi.viewing-page-7 header .logo,
.jaya.viewing-page-13 header .logo,
.michelin.viewing-page-8 header .logo{
    display: flex;
    align-items: center;
    font-family: Times New Roman, Verdana, Geneva, sans-serif,"微軟正黑體";
    color: #ae948e;
    letter-spacing: 3px;
    font-size: 14px;
}
header .logo>div img:first-child,
.obatashi.viewing-page-1 header .logo>div img:first-child,
.obatashi.viewing-page-3 header .logo>div img:first-child,
.obatashi.viewing-page-5 header .logo>div img:first-child,
.obatashi.viewing-page-7 header .logo>div img:first-child,
.jaya.viewing-page-13 header .logo>div img:first-child,
.michelin.viewing-page-8 header .logo>div img:first-child{
    display: none;
}
header .logo img{
    width: 115px;
    margin-right: 30px;
}
header .logo a,
.obatashi.viewing-page-1 header .logo a,
.obatashi.viewing-page-3 header .logo a,
.obatashi.viewing-page-5 header .logo a,
.obatashi.viewing-page-7 header .logo a,
.jaya.viewing-page-13 header .logo a,
.michelin.viewing-page-1 header .logo a,
.michelin.viewing-page-8 header .logo a{
    margin: 0 5px;
    color: #fff;
}
.in.viewing-page-2 header .logo>div img:first-child,
.in.viewing-page-4 header .logo>div img:first-child,
.in.viewing-page-6 header .logo>div img:first-child,
.in.viewing-page-8 header .logo>div img:first-child,
.scda.viewing-page-10 header .logo>div img:first-child,
.jaya header .logo>div img:first-child,
.tfb header .logo>div img:first-child,
.michelin header .logo>div img:first-child,
.obatashi header .logo>div img:first-child,
.obatashi.viewing-page-1 header  .logo>div img:last-child,
.obatashi.viewing-page-3 header  .logo>div img:last-child,
.obatashi.viewing-page-5 header  .logo>div img:last-child,
.obatashi.viewing-page-7 header  .logo>div img:last-child,
.jaya.viewing-page-13 header  .logo>div img:last-child,
.michelin.viewing-page-1 header  .logo>div img:last-child,
.michelin.viewing-page-8 header  .logo>div img:last-child{
    display: block;
}
.in.viewing-page-2 header .logo>div img:last-child,
.in.viewing-page-4 header .logo>div img:last-child,
.in.viewing-page-6 header .logo>div img:last-child,
.in.viewing-page-8 header .logo>div img:last-child,
.scda.viewing-page-10 header .logo>div img:last-child,
.jaya header .logo>div img:last-child,
.tfb header .logo>div img:last-child,
.michelin header .logo>div img:last-child,
.obatashi header .logo>div img:last-child,
.michelin.viewing-page-1 header .logo>div img:first-child{
    display: none;
}
.in.viewing-page-2 header .logo a,
.in.viewing-page-2 header .logo,
.in.viewing-page-4 header .logo a,
.in.viewing-page-4 header .logo,
.in.viewing-page-6 header .logo a,
.in.viewing-page-6 header .logo,
.in.viewing-page-8 header .logo,
.in.viewing-page-8 header .logo a,
.scda.viewing-page-10 header .logo,
.scda.viewing-page-10 header .logo a,
.jaya header .logo,
.jaya header .logo a,
.tfb header .logo,
.tfb header .logo a,
.michelin header .logo a,
.michelin header .logo,
.obatashi header .logo a,
.obatashi header .logo{
    color: #ae948e;
}
header .logo a.font-style{
    font-family:\5FAE\8EDF\6B63\9ED1\9AD4,\65B0\7D30\660E\9AD4, Arial, sans-serif;
}
.icpho {
	position: fixed; 
	right:20px;
	bottom:75px; 
	z-index:999;
}
.icpho img {
    width: 40px;
}
@media only screen and (max-width: 1580px){
	.icpho img {
        width: 40px;
    }
}
.main-menu>img:nth-child(2),
.obatashi.viewing-page-1 .main-menu>img:nth-child(2),
.obatashi.viewing-page-3 .main-menu>img:nth-child(2),
.obatashi.viewing-page-5 .main-menu>img:nth-child(2),
.obatashi.viewing-page-7 .main-menu>img:nth-child(2),
.jaya.viewing-page-13 .main-menu>img:nth-child(2),
.michelin.viewing-page-1 .main-menu>img:nth-child(2){
    display: none;
}
.in.viewing-page-2 header .main-menu>img:first-child,
.in.viewing-page-4 header .main-menu>img:first-child,
.in.viewing-page-6 header .main-menu>img:first-child,
.in.viewing-page-8 header .main-menu>img:first-child,
.scda.viewing-page-10 header .main-menu>img:first-child,
.jaya header .main-menu>img:first-child,
.tfb header .main-menu>img:first-child,
.michelin header .main-menu>img:first-child,
.obatashi header .main-menu>img:first-child,
.michelin.viewing-page-8 .main-menu>img:nth-child(2){
    display: none;
}
.in.viewing-page-2 header .main-menu>img:nth-child(2),
.in.viewing-page-4 header .main-menu>img:nth-child(2),
.in.viewing-page-6 header .main-menu>img:nth-child(2),
.in.viewing-page-8 header .main-menu>img:nth-child(2),
.scda.viewing-page-10 header .main-menu>img:nth-child(2),
.jaya header .main-menu>img:nth-child(2),
.tfb header .main-menu>img:nth-child(2),
.michelin header .main-menu>img:nth-child(2),
.obatashi header .main-menu>img:nth-child(2),
.obatashi.viewing-page-1  .main-menu>img:first-child,
.obatashi.viewing-page-3  .main-menu>img:first-child,
.obatashi.viewing-page-5  .main-menu>img:first-child,
.obatashi.viewing-page-7  .main-menu>img:first-child,
.jaya.viewing-page-13 .main-menu>img:first-child,
.michelin.viewing-page-1 .main-menu>img:first-child,
.michelin.viewing-page-8 .main-menu>img:first-child{
    display: block;
}
.main-menu { 
	width:width:99vw;
	position:absolute;
	z-index:10000000000000000000000;
	color:#FFFFFF;
	/*background-color:#666666;*/
	margin:8px 20px 8px 10px;
	right:0;
	cursor:pointer; 
	display:inline-block;} /* 主選單的樣式 */
.main-menu:hover {
	background-color: #000000;
}
.sub-menu {
	width: 100vw;
	color: #CCCCCC;
	background-color: #000000;
	margin: 0px -85vw;
	padding: 0px;
	list-style-type: none;
	position: absolute;
} 
/* 下拉清單的樣式 */
.sub-menu li {
	padding: 15px 20px ; 
	border-bottom:1px #333333 solid;} /* 下拉清單每一列的樣式 */
.sub-menu li:hover {
	color: #CCCCCC;
	background-color: #000000;
}
.sub-menu a {
	text-align: left;
	display: block;
	text-decoration: none;
	color: #FFFFFF;
}
.sub-menu a:hover {
	color: #FFFFFF;
	background-color: #000000;
	text-decoration: none;
}
@media only screen and (max-width: 767px){
    .main-menu>img{
        width: 30px;
    }
}
@media only screen and (max-width: 899px) and (orientation:landscape){
    .sub-menu li{
        width: 50%;
        float: left;
        padding: 15px 20px;
    }
}

.banner1,
.banner2,
.item{
    width: 100%;
    height: 100vh;
    position: relative;
}
.owl-carousel .owl-item img{
    width: auto;
}
.banner1 .item.a{
    background: url(../img/image_1_1.jpg) center right;
    background-size: cover;	
}
.banner1 .item.b{
    background: url(../img/image_1_2.jpg) center center;
    background-size: cover;
    background-position:55% center;
}
.banner1 .item.c{
    background: url(../img/image_1_3.jpg) center center;
    background-size: cover;
    background-position:50% center;
}
.banner1 .item.d{
    background: url(../img/image_1_4.jpg) center center;
    background-size: cover;
    background-position:50% center;
}
.banner1 .item.e{
    background: url(../img/image_1_5.jpg) center center;
    background-size: cover;
    background-position:50% center;
}
.scda .banner1 .item.a{
    background: url(../img/image_2_6.jpg) center center;
    background-size: cover;	
    background-position:50% center;
}
.scda .banner1 .item.b{
    background: url(../img/image_2_7.jpg) center right;
    background-size: cover;
}
.scda .banner1 .item.c{
    background: url(../img/image_2_8.jpg) center center;
    background-size: cover;
    background-position:50% center;
}
.scda .banner1 .item.d{
    background: url(../img/image_2_9.jpg) center center;
    background-size: cover;
    background-position:50% center;
}
.jaya .banner1 .item.a{
    background: url(../img/image_3_10.jpg) center center;
    background-size: cover;	
    background-position:50% center;
}
.jaya .banner1 .item.b{
    background: url(../img/image_3_11.jpg) center center;
    background-size: cover;
    background-position:55% center;
}
.jaya .banner1 .item.c{
    background: url(../img/image_3_12s.jpg) left bottom;
    background-size: cover;
}
.jaya .banner1 .item.d{
    background: url(../img/image_3_11.jpg) center center;
    background-size: cover;
    background-position:50% center;
}
.jaya .banner1 .item.e{
    background: url(../img/image_3_12s.jpg) left center;
    background-size: cover;
}
.tfb .banner1 .item.a{
    background: url(../img/image_4_6.jpg) center center;
    background-size: cover;	
    background-position:50% center;
}
.tfb .banner1 .item.b{
    background: url(../img/image_4_7.jpg) left center;
    background-size: cover;
}
.tfb .banner1 .item.c{
    background: url(../img/image_4_8.jpg) center center;
    background-size: cover;
    background-position:50% center;
}
.michelin .banner1 .item.a{
    background: url(../img/image_6_1.jpg) center center;
    background-size: cover;	
    background-position:50% center;
}
.michelin .banner1 .item.b{
    background: url(../img/image_6_2.jpg) center center;
    background-size: cover;
    background-position:55% center;
}
.michelin .banner1 .item.c{
    background: url(../img/image_6_7a.jpg) center center;
    background-size: cover;
    background-position:50% center;
}
.michelin .banner1 .item.d{
    background: url(../img/image_6_8.jpg) center center;
    background-size: cover;
    background-position:50% center;
}
.michelin .banner1 .item.e{
    background: url(../img/image_6_9.jpg) center center;
    background-size: cover;
    background-position:50% center;
}
.michelin .banner1 .item.f{
    background: url(../img/image_6_10.jpg) center center;
    background-size: cover;
    background-position:50% center;
}
.michelin .banner1 .item.g{
    background: url(../img/image_6_11.jpg) center center;
    background-size: cover;
    background-position:50% center;
}
.obatashi .banner1 .item.a{
    background: url(../img/image_7_5.jpg) center center;
    background-size: cover;	
    background-position:50% center;
}
.obatashi .banner1 .item.b{
    background: url(../img/image_7_6.jpg) bottom center;
    background-size: cover;
    background-position:55% center;
}
.obatashi .banner1 .item.c{
    background: url(../img/image_7_7.jpg) center center;
    background-size: cover;
    background-position:50% center;
}
.onepage-pagination{
    right: 30px;
    top:calc(35% - 91px);
    display: none;
}
.scda .onepage-pagination,
.jaya .onepage-pagination{
    top:calc(50% - 168px);
}
.tfb .onepage-pagination{
    top:calc(50% - 88px);
}
.onepage-pagination li{
    padding: 0px;
	font-family:Times New Roman,"微軟正黑體";
}
.onepage-pagination li a{
    width: 8px;
    height: 8px;
    padding: 12px;
    display: block;
}

.onepage-pagination li a{
    position: relative;
}
.onepage-pagination li a:before,
.obatashi.viewing-page-1 .onepage-pagination li a:before,
.obatashi.viewing-page-3 .onepage-pagination li a:before,
.obatashi.viewing-page-5 .onepage-pagination li a:before,
.obatashi.viewing-page-7 .onepage-pagination li a:before,
.jaya.viewing-page-13 .onepage-pagination li a:before,
.michelin.viewing-page-1 .onepage-pagination li a:before,
.michelin.viewing-page-8 .onepage-pagination li a:before{
    width: 8px;
    height: 8px;
    background: none;
    left: 6px;
    top: 6px;
    border: 1px solid #aa908c;
    margin-top: 2px;
}
.onepage-pagination li a.active:before,
.obatashi.viewing-page-1 .onepage-pagination li a.active:before,
.obatashi.viewing-page-3 .onepage-pagination li a.active:before,
.obatashi.viewing-page-5 .onepage-pagination li a.active:before,
.obatashi.viewing-page-7 .onepage-pagination li a.active:before,
.jaya.viewing-page-13 .onepage-pagination li a.active:before,
.michelin.viewing-page-1 .onepage-pagination li a.active:before,
.michelin.viewing-page-8 .onepage-pagination li a.active:before{
    width: 8px;
    height: 8px;
    border: 1px solid #aa908c;
    left: 6px;
    margin-top: 2px;
    background: #aa908c;
}
.onepage-pagination li a:after,
.obatashi.viewing-page-1 .onepage-pagination li a:after,
.obatashi.viewing-page-3 .onepage-pagination li a:after,
.obatashi.viewing-page-5 .onepage-pagination li a:after,
.obatashi.viewing-page-7 .onepage-pagination li a:after,
.jaya.viewing-page-13 .onepage-pagination li a:after,
.michelin.viewing-page-1 .onepage-pagination li a:after,
.michelin.viewing-page-8 .onepage-pagination li a:after{
    font-size: 12px;
    position: absolute;
    color: #fff;
    top: 3px;
    left: 22px;
    letter-spacing: 1px;
    font-family:Georgia, serif;
    width: 120px;
    text-align: left;
}
.in.viewing-page-2 .onepage-pagination li a:before,
.in.viewing-page-4 .onepage-pagination li a:before,
.in.viewing-page-6 .onepage-pagination li a:before,
.in.viewing-page-8 .onepage-pagination li a:before,
.scda.viewing-page-10 .onepage-pagination li a:before,
.jaya .onepage-pagination li a:before,
.tfb .onepage-pagination li a:before,
.michelin .onepage-pagination li a:before,
.obatashi .onepage-pagination li a:before{
    border: 1px solid #aa908c;
}
.in.viewing-page-2 .onepage-pagination li a.active:before,
.in.viewing-page-4 .onepage-pagination li a.active:before,
.in.viewing-page-6 .onepage-pagination li a.active:before,
.in.viewing-page-8 .onepage-pagination li a.active:before,
.scda.viewing-page-10 .onepage-pagination li a.active:before,
.jaya .onepage-pagination li a.active:before,
.tfb .onepage-pagination li a.active:before,
.michelin .onepage-pagination li a.active:before,
.obatashi .onepage-pagination li a.active:before{
    border: 1px solid #aa908c;
    background: #aa908c;
}
.in.viewing-page-2 .onepage-pagination li a:after,
.in.viewing-page-4 .onepage-pagination li a:after,
.in.viewing-page-6 .onepage-pagination li a:after,
.in.viewing-page-8 .onepage-pagination li a:after,
.scda.viewing-page-10 .onepage-pagination li a:after,
.jaya .onepage-pagination li a:after,
.tfb .onepage-pagination li a:after,
.michelin .onepage-pagination li a:after,
.obatashi .onepage-pagination li a:after{
    color: #aa908c;
}

section{
    position: relative;
}
.a1-text{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 99;
    display: flex;
    align-items: center;
    color: #fff;
    padding-left: 30px;
}
.a1-text>div div{
    overflow: hidden;
    
    position: relative;
}
.a1-text>div img{
    width: 250px;
}
.a1-text>div div p{
    position: absolute;
    transition: 1s all;
	-webkit-transition: 1s all;
	-o-transition: 1s all;
	-moz-transition: 1s all;
	-ms-transition: 1s all;
    left: 0;
}
.a1-text>div div:first-child,
.a1-text>div div:last-child{
    height: 21px;
    width: 320px;
}

.a1-text>div div:nth-child(2){
    height: 75px;
    width: 500px;
}
.scda .a1-text>div div:nth-child(2),
.jaya .a1-text>div div:nth-child(2),
.tfb .a1-text>div div:nth-child(2),
.obatashi .a1-text>div div:nth-child(2),
.michelin .a1-text>div div:nth-child(2){
        height: 105px;
        margin-top: 10px;
    }
.a1-text>div div:first-child p{
    left: 0;
}

.a1-text>div div:first-child p,
.a1-text>div div:last-child p{
    /*top: -30px;  */  
}
.a1-text>div div:nth-child(2) p{
    /*bottom: -78px;*/    
}
.viewing-page-1 .a1-text>div div:first-child p,
.viewing-page-1 .a1-text>div div:last-child p,
.scda.viewing-page-13 .a1-text>div div:first-child p,
.scda.viewing-page-13 .a1-text>div div:last-child p,
.jaya.viewing-page-13 .a1-text>div div:first-child p,
.jaya.viewing-page-13 .a1-text>div div:last-child p,
.tfb.viewing-page-8 .a1-text>div div:first-child p,
.tfb.viewing-page-8 .a1-text>div div:last-child p,
.obatashi.viewing-page-7 .a1-text>div div:first-child p,
.obatashi.viewing-page-7 .a1-text>div div:last-child p,
.michelin.viewing-page-8 .a1-text>div div:first-child p,
.michelin.viewing-page-8 .a1-text>div div:last-child p{
    top: 0;    
}
/*輪播logo*/
.viewing-page-1 .a1-text>div div:nth-child(2) p,
.scda.viewing-page-13 .a1-text>div div:nth-child(2) p,
.jaya.viewing-page-13 .a1-text>div div:nth-child(2) p,
.tfb.viewing-page-8 .a1-text>div div:nth-child(2) p,
.jaya.viewing-page-15 .a1-text>div div:nth-child(2) p,	
.tfb.viewing-page-10 .a1-text>div div:nth-child(2) p,
.tfb.viewing-page-11 .a1-text>div div:nth-child(2) p,
.obatashi.viewing-page-7 .a1-text>div div:nth-child(2) p,
.michelin.viewing-page-8 .a1-text>div div:nth-child(2) p{
    bottom: 0;
}

.a1{
    
}

.a2,
.a5{
    display: flex;
    /*align-items: center;*/
	/*padding-top:40%;*/
    justify-content: center;
}
.a2{
    position: relative;
    z-index: 9;
}
.a2>div,
.a5>div{
    width: 500px;
}
.a2 h1,
.a2 h2{
    font-size: 20px;
    font-family: /*PMingLiU,*/"微軟正黑體";
    padding-bottom: 10px;
    color: #aa908c;
}
.a5 h2{
}
.a2 p{
    color: #FFF;
    line-height: 1.5;
    font-size: 12px;
}
.a2 h3{
    font-size: 30px;
    padding-bottom: 40px;
    color: #aa908c;
    font-weight: 400;
    padding-top: 30px;
}
.a1{
    background: url(../img/image_1_1.jpg) center right;
    background-size: cover;
}
.asia1 {
	display: flex;
	background-size: cover;
	background-image: url(../img/image_1_1.jpg);
	background-position: center right;
}
.asia1>div{
    padding: 7% 0 0 5%;
}
.asia1 img{
    width:40%;
}
.asia1 h1{
    font-size: 27px;
    line-height: 1.2;
    color:#FFF;
    font-weight:normal;
    text-align:left;
}
.asia1 p{
    font-size: 12px;
    line-height: 1.2;
    text-align: center;
    font-weight:normal;
    padding-bottom: 10px;
    color:#FFF;
}
.obatashi .a1{
    background: url(../img/image_7_1.jpg) center center;
    background-size: cover;
	display:flex;
}
.michelin .a1{
    background: url(../img/image_6_1.jpg) center center;
    background-size: cover;
}
.michelin1{
    background: url(../img/image_8_1.jpg) center center;
    background-size: cover;
	display:flex;
}
.a1>div{
    position: absolute;
    top: 0;
    bottom: 100px;
    left: 0;
    width: 100%;
    display: flex;
    align-items: center;
    color: #fff;
    padding-left: 5%;
}
.en-text{
    font-family: PMingLiU;
    /*font-weight: bold;*/
    font-size: 40px;
    padding-bottom: 10px;
}
.a1 h2{
    font-size: 42px;
    font-weight: 400;
    line-height: 60px;
    padding-bottom: 10px;
}
.a3{
    background: url(../img/image_1_4.jpg) center center;
    background-size: cover;
}
.a4{
    background: url(../img/image_1_5.jpg) center center;
    background-size: cover;
}
.a6{
    background: url(../img/image_1_3.jpg) center center;
    background-size: cover;
}
.a5{
    color: #aa908c;
    /*font-weight: bold;*/
    letter-spacing: 1px;
    position: relative;
}
.a5 h3{
    font-size: 20px;
    padding-bottom: 20px;
}
.a5 h2{
    font-size: 52px;
    padding-bottom: 10px;
}
.a5 p{
    font-size: 20px;
}
.pt20{
    padding-top: 30px;
}
@media only screen and (max-width: 1580px){
    .a5 h3{
        font-size: 32px;
    }
    .a5 h2{
        font-size: 40px;
    }
    .a5 p{
        font-size: 20px;
    }
}


.a5>div.bottom{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #a8928b;
    padding: 25px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
}
.a5>div.bottom span{
    display: inline-block;
    padding: 0 10px;
}
footer{
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 99;
    width: 100%;
    background: #000;
    border-top: 1px solid #a98b81;
    display: block;
}
footer ul{
    width: 100%;
}
footer ul li{
    width: calc(100% / 7);
    float: left;
    text-align: center;
    border-left: 1px solid #a98b81;
}
footer ul li:first-child{
    border: 0;
}
footer a{
    color: #a98b81;
    display: block;
    padding: 5px 0;
    font-size: 12px;
}
footer a span{
    display: block;
    color: #fff;
    font-size: 12px;
    padding: 2px 0 0;
}


/*scda*/
.scda1{
    background: url(../img/image_2_1.jpg) center center;
    background-size: cover;
    display: flex;
}
.scda1 h1{
    font-size: 27px;
    line-height: 1.2;
    font-weight: 400;
}
.scda1>div{
    color: #fff;
    letter-spacing: 1px;
    padding: 25vh 0 0 5vw;
}
.scda1>div>div{
    width: 40%;
    padding-bottom: 10px;
}
.scda1 .img{
    width: 30%;
    padding-bottom: 30px;
}
.scda1 .img img:last-child{
    display: none;
}
.scda1 p{
    font-size: 12px;
    line-height: 1.5;
    text-align: left !important;
}
.scda2{
    background: url(../img/image_2_2.jpg) center center;
    background-size: cover;
}
.scda4{
    background: url(../img/image_2_3.jpg) center center;
    background-size: cover;
}
.scda5{
    background: url(../img/image_2_4s.jpg) right bottom;
    background-size: 100%;
	background-size: cover;
}
.scda6{
    background: url(../img/image_2_5.jpg) center center;
    background-size: cover;
}
.scda15{
    background: url(../img/image_2_15.jpg) top center;
    background-size: cover;
}

.scda8{/*業績圖片*/
    background: url(../img/image_2_11.jpg) center center;
    background-size: cover;
}
.scda9{
    background: url(../img/image_2_12.jpg) center center;
    background-size: cover;
}
.scda10{
    background: url(../img/image_2_13.jpg) center center;
    background-size: cover;
}


.scda7{
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;    
}
.scda7>div{
    position: relative;
    overflow: hidden;
    padding-bottom: 40.25%;
    padding-top: 30px;
    height: 0;
    width: 74.3%;
}
.scda7 iframe{
    position: absolute;
    top: 80px;
    left: 0;
    width: 100%;
    height: calc(100% - 80px);
}
@media only screen and (max-width: 1580px){
    
}

.scda3{
    display: flex;
    /*align-items: center;*/
    justify-content: center;
}

.scda3>div{
    width: 500px;
    overflow: hidden;
}
.scda3.a>div{
    display: flex;
    align-items: center;
}
.scda3.a>div>div,
.scda3.a>div>p{
    width: 50%;
}
.scda3.a>div>div{
    padding-right: 30px;
}
.scda3 h2{
    font-size: 20px;
    font-family: "微軟正黑體";
    padding-bottom: 0;
    color: #aa908c;
}
.scda3 h2 span{
    display: inline-block;
    padding: 0 5px;
    font-family:\5FAE\8EDF\6B63\9ED1\9AD4,\65B0\7D30\660E\9AD4,Arial,sans-serif; 
}
.scda3 p{
    color: #FFF;
    line-height: 1.5;
    font-size: 12px;
	color:#FFF;
}
.scda3 p.en{
    font-size: 14px;
    line-height: 1.5;
    padding-top: 10px;
}
.scda3 h3{
    font-size: 30px;
    padding-bottom: 20px;
    color: #aa908c;
    font-weight: 400;
    padding-top: 20px;
}
.scda3 iframe{
    height: 250px;
}

/*jaya*/
#shunmyo1{
    background: url(../img/image_9_1.jpg) left top;
    background-size: cover;
    display: flex;
}
.jaya1{
    background: url(../img/image_3_1.jpg) center center;
    background-size: cover;
    display: flex;
}

.jaya1 h1,
#shunmyo1.jaya1 h1{
    font-size: 27px;
    line-height: 1.2;
    color: #FFF;
    font-weight: 400;
}
.jaya1 .en-text,
#shunmyo1.jaya1 .en-text{
    color: #aa908c;
}
.jaya .scda3 h2,
#shunmyo1.jaya .scda3 h2{
    padding-bottom: 10px;
}
.jaya1>div {
    padding: 20vh 0 0 5vw;
    color: #FFF;
    letter-spacing: 1px;
}
#shunmyo1.jaya1>div {
    padding: 20vh 0 0 5vw;
    color: #FFF;
    letter-spacing: 1px;
}
@media screen and (min-width: 768px) and (max-width: 1379px){
/*#shunmyo1.jaya1>div {
    width: 40%;
}*/
}
@media screen and (min-width: 568px) and (max-width: 767px){
/*#shunmyo1.jaya1>div {
    width: 40%;
}*/
}

#shunmyo1.jaya1>div>div{
    background: url(../img/shunmyologo1.png) bottom no-repeat;
    background-size: 70%;
	padding-top:30px;
}
.jaya1>div>div{
    background: url(../img/jayalogo.png) center center no-repeat;
    background-size: contain;
}
#shunmyo1.jaya1>div>div img,
.jaya1>div>div img{
    opacity: 0;
    width: 35%;
}
.jaya1 p{
    font-size: 12px;
    line-height: 1.5;
    /*padding-right: 35%;*/
	text-align:center !important;
}
.jaya2{
    background: url(../img/image_3_2.jpg) center center no-repeat;
    background-size: 100%;
}

.jaya3{
    background: url(../img/image_3_3.jpg) center center no-repeat;
    background-size: 100%;
}
.jaya4{
    background: url(../img/image_3_4.jpg) center center no-repeat;
    background-size: 100%;
}
.jaya5{
    background: url(../img/image_3_5.jpg) center center no-repeat;
    background-size: 100%;
}
.jaya10{
    background: url(../img/image_3_36.jpg) center center no-repeat;
    background-size: 100%;
}
.jaya11img {
    background: url(../img/image_3_5b.jpg) center center no-repeat;
    background-size: 80%;
}
.jaya5img {
    background: url(../img/image_3_5.jpg) center center no-repeat!important;
    background-size: cover !important;
}
/*業績*/
.jaya16{
	background-size: cover !important;
	background-image: url(../img/image_3_13.jpg) !important;
	background-position: center center !important;
}
.jaya17{
    background: url(../img/image_3_16s.jpg) center center !important;
    background-size: cover !important;
}
.jaya18{
    background: url(../img/image_3_15.jpg) center center !important;
    background-size: cover !important;
}
.jaya2a{
    display: flex;
    align-items: center;
	/*padding-top:70%;*/
    justify-content: center;
}
.jayawt{
    display: flex;
    /*align-items: center;*/
    justify-content: center;
}
.imgbox22 {
     padding-top: 0 !important;
}
.jaya3 div,
.jaya4 div,
.jaya5 div,
.jaya10 div{
    display: none;
}
@media only screen and (max-width: 480px){
.jaya3 div,
.jaya4 div,
.jaya5 div,
.jaya10 div{
   padding-top:calc(100% - 70px);
}
}
.jaya2a.a>div,
.jaya2a.b>div{
   /* display: flex;*/
    /*align-items: center;*/
    flex-direction:row-reverse;
}
.jaya8.a>div{
    /*display: flex;*/
    align-items: center;
}
.jaya2a.a>div>div,
.jaya2a.a>div>p,
.jaya2b.a>div>div,
.jaya2b.a>div>p,
.jaya8.a>div>div{
    width: 50%;
    text-align: justify;
    text-justify:inter-ideograph;
}
.jaya2a.b>div>p.img img{
    width: 80%;
}
.jaya2a.a>div>div,
.jaya2a.b>div>div,
.jaya8.a>div>div:first-child{
    padding-right: 30px;
}

.jaya6{
    background: url(../img/image_3_6.jpg) center center;
    background-size: cover;
    display: flex;
    align-items: center;
}
.jaya6>div{
    overflow: hidden;
    width: 700px;
    margin: 0 0 0 5%;
}
.jaya7{
    display: flex;
    align-items: center;
}
.jaya7>div{
    overflow: hidden;
    width: 700px;
    margin: 0 0 0 10%;
}
.jaya8{
    display: flex;
    align-items: center;
    justify-content: center;
}
.jaya8>div>div:last-child{
    position: relative;
    overflow: hidden;
    height: 250px;
}
.scda3>div>div iframe,
.jaya8>div>div iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.jaya_text>div{
    width: 500px;
}
.jaya_text h2{
    font-size: 20px;
    font-family: /*PMingLiU,*/"微軟正黑體";
    padding-bottom: 10px;
    color: #aa908c;
}
.jaya_text h2 span{
    display: inline-block;
    padding: 0 5px;
    font-family:\5FAE\8EDF\6B63\9ED1\9AD4,\65B0\7D30\660E\9AD4,Arial,sans-serif; 
}
.jaya_text p{
    color: #FFF;
    line-height: 1.5;
    font-size: 12px;
}
.jaya_text h3{
    font-size: 30px;
    padding-bottom: 40px;
    color: #aa908c;
    font-weight: 400;
    padding-top: 30px;
}
.jaya8.jaya_text p.img{
    text-align: center;
}
.jaya8.jaya_text p.img img{
    width: 300px;
}
.jaya8.jaya_text p{
    padding-bottom: 10px;
}
    

/*tfb*/
.tfb1{
    background: url(../img/image_4_1.jpg) center center;
    background-size: cover;
    display: flex;
    text-align: center;
}
.tfb3{
    background: url(../img/image_4_2.jpg) center center;
    background-size: cover;
}
.tfb4{
    background: url(../img/image_4_3.jpg) center center;
    background-size: cover;
}
.tfb5{
    background: url(../img/image_4_4.jpg) center center;
    background-size: cover;
}
.tfb6{
    background: url(../img/image_4_4.jpg) center center;
    background-size: cover;
}
/*業績*/
.tfb7{
    background: url(../img/image_4_9.jpg) center center;
    background-size: cover;
}
.tfb8{
    background: url(../img/image_4_10.jpg) center center;
    background-size: cover;
}
.tfb9{
    background: url(../img/image_4_11.jpg) center center;
    background-size: cover;
}


/*tfblogo*/
.tfblogo { background:url(../img/TFBlogodp.png) center center !important;
    background-size: auto !important;
    }
	
.tfb1 h1{
    font-size: 27px;
    line-height: 1.2;
    color: #aa908c;
    font-weight: 400;
}
.tfb1>div{
    padding: 4% 0 0 0;
}
.tfb1>div>div img{
    width: 60%;
}
.tfb1 .en-text{
    color: #aa908c;
}
.tfb1 p{
    font-size: 12px;
    line-height: 1.5;
}
.tfb2{
    display: flex;
    align-items: center;
    justify-content: center;
}
.tfb2 .img{
    width: 100%;
}
.tfb2>div{
    width: 500px;
}
.tfb2.a>div,
.tfb2.c>div{
    display: flex;
    align-items: center;
}
.tfb2.a>div>div,
.tfb2.a>div>p,
.tfb2.c>div>div,
.tfb2.c>div>p{
    width: 50%;
    text-align: justify;
    text-justify:inter-ideograph;
}
.tfb2.a>div>div,
.tfb2.c>div>div{
    padding-right: 30px;
}
.tfb_text h2{
    font-size: 20px;
    font-family: /*PMingLiU,*/"微軟正黑體";
    padding-bottom: 10px;
    color: #aa908c;
    white-space: initial !important;
}
.tfb_text p{
    color: #fff;
    line-height: 1.5;
    font-size: 12px;
}
.tfb_text h3{
    font-size: 30px;
    padding-bottom: 40px;
    color: #aa908c;
    font-weight: 400;
    padding-top: 30px;
}
.tfb2 iframe{
    height: 250px;
}
.tfb2.c iframe{
    height: 250px;
}
.tfb2 p.img{
    text-align: center;
}
.tfb2 p.img img{
    width: 150px;
}
.tfb2 p.img.a img,
.tfb2 p.img.b img{
    width: auto;
}
.tfb section{
    background-color: #000;
}
.tfb .jaya_text p{
    color: #fff;
}

.banner2 .item.a{
    background: url(../img/image_8_1.jpg) center center;
    background-size: cover;	
    background-position:50% center;
}
.banner2 .item.b{
    background: url(../img/image_8_2.jpg) center center;
    background-size: cover;
    background-position:55% center;
}
.banner2 .item.c{
    background: url(../img/image_8_3.jpg) center center;
    background-size: cover;
    background-position:50% center;
}
.banner2 .item.d{
    background: url(../img/image_8_4.jpg) center center;
    background-size: cover;
    background-position:50% center;
}
.michelin1 div.text{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 10;
    display: flex;
}
.michelin1 div.text>div{
    padding: .5% 0 0 0;
    text-align: center;
    width: 280px;
}
.michelin1 h1{
    font-size: 27px;
    line-height: 1.2;
    color: #fff;
    font-weight: 400;
}
.michelin1 p{
    font-size: 12px;
    line-height: 1.5;
    font-weight:normal;
    padding-bottom: 10px;
    color:#FFF;
}
.michelin2{
    display: flex;
    /*align-items: center;*/
	padding-top:30vh;
    justify-content: center;
}
.michelin_text>div{
    width: 500px;
}
.michelin3{
    display: flex;
    align-items: center;
    justify-content: center;
	/*padding-top:60vh;*/
}
.michelin3 a{
    color: #ae948e;
}
.michelin3 a:hover{
    text-decoration: underline;
}
.michelin_text {
	background:#000;
}
.michelin_text h2{
    font-size: 20px;
    font-family: /*PMingLiU,*/"微軟正黑體";
    padding-bottom: 10px;
    color: #aa908c;
    text-align: left !important;
}
.michelin_text p{
	color: #FFF;
	line-height: 1.5;
	font-size: 12px; 
    text-align: left !important;
}

.michelin_text h3{
    font-size: 30px;
    padding-bottom: 40px;
    color: #aa908c;
    font-weight: 400;
    padding-top: 30px;
}
.michelin3.a>div{
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
}
.michelin3.a>div> h2{
    width: 100%;
    text-align: center !important;
    
}
.michelin3.a>div>div{
    width: 50%;
    
}
.michelin3.a>div>div p,
.michelin3.a>div>div .p2{
    text-align: center !important;
/*    text-align: left !important;*/
}
.michelin4.a>div,
.michelin5.a>div{
    align-items: center;
}
.michelin4.a>div>div p,
.michelin5.a>div>div p{
    text-align: left !important;
}
.michelin4.a>div>div.img,
.michelin5.a>div>div.img{
    padding-left: 30px;
}



    .michelinnew1 {
        background: url(../img/michelin_np1.jpg) center center;
        background-size: cover;
    }
    .michelinnew2 {
        background: url(../img/michelin_np2.jpg) center center;
        background-size: cover;
    }
    .michelinnew3 {
        background: url(../img/michelin_np3.jpg) center center;
        background-size: cover;
    }
    .michelinnew4 {
        background: url(../img/michelin_nm4.jpg) center center;
        background-size: cover;
    }
    .michelinnew5 {
        background: url(../img/michelin_nm5.jpg) center center;
        background-size: cover;
    }
    .michelinnew6 {
        background: url(../img/michelin_nm6.jpg) center center;
        background-size: cover;
    }
    .gennew7 {
        background: url(../img/gen_np1.jpg) center center;
        background-size: cover;
    }
    .gennew8 {
        background: url(../img/gen_np2.jpg) center center;
        background-size: cover;
    }
    .gennew9 {
        background: url(../img/gen_np3.jpg) center center;
        background-size: cover;
    }
/*obatashi*/
.obatashi1{
    background: url(../img/image_7_1.jpg) center center;
    background-size: cover;
	display:flex;
}
.obatashi3{
    background: url(../img/image_7_2.jpg) center center;
    background-size: cover;
}
.obatashi4{
    background: url(../img/image_7_3.jpg) center center;
    background-size: cover;
}
.obatashi5{
    background: url(../img/image_7_4.jpg) center center;
    background-size: cover;
}
/*業績*/
.obatashi7{
    background: url(../img/image_7_7.jpg) center center;
    background-size: cover;
}
/*obatashi2*/
    .obatashi2.a>div>div.img{
        display: none;
    }
    .obatashi2 {
        background: url(../img/OBAYASHIclass1ss.jpg) bottom center no-repeat !important;
        background-size: cover !important;
    }

.obatashi1>div{
    padding: 7% 0 0 5%;
}
.obatashi1>div>div>div{
    text-align: center;
}
.obatashi1 h1{
    font-size: 27px;
    line-height: 1.2;
    color: #fff;
    font-weight: 400;
}
.obatashi1 p{
    font-size: 12px;
    line-height: 1.5;
    text-align: justify;
    font-weight:normal;
    padding-bottom: 10px;
    color:#FFF;
}
.obatashi1 img{
    width: 50%;
}
/*.obatashi2{
    display: flex;
    align-items: center;
    justify-content: center;
}*/
.obatashi2>div{
    width: 500px;
}
.obatashi2.a>div{
    display: flex;
    align-items: center;
}
.obatashi2.a>div>div,
.obatashi2.a>div>p{
    width: 50%;
    text-align: justify;
    text-justify:inter-ideograph;
}
.obatashi2.a>div>div{
    padding-right: 30px;
}
.obatashi2.a>div>div>p.img img{
    width: 150px;
}
.obatashi2.a>div>div>p.img{
    text-align: center !important;
}
.obatashi .a5{
    text-align: center;
}
.obatashi .a5>div{
    width: 300px;
}

@media only screen and (max-width: 820px) and (max-height: 375px){
    .tfb1>div>div img {
        width: 50%;
    }
}