@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; }
.none{ display:none; }
.middle{ vertical-align:middle; }
.bx-pager{ display:none; }

/*a { text-decoration:none; color:#231815;}
a:hover { color:#666;}*/

/* ----------------------------------------------------------------------------------------------------------------*/
/* ------------------------------>>> 網站共用設定 <<<----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

#map{ background:#FFF; width:1000px; margin:0 auto; height:30px; line-height:30px; letter-spacing:1px; color:#346689; }
#map a{ color:#346689; }
#pager{ height:80px; line-height:80px; text-align:center; margin:0 auto; }
.btn1{background:#366585; color:#fff; padding:8px 10px; border-radius:5px; cursor:pointer; cursor:hand;}
.btn1:hover{ background:#3A7AA7; -webkit-transition:.6s;-ms-transition:.6s;-moz-transition:.6s;}

.btn2{background:#666; color:#fff; padding:8px 10px; border-radius:5px; cursor:pointer; cursor:hand;}
.btn2:hover{ background:#999; -webkit-transition:.6s;-ms-transition:.6s;-moz-transition:.6s;}


/* ----------------------------------------------------------------------------------------------------------------*/
/* ------------------------------>>> 首頁設定 <<<----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

#wrapper{ width:100%; overflow:hidden; margin:0 auto;}

#header{ width:100%; margin:0 auto; height:90px; background:#CCC; background:url(../../images/header_bg4000.png) center; }
#header #header_wrap{width:1200px; margin:0 auto; position:relative;}
#header .logo_img{position:absolute; top:20px; left:100px;}

#search_frame{ position:absolute; top:20px; right:105px;}
#search_frame input{border:1px solid #00779b; letter-spacing:1px; padding-left:5px; height:22px; outline:0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
#search_frame img{position:absolute; top:2px; right:2px;}

#menu{ width:100%; height:61px; background:#0DA3FA; border-bottom:2px solid #B4B4B4; margin:0 auto; text-align:center;}
#menu .line{width:100%; height:6px; background:#68C9FE;}
#menu .btn{ position:relative; display:inline-block; width:143px; height:55px; padding:10px 0 0 5px;; margin:0; font-size:16px; letter-spacing:1px; border-right:1px solid #B4B4B4; box-sizing: border-box; text-align:left; color:#fff; cursor:hand; cursor:pointer; }
#menu .btn:hover{background:#6AC9FF;}
#menu .btn p{ color:#FFE489; font-size:10px; letter-spacing:0px; margin-top:4px; /*-webkit-transform:scale(0.83); display:inline-block;*/}
#menu .btn .cimg{ position:absolute; right:10px; bottom:9px;}
#menu .btn .bimg{position:absolute; bottom:0px; left:0;}
#menu .btn .submenu{ display:none; position:absolute; z-index:99; background:#fff; margin:13px 0 0 -6px; min-width:143px; box-sizing: border-box; padding:20px 10px; height:100px; border:2px solid #B4B4B4; cursor:default; }
#menu .btn:hover .submenu{ display:block;}
#menu .btn .submenu div a{ line-height:25px; color:#516367; text-decoration:none; }
#menu .btn .submenu div a:hover{ text-decoration:underline; color:#0AA4FA; }

#container{ width:100%; height:471px; background:#0C9; background:url(../../images/bg4000.png) center;}
#container #wrap{width:1000px; margin:0px auto; padding:30px 0 10px 0;}
#container #wrap .left{ float:left; width:260px; height:410px;}
#wrap .left .about_title{width:256px; height:40px; background:url(../../images/about_title.png) no-repeat top; color:#CB3326; font-size:15px; letter-spacing:1px; box-sizing:border-box; padding:10px 0 0 20px;}
#wrap .left .about_title span{font-size:13px;}
#wrap .left .about_img{width:250px; height:150px; background:#FFF; box-sizing:border-box; box-shadow:1px 1px 3px 3px #cccccc; text-align:center; padding-top:7px;}
#wrap .left .about_content{padding:10px 0; letter-spacing:1px; line-height:22px; color:#626264;}
#wrap .left .about_more{text-align:right;}


