/*------------ / banner ------------*/
.banner {
    padding-bottom: 0px;
	padding-top: 0px;
}
.banner:before {
    content: '';
    background: url('../images/banner_cover.png') 50% 100% / 100% 100% no-repeat;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 50px;
	z-index:1;
}
.banner .slider:before {
    content: '';
    border: 0px solid #fff;
    position: absolute;
    z-index: 50;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0.15;
    pointer-events: none;
}
.banner-slider-control {
    position: absolute;
    z-index: 50;
    top: 100%;
    left: 0;
    right: 0;
    text-align: center;
    margin-top: -70px;
}
.banner .slick-prev,
.banner .slick-next {
    vertical-align: middle;
    white-space: nowrap;
    text-indent: 101%;
    overflow: hidden;
    text-align: left;
    padding: 0;
    border: 0;
    background: url('../images/banner_arrow.png') no-repeat;
    width: 25px;
    height: 50px;
    cursor: pointer;
}
.banner .slick-prev {
    background-position: 0 0;
    margin-right: 10px;
}
.banner .slick-next {
    background-position: 100% 0;
    margin-left: 10px;
}
.banner .slick-prev:hover {
    background-position: 0 100%;
}
.banner .slick-next:hover {
    background-position: 100% 100%;
}
.banner-slider-dots {
    display: inline-block;
    vertical-align: middle;
}
.banner .slick-dots li {
    vertical-align: middle;
}
.banner .slick-dots li button {
    white-space: nowrap;
    text-indent: 101%;
    overflow: hidden;
    text-align: left;
    padding: 0;
    border: 0;
    background: url('../images/banner_dot.png') no-repeat;
    width: 20px;
    height: 20px;
    cursor: pointer;
}
.banner .slick-dots li.slick-active button {
    background-position: 100% 0;
}
/*------------ / site-main ------------*/
.site-main {
    padding-bottom: 50px;
}
/*------------ / products ------------*/
.sect1 {
    padding: 65px 0 0;
	margin-bottom: 70px;
}
.index_about {text-align:center; font-size:120%; line-height:36px;}
.products-sect-title {
    color: #B20000;
    background-size:132px;
    font-weight: bold;
    line-height: 1.4;
    /*-padding: 5px 0 10px 45px;-*/
    padding: 30px 0px 60px 0px;
    margin: 0 auto -10px;
    height:  auto;
    text-align:center;
    position:  relative;
}
.products-sect-title span {
color: #717071;
    font-size: 26px;
    margin:0px 0px 0px 0px;
    left:20px;
    letter-spacing:0.2em;
    display:block;
}
.products-sect-title span:before{
	/*background: url('../images/products_title_ic.png')50% 50% no-repeat;*/
	content:'';
	width:142px;
	height:240px;
	display:block;
	position:absolute;
	left:0px;
	margin:auto;
	right:-150px;
	top:-65px;
}
.products-sect-title span:after{
	content:'ABOUT US';
	width:180px;
	font-size:12px;
	letter-spacing:0.2em;
	height:20px;
	display:block;
	position:absolute;
	margin:auto;
	left:0px;
	right:0px;
}

.products-sect-title b {
    display: inline-block;
    border-bottom: 2px solid #444455;
    color: #989FFC;
}
.products-sect-title .more {
    float: right;
    left:calc(100% - 142px);
    bottom:30px;
    position:absolute;
    margin: 0px 0;
}
.products-sect-title .more a{
    width: 102px;
	height: 20px;
    display: inline-block;
    padding: 12px 0;
    background: #666b8a;
    text-align: center;
    color: transparent;
    font-size: 13px;
    font-style: italic;
    line-height: 1;
	background: url('../images/view_arrow.png')50% 50% no-repeat;
    transition: all .2s;
}
.products-sect-title .more a:hover{
    background: url('../images/view_arrow2.png')50% 50% no-repeat;
    width: 152px;
}

.products-list {
    margin: 0 -10px;
}
.products-list .item {
    width: 16.66%;
    padding: 0 10px;
}

