@charset "utf-8";
@import url("reset.css");
@import url("loading.css");
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------->>> Main <<<------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

html { height:100% }
body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; -webkit-text-size-adjust:none; font-size:12px; overflow-y:scroll; overflow-x:hidden; }
body, td, th {font-size:12px;font-family: /*Arial,*/ "文泉驛正黑", "WenQuanYi Zen Hei", "儷黑 Pro", "Microsoft JhengHei", "新細明體", "PMingLiU", sans-serif;color:#666;}
.iframe_ch { display:none }

.w100{ width:100%; }
.middle{ vertical-align:middle; }
.pager{ width:100%; margin:50px auto 0 auto; text-align:center; }

.btn1{ color:#FFF !important; font-size:15px; width:auto; padding:10px 55px; display:inline-block; background:#7e7463; border:1px solid #FFF; cursor:hand; cursor:pointer; -webkit-border-radius: 25px;-moz-border-radius:25px; border-radius: 25px; }
.btn1_on{ color:#FFF !important; font-size:15px; width:auto; padding:10px 55px; display:inline-block; background:#7e7463; border:1px solid #FFF; cursor:hand; cursor:pointer; -webkit-border-radius: 25px;-moz-border-radius:25px; border-radius: 25px; }
.btn1:hover{ color:#fff !important; background:#5f584b; -webkit-transition: all .4s ease;
 -moz-transition: all .4s ease;
 -o-transition: all .4s ease;
 transition: all .4s ease;
 -ms-transition: all .4s ease
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ------------------------------>>> Common <<<----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/


#wrapper{ width:100%; background:#F7EEE5; }
#header{ width:100%; }

/*上方固定選單*/
.fix_menu{ position:fixed; width:100%; top:0; z-index:998; margin:0 auto; left:0; right:0; border-bottom:1px solid #CCBECF; -webkit-transition:.6s;
-ms-transition:.6s;
-moz-transition:.6s; }

nav{ width:100%; overflow:hidden; background:#CBDB79; border-bottom:2px solid #F7EEE5; }
nav .nav-linker{ max-width:1400px; height:34px; line-height:34px; margin:0 auto; text-align:right; letter-spacing:1px; font-size:13px; padding:0 20px 0 0; }
nav .nav-linker a{ color:#5f584b; text-decoration:none; font-size:14px; }
nav .nav-linker a:hover{ text-decoration:underline; }
nav .nav-linker a:before{ content:url(../../images/activity-icon1.png); vertical-align:-16%; padding-right:5px; }

#menu{width:100%;background:#FFF;text-align:  center;}
.menu-wrapper{ /*position:relative;*/ border-top:1px solid #e0e0e0; margin:0 auto; background:#FFF;
-webkit-transition:.6s;-ms-transition:.6s;-moz-transition:.6s;
}
.logo-wrapper{ position:relative; max-width:1400px; height:120px; margin:0 auto; 
-webkit-transition:.6s;-ms-transition:.6s;-moz-transition:.6s;
}

.logo-wrapper .logo-b{ position:absolute; top:10px; left:10px; max-width:633px; width:100%; }
.logo-wrapper .logo-s{ position:absolute; top:10px; left:10px; max-width:82px; width:100%; }

.menu-wrapper ul{ list-style:none; margin:0; padding:0; display:inline-block;
-webkit-transition:.6s;-ms-transition:.6s;-moz-transition:.6s;
}
.menu-wrapper ul li{width: 170px; float:left;position: relative;color:#5A5E5F;min-height:37px;font-size:16px;letter-spacing:1px;padding: 15px 0 15px 0;text-align:center;border-left:1px solid #e0e0e0;text-shadow: 1px 1px 1px #CCC;cursor:hand;cursor:pointer;transition: all 10ms ease;}
.menu-wrapper ul li:last-child{ border-right:1px solid #e0e0e0; }
.menu-wrapper ul li:hover{ /*background:#f7eee5;*/ }
.menu-wrapper ul li img{ position:absolute; right:20px; bottom:20px; }
.menu-wrapper ul li:before {
	content:'';
	position: absolute;
	top: 0px;
	left: 0px;
	width: 0px;
	height: 68px;
	background: rgba(220,197,174,0.3);
	transition: all 1s ease;
} 

.menu-wrapper ul li:hover:before {
	width: 100%;
}

.menu-wrapper ul li span{ font-size:12px !important; color:#a5a5a5; display:block; padding:0 0 10px 0; text-shadow:none; }


.menu-wrapper ul li div{
z-index:999;
min-width:200px;
position:absolute;
left:0;
top:68px;
color:#fff !important;
background:#f7f7f7;
/*border:1px solid #fff;*/
opacity:0;
overflow:hidden;
max-height:0px;
transition:opacity 0.5s;
box-shadow:2px 2px 8px rgba(15%,15%,40%,0.1);
}

.menu-wrapper ul li:hover div{ display:block; max-height:350px; height:auto; opacity:0.95; transition:opacity 0.5s,max-height .7s ease}
.menu-wrapper ul li div a{ position:relative; display:block; color:#636363; padding-top:5px; padding:12px 30px 12px 15px; text-decoration:none; }
.menu-wrapper ul li div a:after{ /*content:"﹥"; position:absolute; right:10px; top:10px;*/ }
.menu-wrapper ul li div a:hover{ background:#7e7463; color:#fff; -webkit-transition:.6s;-ms-transition:.6s;-moz-transition:.6s; }


#container{ position:relative; max-width:1400px; margin:30px auto 30px auto; overflow:hidden; }

.flex{ display:flex; /*左右欄相同高度*/ }
.contain-box{background:#fff;min-height:500px;box-shadow:2px 2px 8px rgba(15%,15%,40%,0.1);padding:20px;margin:20px 0;overflow:hidden;box-sizing:border-box;width:100%;min-height: 600px;border-top:7px solid #f29700;}
.contain-box > .left-box{flex:1;/*左右欄相同高度*/ width:30%; max-width:400px; min-height:500px; float:left; padding:20px; box-sizing:border-box; background:url(../../images/about-bg.jpg) no-repeat bottom left; }
.left-box > .left-menu{position:relative;margin: 30px 0px 30px 30px;/* padding: 0 0px 0 45px; */box-sizing:  border-box;}
.left-box > .left-menu img{position:absolute;top: -25px;left: -26px;}
.left-menu > .title{background:#7e7463;color:#ffffff;font-size:24px;letter-spacing:2px;text-shadow: 1px 1px 1px #D0C4A9; padding: 10px 0px 10px 100px;}
.left-menu > .title_en{background:#d0c4a9;color:#7e7463;padding: 8px 0 8px 100px; font-weight:bold; letter-spacing:2px;}
.left-menu ul{ list-style:none; margin:50px 0 400px 0; padding:0; text-indent:-30px;  }
.left-menu ul li{ padding:15px 0; border-bottom:1px dashed #999999; font-size:16px; letter-spacing:1px; cursor:hand; cursor:pointer;
-webkit-transition:.6s;-ms-transition:.6s;-moz-transition:.6s;
}
.left-menu ul li:before{ content:url(../../images/menu-arrow.png); padding:0 15px 0 5px; line-height:22px; }
.left-menu ul li:hover{ background:#f7f7f7; color:#7E7463; }
.left-menu ul li.on{ background:#f7f7f7; color:#7E7463; }
.left-menu ul li:first-child{ border-top:1px dashed #999999; }

.contain-box > .right-box{width:70%;max-width:970px;min-height: 800px;float:left;padding:20px;box-sizing:border-box;}

.contain-title{ font-size:30px; letter-spacing:1px; color:#282828; text-shadow: 1px 1px 1px #CCC; }
.contain-title-nav{ position:relative; width:100%; overflow:hidden; padding:8px 0; letter-spacing:1px; border-bottom:1px solid #dcdcdc; }
.title-en{ float:left; color:#98938a; font-size:16px; text-shadow: 1px 1px 1px #CCC; letter-spacing:3px; }
.title-more{ float:right; color:#5f584b; }
.title-more a{ color:#5f584b; text-decoration:none; font-size:14px; }
.title-more a:hover{ text-decoration:underline; }

.big-title{ position:relative; color:#393939; font-size:24px; letter-spacing:1px; background:#f4f4f4; padding:20px 25px; margin:0 0 40px 0; text-shadow: 1px 1px 1px #CCC; }
.big-title img{ padding-right:20px; }
.big-title .en-title{ font-size:36px; padding-right:30px; }

.inner-title{ color:#393939; font-size:26px; text-shadow: 1px 1px 1px #CCC; padding:30px 0 20px 0; letter-spacing:3px; border-bottom:1px solid #dcdcdc; }
.inner-title-s{ color:#393939; font-size:20px; line-height:35px; padding:8px 10px 8px 10px; box-sizing:border-box; letter-spacing:3px; background:#f7f7f7; }
.inner-title-date{ color:#91b249; font-size:13px; letter-spacing:2px; font-weight:bold; border-bottom:1px dashed #999999; padding:8px 10px; box-sizing:border-box; }
.inner-title-date p{ font-weight:normal !important; color:#4b4a4a !important; padding:15px 0; line-height:20px;}

.title-inner{ position:relative; color:#393939; font-size:24px; text-align:center; letter-spacing:1px; background:#f4f4f4; padding:20px 25px; margin:0 0 40px 0; text-shadow: 1px 1px 1px #CCC; }
.title-inner2{ position:relative; color:#393939; font-size:24px; text-align:center; letter-spacing:1px; background:#f4f4f4; border:1px solid #CCC; padding:20px 25px; margin:0 0 40px 0; text-shadow: 1px 1px 1px #CCC; }


.more{  color:#742c79; font-size:15px; cursor:hand; cursor:pointer; }
.more-on span{ background:#742c79; color:#ffffff; }
.more span{ border:1px solid #742c79; padding:0 5px 2px 5px; margin-right:10px; -webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;
-webkit-transition:.6s;
-ms-transition:.6s;
-moz-transition:.6s;
 }

.more-posi{ position:absolute; top:27px; right:20px; }
.more-menu-posi{ position:absolute; top:17px; right:0px; }
.more:hover span{ background:#742c79; color:#ffffff; }


.gotop{ position:absolute; right:10px; bottom:20px; cursor:hand; cursor:pointer; opacity: 0.7; filter: alpha(opacity=70); /* For IE8 and earlier */ }

#sub-menu{ width:100%; min-height:280px; background:url(../../images/classify-bg.png) no-repeat; background-size:cover;}
#sub-menu .menu-wrap{ max-width:1400px; overflow:hidden; margin:0 auto; padding:70px 10px 30px 10px; box-sizing:border-box; }
#sub-menu .title{ float:left; min-width:300px; font-size:30px; letter-spacing:3px; text-shadow: 2px 2px 2px #CCC; }
#sub-menu .title span{ display:block; font-size:16px; padding:15px 0; letter-spacing:1px; }
#sub-menu .submenu{ max-width:600px; overflow:hidden; }
#sub-menu .submenu ul{ list-style:none; margin:0; padding:0;}
#sub-menu .submenu ul li{position:relative;float:left;width:100%;max-width:270px;color:#742c79;margin-right:30px;line-height: 22px;padding: 15px 50px 15px 0px;box-sizing: border-box;border-bottom:1px solid #acacac;font-size:18px;letter-spacing:1px;text-shadow: 1px 1px 1px #CCC;cursor:hand;cursor:pointer;-webkit-transition:.6s;-ms-transition:.6s;-moz-transition:.6s;}
#sub-menu .submenu ul li:hover span{ background:#742c79; color:#ffffff; }

/*Footer*/
#footer { width:100%; overflow:hidden; background:#cbdc74; padding:0 20px; box-sizing:border-box; }
.footer_contain { position:relative; max-width:1400px; text-align:left; margin:0 auto; overflow:hidden; padding:30px 0 20px 0; box-sizing:border-box; letter-spacing:1px; background:url(../../images/footer-bg.png) left bottom no-repeat; }
.footer-contact{ position:absolute; right:0; top:0; line-height:25px; font-size:13px; padding-top:30px;}
.contact-p{width: 70px;text-align: left;padding-left: 5px;}
.contact{ width:100%; overflow:hidden; }
.contact > .contact-left{float:left;margin: 5px 0;margin-right:50px;}
.contact > .contact-left .title{ display:inline-block; width:90px;}
.contact > .contact-right{float:left;margin: 5px 0;}
.contact > .contact-right .title{ display:inline-block; width:90px;}

#copyright{ width:100%; overflow:hidden; background:#767c55; color:#ffffff; padding:10px 0; letter-spacing:1px; text-align:center; line-height:20px; }
#copyright a{ color:#ffffff; text-decoration:none; }
#copyright a:hover{ text-decoration:underline; }


/*sitemap*/
#sitemap{ width:100%; margin:0 0 20px 0; font-size:15px; letter-spacing:1px; color:#7e7463; background:#e9e0d8; }
#sitemap > .wrap{ max-width:1400px; overflow:hidden; margin:0 auto; padding:15px 0; }
#sitemap > .wrap:before{ content:url(../../images/home.png); padding:0 5px 0 0; vertical-align: -30%; }
#sitemap > .wrap a{ color:#7e7463; }

/*pager*/
#pager{ width:100%; margin:50px auto; text-align:center; font-size:14px; }

.editor{ font-size:15px;padding:15px 0 50px 0;clear:both;letter-spacing:1px;line-height:30px;min-height: 300px; }

/*仿table排版*/
#C_table {display:table;width: 100%;}
.C_tr {display: table-row; }
.C_td {display: table-cell;letter-spacing:1px;padding:  5px 5px; line-height:20px;}
.C_td img { vertical-align:middle; }
.C_td a{ color:#2a2a2a; text-decoration:none;
-webkit-transition:.6s; -ms-transition:.6s; -moz-transition:.6s;
}
.C_td a:hover{ color:#F29700; }

@media screen and (max-width : 1400px) {
	#menu .menu-wrapper ul{ top:30px; }
	#menu .menu-wrapper ul li{ width:auto; font-size:14px; padding:15px 25px 15px 25px; }
	.menu-wrapper ul li img{ right:10px; }		
	
	.footer-contact{ position:inherit; }
}

@media screen and (min-width : 1401px) {
	#menu .logo-wrapper .logo-s{ display:none; }	
}

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

	#menu .menu-wrapper{ position:inherit; display:table; text-align:center; padding:10px 0; }
	#menu .logo-wrapper .logo-b{ display:none; }	
	#menu .logo-wrapper .logo-s{ /*position:inherit; padding-bottom:10px;*/ }
	#menu .menu-wrapper ul{ position:inherit; }
	#menu .menu-wrapper ul li:first-child{ border:0; }
	
	.logo-wrapper{ height:100px; }
	
	.big-title{}
	.big-title .en-title{ font-size:24px; }
	
	#sub-menu{ background:url(../../images/classify-bg.png) right no-repeat; background-size:cover; min-height:inherit; }
	
	.submenu-mobile{ display:; }	
	.submenu-desktop{ display:none; }	
	
	#sub-menu .title{ float:none; }
	
	.contain-box > .left-box{ display:none; }
	.contain-box > .right-box{ width:100%; max-width:none; }
	
}

@media screen and (min-width : 1025px) {
	#sub-menu{  }
	.submenu-mobile{ display:none; }
	.submenu-desktop{ display:; }		
}

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

	#menu .menu-wrapper ul li{ padding:0 20px 0 20px; }

	.big-title .en-title{ padding-right:10px; }	
	
	.contact > .contact-left{ float:none; }
	

}

@media screen and (max-width : 480px) {
	.more-posi{ position:initial; padding:15px 0 0 0; text-align:right; }
	.big-title{ font-size:20px; }
	.big-title .en-title{ font-size:20px; }	
	
	
	.contact > .contact-left .title{ width:auto; padding-right:8px; }
	.contact > .contact-right .title{ width:auto; padding-right:8px; }	
	
	.contact_w{ display:none; }
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ------------------------------>>> Index <<<----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

.contain-left{ max-width:980px; width:68%; margin-right:1%; float:left; }
.contain-right{ max-width:380px; width:29%; margin-left:1%; float:right; }

.index_news_list{ width:100%; overflow:hidden; box-sizing:border-box; padding:9px 20px; border-bottom:1px dashed #A09AA4;
-webkit-transition:.6s;-ms-transition:.6s;-moz-transition:.6s;
}
.index_news_list:hover{ background:#f7f7f7; -webkit-transition:.6s;-ms-transition:.6s;-moz-transition:.6s; }
.index_news_list:hover .index_news_title a{  }

.index_news_list div{ float:left; padding:8px 0; margin:10px 20px 0 0; font-size:14px; letter-spacing:1px; }
.index_news_date{ font-size:13px; color:#8aad3e; letter-spacing:1px; }
.index_news_title{ line-height:20px; }
.index_news_title a{ font-size:16px !important; line-height:16px; color:#393939; text-decoration:none; }

.index_teach{ text-align:center; font-size:16px; letter-spacing:1px; color:#797979; margin:10px 0; }
.index_teach_img{ max-width:340px; height:480px; background:url(../../images/teach.jpg) center; }

.col-3{ width:32% !important; box-shadow:none !important; border:0 !important; }
.index_activity{ position:relative; width:24%; float:left; border:1px solid #ebebeb; box-sizing:border-box; text-align:center; margin:50px 1% 50px 0; box-shadow:2px 2px 8px rgba(15%,15%,40%,0.1); cursor:hand; cursor:pointer;
 -webkit-transition:.6s;-ms-transition:.6s;-moz-transition:.6s;
}
.index_activity > .tags{ position:absolute; top:0; right:0; z-index:2; padding:10px 20px; font-size:14px; background:#5f584b; color:#ffffff; display:inline-block; letter-spacing:1px; }
.index_activity:last-child{ margin-right:0; }
.index_activity > .date{ color:#848484; font-weight:bold; letter-spacing:1px; padding:20px 0; font-size:13px; }
.index_activity > .title{ color:#404040; font-size:16px; letter-spacing:1px; font-weight:bold; margin:0 0 30px 0; }
.index_activity > p{ color:#878686; letter-spacing:1px; font-size:14px; line-height:20px; padding:10px 0 15px 0; }
.index_activity > .line{ background:#f29700; width:120px; height:3px; display:inline-block; }
.index_activity > .btn1{ margin-bottom:20px;}
.index_activity > .padd{padding-left: 20px;padding-right: 20px;}

.index_activity:hover{ background:#7e7463; }
.index_activity:hover > .date{ color:#f29700; }
.index_activity:hover > .title{ color:#ffffff; }
.index_activity:hover > p{ color:#ffffff; }


@media screen and (max-width : 1400px) {
	.index_news_list{ padding:5px 20px; }
	
	.contain-left{ width:100%; max-width:100%; }
	.contain-right{ width:100%; max-width:100%; }
	.index_teach_img{  background:url(../../images/teach.jpg) top center; margin:0 auto; }	
		
}
@media screen and (max-width : 1024px) {
	.index_news_date{ display:none; }
	.index_activity{ width:49%; margin:20px 1% 20px 0 }
	.col-3{ width:49% !important; }

}
@media screen and (max-width : 480px) {
	.index_news_list div{ margin:10px 0 0 0;}
	.index_activity{ width:100%; }	
	.col-3{ width:100% !important; }	
}


/* ----------------------------------------------------------------------------------------------------------------*/
/* ------------------------------>>> News <<<----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/


.down-box{ width:100%; border-bottom:1px dashed #999999; padding:30px 10px; box-sizing:border-box; font-size:16px; letter-spacing:1px; }
.down-bg{ background:#e9e0d8;}


/* ----------------------------------------------------------------------------------------------------------------*/
/* ------------------------------>>> Team <<<----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/


.member_list{width:100%;overflow:hidden;margin: 50px 0 20px 0;}
.member_list_left{width: 20%; margin:0 2% 0 0; float:left;}
.member_list_left img{max-width:170px; width:100%;margin-right: 5%;border:2px solid #eaeaea;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.member_list_center{width: 43%;margin: 0 5% 0 0;float:left;}
.member_list_center2{width: 73%;margin: 0 5% 0 0;float:left;}
.member_list_right{ width:30%; float:left; padding:0 0; box-sizing:border-box; }
.more_area{width:95%; text-align:right;}

.member{width:100%; overflow:hidden; margin:0 auto; line-height:40px; color:#2D2D2D; font-size:15px; letter-spacing:1px;}
.member_info_area{ width:100%; overflow:hidden; line-height:25px; padding: 5px 0 5px 0; border-bottom:1px dashed #a7a7a4;}
.member_info_title{float:left;width: 30%;color:#7e7463; }
.member_info_content{ float:left; width:70%; }
.member_info_content a{ color:#393939; text-decoration:none;}
.member_info_content a:hover{ text-decoration:underline; }

@media screen and (max-width : 768px) {
	/*
	.member_list_left{ width:30%; float:left }	
	.member_list_center, .member_list_center2{ width:60%; float:right }
	.member_list_right{ float:none; width:100%; }
	*/
}

@media screen and (max-width : 768px) {
	.member_list_left{ float:none; text-align:center; margin:0 auto; width:60%; }
	.member_list_center, .member_list_center2{ width:100%; float:left }
	.member_list_right{ float:none; width:100%; }	
	.more_area{width:100%; text-align:center;}	
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ------------------------------>>> Teachers <<<----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

.teach_title{ background:#e9e0d8; color:#434241; letter-spacing:1px; font-size:16px; padding:10px 20px; box-sizing:border-box; }

/* ----------------------------------------------------------------------------------------------------------------*/
/* ------------------------------>>> Bxslider <<<----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

ul.bxslider { margin:0; padding:0; }
#home_banner {
  border-top:2px solid #d6d6d6;	
  border-bottom:2px solid #d6d6d6;
  /*margin-top:160px;*/
  display: inline-block; width: 100%; /*max-height: 750px;*/
  overflow: hidden; position: relative; }
#home_banner li { width: 100%; background-repeat: no-repeat; background-size: cover; background-position: center;   /*height: 1000px;*/
 -webkit-transition:transform .5s ease;
 -moz-transition:transform .5s ease;
 -o-transition:transform .5s ease;
 -ms-transition:transform .5s ease;
 transition:transform .5s ease;
}
#home_banner img { display: block; }
#home_banner .bxslider { opacity: 0;  -webkit-transition: all .5s ease;
 -moz-transition: all .5s ease;
 -o-transition: all .5s ease;
 -ms-transition: all .5s ease;
 transition: all .5s ease; }
#home_banner .bx-wrapper .bx-pager.bx-default-pager a:hover, #home_banner .bx-wrapper .bx-pager.bx-default-pager a.active { background:#f1a900; border:1px solid #f1a900; }
#home_banner .bx-wrapper .bx-pager.bx-default-pager a { background-color: white; border:1px solid #ccc; width: 13px; height: 13px; margin: 0 8px; border-radius: 50%; box-shadow:2px 2px 8px rgba(15%,15%,40%,0.1);  -webkit-transition: all .5s ease;
 -moz-transition: all .5s ease;
 -o-transition: all .5s ease;
 -ms-transition: all .5s ease;
 transition: all .5s ease;
}
#home_banner .bx-wrapper .bx-pager { bottom: 32px; opacity: 0; }
#home_banner .word { font-size: 15px; position: absolute; margin-left: -187px; margin-top: -116px; left: 50%; top: 50%; color: #673D3A; letter-spacing: 25px; opacity: 0.2; }
#home_banner .word b { font-weight: bold; }
#home_banner .down { position: absolute; right: 30px; bottom: 32px; width: 34px; height: 28px; z-index: 99; cursor: pointer; opacity: 0; }
#home_banner .down img { display: block; }


@media screen and (max-width : 1024px) {
 #home_banner .bx-wrapper .bx-pager.bx-default-pager a {
 width: 15px;
 height: 15px;
}
#home_banner .down {
 display: none;
}
 #home_banner, #home_banner li {
	/*max-height: 575px;*/
	/*height: 575px;*/ 
	 /*margin-top: 75px;*/
}
}
 @media screen and (max-width : 1024px) {
 #home_banner, #home_banner li {
 max-height: 380px;
 height: 380px;
}
 #home_banner img {
 display: none;
}
 #home_banner .word {
 margin-left: -133px;
 margin-top: -60px;
}
}


/* ----------------------------------------------------------------------------------------------------------------*/
/* ------------------------------>>> Overlay <<<----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/


.overlay1 { /*margin-top:80px;*/ height: 100%; width: 0%; position: fixed; overflow:auto; top: 0; right: 0; background-color: rgba(118, 124, 85, 0.9); overflow:auto; transition: 0.5s; z-index: 4; }
.overlay1-content { position: relative; top: 0%; width: 100%; text-align: center; }
.overlay1 a { padding: 8px; text-decoration: none; font-size: 36px; color: #818181; display: block; transition: 0.3s; }
.overlay1 a:hover, .overlay1 a:focus { color: #f1f1f1; }
.overlay1-title { width:100%; height:50px; margin-top:50px; }
.overlay1-title span { color:#FFF; border-bottom:2px solid #FFF; font-size:20px; letter-spacing:1px; }
.overlay1_options { width:80%; margin:0 auto; }
.overlay1_item { position:relative; text-align:left; padding:15px 5px; color:#EAEAE8; letter-spacing:1px; border-bottom:1px solid #d2d2d2; font-size:15px; letter-spacing:1px; cursor:hand; cursor:pointer; 
-webkit-transition:.6s;
-ms-transition:.6s;
-moz-transition:.6s;
}
.overlay1_item:hover{ background-color: rgba(203, 220, 116, 0.9); }
.overlay1_item a { font-size:15px; color:#fff; font-weight:bold; }
.overlay1_item a:hover { color:#fff; }
.overlay1_item span { position:absolute; right:0; top:20px; padding:0 5px; font-size:25px; }
/*.overlay1_item:hover{ background:#000; -webkit-transition:.6s;-ms-transition:.6s;-moz-transition:.6s; }*/
.overlay1_event { width:100%; display:none; background-color: rgba(100, 108, 55, 0.9); text-align:left; padding:20px; box-sizing:border-box; letter-spacing:1px; }
.overlay1_event a { display:block; font-size:15px; color:#fff; }
.overlay1_event a:hover { color:#fff; text-decoration:none; }


/* ----------------------------------------------------------------------------------------------------------------*/
/* ------------------------------>>> Mobile Menu Effect <<<----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/


	#mobileMenuPosition {
		 opacity:1;
		 width: 30px;
		 margin-right: 3%;
		 margin-top: 40px;
		 vertical-align: middle;
		 float: right;
		 -webkit-transition: all .4s ease;
		 -moz-transition: all .4s ease;
		 -o-transition: all .4s ease;
		 transition: all .4s ease;
		 -ms-transition: all .4s ease
	}
	.mobileMenuPosition_top {
		 margin-top: 8px
	}
	.mobileMenu {
		 width: 30px;
		 height: 25px;
		 position: absolute;
		 z-index: 999;
		 cursor: pointer
	}
	.mobileMenu span {
		 width: 30px;
		 height: 5px;
		 margin-top:5px;
		 display: block;
		 background:#000;
		 -webkit-transition: 0.7s cubic-bezier(0.18, 1, 0.21, 1);
		 -moz-transition: 0.7s cubic-bezier(0.18, 1, 0.21, 1);
		 -ms-transition: 0.7s cubic-bezier(0.18, 1, 0.21, 1);
		 -o-transition: 0.7s cubic-bezier(0.18, 1, 0.21, 1);
		 transition: 0.7s cubic-bezier(0.18, 1, 0.21, 1)
	}
	
	
	.mobileMenu_spac {
	 	background: #fff !important
	}
	.mobileMenu span:first-child {
		margin-top: 0
	}
	.mobileMenu .top {
		 position: absolute;
		 top: 10px;
		 -webkit-transform: rotate(225deg);
		 -moz-transform: rotate(225deg);
		 transform: rotate(225deg)
	}
	.mobileMenu .bottom {
		 position: absolute;
		 top: 10px;
		 margin-top: 0 !important;
		 -webkit-transform: rotate(-225deg);
		 -moz-transform: rotate(-225deg);
		 transform: rotate(-225deg)
	}
	.mobileMenu .middle {
	 	opacity: 0
	}
	.menu-active .navigation {
	 	right: 0
	}
	.menu-active .navigation ul li {
		 -moz-transform: translateX(0);
		 -webkit-transform: translateX(0);
		 opacity: 1;
		 transform: translateX(0)

	}
	

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

	#mobileMenuPosition{ display: }	
	#menu .menu-wrapper ul{ display:none; }
	
	#menu .menu-wrapper{ display:inherit; position:relative; padding:0; }
	#menu .logo-wrapper .logo-s{ /*position:absolute; top:20px;*/ }
	
	
}

@media screen and (min-width : 1025px) {

	#mobileMenuPosition{ display:none; }
	
}


/* ----------------------------------------------------------------------------------------------------------------*/
/* ------------------------------>>> CSS Effect <<<----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

/*------css3上下跳動--------*/
@-webkit-keyframes upDown {
  0%     {bottom:20px; opacity:1;}
  50%   {bottom:24px; opacity:1;}
  100% {bottom:20px; opacity:1;}
}
@-moz-keyframes upDown {
  0%     {bottom:20px; opacity:1;}
  50%   {bottom:24px; opacity:1;}
  100% {bottom:20px; opacity:1;}
}
@keyframes upDown {
  from     {bottom:20px; opacity:1;}
  50%   {bottom:24px; opacity:1;}
  to {bottom:20px; opacity:1;}
}
.upDown{
	-webkit-animation: upDown ease-out 1s infinite;
	-moz-animation: upDown ease-out 1s infinite;
	-o-animation: upDown ease-out 1s infinite;
	animation: upDown ease-out 1s infinite;
}
	

/*image zoom*/
.photo-zoom {
  position: relative;
  overflow: hidden;
  width: 100%;
}
.photo-zoom img {
  max-width: 100%;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.photo-zoom:hover img {

  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}


/*scroll progress bar*/
.KW_progressContainer {
  left:0;
  width: 100%;
  height: 0.4em;
  margin-bottom: 0px;
  position: fixed;
  top: 0px;
  overflow: hidden;
  background-color: #CBDB79;
  content: "";
  display: table;
  table-layout: fixed;
  z-index:999;
}

.KW_progressBar {
  width: 0%;
  float: left;
  height: 100%;
  z-index:99;
  max-width: 100%;
  background-color:orange;
  -webkit-transition: width .6s ease;
  -o-transition: width .6s ease;
  transition: width .6s ease;
}


/* ----------------------------------------------------------------------------------------------------------------*/
/* ------------------------------>>> Desktop Menu Effect <<<----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

/*
#menu .menu-wrapper ul li:first-child{ background:url(../../images/menu-icon1.png) no-repeat; background-position: 120px 0px; }
#menu .menu-wrapper ul li:first-child:hover{ background:url(../../images/menu-icon1-on.png) no-repeat;  background-position: 115px 0px; }
#menu .menu-wrapper ul li:nth-child(2){ background:url(../../images/menu-icon2.png) no-repeat; background-position: 120px 0px; }
#menu .menu-wrapper ul li:nth-child(2):hover{ background:url(../../images/menu-icon2-on.png) no-repeat;  background-position: 115px 0px; }
#menu .menu-wrapper ul li:nth-child(3){ background:url(../../images/menu-icon3.png) no-repeat; background-position: 120px 0px; }
#menu .menu-wrapper ul li:nth-child(3):hover{ background:url(../../images/menu-icon3-on.png) no-repeat;  background-position: 115px 0px; }
#menu .menu-wrapper ul li:nth-child(4){ background:url(../../images/menu-icon4.png) no-repeat; background-position: 120px 0px; }
#menu .menu-wrapper ul li:nth-child(4):hover{ background:url(../../images/menu-icon4-on.png) no-repeat;  background-position: 115px 0px; }
#menu .menu-wrapper ul li:nth-child(5){ background:url(../../images/menu-icon5.png) no-repeat; background-position: 120px 0px; }
#menu .menu-wrapper ul li:nth-child(5):hover{ background:url(../../images/menu-icon5-on.png) no-repeat;  background-position: 115px 0px; }
*/

@keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }
  
  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }

  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0);
  }

  40%, 60% {
    transform: translate3d(4px, 0, 0);
  }
}


/* ----------------------------------------------------------------------------------------------------------------*/
/* ------------------------------>>> Loadaction <<<----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

.Loadaction_Box { position:relative; height: 100%; width: 0%; position: fixed; overflow:auto; top: 0; left: 0; overflow:auto; background-color:rgba(0, 0, 0, 0.5); z-index:100000000 }
.Loadaction { width: 220px; height: 55px; top: 42%;  position: absolute; margin-left: auto; margin-right: auto; left: 0; right: 0; background-color:rgba(0, 0, 0, 0.5); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
.Actionupload_Text { font-size:13px; color:#FFFFFF; height:20px; }

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------->>> pagelink <<<--------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

.cssa { font-family:Verdana; letter-spacing:1px; font-size:12px; padding-right:10px; padding-left:10px }
.cssb { font-family:Verdana; letter-spacing:1px; font-size:12px; padding-right:5px; padding-left:5px }
.cssc { padding-bottom:3px; letter-spacing:1px; font-size:12px; padding-left:10px; padding-right:10px; height:40px }
.cssd { font-family:Verdana; font-size:12px; letter-spacing:2px; height:10px; border:1px solid #FFFFFF }
a.pagelink_no:link { color: #003399; text-decoration: none; font-family:Verdana; font-size:12px; letter-spacing:1px; }
a.pagelink_no:visited { color: #003399; text-decoration: none; font-family:Verdana; font-size:12px; letter-spacing:1px }
a.pagelink_no:active { color: #003399; text-decoration: none; font-family:Verdana; font-size:12px; letter-spacing:1px }
a.pagelink_no:hover { color: #003399; text-decoration: underline; font-family:Verdana; font-size:12px; letter-spacing:1px }
a.pagelink:link { color: #333333; text-decoration: none; font-family:Verdana; font-size:12px; letter-spacing:1px; }
a.pagelink:visited { color: #333333; text-decoration: none; font-family:Verdana; font-size:12px; letter-spacing:1px }
a.pagelink:active { color: #333333; text-decoration: none; font-family:Verdana; font-size:12px; letter-spacing:1px }
a.pagelink:hover { color: #333333; text-decoration: underline; font-family:Verdana; font-size:12px; letter-spacing:1px }
a.pagelink_ch:link { color: #cc3300; text-decoration: none; font-family:Verdana; font-size:12px; letter-spacing:1px; font-weight:bold }
a.pagelink_ch:visited { color: #cc3300; text-decoration: none; font-family:Verdana; font-size:12px; letter-spacing:1px; font-weight:bold }
a.pagelink_ch:active { color: #cc3300; text-decoration: none; font-family:Verdana; font-size:12px; letter-spacing:1px; font-weight:bold }
a.pagelink_ch:hover { color: #cc3300; text-decoration: underline; font-family:Verdana; font-size:12px; letter-spacing:1px; font-weight:bold }