/*活動消息*/
#wrap .right #contain_activity2{width:100%; overflow:hidden; border-bottom:1px dotted #000; padding:10px 0;}
#wrap .right #contain_activity2:hover{ background:#f2faff;}
#wrap .right #contain_activity2 .left2{float:left; width:80px;}
#wrap .right #contain_activity2 .right2{float:left; line-height:22px; letter-spacing:1px;}
#wrap .right #contain_activity2 .right2 .title2 a{ color:#366585; font-weight:bold; font-size:14px; }
#wrap .right #contain_activity2 .right2 .table2{width:100%; font-size:13px; overflow:hidden;}
#wrap .right #contain_activity2 .right2 .table2 .td1{width:80px; float:left; color:#666;}
#wrap .right #contain_activity2 .right2 .table2 .td2{float:left; width:500px; color:#666;}


#container #wrap .right{ float:left; width:740px; padding:0 0 0 40px; box-sizing:border-box; }
#wrap .right #news_menu{  width:100%; overflow:hidden; position:absolute; margin-left:1px; }
#wrap .right #news_menu .menu_off{ margin-left:2px; display:inline-block; height:33px; background:#FFF; line-height:33px; padding:0 15px; font-size:16px; letter-spacing:1px; border:1px solid #CACACA; color:#878787; border-bottom:0; border-top-left-radius:10px; border-top-right-radius:10px; margin-bottom:0px; cursor:pointer; cursor:hand; font-weight:bold;}
#wrap .right #news_menu .menu_on{ margin-left:2px; position:relative; display:inline-block; background:#FFF; height:33px; line-height:33px; padding:0 15px; font-size:16px; letter-spacing:1px; border:1px solid #0DA3FA; color:#0CA4FA; border-bottom:1px solid #FFF; border-top-left-radius:10px; border-top-right-radius:10px; margin-bottom:0px; cursor:pointer; cursor:hand; font-weight:bold;}
#wrap .right #news_menu .dot1{position:absolute; bottom:-1px; left:-3px;}
#wrap .right #news_menu .dot2{position:absolute; bottom:-1px; right:-5px;}
#wrap .right .news_frame{ margin-top:34px; width:725px; height:376px; background:url(../../images/about_frame.png); box-sizing:border-box; padding:15px 30px;}
#wrap .right .news_frame .title{ border-bottom:1px dotted #000; color:#346586; line-height:22px; padding:10px 0; font-weight:bold; letter-spacing:1px; }
#wrap .right .news_frame .title a{ color:#346586; letter-spacing:1px;}
#wrap .right .news_frame .title a:hover{ color:#E57164;}
#wrap .right .news_frame .info{ overflow:hidden;}
#wrap .right .news_frame .content{ float:left; color:#777777; font-weight:normal;}
#wrap .right .news_frame .date{ float:right; color:#3580C1; letter-spacing:1px; font-weight:normal;}


#footer{ width:100%; height:260px; background:url(../../images/footer_bg4000.png) center;}
#footer .info{ width:1000px; height:230px; box-sizing:border-box; margin:0 auto; padding:20px 0;}
#footer .info .logo{ float:left; padding-right:50px; }
#footer .info .bigtitle1{float:left; padding-right:80px; width:253px;}
#footer .info .bigtitle1 div{ float:left; width:125px; letter-spacing:1px; line-height:24px; box-sizing:border-box; padding-left:10px;}
#footer .info .bigtitle1 div a{ color:#FFFFFF; text-decoration:none; }
#footer .info .bigtitle1 div a:hover{ text-decoration:underline; }
#footer .bigtitle2{ float:left; width:318px; }
#footer .bigtitle2 .contact_info{ min-height:24px; line-height:24px; color:#fff; letter-spacing:1px; }
#footer .bigtitle2 .title{float:left;  width:90px; padding-left:10px; }

#footer .copyright{width:100%; height:30px; line-height:30px; letter-spacing:1px; background:#343434; color:#9A9A9A; text-align:center;}
#footer .copyright a{ color:#9A9A9A; text-decoration:none; }
#footer .copyright a:hover{ text-decoration:underline; }