.products-list .box {
    max-width: 220px;
    margin: 0 auto 10px;
    position: relative;
    /*-border-bottom: 1px solid #656565;-*/
}
.products-list .box:after{
	border-bottom: 3px solid #656565;
	width:20px;
	content:'';
	display:block;
	transition: all .5s ease;
	left:0px;
	opacity:0;
}
.products-list .box:hover:after{
	opacity:1;
	width:100px;
	left:50px;
}
.products-list .box:hover {
    border-bottom-color: #2039E8;
}
.products-list .box.new:before {
    content: 'NEW';
    position: absolute;
	font-size: 14px;
    z-index: 10;
    top: 10px;
    left: 10px;
    padding: 0 3px;
}
.products-list .pic-box {
    position: relative;
    overflow: hidden;
    /*-box-shadow: 0 0 5px 0 rgba(0,0,0,0.2);-*/
}
.products-list .pic {
    display: block;
    position: relative;
    overflow: hidden;
	border-radius: 10px;
	-webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
	-webkit-clip-path: polygon(50% 0%, 100% 40%, 100% 100%, 0 100%, 0 40%);
	clip-path: polygon(50% 0%, 100% 40%, 100% 100%, 0 100%, 0 40%);
}
.products-list .pic:hover{
	-webkit-clip-path: polygon(50% 0%, 100% 0, 100% 100%, 0 100%, 0 0);
	clip-path: polygon(50% 0%, 100% 0, 100% 100%, 0 100%, 0 0);
}
.products-list .pic:before {
    content: '';
    background: #FFF;
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
	-webkit-clip-path: polygon(50% 0, 100% 40%, 100% 0, 0 0, 0 40%);
	clip-path: polygon(50% 0, 100% 40%, 100% 0, 0 0, 0 40%);
}
.products-list .box:hover .pic:before {
	-webkit-clip-path: polygon(50% 0, 100% 0, 100% 0, 0 0, 0 0);
	clip-path: polygon(50% 0, 100% 0, 100% 0, 0 0, 0 0);
}
.products-list .txt {
    position: relative;
    z-index: 1;
    padding: 13px 5px 8px;
}
.products-list .description {
    font-size: 14px;
    color: #8B8B8B;
    line-height: 1.45;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 41px;
}
.products-list .name {
    color: #282828;
    font-weight:bolder;
	font-size:17px;
    margin: 15 px 0px 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    letter-spacing: 0.05em;
    height: 27px;
}

.products-sect .slick-dots {
    padding-top: 20px;
    text-align: center;
	position:  absolute;
    top: -110px;
}
.products-sect .slick-dots li button {
    white-space: nowrap;
    text-indent: 101%;
    overflow: hidden;
    text-align: left;
    padding: 0;
    border: 0;
    background: url('../images/products_dot.png') no-repeat;
    width: 28px;
    height: 28px;
    cursor: pointer;
}
.products-sect .slick-dots li.slick-active button {
    background-position: 100% 0;
}

/*------------ / about ------------*/
.sect2 {
    position: relative;
	padding: 105px 0;
	
    background: url('../images/a_bg.jpg') no-repeat;
}
/*----------add start----------*/
.sect2:before{
	content: '';
	background: url(../images/s1.png) 50% 100% / 100% 100% no-repeat;
	position: absolute;
	left: 0;
	right: 0;
	bottom: calc(100% - 50px);
	height: 50px;
	z-index: 1;}
