@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 }
body, td, th { font-size:12px; font-family: Arial, "文泉驛正黑", "WenQuanYi Zen Hei", "儷黑 Pro", "Microsoft JhengHei", "新細明體", "PMingLiU", sans-serif; }
.iframe_ch { display:none }
.width100{ width:100%; }
.middle{ vertical-align:middle; }
.left{ text-align:left !important; }
.overlay{ position:fixed; display:none; width:100%; height:100%; z-index:9; top:0; left:0; background-color: rgba(0,0,0, 0.5); transition: 0.5s;}


::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #5E9DAE;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #5E9DAE;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #5E9DAE;
}
:-moz-placeholder { /* Firefox 18- */
  color: #5E9DAE;
}


/*PageLoad*/

#wrapper {
    opacity: 0;
    -webkit-transition: opacity 0.2s ease-in;
    -moz-transition: opacity 0.2s ease-in;
    -o-transition: opacity 0.2s ease-in;
    -ms-transition: opacity 0.2s ease-in;
    transition: opacity 0.2s ease-in;
}
#wrapper.load {
    opacity: 1;
}

/*Effect*/

@keyframes dropHeader {
  0% {
    transform: translateX(-269%);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes transiRight {
  0% {
    transform: translateX(5%);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes transiLeft {
  0% {
    transform: translateX(-5%);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes transiRight100 {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes transiLeft100 {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(0);
  }
}

.transiLeft100{animation: 1s ease-out 0s 1 transiLeft100;}

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

#wrapper{ width:100%; }
#header{ position:relative; max-width:1175px; overflow:hidden; margin:0 auto; }
#header .logo{position:absolute; top:0; left:-3px; z-index:999; animation: 1s ease-out 0s 1 dropHeader; }
#header .header_home{ width:100%; height:55px; line-height:55px; text-align:right; }
#header .header_home a{ color:#0a4c5a; letter-spacing:1px; text-decoration:none; padding-right:20px; font-size:13px; }
#header .header_home a:hover{ text-decoration:underline; }
#header .header_search{ position:relative; width:100%; height:50px; margin:0 auto; background:#afde32; 
box-shadow: 0 0px 2px rgba(0, 0, 0, 0.5), 0 0 40px rgba(0, 0, 0, 0.1) inset
}
#header .header_search input{position:absolute; width:200px; height:28px; color:#0A4C5A; letter-spacing:1px; padding:0 25px 0 10px; box-sizing: border-box; top:10px; right:20px; border:1px solid #5E9DAE; outline:0; 
-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;
}
#header .header_search img{position:absolute; right:27px; top:15px;}
#header .header_menu{ position:relative; width:100%; height:60px; margin:0 auto; background:url(../../images/menu_bg.jpg) repeat-x; background-size: 100% 100%;
box-shadow: 0 0px 2px rgba(0, 0, 0, 0.5), 0 0 40px rgba(0, 0, 0, 0.1) inset
}
#header .header_menu ul{ position:absolute; list-style:none; margin:0; padding:0; right:10px; top:17px; font-size:15px; letter-spacing:1px; letter-spacing:1px; color:#FFF; }
#header .header_menu ul li{ float:left; margin:0 10px;}
#header .header_menu ul li a{color:#FFF;display: inline-block;height: 43px;text-decoration:none;text-shadow:0px 0px 10px #FF37FD;}
#header .header_menu ul li .menu_arrow{display:none;margin: 4px auto 0px auto;}
#header .header_menu ul li .menu_arrow_on{ display:block; margin:4px auto 0 auto;}

#header .header_menu ul li:hover .submenu{ display:block; }
#header .submenu{display:none;position:absolute;top: 43px;overflow:hidden;background:#50b504;z-index:999;box-shadow: 0 0px 2px rgba(0, 0, 0, 0.5), 0 0 40px rgba(0, 0, 0, 0.1) inset;}
#header .submenu1{letter-spacing:1px;margin-top: 0px;padding: 10px 15px;border-bottom:1px solid #407E8D;cursor:pointer;cursor:hand;}
#header .submenu1:hover{ background:#399d33;}
#header .submenu1 img{ padding:0 5px;}

#header .mobile_menu{ display:none; position:absolute; right:15px; top:10px;}

#wideMenu li span{ display:block; text-align:center; font-size:12px; padding:5px 0; letter-spacing:1px; }

#mainMenu{width:50%; position:absolute; right:0; top:154px; background:#FFF; z-index:99999;}
#mainMenu .menu{ background:#DCF5FA; color:#0FA8EE; border-bottom:1px dotted #3AB5D4; height:44px; line-height:44px; font-family:'微軟正黑體'; font-size:14px; color:#0FA8EE; font-weight:bold; padding-left:15px; cursor:hand; cursor:pointer;}
#mainMenu .menu:hover{background:#47BDD9; color:#fff; border-bottom:1px dotted #3AB5D4; height:44px; line-height:44px; font-family:'微軟正黑體'; font-size:14px; font-weight:bold; padding-left:15px; cursor:hand; cursor:pointer; margin-bottom:1px;}
#mainMenu .subMenu1{background:#399d33; color:#fff; letter-spacing:1px; height:44px; line-height:44px; font-family:'微軟正黑體'; font-size:14px; font-weight:bold; padding-left:15px; cursor:hand; cursor:pointer; margin-bottom:1px;}
#mainMenu .subMenu1:hover{background:#ACDB31;}
#mainMenu .subMenu2{background:#EBEBEB; color:#333; height:44px; line-height:44px; font-family:'微軟正黑體'; font-size:14px; font-weight:bold; padding-left:15px; cursor:hand; cursor:pointer; margin-bottom:1px;}
#mainMenu .subMenu2:hover{ background:#CCC;}


#footer{ background:#77b800; width:100%; min-height:130px; }
#footer .footer_wrap{ max-width:1100px; min-height:130px; width:100%; overflow:hidden; margin:0 auto; padding:20px 0; box-sizing: border-box; background:url(../../images/footer_bg.png) center bottom no-repeat; }

#footer .footer_left{ float:left; }
#footer .footer_center{ float:left; width:320px; margin:0 5px 0 40px; }
#footer .footer_center a{ display:inline-block; width:95px; color:#fff0c1; font-size:14px; text-decoration:none; letter-spacing:1px; margin:0 0 15px 0;}
#footer .footer_center a:hover{ text-decoration:underline; }
#footer .footer_right{ float:left; border-left:5px solid #1c7502; padding:0 0 0 10px; color:#ffffff; font-size:13px; }
#footer .right_contact{width:230px; padding-bottom:15px;}
#footer .right_contact1{float:left; width:60px; letter-spacing:1px;  font-size:13px;}
#footer .right_contact2{ letter-spacing:1px;  font-size:13px;}
#footer .right_contact2 a{ color:#fff; text-decoration:none;  font-size:13px; }
#footer .right_contact2 a:hover{ text-decoration:underline; }

#copyright{ background:#208403; color:#5dc50f; letter-spacing:1px; text-align:center; padding:8px 0; line-height:20px;}
#copyright a{ color:#5dc50f; text-decoration:none; }
#copyright a:hover{ text-decoration:underline; }

/*網站地圖*/
#sitemap{max-width:1175px; padding:20px 0 10px 0; font-size:14px; letter-spacing:1px; text-align:right; margin:0 auto;}
#sitemap a{ color:#000; text-decoration:underline; }

/*內頁共用*/
#public_wrap{ max-width:1100px; width:95%; overflow:hidden; min-height:500px; margin:30px auto; }
#public_wrap .public_wrap_left{ max-width:335px; width:30%; float:left; }
#public_wrap .public_wrap_right{ max-width:840px; width:70%; min-height:500px; display:inline-block; text-align:left;}
#public_wrap .public_title{ max-width:790px; width:100%; color:#FFF; margin:0 0 20px 0; padding:10px; box-sizing: border-box; background:#78B800; font-size:16px; letter-spacing:1px;
box-shadow: 0 0px 2px rgba(0, 0, 0, 0.5), 0 0 40px rgba(0, 0, 0, 0.1) inset
}
#public_wrap .public_content{ color:#3D464D; font-size:15px; letter-spacing:1px; line-height:30px;}

#public_wrap .public_more{text-align:right; margin:30px 0;}
#public_wrap .public_more span{border:1px solid #BABABA; padding:8px 25px; color:#585858; letter-spacing:1px; cursor:pointer; cursor:hand;}
#public_wrap .public_more span:hover{ background:#585858; color:#fff; -webkit-transition:.6s;-ms-transition:.6s;-moz-transition:.6s; }

/*左邊選單*/
#leftMenu{}
#leftMenu .left_menu_title{ position:relative; width:230px; height:230px; background:#78B800; box-sizing: border-box; padding:50px 20px 20px 20px; color:#FFF;}
#leftMenu .left_menu_line{ position:absolute; border:1px solid #FFF; width:35px; right:0px; top:20px; animation: 1s ease-out 0s 1 transiRight100;}
#leftMenu .left_menu_title1{ font-size:18px; letter-spacing:1px; margin:5px 0 5px 3px;}
#leftMenu .left_menu_title2{ font-size:30px; letter-spacing:1px; display:inline-block; margin:5px 0; border-bottom:4px solid #FFF;}
#leftMenu .left_menu_title3{ clear:both; font-size:18px; letter-spacing:1px; padding:40px 0;}
#leftMenu .left_menu_item{ width:230px; padding:10px 0; border-bottom:1px dotted #999999; }
#leftMenu .left_menu_item a{ color:#950040; font-size:15px; text-decoration:none; }
#leftMenu .left_menu_item a:before{ content:"　 "; font-size:12px;}
#leftMenu .left_menu_item a:hover:before{ content:"► "; font-size:12px;}

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

#index_bTitle{ border-bottom:1px solid #d1d1d1; margin:40px 0 0 0;}
#index_bTitle .bTitle_wrap{ max-width:1175px; overflow:hidden; margin:0 auto; font-size:26px; font-weight:bold; letter-spacing:1px; color:#950040; }
#index_bTitle .bTitle_wrap span{ font-size:18px; font-weight:normal; }

#index_news{ max-width:1100px; width:100%; overflow:hidden; margin:30px auto; }
#index_news .index_news_left{ max-width:840px; width:70%; float:left; animation: 1s ease-out 0s 1 transiLeft; }
#index_news .index_news_type{ background:#77b800; min-height:40px; overflow:hidden; }
#index_news .index_news_type_btn{ float:left; height:40px; line-height:40px; padding:0 10px; color:#EFF5DB; letter-spacing:1px; font-size:14px; font-weight:bold; cursor:hand; cursor:pointer; }
#index_news .index_news_type_btn_on{ position:relative; float:left; height:40px; line-height:40px; padding:0 10px; background:#FFF; color:#585858; letter-spacing:1px; font-size:14px; font-weight:bold; cursor:hand; cursor:pointer; }
#index_news .index_news_type_btn_on img{ position:absolute; bottom:2px; left:48%;}
#index_news .index_news_type_btn:hover{ background:#FFF; color:#585858; -webkit-transition:.6s;-ms-transition:.6s;-moz-transition:.6s;}
#index_news .index_news_line{ border-bottom:1px dotted #999999; }
#index_news .index_news_list ul{ list-style:none; margin:0; padding:0; }
#index_news .index_news_list ul li{ border-bottom:1px dotted #999999; padding:0 0 10px 0; }
#index_news .index_news_list ul li span{ font-size:12px; color:#757575; display:inline-block; padding:10px 0; letter-spacing:1px;}
#index_news .index_news_list ul li a{ color:#2b2b2b; text-decoration:none; font-size:15px; letter-spacing:1px; line-height:20px; }
#index_news .index_news_list ul li a:hover{ text-decoration:underline;}
#index_news .index_news_more{text-align:right; margin:30px 0;}
#index_news .index_news_more span{border:1px solid #BABABA; padding:8px 25px; color:#585858; letter-spacing:1px; cursor:pointer; cursor:hand;}
#index_news .index_news_more span:hover{ background:#585858; color:#fff; -webkit-transition:.6s;-ms-transition:.6s;-moz-transition:.6s; }

#index_news .index_news_right{ max-width:335px; width:30%; display:inline-block; text-align:right; animation: 1s ease-out 0s 1 transiRight; }
#index_news .poster_title{position:absolute; width:100%; box-sizing: border-box; bottom:0; background:url(../../images/bg2.png) repeat; max-width:294px; height:40px; line-height:40px; padding-left:10px; letter-spacing:1px; text-align:left; color:#FFF; font-size:20px; font-family:'微軟正黑體' 'Times New Roman', Times, serif;}


#index_activities{ max-width:1100px; width:100%; overflow:hidden; margin:30px auto; }
#index_activities .index_activities_item{ float:left; border:1px solid #77b800; box-sizing: border-box; width:49.5%; overflow:hidden; margin:2px; cursor:pointer; cursor:hand;}
#index_activities .index_activities_item:hover{ background:#77b800;  -webkit-transition:.6s;-ms-transition:.6s;-moz-transition:.6s;}
#index_activities .index_activities_item:hover .image {/*-webkit-filter: brightness(150%);*/ -webkit-transition:.6s;-ms-transition:.6s;-moz-transition:.6s; }
#index_activities .activities_left{ float:left; width:50%; padding:0 10px; box-sizing: border-box; }
#index_activities .activities_left .activities_item1{ font-size:18px; letter-spacing:1px; color:#bbdb7f; padding:20px 0 5px 0;}
#index_activities .index_activities_item:hover .activities_item1{ color:#FFF;}
#index_activities .activities_left .activities_item2{ display:inline-block; font-size:30px; letter-spacing:1px; color:#77b800; padding:0 0 3px 0; border-bottom:5px solid #77b800; }
#index_activities .index_activities_item:hover .activities_item2{ color:#FFF; border-color:#fff;}
#index_activities .activities_left .activities_item3{ letter-spacing:1px; font-size:15px; color:#000000; line-height:20px; padding:10px 0; height:110px;}
#index_activities .index_activities_item:hover .activities_item3{ color:#FFF;}
#index_activities .activities_left .activities_item4{ color:#ebe9e9; font-size:41px;}
#index_activities .activities_left .activities_item4 span{ font-size:20px;}
#index_activities .index_activities_item:hover .activities_item4{ color:#a0e71e;}
#index_activities .activities_right{ float:left; width:50%; }
#index_activities .activities_right img{ display:block;}

#index_activities .index_activities_more{text-align:right; margin:30px 0;}
#index_activities .index_activities_more span{border:1px solid #BABABA; padding:8px 25px; color:#585858; letter-spacing:1px; cursor:pointer; cursor:hand;}
#index_activities .index_activities_more span:hover{ background:#585858; color:#fff; -webkit-transition:.6s;-ms-transition:.6s;-moz-transition:.6s; }


/* ----------------------------------------------------------------------------------------------------------------*/
/* ------------------------------>>> Admission <<<----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

.download_list{ margin:50px 0 30px 0;}
.download_item img{ }
.download_item{ margin:5px 0; padding:10px 0; border-bottom:1px dotted #CCC;}
.download_item a{ color:#208403; font-size:15px; text-decoration:none; letter-spacing:1px;}
.download_item a:hover{ text-decoration:underline;}


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

#container .forum-title{width:100%; overflow:hidden; padding:8px 0; color:#ffffff; background:#78B800; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
#container .forum-title-items{ float:left; text-align:center; font-size:15px; letter-spacing:1px; }
#container .forum-content{width:100%; overflow:hidden; padding:5px 0; color:#0078ff; border-bottom:1px solid #ebebeb; }
#container .forum-content-items{ float:left; text-align:center; padding:10px 0; color:#535454; font-size:15px; letter-spacing:1px; line-height:22px; }
#container .forum-content-items a{ color:#535454; text-decoration:none; }
#container .forum-content-items a:hover{ color:#78B800; text-decoration:underline; }
#container .forum-title .column-title1{ width:30%; box-sizing:border-box; padding-right:5px; }
#container .forum-title .column-title2{ width:60%;}
#container .forum-title .column-title3{ width:20%;}
#container .forum-title .column-title4{ width:65%;}
#container .forum-title .column-title5{ width:100%;}
#container .forum-content .column-content1{ width:30%; color:#909090; box-sizing:border-box; padding-right:5px; font-size:14px; }
#container .forum-content .column-content2{ width:60%; text-align:left;}
#container .forum-content .column-content3{ width:20%;}
#container .forum-content .column-content4{ width:65%; text-align:left;}
#container .forum-content .column-content5{ width:100%; text-align:left;}


/* ----------------------------------------------------------------------------------------------------------------*/
/* ------------------------------>>> Contact <<<----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

#contact{ width: 100%; }
#contact .info{margin-top:20px; font-size:14px; letter-spacing:2px; color:#535454; font-size:15px;}
#contact .title{display:inline-block; padding-top:100px; font-size:24px; font-weight:bold; color:#00A53C; width:auto;}
#contact .line{height:1px; border-bottom:1px solid #D6D6D6;}
#contact .item{color:#333; font-size:18px;  font-weight:bold; padding:30px 0;}
#contact span{display:inline-block; background:#78B800; color: #fff;line-height:30px; height:30px;font-size:14px;letter-spacing:1px;width: 75px;margin: 5px 20px 0 0;text-align: center;}
#contact .ctitle{ font-size:14px; color:#8c8b8b; letter-spacing:1px; height:50px; width:150px;}
#contact .input1{ max-width:560px; width:100%; height:25px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border:1px solid #d8d4d4; padding-left:10px; color:#666; }
#contact .input2{ max-width:260px; width:100%; height:25px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border:1px solid #d8d4d4; padding-left:10px; color:#666; }
#contact .textarea{ max-width:560px; width:98%; height:200px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border:1px solid #d8d4d4; padding:10px; color:#666; }
#contact #cancel_btn{ cursor:pointer; cursor:hand; }


/* ----------------------------------------------------------------------------------------------------------------*/
/* ------------------------------>>> Links <<<----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

.course_container{ text-align:center; width:100%; overflow:hidden; }
.course-detail{ box-sizing:border-box; }
.course-detail-title{ font-size:18px; color:#484848; letter-spacing:1px; font-weight:bold; margin-bottom:50px; line-height:22px; }
.course-detail-item{ background:#f2f2f2; color:#0078ff; font-weight:bold; letter-spacing:1px; font-size:15px; padding:5px 10px; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; }
.course-detail-content{ color:#484848; font-size:15px; letter-spacing:1px; line-height:25px; padding:20px 5px;}

.forum-title{width:100%; overflow:hidden; padding:5px 0; color:#0078ff; background:#f2f2f2; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.forum-title-items{ float:left; text-align:center; font-size:15px; letter-spacing:1px; }
.forum-content{width:100%; overflow:hidden; padding:5px 0; color:#0078ff; border-bottom:1px solid #ebebeb; }
.forum-content-items{ float:left; text-align:leftf; padding:10px 0; color:#535454; font-size:15px; letter-spacing:1px; line-height:22px; }
.forum-content-items a{ color:#535454; text-decoration:none; }
.forum-content-items a:hover{ color:#0078ff; text-decoration:underline; }


/* ----------------------------------------------------------------------------------------------------------------*/
/* ------------------------------>>> Album <<<----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/


.album_container
{
    text-align:center;
    width:100%;
  	overflow:hidden;
}
.album_square
{
    margin:10px 5px;
	padding:2px;
    text-align:center;
    display:inline-block;    
}
.album_square img{ display:block; border:1px solid #EDD6E0; padding:2px; }
.album_square a{ line-height:30px; margin:5px 0; color:#666; letter-spacing:1px; text-decoration:none; }


/* ----------------------------------------------------------------------------------------------------------------*/
/* ------------------------------>>> Member <<<----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

#member_area{width:100%; overflow:hidden;}
#member_area .member_declare{font-size:13px;color:#333333;font-weight:bold;border-top: 1px dotted #999999;letter-spacing:1px;padding: 10px 0 10px 0;margin: 20px 0 10px 0;}
#member_area .member_declare a{ color:#333333; text-decoration:none; }
#member_area .member_declare a:hover{ color:#78B800; }
#member_area .member_declare span{ font-size:14px;}
#member_area .member_left{ width:25%; float:left; }
#member_area .member_right{ width:75%; float:left; }
#member_area .member_title{width:100%;padding: 10px;background:#78B800;color:#fff;letter-spacing:1px;text-align:center;font-size:12px;}
#member_area .member_title a{ color:#ffffff; text-decoration:none; }
#member_area .member_content{ padding:15px 0; font-size:12px; letter-spacing:1px; color:#595959; line-height:25px; }
#member_area .member_content .title{ color:#78B800; }


/* ----------------------------------------------------------------------------------------------------------------*/
/* -------------------------------->> FAQ <<<------------------------------------------------------ --*/
/* ----------------------------------------------------------------------------------------------------------------*/

.question{ cursor:pointer; cursor:hand;}
.question_bg{background:#EAFFF1;border:1px solid #017426;border-bottom:0;padding: 10px 0;}
.question_border{}
.question_padding10{padding:10px;}
.question_title{font-family:'微軟正黑體';color:#797979;font-weight:bold;font-size:15px;position:relative;padding: 0 40px 0 0;}
.question_content{color:#666; padding:15px 15px 15px 0px; position:relative; font-size:15px; line-height:30px; letter-spacing:1px;}
.question_img{position:absolute;bottom: 0px;right: 15px;}


/* ----------------------------------------------------------------------------------------------------------------*/
/* ------------------------------>>> Rwd <<<----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

@media screen and (max-width: 1200px) {
	#header .logo{ top:-105px;}
	#footer .footer_left{ width:85px;overflow: hidden;}	
	
	#member_area .member_left{ width:30%; }
	#member_area .member_right{ width:70%; }		
}

@media screen and (max-width: 1023px) {
	
	#index_news .index_news_left{ width:100%; max-width:none;}
	
	#index_news{ width:95%; }
	#index_news .index_news_right{ width:100%; text-align:center; max-width:none;}
	#index_news .poster_img{ width:100%; }
	#index_news .poster_table{ width:100%;}
	#index_news .poster_title{ width:100%; max-width:none; left: 0; right: 0; margin-left: auto;  margin-right: auto; }
	
	#index_activities{ width:95%;}
	#index_activities .index_activities_item{ float:none; width:99%; height:270px; }
	
	#header .mobile_menu{ display:block;}	
	#wideMenu{ display:none;}
	
	#public_wrap .public_wrap_left{ display:none; }	
	#public_wrap .public_wrap_right{ width:100%; max-width:none; }
	#public_wrap .public_title{ max-width:none; width:100%;}	
	
}

@media screen and (min-width: 1024px) {
	#header .mobile_menu{ display:none;}
	#mainMenu{ display:none;}	
	#dl-menu{ display:none;}
}

@media screen and (max-width: 750px) {
	#footer .footer_center{ display:none;}
	#footer .footer_right{ margin-left:20px;}
	
	#contact_table{ width:90%;}
	
	#member_area .member_left{ float:none; margin-bottom:20px; text-align:left; }
	#member_area .member_right{ width:100%; }

}

@media screen and (max-width: 600px) {
	#header .logo{ z-index:0;}
	#header .header_search input{ width:90%; height:30px;}
	
	#index_activities .index_activities_item{ height:auto; }
	#index_activities .activities_left .activities_item3{ height:auto;}
}

@media screen and (max-width: 480px) {
	#index_activities .activities_left{ float:none; width:100%}
	#index_activities .activities_right{ display:none; }
	#header .header_home a{ display:none; }
	#mainMenu{width:100%;}
	
	#slider{ display:none; }
	#index_bTitle{ margin:0;}	
	
	#contact_table{ width:80%;}
	#contact .ctitle{ width:60px; }
	#contact .info{ font-size:12px;}	
	
	#member_area .member_left{ width:100%; text-align:center; }	
	
}


/* ----------------------------------------------------------------------------------------------------------------*/
/* ------------------------------>>> CSS Animation <<<----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

/*
* { -webkit-transition: all 0.5s; }


@-webkit-keyframes swing
{
	15%
	{
		-webkit-transform: translateX(5px);
		transform: translateX(5px);
	}
	
	30%
	{
		-webkit-transform: translateX(-5px);
		transform: translateX(-5px);
	}
	
	50%
	{
		-webkit-transform: translateX(3px);
		transform: translateX(3px);
	}
	
	65%
	{
		-webkit-transform: translateX(-3px);
		transform: translateX(-3px);
	}
	
	80%
	{
		-webkit-transform: translateX(2px);
		transform: translateX(2px);
	}
	
	100%
	{
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}

@keyframes swing
{
	15%
	{
		-webkit-transform: translateX(5px);
		transform: translateX(5px);
	}
	
	30%
	{
		-webkit-transform: translateX(-5px);
		transform: translateX(-5px);
	}
	
	50%
	{
		-webkit-transform: translateX(3px);
		transform: translateX(3px);
	}
	
	65%
	{
		-webkit-transform: translateX(-3px);
		transform: translateX(-3px);
	}
	
	80%
	{
		-webkit-transform: translateX(2px);
		transform: translateX(2px);
	}
	
	100%
	{
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}

.swing:hover{
  		-webkit-animation: swing 1s ease;
        animation: swing 1s ease;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;	
}
*/

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

.Loadaction_Box { position: fixed; left: 0px; top:0px; background-image:url(../../images/action_bg.png); z-index:100000000 }
.Loadaction { position: fixed; padding-top:5px; width: 220px; height: 45px; left: 42%; top: 42%; background-image:url(../../images/action_bg.png); -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 }