@charset "utf-8";

.jb_1 { background-image:linear-gradient(to top,#fff,#fdf1e3); }

.mytitle1 { position:relative; overflow:hidden; }
/*.mytitle1:after { content:''; position:absolute; left:0; top:0; background:url('../images/title_img1.png') no-repeat; width:166px; height:99px; }
.mytitle1:before { content:''; position:absolute; left:0; top:0; background:url('../images/title_img1.png') no-repeat; width:166px; height:99px; }*/
.mytitle1:after { display:none; content:''; position:absolute; left:0; top:36px; height:3px; background:#c9990c; left:70px; right:41px; }
.mytitle1 .img1{ float:left; height:70px; }
.mytitle1 .img2 { float:right; height:35px; margin-top:20px; } 
.mytitle1 .text { /*position:absolute; left:0; top:10px; z-index:10;*/ }
.mytitle1 .text i { font-style:normal; font-weight:bold; letter-spacing:4px; color:#66483b; display:inline-block; line-height:50px; text-align:center; }

.title3 { font-size:36px; }
.title4 { color:#4e2615; font-family:Georgia, "Times New Roman", Times, serif; font-size:30px; }

html,body { font:400 14px/21px "微軟正黑體","Microsoft Yahei",Helvetica,Arial,sans-serif; }
body { }

.mycontainer { padding:0 2%; }

#logo { margin:20px 0; }
#logo img{height: 47px;}
footer { background: #866a3a;text-align: center;	padding: 15px;color: #fff; }
footer a {color: #fff;}

header { background:url('../images/header_bg.png') repeat; position:relative; z-index:999; }

#nav { margin-top:30px; }
#nav > li { display:inline-block; }
#nav > li > a { display:block; padding:0 30px; line-height:40px; border-radius:20px; font-size:20px; color:#000; transition:all .5s; }
#nav > li.active > a,#nav > li:hover > a { background:#c6b194; color:#fff; }

.lang-box { margin-top:5px; }
.lang-box a { display:inline-block; transition:all .5s; margin:23px 5px 0 5px; width:40px; height:40px; line-height:40px; text-align:center; font-size:16px; color:#999; border:solid 1px #999; }
.lang-box a.active,.lang-box a:hover { color:#866a3a; border-color:#866a3a; font-weight:bold; }

.index-part2 { margin-left:10%; margin-right:10%; }
.index-part2 .title { color:#b69151; font-weight:bold; }
.index-part2 .item { border:solid 1px #ccc; box-shadow:0 0 30px #ccc; }
.index-part2 .img { width:100%; }
.index-part2 .time { color:#666; }
.index-part2 a:hover { text-decoration:none; }
.index-part2 .uk-slidenav-position .uk-slidenav { display:block !important; }
.index-part2 .uk-slidenav-position .uk-slidenav-previous { left:-100px; }
.index-part2 .uk-slidenav-position .uk-slidenav-next { right:-100px; }

.video-js { padding:20% 0; }


.myform1 { width:600px; }
.myform1 td { padding:5px 10px 5px 0; font-size:16px; }
.required { color:red; display:inline-block; margin-left:5px; font-style:normal; vertical-align:middle; }
.inpt1 { transition:all .5s; color:#000; border:solid 1px #333; box-shadow:none; line-height:30px; height:30px; padding:0 10px; box-sizing:border-box; width:100%; }
.textarea1 { background:none;  transition:all .5s; color:#000; border:solid 1px #333; box-shadow:none; line-height:25px; padding:10px; box-sizing:border-box; }
.inpt1:focus,.textarea1:focus { border-color:#999; }
.mybutton { border:0; border-radius:0; cursor:pointer; }
.x-btn { margin-right:-30px; }


.page-title { font-size:30px; position:relative; padding:50px 0 10px; font-weight:bold; }
.page-title:before { content:''; position:absolute; left:150px; right:0; top:65px; border-top:solid 1px #ddd; }

.article-list li a { color:#000; display:inline-block; margin-left:15px; vertical-align:middle; }

.page_box { padding:3% 0; }
.nav-list { padding:0; margin:0; }
.nav-list li { display:block; margin:0; }
.nav-list li a { transition:all .5s; display:block; padding:15px 20px; background:#b6a07e; color:#fff; font-size:17px;position:relative; }
.nav-list li a:after { content:''; transition:all .5s; position:absolute; right:-100%; top:0; bottom:0; width:100%; opacity:0; background-image:linear-gradient(to left,#fdf1e3,transparent); }
.nav-list li a:hover,.nav-list li a,active { text-decoration:none; }
.nav-list li a:hover:after,.nav-list li a.active:after { right:0; opacity:1; }

.mycontent { font-size:18px; line-height:30px; margin-top:40px; margin-left:5%; margin-right:5%; }

.timeline-container {
	position:relative;
	min-height:350px;
	background-image: url('../images/timeline-frame.png');
	background-size: contain;
	background-position: center right;
	background-repeat: no-repeat;
	margin-top: 50px;
}
.timeline-text {
	display: inline-block;
	position: absolute;
	width: 70%;
	text-align: right;
	color: #999;
	font-size: 15px;
	font-weight: 700;
	right: 0;
	padding-right:40px;
}
.timeline-text-main {
	font-size: 22px;
	font-weight: bold;
	color:#4e2615;
}
.timeline-content-block {
	
}

.mybtn22 { display:inline-block; padding:0 20px; line-height:40px; color:#fff; background:#D04946; }
.rc-list .title { color:#866a3a; font-weight:bold; }
.rc_form_box table { width:600px; margin:0 auto; }
.rc_form_box table td { padding:5px; }
.input2 { width:100%; }
.textarea2 { width:100%; }
.uk-tooltip { background:#EB6586 !important; display:block !important; color:#fff !important; padding:20px !important; font-size:16px !important; max-width:none !important; }
.uk-tooltip:after { border-top-color:#EB6586 !important; }
#contact_map_list .img { max-height:165px; }
#contact_map_list > div  { margin-bottom:30px; }
#mobile_header { display:none; }
.rc-button { background:#866a3a; border:solid 1px #866a3a; }
.rc-button:hover,.rc-button:focus { opacity:.9; background:#866a3a; border:solid 1px #866a3a;  }

#nav2 .uk-nav-sub a { color:#999; padding:5px 0 5px 15px; }
#nav2 .uk-nav-sub a.m-active { color:#fff; }

@media screen and (max-width: 1630px) {
	#nav > li > a { font-size:16px; }
}

@media screen and (max-width: 1500px) {
	#nav > li > a { padding:0 15px; }
}
@media screen and (max-width: 1260px) {
	#nav > li > a { font-size:14px; }
}

@media screen and (max-width: 1220px) {
	
	#nav > li > a { font-size:14px; }
	header { display:none !important; }
	#mobile_header { display:block; position:fixed; left:0; right:0; top:0; z-index:999; background:url('../images/header_bg.png') repeat; box-shadow:0 0 30px #000; }
	body { padding-top:100px; }
	#mobile_header #logo { margin-left:20px; }
	#mobile_bar { position:absolute; right:20px; top:0; }
	#mobile_bar .fa { color:#4D2716; font-size:40px; line-height:100px; }
}



@media screen and (max-width: 960px) {
	.rc_form_box table { width:100%; }
	.mytitle1 { margin-top:20px; }
}

@media screen and (max-width: 769px) {
	.index-part2 .uk-slidenav-position .uk-slidenav-next { right:0; }
	.index-part2 .uk-slidenav-position .uk-slidenav-previous { left:0; }
	.uk-slidenav { color:#fff !important; }
	/*.index-part3 iframe { width:100% !important; }*/
}

@media screen and (max-width: 960px) and (min-width: 768px) {
}

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


@media screen and (min-width: 960px)  and (max-width: 1220px) {
	
}
@media screen and (max-width: 1220px) and (min-width: 960px)  {
}