.sect2:after{
content: '';
    background: url(../images/s2.png) 50% 100% / 100% 100% no-repeat;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0%;
    height: 50px;
    z-index: 1;
}
/*----------add end----------*/
.sect2 .container {
    max-width: 1300px;
	padding: 20px;
	width:100%;
    /*------
	background: url('../images/about_shadow.png') 50% 100% / 100% 25px no-repeat;
    padding: 0 0 0px;
						-----*/
}
.sect2 .container:before{
	background: url('../images/about_title.png') 0% 0% / 100% 100% no-repeat;
	display:inline-block;
	content:'';
	position:absolute;
	width:1061px;
	height:67px;
	/*margin:0px auto;*/
	left:0;
	right:100px;
	z-index:1;
	margin:0px 0px 0px -600px;

}
.about-sect {
    /*-background: url('../images/about_bg.png') 50% 0 / cover no-repeat;-*/
    position: relative;
    overflow: hidden;
}
.about-sect-title {
    color: transparent ;
    font-size: 22px;
    margin-bottom: 18px;
    display:none;
    padding:0 0 10px 0;
}
.about-sect-title span {
    display: block;
    color: #B20000;
    font-family: 'Oswald', sans-serif;
    font-size: 30px;
    font-weight: 300;
}
.about-sect .txt-box {
    float: left;
    width: 100%;
    /*---background: rgba(4, 10, 40, 0.8);---*/
    margin-right: 0%;
    color: #aaa;
    line-height: 1.55;
    padding: 120px 48px 70px;
    position: static;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.about-sect .editor {
    min-height: 220px;
	width:360px;
}
/**********add start**********/
.about-sect .editor span{
    font-size:20px;
    color:#FDDE9E;
    font-weight: bold;
	line-height:28px;
}
.about-sect .editor span.aboutLLStxt{
 font-size:15px;
 color:#262626;
}
/**********add end**********/
.about-sect .ibtn.more {
    background-image: url('../images/about_more.png');
    width: 200px;
    height: 33px;
    position: absolute;
    right: calc(50% - 100px);
    bottom: 0;
	
}

/*------------ / album ------------*/

.sect3 {
    padding: 0px 0 90px;
}
.sect3 .container {
    max-width: 1330px;
    padding: 0 15px;
}

.album-sect {
    width: auto;
    float: none;
    position: relative;
}
.album-sect-title {
    
    color: #B20000;
    background-size:132px;
    
    font-weight: bold;
    line-height: 1.4;
    /*-padding: 5px 0 10px 45px;-*/
	padding: 80px 0px 60px 0px;
    margin: 20px auto -10px;
	height:  auto;
    text-align:center;
    position:  relative;
}
/*-----------Add Start----------*/
.album-sect-title span:after{
	content:'PHOTO';
	width:130px;
	font-size:12px;
	letter-spacing:0.5em;
	height:20px;
	display:block;
	position:absolute;
	margin:auto;
	left:0px;
	right:0px;
}
.album-sect-title span:before{
	/*background: url('../images/album_title_ic.png')50% 50% no-repeat;*/
	content:'';
	width:142px;
	height:240px;
	display:block;
	position:absolute;
	left:0px;
	margin:auto;
	right:150px;
	top:-10px;
}
/*-----------Add End-----------*/
.album-sect-title span {
    color: #717071;
    font-size: 26px;
    margin:0px 0px 0px 0px;
    left:20px;
    display:block;
	letter-spacing:0.2em;
    /* display: inline-block; */
    /* vertical-align: middle; */
    /* margin-bottom: 5px; */
    /* font-weight: bold; */
    /* text-align:  center; */
    /* padding-top:  20px; */
}
.album-sect-title b {
    display: inline-block;
    border-bottom: 2px solid #444455;
    color: #989FFC;
}
.album-sect-title .more {
    float: right;
    left:calc(100% - 102px);
    bottom:30px;
    position:absolute;
    margin: 0px 0;
}
.album-sect-title .more a{
    width: 102px;
	height: 20px;
    display: inline-block;
    padding: 12px 0;
    background: #666b8a;
    text-align: center;
    color: transparent;
    font-size: 13px;
    font-style: italic;
    line-height: 1;
	background: url('../images/view_arrow.png')50% 50% no-repeat;
    transition: all .2s;
}
.album-sect-title .more a:hover{
    background: url('../images/view_arrow2.png')50% 50% no-repeat;
    width: 152px;
}
.album-sect .btn.more {
    right: 44px;
}
.album-sect .slick-dots {
    text-align: center;
    position: relative;
    padding-top: 20px;
    top: 100%;
    left: 0;
    right: 0;
}
.album-sect .slick-dots li button {
    white-space: nowrap;
    text-indent: 101%;
    overflow: hidden;
    text-align: left;
    padding: 0;
    border: 0;
    background: url('../images/album_dot.png') no-repeat;
    width: 28px;
    height: 28px;
}
.album-sect .slick-dots li.slick-active button  {
    background-position: 100% 0;
}
.album-list {
    margin: 0 -3px;
}
.album-list > li{
    width: 25%;
}
.album-list .item {
    padding: 0 10px;
}
.album-list .box {
    display: block;
    position: relative;
    background: #fff;
    max-width: 480px;
    margin: 0 auto;
}
.album-list .box:before {
	content: '';
    position: absolute;
    top: 140px;
    bottom:0;
    left: 0;
    right: 115px;
    background: url('../images/hover.png') 50% 50% no-repeat;
    opacity: 0;
    z-index:1;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.album-list .box:hover:before {
    opacity: 1;
}
.album-list .fancybox {
    display: none;
}
.album-list .pic {
    position: relative;
    overflow: hidden;
}
.album-list .pic:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background:rgba(255,255,255,0.4);
    opacity: 0;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.album-list .box:hover .pic:before {
    opacity: 1;
}
.album-list .txt {
    /*-border: 1px solid #ddd;-*/
    padding: 10px 15px 10px 15px;
    position: relative;
}
.album-list .txt:before {
    content: 'VIEW';
    display: inline-block;
	letter-spacing:0.5em;
    font-family: 'Oswald', sans-serif;
    font-size: 13px;
    font-weight: bold;
    /*-border-bottom: 3px solid #737273;-*/
    padding-bottom: 32px;
}
.album-list .txt:after{
	border-bottom: 3px solid #656565;
	width:20px;

	content:'';
	display:block;
	left:0px;
	opacity:0;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}
.album-list .box:hover .txt:after{
	opacity:1;
	width:100px;
	left:50px;
}
.album-list .name {
    color: #737273;
    font-size: 16px;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-top: -32px;
    height: 25px;
}
.album-list .box:hover .name {
    color: #737273;
}

/*------------ / service ------------*/

.sect5 {
    padding: 10px 0;
	background: url(../images/service_bg.jpg) center center;
}
.sect5 .container {
    max-width: 1300px;
    padding: 0;
}
.sect5 .btn.more {
    margin-top: 50px;
    width: 50px;
    height: 50px;
   background-image: url('../images/about_more.png');
    width: 200px;
    height: 33px;
    right: 50%;
    bottom: 0;
    color: #eee;
    font-size: 13px;
    font-weight: bold;
    font-style: italic;
    line-height: 1;
    text-align: center;
    text-indent:100%;
	-webkit-transition:none;
    transition: none;
}
.sect5 .btn.more:hover {
    /*-background: #152cbf;-*/
	background-position: 0 100%;
}
.sect5 .btn.more .ic {
    display: block;
    font-size: 24px;
    margin: 5px auto 0;
	display: none;
}
.service-sect {
    position: relative;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    padding: 40px 11%;
}
.service-sect .btn.more {
    margin-left: 0px;
}
.service-sect-title {
    color: #B20000;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.4;
    margin: 0 0 30px;
}
.service-sect-title:after{
	    content:'';
    width:100%;
    height:7px;
	/*background: url('../images/waveline.png') 50% 50% / cover no-repeat;*/
	background-position: center;
    display:block;
    position:absolute;
    left:0;
    bottom:80%;
}
.service-sect-title:before{
	    content:'';
	    width:100%;
	    height:132px;
	    background: url('../images/service_logo.png') 50% 50% / contain no-repeat;
	    background-position: center;
	    display:block;
	    margin: 0 0 17px 0;
}
.service-sect-title span {
    color: #717071;
    font-size: 25px;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 5px;
    font-weight: bold;
	letter-spacing:0.2em;
    /*-----border-bottom: 2px solid #9a9aa0;-----*/
	line-height: 120%;
}
/**********add start**********/
.service-sect-title span:before{
	content:'SERVICE';
	width:180px;
	font-size:12px;
	letter-spacing:0.2em;
	height:20px;
	display:block;
	position:absolute;
	margin:auto;
	left:0px;
	top:215px;
	right:0px;
}
.service-sect-title span:after{
	content:'';
	display:block;
	width:30px;
	height:1px;
	left:0px;
	right:0px;
	position:absolute;
	margin: 50px auto 0;
	background: #727171;
}
/**********add end**********/
.service-sect-title b {
    display: inline-block;
    font-weight: bold;
    color: #000;
}
.service-sect .editor {
    display: -webkit-box;
    -webkit-line-clamp: 10;
    -webkit-box-orient: vertical;
    overflow: hidden;
    /*-----max-height: 197px;-----*/
    padding:25px 0px 0 3px ;
	color: #000;
	max-width:546px;
	margin:0 auto;
}
.service-sect .editor:before{
	content:'';
	width:287px;
	height:403px;
	background: url('../images/service_L.png') 50% 50% / cover no-repeat;
	left:10px;
	bottom:-20px;
	margin:0px auto;
	display:block;
	position:absolute;
}
.service-sect .editor :after{
	content:'';
	width:315px;
	height:392px;
	background: url('../images/service_R.png') 50% 50% / cover no-repeat;
	right:10px;
	bottom:110px;
	margin:0px auto;
	display:block;
	position:absolute;
}
/**********add start**********/
.service-sect .editor span.serviceLLS_0{
	text-align:center;
	font-size: 35px;
	font-weight:bold;

}
.service-sect .editor span.serviceLLS_1{
    color:#717071;
	text-align:center;
	font-size: 18px;
}
.service-sect .editor span.serviceLLS_2{
    color:#717071;
	text-align:center;
	font-size: 15px;
	line-height: 220%;
}
/**********add end**********/
/*------------ / news ------------*/

.sect4 {
    padding: 20px 0;
	margin-bottom: 0px;
}
.news-sect {
    float: right;
    width: calc(100% - 0px);
}
.news-sect-title {
    color: #B20000;
    background-size:132px;
    
    font-weight: bold;
    line-height: 1.4;
    /*-padding: 5px 0 10px 45px;-*/
	padding: 10px 0px 60px 0px;
    margin: 0 auto -10px;
	height:  auto;
    text-align:center;
    position:  relative;
}
.news-sect-title span {
    color: #717071;
    font-size: 26px;
    margin:0px 0px 0px 0px;
    left:20px;
    letter-spacing:0.2em;
    display:block;
}
.news-sect-title span:before{
	/*background: url('../images/news_title_ic.png')50% 50% no-repeat;*/
	content:'';
	width:142px;
	height:240px;
	display:block;
	position:absolute;
	left:0px;
	margin:auto;
	right:-150px;
	top:-65px;
}
.news-sect-title span:after{
	content:'ROOMS';
	width:180px;
	font-size:12px;
	letter-spacing:0.2em;
	height:20px;
	display:block;
	position:absolute;
	margin:auto;
	left:0px;
	right:0px;
}
.news-sect-title b {
    display: inline-block;
    border-bottom: 2px solid #444455;
    color: #989FFC;
}
.news-sect-title .more {
    float: right;
    left:calc(100% - 102px);
    bottom:30px;
    position:absolute;
    margin: 0px 0;
}
.news-sect-title .more a{
    width: 102px;
	height: 20px;
    display: inline-block;
    padding: 12px 0;
    background: #666b8a;
    text-align: center;
    color: transparent;
    font-size: 13px;
    font-style: italic;
    line-height: 1;
	background: url('../images/view_arrow.png')50% 50% no-repeat;
    transition: all .2s;
}
.news-sect-title .more a:hover{
    background: url('../images/view_arrow2.png')50% 50% no-repeat;
    width: 152px;
}
.news-sect .slick-dots {
    padding-top: 20px;
    text-align: center;
	position:  absolute;
    top: -70px;
}
.news-sect .slick-dots li button {
    white-space: nowrap;
    text-indent: 101%;
    overflow: hidden;
    text-align: left;
    padding: 0;
    border: 0;
    background: url('../images/news_dot.png') no-repeat;
    width: 28px;
    height: 28px;
    cursor: pointer;
}
.news-sect .slick-dots li.slick-active button {
    background-position: 100% 0;
}
.news-list {
    margin: 0 -6px;
}
.news-list .item {
    width:25%;
    padding: 0 6px;
}
.news-list .box {
    max-width: 348px;
    margin: 0 auto;
}
.news-list .box:hover {
    background: #fff;
}
.news-list .pic {
    position: relative;
    overflow: hidden;
	margin-bottom: 10px;
    border-radius: 10px;
}
/*-
.news-list .box:hover .pic:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: url('../images/news/hover.png') 50% 50% / 24% auto no-repeat rgba(108,155,210,0.9);;
}
-*/
.news-list .txt {
    position: relative;
    padding: 15px 20px;
    border-radius: 10px;
}
.news-list .box:hover .txt{
	background: #fff;
}
.news-list .name {
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.3;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 18px;
}

.news-list .box:hover .description {
    color: #717071;
}
.news-list .description {
	color: #ffffff;
	font-size: 14px;
	line-height: 1.5;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	height: 40px;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
}
.news-list .date {
    display: block;
   /*- border: 1px solid #ccc;-*/
    border-width: 1px 0;
    color: #fff;
	font-weight:bold;
    font-size: 13px;
    text-align: center;
    line-height: 20px;
}
.news-list .box:hover .date {
    border-color: #9c9c9c;
}
/*************fancybox-close*************/
body .fancybox-close {
    background: url(../images/lightbox_close.png) no-repeat;
    width: 45px;
    height: 45px;
    right: 0px;
    top: -60px;
}
body .fancybox-close:hover {
    background-position: 0 100%;
}
body .fancybox-skin {
    background: #fff;
    margin: 20px 40px;
    border-radius: 0px;
}
/*************************************/
@media screen and (max-width: 1300px) {
	.sect2 {
		padding: 0px 0;
	}
		.sect2:after{
		display:none;
	}
	.sect2:before{
		display:none;
	}
	.service-sect .editor:before{
		display:none;
	}
	.service-sect .editor :after{
		display:none;
	}
	.site-header:after{
		display:none;
	}
}
@media screen and (max-width: 1000px) {
	.banner {
		padding-bottom: 30px;
		padding-top: 0px;
	}
	.banner:before {
		display:none;
	}
    .banner {
        padding-bottom: 55px;
    }
    .banner-slider-control {
        margin-top: -20px;
    }
    .banner .slick-prev, .banner .slick-next{
        display: none !important;
    }
    .sect1 {
        padding: 10px 0 30px 0;
    }
}
@media screen and (max-width: 900px) {
    .sect4 .container:before {
        display: none;
    }
    .news-sect {
        float: none;
        width: auto;
        max-width: 760px;
        margin: 0 auto;
    }
    .news-list .box {
        max-width: 320px;
    }
	/*-*/
	.about-sect .txt-box {
    padding: 100px 48px;
	}
	.about-sect .ibtn.more {
    bottom: 30px;
	}
	/*-*/
	
}
@media screen and (max-width: 767px) {
    .banner .slider:before {
        border-width: 0px;
    }
    .service-sect {
        background: none;
        padding: 10px 30px;
    }
    .service-sect .editor {
        display: block;
        max-height: none;
    }
    body .fancybox-skin {
        margin: 50px 0 5px;
    }
    body .fancybox-close {
        top: -60px;
        right: 0%;
        margin-right: 0px;
    }
/*-add start-*/
	.sect5 {
    padding: 0px 0;
   }
	.service-sect {
    position: relative;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    padding:0; 
}
	.sect5 .btn.more {
    margin: 25px 0 25px 0;
	}
	.about-sect .txt-box {
    padding: 100px 48px;
	}
	.about-sect .ibtn.more {
    bottom: 30px;
	}
/*-add end-*/

}
@media screen and (max-width: 450px) {
    .products-sect-title {
	background: none;
	padding: 0;
	text-align: center;
	display: inline-block;
	width: 100%;
	margin-bottom: 50px;
    }
    .products-sect-title span {
        display: block;
    }

    .products-list {
        margin: 0 auto;
    }
    .album-sect-title {
        background: none;
        padding: 0;
        text-align: center;
        display: inline-block;
        width: 100%;
    }
    .album-sect-title span {
        display: block;
    }
    /*-首頁產品相簿VIEW ALL消失
	.album-sect-title .more {
        float: right;
        margin: 10px auto 0;
        width: 100%;
    }
	-*/
    .album-list {
        margin: 0 auto;
		right: 5px;
    }
    .news-sect-title {
	background: none;
	padding: 0;
	text-align: center;
	display: inline-block;
	width: 100%;
    }
    .news-sect-title span {
        display: block;
    }
    /*-首頁最新消息VIEW ALL消失
	.news-sect-title .more {
        float: right;
        margin: 10px auto 0;
        width: 100%;
    }
	-*/
    .news-list {
        margin: 0 auto;
    }
	/*-ADD START-*/
	.banner-slider-control {
        margin-top: -20px;
    }
	.products-sect-title span:before{
		background-size:80%;
		right:-150px;
		top:-100px;
	}
	.service-sect .editor span.serviceLLS_0{
	font-size: 25px;
	}
	.service-sect .editor span.serviceLLS_1{
	font-size: 16px;
	}
	.service-sect .editor span.serviceLLS_2{
	font-size: 15px;
	}
	.service-sect-title:after{
    bottom:87%;
	}
	.products-list .item {
    padding: 50px 10px;
	}
	.sect1 {
    padding: 10px 0 10px 0;
    }
	.sect5 {
    padding: 0 0 0 0;
	}
	.service-sect-title:before{
	    margin: 0px 0 20px 0;
}
	.service-sect-title {
    margin: 0 0 0px;
	}
	.service-sect .editor {
    padding:60px 0px 0 3px ;
	}
	.service-sect-title span:before{
	top:190px;
	}
	.service-sect-title span:after{
	margin: 40px auto 0;
	}
	.sect5 .btn.more {
    margin: 20px 0 20px 0;
	}
	.about-sect .txt-box {
        padding: 90px 30px 90px;
    }
	/*-ADD END-*/
}
@media screen and (max-width: 440px) {
    /*-.about-sect .txt-box {
        float: none;
        width: auto;
        margin: 0;
        padding: 28px 30px 65px;
    }-*/
    .about-sect .editor {
        min-height: 0;
    }
/*-ADD START-*/
	.banner-slider-control {
        margin-top: -20px;
    }
	.products-sect-title span:before{
		background-size:80%;
		right:-150px;
		top:-100px;
	}
	.service-sect .editor span.serviceLLS_0{
	font-size: 25px;
	}
	.service-sect .editor span.serviceLLS_1{
	font-size: 16px;
	}
	.service-sect .editor span.serviceLLS_2{
	font-size: 15px;
	}
	.service-sect-title:after{
    bottom:87%;
	}
	.products-list .item {
    padding: 50px 10px;
	}
	.sect1 {
    padding: 25px 0 10px 0;
    }
	.sect5 {
    padding: 0 0 0 0;
	}
	.service-sect-title:before{
	    margin: 0px 0 20px 0;
}
	.service-sect-title {
    margin: 0 0 0px;
	}
	.service-sect .editor {
    padding:60px 15px 0 ;
	}
	.service-sect-title span:before{
	top:190px;
	}
	.service-sect-title span:after{
	margin: 40px auto 0;
	}
	.sect5 .btn.more {
    margin: 30px 0;
	}
	.about-sect .txt-box {
        padding: 90px 30px 65px;
    }
	.service-sect {
        padding: 10px 0px;
    }
	.sect2 .container:before{
	margin:0px 0px 0px -720px;
	}
	.sect3 .container {
    padding: 60px 0 0 10px;
	}
	.album-sect-title span:before{
		right:155px;
		top:-100px;
	}
	.album-list .box {
    margin: 90px 0 0 0;
	}
	.sect3 {
    padding: 0px 0 70px;
	}
	.album-sect .slick-dots {
    padding-top: 0px;
	}
	.news-sect-title span:before{
	right:-150px;
	top:-135px;
	background-size:100%;
	}
	.news-list .box {
    /*max-width: 248px;*/
    margin: 90px auto 25px;
	}
	.sect4 {
    padding: 50px 0 50px 0;
	}
	.site-main {
    padding-bottom: 0px;
	}
	.site-title .logo {
    width: 250px;
    height: 90px;
    }
	.products-sect .slick-dots {
    padding-top: 0px;
    text-align: center;
	position:  absolute;
    top: 85%;
    left:calc(50% - 100px);
	}
	.products-sect-title .more{
		display: none;
	}
	.news-sect .slick-dots {

    top: 95%;
    left:calc(50% - 100px);
	}
	.about-sect .ibtn.more {
    bottom: 10px;
	}
	/*-最新消息VIEW ALL-*/
	/*
	.news-sect-title .more a{
		background-size:70%;
		position:relative;
		top:70px;
		right:250px;
		margin:0 20px 0 0;
	}
	.news-sect-title .more a:hover{
		background-size:70%;
	}
	*/
	/*-最新消息VIEW ALL-*/
	/*-產品相簿VIEW ALL-*/
	/*
	.album-sect-title .more a{
    position:relative;
    background-size:70%;
    top:50px;
    right:10px;
	}
	.album-sect-title .more a:hover{
	background-size:70%;
	}
	*/
	/*-產品相簿VIEW ALL-*/
	.album-sect-title .more a{
    position:relative;
    top:110px;
    right:calc(100% + 40px);
	}
	.news-sect-title .more a{
    position:relative;
    top:100px;
    right:calc(100% + 40px);
}
/*-ADD END-*/
}
@media screen and (max-width: 400px) {


}