/* ----------------------------------------------------------------------------------------------------------------*/
/* ------------------------------>>> 內頁共用設定 <<<----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

#container2{ width:100%; min-height:640px; overflow:hidden; background:url(../../images/bg4000.png) top center repeat-y; padding:0 0 30px 0; }
#container2 #wrap2{width:1000px; margin:0px auto; padding:30px 0 10px 0;}

#container2 #wrap2 .left{ float:left; width:260px; height:410px;}
#container2 #wrap2 .left .menu_bg{ background:#fff; width:270px; min-height:300px; overflow:hidden;}
#container2 #wrap2 .left .menu{ width:270px; min-height:300px; padding-bottom:300px; overflow:hidden; box-shadow:1px 1px 2px 2px #cccccc; background:url(../../images/menu_bg.jpg) no-repeat bottom;}
#container2 #wrap2 .left .menu .title{ width:100%; height:37px; line-height:37px; letter-spacing:1px; color:#fff; background:#0DA3FA; font-size:16px; box-sizing:border-box; padding-left:20px;}
#container2 #wrap2 .left .menu .title span{ font-size:14px; padding-left:10px;}
#container2 #wrap2 .left .menu .list{height:50px; line-height:57px; border-bottom:1px dotted #000; margin:0 15px; color:#E4756A; font-size:18px; letter-spacing:1px;}
#container2 #wrap2 .left .menu .list a{ color:#516367; text-decoration:none; }
#container2 #wrap2 .left .menu .list a:hover{ color:#E4756A; text-decoration:underline }

#container2 #wrap2 .right{ float:left; width:740px; padding:0 0 0 40px; box-sizing:border-box; }
#container2 #wrap2 .right #news_menu{  width:100%; overflow:hidden; position:absolute; margin-left:1px; }
#container2 #wrap2 .right #news_menu .menu_off{ margin-left:2px; display:inline-block; height:33px; line-height:33px; padding:0 15px; font-size:16px; letter-spacing:1px; border:1px solid #CACACA; color:#878787; border-bottom:0; border-top-left-radius:10px; border-top-right-radius:10px; margin-bottom:0px; font-weight:bold;}
#container2 #wrap2 .right #news_menu .menu_on{ margin-left:2px; position:relative; display:inline-block; background:#fff; height:33px; line-height:33px; padding:0 15px; font-size:16px; letter-spacing:1px; border:1px solid #0DA3FA; color:#0CA4FA; border-bottom:1px solid #FFF; border-top-left-radius:10px; border-top-right-radius:10px; margin-bottom:0px; font-weight:bold;}
#container2 #wrap2 .right #news_menu .dot1{position:absolute; bottom:-1px; left:-3px;}
#container2 #wrap2 .right #news_menu .dot2{position:absolute; bottom:-1px; right:-5px;}
#container2 #wrap2 .right .news_frame1{ width:725px; overflow:hidden; background:url(../../images/frame1.png) no-repeat top;}
#container2 #wrap2 .right .news_frame2{ margin-top:34px; width:725px; overflow:hidden; background:url(../../images/frame2.png) repeat-y;}
#container2 #wrap2 .right .news_frame3{ width:725px; min-height:400px; overflow:hidden; background:url(../../images/frame3.png) no-repeat bottom; color:#3E3F41; font-size:15px; line-height:28px; letter-spacing:1px; box-sizing:border-box; padding:30px;}


/* ----------------------------------------------------------------------------------------------------------------*/
/* ------------------------------>>> 最新消息 <<<----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

#container2 #wrap2 .right #contain_news .title{ border-bottom:1px dotted #000; color:#346586; line-height:22px; padding:10px 0; font-weight:bold; letter-spacing:1px; }
#container2 #wrap2 .right #contain_news .title a{ color:#346586; letter-spacing:1px;}
#container2 #wrap2 .right #contain_news .title a:hover{ color:#E57164;}
#container2 #wrap2 .right #contain_news .info{ overflow:hidden;}
#container2 #wrap2 .right #contain_news .content{ float:left; color:#777777; font-weight:normal;}
#container2 #wrap2 .right #contain_news .date{ float:right; color:#3580C1; letter-spacing:1px; font-weight:normal;}

#container2 #wrap2 .right #contain_news_detail .title{ border-bottom:1px dotted #000; color:#346586; line-height:22px; padding:10px 0; margin-bottom:20px; font-weight:bold; letter-spacing:1px; }
#container2 #wrap2 .right #contain_news_detail .date{font-size:12px; line-height:18px; color:#3681c1;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ------------------------------>>> 活動消息 <<<----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

#container2 #wrap2 .right #contain_activity{width:100%; overflow:hidden; border-bottom:1px dotted #000; padding:10px 0;}
#container2 #wrap2 .right #contain_activity:hover{ background:#f2faff;}
#container2 #wrap2 .right #contain_activity .left2{float:left; width:80px;}
#container2 #wrap2 .right #contain_activity .right2{float:left;width: 560px;}
#container2 #wrap2 .right #contain_activity .right2 .title a{ color:#366585; font-weight:bold; }
#container2 #wrap2 .right #contain_activity .right2 .table{width:100%; font-size:13px; overflow:hidden;}
#container2 #wrap2 .right #contain_activity .right2 .table .td1{width:80px; float:left;}
#container2 #wrap2 .right #contain_activity .right2 .table .td2{float:left;width: 470px;}
#container2 #wrap2 .right .info_left{float:left; width:380px;}
#container2 #wrap2 .right .info_left .title{min-height: 30px;overflow: hidden;border-bottom:1px dotted #000;margin-top:5px;}
#container2 #wrap2 .right .info_left .title .info1{float:left; background:#5d5d5d; font-size:12px; color:#FFF; width:65px; text-align:center; height:25px; line-height:25px;}
#container2 #wrap2 .right .info_left .title .info2{float:left;width: 300px;color:#5d5d5d;font-size:12px;padding-left:5px;}

#container2 #wrap2 .right .info_right{float:left; padding:130px 0 0 40px;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ------------------------------>>> 聯絡我們 <<<----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

#container2 #wrap2 .contact1{width:615px; height:40px; line-height:40px; background:#426E8C; margin:0 auto; color:#FFF; text-align:center; font-size:13px; font-weight:bold; letter-spacing:1px;}
#container2 #wrap2 .contact2{width:615px; overflow:hidden; background:#DAF2FF; color:#426E8C; margin:0 auto; padding:20px 50px; box-sizing: border-box; }
#container2 #wrap2 #contact{ width:100%; overflow:hidden; }
#container2 #wrap2 #contact .contact_info{ min-height:24px; line-height:24px; color:#426E8C; font-size:13px; letter-spacing:1px; overflow:hidden; }
#container2 #wrap2 #contact .info_title{float:left;  width:90px; padding-left:10px; }

#container2 #wrap2 .contact_list{width:610px; height:50px; font-size:12px;  margin:0 auto;}
#container2 #wrap2 .contact_list .list1{float:left; width:73px;}
#container2 #wrap2 .contact_list .list2 input{width:500px; height:22px; background:#FAFAFA; border:1px solid #C6C6C6; letter-spacing:1px; padding-left:5px;}
#container2 #wrap2 .contact_list .list2 textarea{width:500px; height:162px; background:#FAFAFA; border:1px solid #C6C6C6; letter-spacing:1px; padding-left:5px;}


/* ----------------------------------------------------------------------------------------------------------------*/
/* ------------------------------>>> 活動報名 <<<----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

#container2 #wrap2 .active_list{width:610px; height:50px; font-size:12px;  margin:0 auto;}
#container2 #wrap2 .active_list .list1{float:left; width:90px;}
#container2 #wrap2 .active_list .list2 input{width:300px; height:22px; background:#FAFAFA; border:1px solid #C6C6C6; letter-spacing:1px; padding-left:5px;}
#container2 #wrap2 .active_list .list2 .select{width:80px; height:27px; background:#FAFAFA; border:1px solid #C6C6C6; letter-spacing:1px; padding-left:5px;}
#container2 #wrap2 .active_list .list2 textarea{width:465px; height:162px; background:#FAFAFA; border:1px solid #C6C6C6; letter-spacing:1px; padding-left:5px;}


/* ----------------------------------------------------------------------------------------------------------------*/
/* ------------------------------>>> 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 }