/*index*/

.slogen{max-width:350px;width:100%; margin:280px auto 0; text-align:center; border:#9f855d 5px solid; border-top:none; padding-bottom:30px}
.slogen h3{ font-size:25px; font-weight:bold; color:#fff; line-height:1.8em; letter-spacing:0.3em}
.slogen h3 small{font-size:21px;color:#fff}

/*==============================================================About==================================================*/
.tab,.bg-img{padding:30px 0 10px; margin-top:-350px}
.tabbg{width:100%; height:350px; z-index:0; background:url(../images/title.jpg) top center no-repeat; background-size: cover}

.tab2{padding:30px 0}
.tab h1,.bg-img h1{font-size:40px;color:#fff; letter-spacing:2px;}
.tab ul{ width:100%; text-align:center; padding:40px 0}
.tab li a{border-right:1px solid #fff;}
.tab li:last-child a{border-right: none;}
.tab ul li>a{ display:block; color:#fff; font-size:15px; line-height:0.8em; padding:0 25px; letter-spacing:0.6em}
.tab ul li a:hover,.tab ul .active a{color:#e0c39a}

.text{ padding:50px 10px; width:100%; max-width:1000px; margin:0 auto; text-align:center; background-color:#c4a77f}
.text h1{ font-size: 50px;color: #fff;margin: .5em 0;letter-spacing: 0.25em;font-family: 'Noto Sans TC';font-weight:lighter}
.text hr{border-top: 1px solid #e4c897;max-width:830px; width:100%; margin:40px auto}
.text h6{font-size:17px; font-weight:400;font-family: Arial,'Noto Sans TC', sans-serif; letter-spacing:0.3em;}
.text p{font-size:15px; color:#000; line-height:1.5em;letter-spacing:0.15em}
.text p b{margin:0 5px }

/***********************************Contact******************************/
.tab3{padding:30px 0 75px;}
.text2{text-align:left;padding: 50px 100px 20px;}
.text2 h5{ font-size:15px; color:#fff; ; line-height:2em}
.text2 h6{ font:17px;font-weight:normal; line-height:2em}
.text2 p{ font-size:15px;}
.text2 p b{color:#fff;font-size:8px; margin:0 10px; vertical-align:middle; border-right:1px solid #fff;}
.text2 p samp{ margin-left:40px}

.text2 ul{ text-align:left}
.text2 li{ width:100%;color:#1d252c;font-size:15px; font-weight:normal} 
.li-width{ width:50% !important} 
.li-width dl>dd>input[type="text"]{width:250px;} 

.text2 dt{ width:80px; text-align:right; font-size:15px; font-weight:normal}
.text2 dt samp{color:#000}
.text2 dd{ padding-left:10px;}
.text2 dd input[type="text"]{width:650px;border:#c4bfb9 solid 1px}
.text2 dt strong{line-height:2.5em;font-size:15px; font-weight:normal}
.text2 dd strong{ padding-right:15px; line-height:2.5em;font-size:15px; font-weight:normal}
.text2 dd strong a{ display:inline-block;line-height:1.4em; color:#fff; border-bottom:1px solid; margin-left:20px; letter-spacing:1px}
.text2 dd strong a:hover{ color:#f90;}
.text2 dd input[type="radio"],.text2 dd input[type="checkbox"]{ margin:0 10px 0 0}

.text2 dl select {padding: 10px 20px;line-height:1.5em; border: none;color: #000;margin: 10px 0;background: url(../images/arrow-icon.png) no-repeat scroll right center transparent;background-color: #fff;width: 265px;}
.text2 dd textarea{ width:650px; height:90px} 
.text2 dd span>button{ padding:0; margin:0; line-height:1.2em;}
.text2 dl>dd>span>input[type="text"]{width:95px;margin-left: 30px;padding: 10px; text-align:center}
.text2 .li-btn{ text-align:center}
.text2 .li-btn>a{ width:200px; font-size:17px; color:#fff; margin:20px 10px 0  10px; display:inline-block; line-height:3em}
.text2 .li-btn>a:hover{ opacity:0.9}
.btn-cancel{ background-color:#353535}
.btn-out{ background-color:#000}

/***********************************news******************************/

.tab4{padding: 30px 0 0;}
.newsList{max-width:1000px; width:100%;margin:auto}
.newsList li{ width:100%; padding-top:385px; background:top center no-repeat; margin-bottom:115px}
.newsList li a{border:0}
.newsList li a>article{ width:100%; max-width:625px; margin:0 auto; padding:25px 15px; background-color:#ededed}
.newsList li a>article p{ font-size:12px; color:#dabe98;}
.newsList li a>article p samp{ margin-left:2em}
.newsList li a>article h6{ font-size:19px; color:#000; font-weight:normal; letter-spacing:2px}
.newsList li a>article hr{border-top: 1px solid #dabe98; max-width:40px; margin-bottom:0}

.newsList li a:hover>article{background-color:#c4a77f}
.newsList li a:hover>article h6{color:#fff}
.newsList li a:hover>article p{color:#000}
.newsList li a:hover>article hr{border-top: 1px solid #000}
.newsList li a:hover>article,.newsList li a:hover>article h6,.newsList li a:hover>article p,.newsList li a:hover>article hr{transition:all .7s}

.footerNav2{padding-top:4%; border-top: 1px solid #434c54;max-width:none; text-align:center; margin-top:20px}
.footerNav2 li{width: 10%;}

/***********************************news_contant******************************/

.newsInfo{ max-width:1000px; width:100%; margin:auto} 
.newsInfo aside{ background:no-repeat top center; background-size:cover;padding:320px 0 0 50px; }

.newsInfo aside h1{background-color:rgba(188,165,130,0.9); font-size:12px; color:#000; padding:22px 10px 22px 50px;margin: 0;width: 100%; line-height:3em}
.newsInfo aside h1 samp{ margin-left:2em}
.newsInfo aside h1 b{font-size:35px; color:#fff; font-weight:500}
.newsInfo article{ padding:90px 100px; background-color:#fff;}
.newsInfo article div{ margin:20px auto}

.tab5 h3 { text-align:center; margin:50px 0}
.tab5 h3 span{ color: #fff;font-size: 19px;padding: 0 5%;letter-spacing: 0.5em;vertical-align: text-top;font-weight: 300;}
.tab5 h3>hr{ width:32.5%; display:inline-block;border-top: 1px solid #2c4762;}

.tab5 .newsList li{margin-bottom:70px}
.wrapperbg5 .footerNav2{padding-top: 30px;}

/***********************************team******************************/
.tab6 h3 span{font-size:20px;font-family:'Arial';font-variant: small-caps; color:#FFF;padding:0 43px; letter-spacing:0.3em }
.tab6 h3>hr{width:27.5%;border-top: 1px solid #2c4762;vertical-align: middle}
.tab6 div>hr{border-top: 1px solid #2c4762; margin:auto; width:86%}
.teamMenu li a{ letter-spacing:2px}

.imageList{ margin:20px auto; max-width:1000px; padding:0}
.imageList aside{ position:relative; margin-bottom:20px;}
.imageList aside button{position: absolute;top:100%;background: none;padding: 0; z-index:99}
.btn-left {left:47%;}
.btn-right {right:47%;}

.imageList aside .btn-txt {position: absolute;bottom: -55px;z-index: 999;color: #fff;right: 34px;}
.imageList aside .btn-txt2{right: 27%;}

.imageList ul{ padding:40px 0}
.imageList ul li{ width:10.1%; margin:1% 0.5%;border:rgba(255,255,255,0 ) solid 2px} 
.imageList ul li:hover,.imageList ul li.active{ border:rgba(255,255,255,1 ) solid 2px}
.imageList ul li a{ border: none; padding:0;}
.imageList ul li>a>img {max-height: 60px;}

.tab6 .PageLink{ margin:20px auto; max-width:1000px; padding:0; text-align:left}
.tab6 .PageLink>li{ width:31.3%; margin:2% 1%; vertical-align:top;}
.tab6 .PageLink>li article a aside{ margin-bottom:10px; opacity:0.5;}
.tab6 .PageLink>li article a aside:hover{ margin-bottom:10px; opacity:1}
.tab6 .PageLink>li article a p{ font-family:Arial; font-size:10px; text-align:left; color:#fff; line-height:1.2em; position:relative; padding:2px}
.tab6 .PageLink>li article a p samp{ position:absolute; right:0; font-size:15px; letter-spacing:1px;font-family: Arial,'Noto Sans TC', sans-serif;}
.tab6 .PageLink>li article a:hover p{color:#c4a77f;transition:all 0.9s}


/***********************************team_AEpage******************************/
.tab7>.container{max-width:100%; padding:0;}
.tab7 .imageList2{max-width:100%;margin: 0 auto 20px;} 
.tab7 .imageList2 aside{background:top center no-repeat;width:100%;text-align:center; max-height:600px }
.tab7 .imageList2 h6{ position:relative; color:#fff;font-family:Arial; font-size:14px; max-width:1000px; margin:auto; padding:0 5px;}
.tab7 .imageList2 h6>span{ font-size:36px; position:absolute; left:50px; top:-4px;font-family: Arial,'Noto Sans TC', sans-serif;}
.tab7 .imageList2 ul{ text-align:center; background:url(../images/team/ulbg_02.png) bottom left repeat-x;padding:50px 0 15px; margin-top:-50px}

.tab7 .imageList2 ul>li{ width:95px;} 
.tab7 div>hr,.tab7 .textInfo{ max-width:1000px; margin:auto}
.tab7 .textInfo{ padding:30px 10px 60px}
.tab7 .textInfo>.row{ margin:0}
.textInfo article{ padding:10px 0} 
.textInfo article p{ font-size:15px; color:#fff; line-height:1.2em}
.textInfo .text-style p,.textInfo .text-style2 p{font-size:15px;line-height:1.5em; letter-spacing:.2em}


/***********************************team_BCDpage******************************/

.Arealink li{ width:48%; margin:1.5% 1%; font-size:15px; color:#e0c39a; vertical-align:top; line-height:1.5em}
.Arealink li a{ display:block; width:100%; text-align:center; color:#fff; font-size:19px; background-color:#353535; line-height:3em}
.Arealink li a:hover{ background-color:#c4a77f;transition:all 0.9s}
.Arealink .li-hight{ padding:0 0 10px 45px;line-height:1.5em}
.Arealink .li-hight a{font-size:15px; color:#e0c39a; text-align:left;background:none;}
.Arealink .li-hight a:hover{ color:#f00;;background:none;}

.text3{padding:40px 100px 20px;}
.text3 h5 { padding:0 0 0 55px}
.text3 h5>b{ margin-right:20px}
.text3 hr{ margin: 30px auto 20px;}
.text3>ul{max-width: 830px; width: 100%; margin:auto}
.text3 dl select {width: 150px;margin: 10px 5px;}