/* Basic settings====================================================================================================*/
*{/* font-family:"微軟正黑體","Helvetica Neue",Helvetica,Arial,sans-serif; *//* margin:0px; *//* padding: 0px; */}
body{ height: 100%; width: 100%; background-color: #000000;}
.navbar-brand img{ width: 320px; margin-top: -5px;}
.container_inner{ width: 1100px; margin: 0 auto;}
.m-b-70{ margin-bottom: 70px;}
.m-t--80{ margin-top: -80px;}

.sub {
    color:#818180; font-size: 2.6em; font-weight: bold; position: relative;
}

@media screen and (max-width:1200px) {
.navbar-brand img{ width: 280px;}
.container_inner{ width: auto;}
}

@media screen and (max-width:900px) {
.navbar-brand img{ width: 240px;}
}

@media screen and (max-width:767px) {
.navbar-brand img{ width: 220px;}
.m-t--80{ margin-top: 0px;}
}

/* index banner====================================================================================================*/
.index_banner{position:relative; }
.index_banner img{ position: absolute; left:0%; animation-name: banner; animation-duration: 15s;}



@media screen and (max-width:767px) {
.swiper-button-next{ display: none;}
.swiper-button-prev{ display: none;}
}

/* banner====================================================================================================*/

header{ position:relative; top: -80px;}
.header_banner{ position:relative; width: 100%; height: 900px; overflow: hidden; background-color: #000;}
.banner_img{
	position: absolute;
	width: 1920px;
	left: -1px;
	transform: translateX(-960px);
	animation-name: banner;
	animation-duration: 15s;
	text-align: center;
	animation-iteration-count: infinite;
	top: -1px;
}


.banner_text{ position:absolute; width:100%; left: 50%; transform: translateX(-50%) translateY(50%);}
.banner_text h1{ text-align: center; color: #fff; font-size: 30px; padding-top: 350px; letter-spacing: 2px;
text-shadow:2px 2px 10px rgba(0,0,0,0.8);}
.banner_text h2{ text-align: center; color: #fff; font-size: 55px; padding-top: 5px; letter-spacing: 1px; font-family:"Prata"; text-shadow:2px 2px 10px rgba(0,0,0,0.8); }


@keyframes banner {
    0%   { transform: scale(1); opacity: 0.5;}
	12%  { opacity: 0.95;}
    40%  { transform: scale(1.1); }
    60%  { transform: scale(1.1); }
    100% { transform: scale(1); }
}

@media screen and (max-width:1360px) {

}

@media screen and (max-width:767px) {
header{top: 0px;}
.header_banner{height: 300px; top:0px;}
.banner_img{width: 1000px;}
.banner_text h1{ font-size: 24px; padding-top: 120px;}
.banner_text h2{ font-size: 30px; }
}

/* p1=====================================================================================================*/
.p-tb-20-100{ padding-top: 20px; padding-bottom: 100px;}

.AboutUs-world { margin: 50px auto;}
.AboutUs-world h3{ margin-top: 100px; font-size: 28px; letter-spacing: 1px; line-height: 30px; font-weight: 600;}
.AboutUs-world p{ margin: 10px auto 20px; font-size: 16px; letter-spacing: 0.5px; line-height: 30px; text-align: justify;}

.Bg-picture{ height: 700px; background-image: url(../images/p1/pic3.jpg); background-attachment: fixed;}
.Bg-black-world{ height: 100%; background-color:rgba(0,0,0,0.65); color: #FFF; padding: 4% 10% 0;}
.Bg-black-world h3{margin-top: 100px; font-size: 28px; letter-spacing: 1px; line-height: 40px; font-weight: 600;}
.Bg-black-world p{margin: 10px auto 20px; font-size: 16px; letter-spacing: 0.5px; line-height: 30px; text-align: justify;}

.back_chair{ height: 700px; background-image: url(../images/p1/back.png); background-size: cover;}
.m-t-100-chair{ margin-top: -600px;}

@media screen and (max-width:1440px) {
.back_chair{ height: 550px; }
}
@media screen and (max-width:995px) {
.back_chair{ display: none;}
.m-t-100-chair{ margin-top: 0px;}
}
@media screen and (max-width:767px) {
.p-tb-20-100{ padding-top: 40px; padding-bottom: 40px;}
.AboutUs-world { margin: 20px auto;}
	
.AboutUs-world h3{ margin-top: 20px; font-size: 20px;}
.AboutUs-world p{ font-size: 14px;  line-height: 25px;}

.Bg-picture{ height: 500px;}
.Bg-black-world{ padding: 4% 5% 0;}
.Bg-black-world h3{ margin-top: 40px; font-size: 18px; line-height: 25px;}
.Bg-black-world p{ font-size: 14px;  line-height: 25px;}
	
}

/* 內頁BANNER=====================================================================================================*/
.bg{ background-image: url(../images/bg.jpg); background-repeat: repeat;}
.main_world{ background-color:rgba(224,224,224,0.5); padding-top: 80px; padding-bottom: 80px; margin-top:-100px; }

.main_world h1{ font-size:60px; text-align:center; color:#4d8f13; font-family:"Prata"; background-color: #d0d0d0; display: block; width: 550px; margin: -35px auto 0;}
.main_world hr{ border-top: 1px solid #4d8f13; width: 750px; margin: 80px auto 0; background-color: #9B6263; }
.main_world p{ width: 450px; margin: 0 auto; font-size: 17px; color:#3e3e3e; text-align:center; line-height: 38px; letter-spacing: 1.5px; }
.title_pic1{ width: 300px; margin: 0 auto; margin-top: 10px;}
.title_pic2{ width: 400px; margin: 0 auto;}

@media screen and (max-width:767px) {
.main_world{ padding-top: 100px; padding-bottom: 50px; }
.main_world h1{ width: 280px; font-size:32px; margin: -20px auto 0;}
.main_world hr{ width: 320px; }
.main_world p{ width: auto; font-size: 14px; line-height: 25px; letter-spacing: 0.5px; padding:20px 20px 0;}
.title_pic1{ width: 220px; }
.title_pic2{ width: 280px; }
}


/* index============================================================================================================*/

.big_title{ width: 100%; height: 40px; border-left: #4d8f13 7px solid; box-shadow:1px 1px 1px rgba(20%,20%,40%,0.2);
	        margin: 50px 0px 20px;}
.big_title h3{ font-size: 20px; letter-spacing: 2px; margin: 8px 0 0 0;}
.inner_15{ padding:0 15px;}



.back_gray{ background-color:#f5f5f5; }
.hot_case{ margin: 50px 0 50px;}
.hot_case h3{ font-size: 22px; color: #4d8f13;  letter-spacing: 3px; font-weight: 400; margin-top: 40px;}
.hot_case h4{ font-size: 17px; color: #6b6b6b;  letter-spacing: 1px; line-height:30px;}



.border-angle{ border: 1px #e8e9e9 solid; padding: 20px 10px; margin: 0 3px 50px;}
.news_list{ font-size: 18px; width: 100%; letter-spacing: 2px; padding: 10px;}
.news_color1{ background-color:#e8e9e9;}
.news_color2{ background-color:#fff;}
.news_list span{ margin-left: 80px;}


.container-map{ width: 100%; margin: 30px 0 0 0; padding: 0px;}
footer{ width: 100%; background-color: #000; padding: 15px 0px 10px;}
footer p{ font-size: 15px; color: #fff; letter-spacing:1px; text-align: center; text-transform: uppercase; font-weight: 400;}

.footer_index{ position: fixed; bottom: 0px; z-index: 100; }

@media screen and (max-width:767px) {
.news_list{ font-size: 16px; letter-spacing: 1px;}
.news_list span{ margin-left: 10px;}
	

}

/* p2============================================================================================================*/
.case-tb-20 img{ margin: 20px auto;}

.back_bt{ text-align: center; color: #FFF; font-size: 16px; cursor: pointer; width: 200px; height: 40px; margin: 30px auto 50px;  background-color: #4d8f13; border-radius: 5px; padding-top: 9px; letter-spacing: 1px; -webkit-transition-duration: 0.5s;-o-transition-duration: 0.5s;transition-duration: 0.5s;}
.back_bt:hover{ background-color: #000;}


/* p3============================================================================================================*/


/* footer============================================================================================================*/

.footer_banner{ width: auto; height: 270px; background-position: center; padding-top: 100px;}

.footer_1{ background-image: url(../images/footer_banner1.jpg); }
.footer_2{ background-image: url(../images/footer_banner2.jpg); }
.footer_3{ background-image: url(../images/footer_banner3.jpg); }
.footer_4{ background-image: url(../images/footer_banner4.jpg); }
.footer_5{ background-image: url(../images/footer_banner5.jpg); }
.footer_6{ background-image: url(../images/footer_banner6.jpg); }


.footer_banner h5{ color: #ccc; font-size: 24px; text-align: center; line-height: 20px;}
.footer_banner h6{ color: #ccc; font-size: 18px; text-align: center; margin-top: 10px;}

@media screen and (max-width:767px) {
.footer_banner h5{ font-size: 16px; }	
.footer_banner h6{ font-size: 14px; }
}


@media screen and (max-width:480px) {
    .sub {
        color:#818180; font-size: 2em; font-weight: bold; position: relative;
    }
}