@charset "UTF-8";
.clear{ clear:both;}

.aboutico{ width: 25px; height: 25px; margin-bottom: -7px; background: url(../images/about-ico.png)  no-repeat; background-size: cover; display: inline-block; }
.oc-sidebar-content .nav>li>a:hover .aboutico{background: url(../images/about-ico-h.png) no-repeat;background-size: cover; }
  @media (max-width: 767px) {
.aboutico{ width: 20px; height: 20px;   }
}
#login{ position:fixed; display:none; top:0; left:0; width:100%; height:100%; z-index:2000; background:rgba(0,0,0,0.5);}
#login .loginmain{ position:absolute; top:20%;  left:50%; margin-left:-180px; width:360px; background:#fff;box-shadow:0px 0px 10px 3px rgba(0,0,0,0.4);}
#login .logintop{ background:#666666; font-size:18px; font-weight:800; color:#fff; padding:12px 15px;}
#login .logintop .close{color:#fff;float:right; font-size:25px; opacity: 1;}

#login .loginmain_c{padding:30px 25px 40px 25px;}
#login .loginmain_c div{ position:relative;}
#login .loginmain_c  span{ width:48px; position:absolute; left:0; z-index:20; border-radius:5px 0 0 5px; font-size:18px; background:#666666; padding:17px 15px; color:#fff; display:inline-block; float:left}
#login .loginmain_c  input{ width:100%; padding:25px 5px 25px 60px; font-size:17px; border-radius:5px; border:solid 1px #ccc; }
#login .loginmain_c .forgotpwd{ color:#666666;}

@media (max-width: 767px) {
#login .loginmain{ position:absolute; top:70px; left:2%; margin:0px auto; width:96%; background:#fff;}
#login .loginmain_c  span{ width:33px; padding:12px 10px;font-size:14px;}
#login .loginmain_c  input{ padding:18px 5px 18px 40px;}
}

.navbar-mem{
	float:right; position:fixed; right:0;
	margin-right:20px;	
}
.navbar-brand .logosx{ display:none;}
.navbar-mem .navbar-mr{ display:none;}
.navbar-mem  img.p_img{ width:40px; height:40px; border-radius:50%;}
.navbar-mem  .logout{ padding:5px 10px; border-radius:5px; font-size:16px;}
.navbar-mem  span.pname{ font-size:16px; padding:0 10px 0 15px;}
.navbar-mem  .logout:hover{background:#f0f0f0;}

@media (max-width: 767px) {
	
.navbar-mem{
	margin:15px 5px 0 0;	
}
.navbar-mem  span.pname{ display:none;}

.navbar-brand .logolg{ display:none;}
.navbar-brand .logosx{ display:block; position:absolute; left:50%; margin-left:-92px; top:20px;}
.navbar-mem .navbar-mr{ display:inline-block; margin:0 5px;}

}
a.totop2{ display:inline-block;padding:15px 20px; font-size:20px; border:solid 3px #C19C0C; color:#C19C0C; position:absolute; right:-150px; top:150px;}
a.totop2:hover{ background:#C19C0C;color:#fff}

a.totop3{ display:none;padding:8px 12px; font-size:16px; border:solid 2px #666666; color:#666666; position:fixed; left:10px; bottom:20px;}
a.totop3:hover{  border:solid 2px #fff;color:#fff}
 .page{ padding:30px 10px; text-align:center;}
 .page a{display:inline-block; padding:9px 14px; border:solid 1px #C7C7C7; background:#fff; margin-left:-1px; margin-bottom:5px; line-height:150%;}
 .page a:hover{background:#C19C0C; border-bottom:solid 1px #C19C0C;border-top:solid 1px #C19C0C; color:#fff}
.page span{display:inline-block; padding:9px 14px; border:solid 1px #C7C7C7; background:#fff; margin-left:-1px; margin-bottom:5px; line-height:150%;}
 .page span.current{background:#C19C0C; color:#fff; border-bottom:solid 1px #C19C0C;border-top:solid 1px #C19C0C;}

.btn.btn-indexlg{ padding:10px 0; background: #70585A; font-size:24px; margin:3px 0 0 0;}
.btn.btn-indexlg:hover{ background: #604B4E }

.index_albu_img{ width:90%; height:260px; margin:0 auto;  background-size: cover; display:block;background-position: center 10px; background-repeat: no-repeat;}
.index_albu_more{ border-left:solid 4px #0093D9; padding:5px 7%; margin:10px 0 5px 0;  display:block}
.content_main_i_left{ padding-right:3%;}
@media (max-width: 1080px) {
.btn.btn-indexlg{ padding:10px 0; font-size:18px;}
.index_albu_img{ width:90%; height:200px; }
}
@media (max-width: 992px) {
.index_albu_img{ width:90%; height:400px; }
.content_main_i_left{ padding-right:10px;}
}
@media (max-width: 767px) {
.index_albu_img{ width:90%; height:260px; }
}

/* banner */
.banner{width:100%; overflow:hidden; position:relative;}
.banner .banner_left{ position:relative; float:left; width:18%; height:auto; padding:4% 0 1.7% 0; vertical-align:middle; text-align:center;color:#FFF; font-size:28px;}
.banner .banner_left .banner_left_text{ line-height:46px; display:inline-block; border:solid 4px #FFF; color:#FFF; padding:8px 12px; font-size:40px; font-weight:800; margin:0 auto;}
.ban_about{ background:#FBB03B;}
.banner .banner_left.black{ color:#424344; }
.banner .banner_left .banner_left_text.black{border:solid 4px #424344; color:#424344; }

.banner .banner_right{float:left; width:82%; line-height:20px; position: relative; }
.banner .banner_right_txt{padding:95px 5%;}
.banner .banner_right_txt h1{ color:#fff; font-size:40px; line-height:30px;}
.banner .banner_right_txt h3{ color:#fff; font-size:20px; line-height:20px;}


@media (max-width: 1600px) {
.banner .banner_left{font-size:20px;}
.banner .banner_left .banner_left_text{ line-height:36px; font-size:30px; }
.banner .banner_right_txt{padding:65px 6%;}
}
@media (max-width: 1300px) {
.banner .banner_left{font-size:16px;}
.banner .banner_left .banner_left_text{ line-height:24px;padding:6px;  font-size:22px; }
.banner .banner_right_txt h1{ font-size:28px; line-height:28px; }
.banner .banner_right_txt{padding:30px 6%;}
}
@media (max-width: 1000px) {
.banner .banner_left{font-size:14px;}
.banner .banner_left .banner_left_text{ line-height:18px;padding:2px 4px;  font-size:16px; }
.banner .banner_right_txt{padding:13px 6%;}
.banner .banner_right_txt h1{ font-size:24px; line-height:28px; }
.banner .banner_right_txt h3{ font-size:14px;line-height:14px; }
}
@media (max-width: 767px) {
.banner .banner_left{ float:none; width:auto; margin:0 auto; padding:30px 0;}
.banner .banner_left .banner_left_text{ line-height:46px;  font-size:40px; }
.banner .banner_right_txt h1{ font-size:24px; line-height:28px; }
.banner .banner_right{display:none;}
}
/* banner */

.content_main{ max-width:1180px; margin:0px auto; padding:60px 0; position:relative;}
.content_main_m{ max-width:1180px; margin:0px auto; padding:60px 0 40px 0;}
.content_main_r{ max-width:1180px; margin:0px auto; padding:60px 0;}
.content_con{ padding:0 5%;line-height:200%; overflow:hidden;}
.content_main_padd{ max-width:1180px; margin:0px auto; padding:60px 0;}
.content_main_new{max-width:1180px; margin:0px auto;}
/* @media (max-width: 1400px) {
.content_main{ width:100%;}	
.content_main_m{ width:100%}
.content_main_r{ width:100%}
.content_main_padd{ width:100%;}	
.content_main_new{width:100%;}
} */

@media (max-width: 1180px) {
.content_main{ width:100%;}	
.content_main_m{ width:100%}
.content_main_r{ width:100%}
.content_main_padd{ width:100%;}	
.content_main_new{width:100%;}
}

@media (max-width: 992px) {
.content_main_m{ width:100%}
}

@media (max-width: 767px) {
.content_main{ width:92%;}	
.content_main_m{ width:100%}
.content_main_r{ padding:30px 0; background:#fff}
.content_main_padd{ padding:30px 0;}
.content_con{ padding:0 10px;}

}

.boxshadow{box-shadow:0px 3px 3px rgba(0,0,0,0.3);}

.content_main_title{ font-size:18px; font-weight:800;}
.content_main_left .content_main_leftlist{ padding-bottom:50px;box-shadow:0px 2px 2px rgba(0,0,0,0.3);}
.content_main_left .content_main_leftlist a{display:block; color:#666666; padding:8px 1% 8px 11%;}
.content_main_left .content_main_leftlist a:hover{ background:#F2F2F2; color:#C19C0C}
.content_main_left .content_main_leftlist a.active{ background:#e0e0e0; color:#C19C0C}
.content_main_left .content_main_leftlist a span{ font-size:10px; padding-right:10%; }
.content_main_right{padding-left:3%;}
.content_main_con{box-shadow:0px 2px 2px rgba(0,0,0,0.3); padding:3%; overflow:hidden;}
.content_main_right .mb_content_main_right_navtitle{display:none;}

.marginb40{ margin-bottom:40px;}
.bgWhite{ background:#fff}

@media (max-width: 767px) {
.content_main_left{display:none;}
.content_main_right {padding: 0;}
.content_main_right .content_main_title_none{display:none;}
.content_main_right .panelnone:before{border-width:0;}
.content_main_right .mb_content_main_right_navtitle{display:block; width:90%; margin:0 auto; padding:10px 20px; border:solid 3px #C19C0C; color:#C19C0C; font-size:18px; font-weight:800;}
.content_main_right .content_main_con{box-shadow:none}
.content_main_right .mb_content_main_right_navtitle .mb_navlist{ width:100%;}
.content_main_right .mb_content_main_right_navtitle .mb_navlist li a{ padding:6px; color:#C19C0C; font-size:20px; font-weight:800; text-align:center; border-bottom:solid 1px #E6E6E6;}
.content_main_right .mb_content_main_right_navtitle .mb_navtitle_show .downcaret{ position:absolute; right:20px; top:20px; border-top: 10px solid;border-right: 10px solid transparent; border-left: 10px solid transparent;}
}




/*about*/
.about_list{ width:100%; height:220px; display:inline-table; position:relative; box-shadow:0px 2px 2px 1px rgba(0,0,0,0.3) }
.about_list:hover{box-shadow:0px 2px 7px 1px rgba(0,0,0,0.6); color:#fff;}
.about_1{ background:url(../images/about1.png) center no-repeat #e39b59; color:#fff;}
.about_list .about_list_t1{ margin-top:150px; text-align:center; display:block; font-size:24px; font-weight:800;}
.about_list .about_list_t2{text-align:center; display:block; font-size:14px; line-height:15px; font-weight:200;}
.about_2{ background:url(../images/about2.png) center no-repeat #5a7cb2; color:#fff;}
.about_3{ background:url(../images/about3.png) center no-repeat #57bab7; color:#fff;}
.about_4{ background:url(../images/about4.png) center no-repeat #50b5cc; color:#fff;}

.content_title{ background:#E2E0D9; text-align:center; color:#333333;}
.content_title a{color:#333333; font-size:18px; display:inline-block; padding:12px 35px;}
.content_title a:hover{color:#C19C0C;}
.content_title a.active{ font-weight:800; border-top:solid 4px #C19C0C; color:#C19C0C;}
.mb_content_navtitle{ display:none}

@media (max-width: 992px) {
.content_title a{padding:12px 25px;}
}

@media (max-width: 767px) {
.content_title{display:none;}
.mb_content_navtitle{ display:block;}
.mb_content_navtitle .mb_navtitle_show { display:block; padding:20px 20px; position:relative; font-size:28px; font-weight:800; color:#fff;}
.mb_content_navtitle .mb_navtitle_show .linkdown{ position:absolute; right:20px; top:25px;}
.mb_content_navtitle .mb_navlist{ width:100%;}
.mb_content_navtitle .mb_navlist li a{ padding:6px; color:#C19C0C; font-size:20px; font-weight:800; text-align:center; border-bottom:solid 1px #E6E6E6;}

}
/*about*/


.ban_committee{ background:#BFA08F;}


/*member*/
.ban_member{ background:#766577;}
.member_search{ max-width:860px; margin:0 auto; background:#fff; padding:40px 0; position:relative;}
.member_search .col-sm-3{ padding-right:0;}
.member_search .form-control,.member_search  .form-control:focus {border: solid 2px #C19C0C; font-size:18px; height:40px; width:100%; background:none;}
.member_search .btn-search{ border-radius:0; background:#C19C0C; color:#fff; margin:0;}
.result_totle{ margin-bottom:15px; line-height:35px;}
.result_totle .result_totle_txt{ font-size:18px;line-height:22px;}
.result_totle .result_totle_txt span{ font-weight:800; color:#C1272D;}
.result_totle .result_totle_mothed { text-align:right; font-size:16px;}
.result_totle .result_totle_mothed  a{ padding:1px 5px; background:#F1F2F6; color:#B3B3B3; font-size:25px;}
.result_totle .result_totle_mothed  a.active{ background:#C19C0C; color:#fff;}
.content_con_m{ padding:0 2%;}
.table-bordered-cor{border: 1px solid #ccc;}
.btn-tomemcon{ border-radius:50px; background:#C19C0C; color:#fff; font-weight:800;}
.btn-tomemcon:hover{ background:#fff;color:#C19C0C;}
.mb_memlist{ display:none;}

@media (max-width: 767px) {
.member_search .form-control,.member_search  .form-control:focus {background:#fff;}
.member_searchnone{ display:none;}
.mb_member_search{ background:#f2f4f8; padding:0;}
.mb_member_search .col-xs-12{ margin-top:20px;}
.mb_member_search .btn-search{ width:100%; margin:0;}
.result_totle .result_totle_txt{ line-height:22px; padding-top:15px;}
.result_totle .result_totle_mothed{ display:none;}
.tabblenone{ display:none;}
.mb_memlist{ display:block;}
ul.mb_memlist{margin:0; padding:0;}
.mb_memlist li {border:solid 1px #4D4D4D; position:relative; list-style:none; margin:7px; padding:10px;min-height:75px; }
.mb_memlist li .mb_memlist_myname{ font-size:18px; margin-bottom:3px;}
.mb_memlist li  div{ position:absolute; right:0; top:0; width:55px; height:100%; padding:24px 10px; background:#4D4D4D}
.mb_memlist li  div a{background:#fff}
.mb_memlist li  div a:hover{background:#fff}
.mb_memlist li  div a span{color:#4D4D4D; }

}


/*member ^*/


/*member_con*/
.ban_memberlist{ background:#fff;}
.banner .banner_left_memberlist{ padding:1.5% 0 1% 0;font-size: 20px;  text-align:center;}
.banner_left_memberlist .memlist_img{ border-radius:50px; width:100px; height:100px; border:solid 4px #fff; }
.banner_left_memberlist .memlist_logo{ max-height:40px; max-width:85%; display:block; margin:6px auto 9px auto;}
.banner_left_memberlist .memlist_txt{ display:none;}
.memlist_icon a{ border-radius:50px;}
.memlist_icon a.facebook{ background:#C19C0C;color:#fff;  padding:2px 12px; font-weight:800;}
.memlist_icon a.email{ background:#FBB03B; padding:2px 7px;}
.memlist_icon a.email span{ color:#fff; font-size:18px;}
.banner_right_memberlist_txt .memlist_logo{ position:absolute; right:5%; bottom:20%;}
.banner_right .memlist_logo {position: absolute;right:5%; bottom:20%;}
.memlist_list{ position:relative; margin:15px 0;  text-align:center;}
.memlist_list a{ display: block;  padding:15% 10% 15% 10%;box-shadow:0px 0 3px 3px rgba(0,0,0,0.1);}
.memlist_list a:hover{ box-shadow:0px 0 3px 3px rgba(0,0,0,0.3); }
.memlist_list img{ border-radius:50px; width:100px; height:100px; }
.memlist_list .memlist_myname_txt{ margin:15px 0 0 0; color:#2E3192; font-size:18px; font-weight:800;}
.memlist_list .memlist_comp_txt{  color:#111; height: 45px; overflow: hidden; }

@media (max-width: 1300px){
.banner .banner_left_memberlist{ width:23%}
.banner .banner_right_memberlist_txt { padding: 65px 55px;width: 77%;}
.banner .banner_right_memberlist_txt .memlist_logo{ height:60%;}
.banner .banner_right .memlist_logo{ height:60%;}
}
@media (max-width: 767px){
.banner .banner_left_memberlist{ width:100%;    padding: 6% 0 6% 0;}
.banner_left_memberlist  img.memlist_img{ border-radius:50px; width:100px; height:100px;z-index:3;position:absolute;left:50%; margin-left:-50px; border:solid 4px #fff;  }
.banner_left_memberlist  .memlist_txt{display:block; margin-top:110px; color: #111; }
.banner_left_memberlist  img.memlist_logo{ max-height:60px; max-width:60%; }
}

.hvr-bubble-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(10px);
  transform: translateZ(10px);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
}
.hvr-bubble-right:before  {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  border-style: solid;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  top: calc(50% - 8px);
  right: -9px;
  border-width: 8px 0 8px 10px; 
	  border-color: transparent transparent transparent #666666;
}

.hvr-bubble-right.btn-primary:before  {
	  border-color: transparent transparent transparent #666666;
}
.hvr-bubble-right.btn-warning:before  {
	  border-color: transparent transparent transparent #fbb23e;
}
.hvr-bubble-right.btn-info:before  {
	  border-color: transparent transparent transparent #C19C0C;
}

.content_con_m .content_con_m_txt{ display:inline-block; padding:10px 15px; margin:5px 10px 5px 0; width:100%;}
.hvr-bubble-right.btn-primary:hover{ background:#666666}
.hvr-bubble-right.btn-warning:hover{ background:#fbb23e}
.hvr-bubble-right.btn-info:hover{ background:#C19C0C}
.content_con_m .content_con_m_mome{ padding:8px 0; min-height:45px; border-bottom:solid 1px #ccc; border-top:solid 1px #ccc; margin:5px 0;}
.mem_main_left .content_con_m,.mem_main_right .content_con_m{ padding:10px 0 30px 0; margin-bottom:40px;box-shadow: 0px 2px 2px rgba(0,0,0,0.3);}
@media (min-width: 1400px){
.content_con_m .content_con_m_txt{ min-width:120px;}
.content_con_mwid .col-sm-3{ width:160px;}
.content_con_mwid .col-sm-9{ width:410px;}
}
@media (max-width: 767px){
.hvr-bubble-right.btn-primary:before  {
  right: -50px;
}
.hvr-bubble-right.btn-warning:before  {
  right: -50px;
}
.hvr-bubble-right.btn-info:before  {
  right: -50px;
}
}

/*member_con ^*/

.ban_articles{ background:#83C0BE;}
.art_massege{ padding:30px 0;}
.art_massege .art_massege_img img{ border-radius:50%; width:50px; height:50px;}
.art_msgcon{ background:#fff; padding:10px;}
.art_msgcon .art_msgcon_t{ background:#E2E0D9; position:relative; padding:6px 10px 6px 20px;  font-size:16px;}
.art_msgcon .art_msgcon_t span.time{ position:absolute; right:10px; color:#808080;font-size:14px;}
.art_msgcon .art_msgcon_con{ padding:10px 20px ;}

.ban_news{ background:#8F5C46;}
.news_list{ display:block; width:100%; min-height:350px; position:relative;       }
.teaser>a{ display:block; position:relative; overflow:hidden; height:350px; box-shadow:0px 3px 5px rgba(0,0,0,0.3);}
.teaser>a:hover{box-shadow:0px 3px 7px rgba(0,0,0,0.6);}
@media (min-width: 992px)and (max-width: 1100px){
.teaser>a{height:280px; }

}

.teaser .image {
	z-index:1;
    display: block;
    position: absolute;top: 0;
    width: 100%;
    height: 100%; left:0;
}	
.teaser .image .img {
    display: block; position:absolute;
    top: 0;
    width: 100%;
    height: 100%;
	background: rgba(0, 0, 0, 0.5);
	 background-image:url("../images/nbg.png");
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}	

.teaser .image:after {
    background: -moz-linear-gradient(top, rgba(10,10,10,0) 0%, rgba(10,10,10,0.5) 26%, rgba(10,10,10,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(10,10,10,0)), color-stop(26%,rgba(10,10,10,0.5)), color-stop(100%,rgba(10,10,10,1)));
    background: -webkit-linear-gradient(top, rgba(10,10,10,0) 0%,rgba(10,10,10,0.5) 26%,rgba(10,10,10,1) 100%);
    background: -o-linear-gradient(top, rgba(10,10,10,0) 0%,rgba(10,10,10,0.5) 26%,rgba(10,10,10,1) 100%);
    background: -ms-linear-gradient(top, rgba(10,10,10,0) 0%,rgba(10,10,10,0.5) 26%,rgba(10,10,10,1) 100%);
    background: linear-gradient(to bottom, rgba(10,10,10,0) 0%,rgba(10,10,10,0.5) 26%,rgba(10,10,10,1) 100%);
}

.teaser .image:after {
    content: '';
    right: 0;
    bottom: 0px;
    height: 61%;
    background-repeat: no-repeat;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    position: absolute;
    left: 0;
    -webkit-transition: all 0.8s ease;
    -moz-transition: all 0.8s ease;
    -ms-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
    transition: all 0.8s ease;
}
.teaser .teaser-data {
    position: absolute; z-index:1;
    bottom: 0;
    left: 20px;
    right: 20px; overflow:hidden;
}
.teaser  h3{
    font-size: 24px;
    line-height: 26px; color:#fff;
}
.teaser  h5{
    color:#fff; margin-bottom:20px;
}

.teaser .short-text {
    display: block; 
    height: 0px;
    overflow: hidden;
    font-size: 14px;
    line-height: 1.2em;
    color: #fff;
    position: relative;
    -webkit-transition: height 1s ease, color 0.4s ease;
    -moz-transition: height 1s ease, color 0.4s ease;
    -ms-transition: height 1s ease, color 0.4s ease;
    -o-transition: height 1s ease, color 0.4s ease;
    transition: height 1s ease, color 0.4s ease;
}
/* news ^*/

/* new_con */
.content_main_con_new{ position:relative; padding:0 20px; min-height:580px; overflow: hidden;}
.content_main_con_new img{ max-width: 100%; }
.content_main_new_left{ padding-right:3%;}
.content_main_new_right{ margin-top:55px;}
.content_main_new_right .newslistmore{ padding:15px; border-bottom:solid 1px #E6E6E6;}
.content_main_new_right .newslistmore .time{ font-size:18px; font-weight:800;}
.content_main_new_right .newslistmore .classid{ padding:3px 10px; margin-left:10px; color:#fff;background:#C19C0C; border-radius:5px;}
.content_main_new_right .newslistmore  a{ display:block; font-size:18px; line-height:28px; margin-top:10px;}
.content_main_new_right .newslistmore  a:hover{color:#C19C0C; }
.content_main_new_right .newslistmore  a span{ border:solid 1px #C1272D; font-weight:800;padding:0px 4px;  margin-left:5px; font-size:14px; color:#C1272D}
a.newsmore{ display:block; background:#E6E6E6; text-align:center; line-height:40px; font-size:17px;}
a.newsmore:hover{background:#666; color:#fff; }
@media (max-width: 767px) {
.content_main_new_left{ padding:0;}
.content_main_new_right{ display:none;}
.ban_news_con .banner_right{display:block; width:100%;}
}
a.back{display:block; width:60px; margin:30px auto;}
/* new_con ^*/

/* download */
.ban_download{background:#C5E1A5}
/* download ^*/


/* links */
.ban_links{ background:#FFF59D;}
.links_list{ box-shadow:0px 2px 3px 1px rgba(0,0,0,0.3); margin:0 10px;background-color:#C19C0C; display:block;}
.links_list:hover{ box-shadow:0px 2px 7px 1px rgba(0,0,0,0.5);}
.links_list .links_list_img{ height:150px;display:block;text-align:center;  vertical-align:middle;padding:2% 5%;  }
.links_list .links_list_img img{ max-width:100%; max-height:100%;vertical-align:middle; }
.links_list .links_list_t{ padding:5px 10px; height:45px; line-height:18px;background-color:#fff; }
@media (max-width: 767px) {
.links_list .links_list_img{ max-height:150px; }
.hvr-bubble-right:before {
    border-color: transparent transparent transparent #fff;
}
}
/* links ^*/

/* m_passwordd */
.ban_m-password{background:#4D4D4D}
.content_con_mpass .content_con_mpass_mp{ border-bottom:solid 1px #ccc; padding:0;}
.content_con_mpass .content_con_mpass_mp:first-child{ border-top:solid 1px #ccc;}

.content_con_mpass .content_con_mpass_l{ width:150px; padding-left:0;}
.content_con_mpass .content_con_mpass_r{ padding:10px; color:#666666; line-height:30px;}
.content_con_mpass .content_con_mpass_r input{ padding:3px; display:inline-block;}
.content_con_mpass_mp .content_con_m_txt{ text-align:center;}

.content_con_submit{ padding:20px 0;}
.content_con_submit .content_con_submit_r button{ float:right}

@media (max-width: 1000px) {
.content_con_mpass .content_con_mpass_l{ width:120px;}
}
@media (max-width: 767px) {
.content_con_mpass .content_con_mpass_l{ width:100%;padding:0;}
.content_con_mpass .content_con_mpass_r{ padding:5px 0;}
.content_con_mpass_mp .content_con_m_txt{ text-align:left;}

}

/* m_passwordd ^ */

/* m_info ^ */
.minfo_left{ padding:20px 10px;}
.minfo_left .minfo_left_title{ padding-bottom:15px;}
.minfo_left .minfo_left_img{ text-align:center;}

.minfo_left .minfo_left_img img{ border-radius:100px; max-width:100px; max-height:100px}
.minfo_left .minfo_left_txt{ text-align:center; padding-top:15px; font-size:16px;}
.margin10{margin:10px 0; line-height:40px;}
.content_con_minfo { padding:10px 3% 50px 3%}
.content_con_minfo .content_con_minfo_t{ margin-left:-10px;}
.content_con_minfo .content_con_minfo_mi{ border-bottom:solid 1px #ccc; padding:0;}
.content_con_minfo .content_con_minfo_mi .content_con_minfo_l{ width:20%}
.content_con_minfo .content_con_minfo_mi .content_con_minfo_r{ width:30%;}
.content_con_minfo .content_con_minfo_mi .content_con_minfo_r2{ width:80%;padding-right:0px;}
.content_con_minfo_mi .content_con_m_txt{ text-align:center;}
@media (max-width: 767px) {
.content_main_m  .content_main_right{ padding:0 10px;}

.content_con_minfo .content_con_minfo_mi .content_con_minfo_l{ width:100%; padding:0;margin-left:0px;}
.content_con_minfo .content_con_minfo_mi .content_con_minfo_r{ width:100%; padding:0}
.content_con_minfo .content_con_minfo_mi .content_con_minfo_r2{ width:100%;padding:0px;}
.content_con_minfo_mi .content_con_m_txt{ text-align:left;}
}
/* m_info ^ */


/* m_article */
.btn.btn-edit{ color:#C19C0C; font-size:20px; }
.btn.btn-delete{ color:#666666;font-size:20px; }
.btn-edit :hover,.btn-delete:hover{color:#4D4D4D; }
.btn.btn-plus{ color:#C19C0C; font-size:20px; border:solid 2px #C19C0C; padding:1px 3px 1px 6px;  margin-bottom:10px;}
.btn.btn-trash{ color:#666666; font-size:20px; border:solid 2px #666666 ; padding:2px 5px 0px 5px;  margin-bottom:10px;}
.marticle_a{ font-size:15px;  text-decoration:underline;}
@media (max-width: 767px){
.tabletdnone th.displaynone,.tabletdnone td.displaynone{ display:none}
}
.articonimg div{ margin:10px 0 5px 0;}
/* m_article^ */


/* member */
.m_indx_list{  border-bottom:solid 1px #E6E6E6; padding:0;}
.m_indx_list>a{ display:block;padding:18px 0;}
.m_indx_list>a:hover{ background:#E6E6E6;}

.m_indx_time{ font-size:16px;line-height:31px; font-weight:800;}
.m_indx_classname{ padding:5px 10px; display:inline-block; color:#fff; border-radius:5px; }
.m_indx_title{  font-size:18px; }

@media (min-width: 992px)and (max-width: 1080px) {
.m_indx_classname{ padding:5px 5px; font-size:11px; }
}


/* member ^*/




.mapsite{ line-height:45px; width:100%; background:#E2E0D9;color:#666666; font-weight:800; font-size:14px; }
.mapsite a{color:#5E82BD; font-weight:800; font-size:14px;padding:0 5px;}
.mapsite span{ padding:0 5px;color:#111; }
@media (max-width: 767px) {
.mapsite{ display:none}
}

/* footer */
footer{ background:url(../images/fbg.jpg) center no-repeat; background-size: cover;}
footer .footreg{ text-align:center;  padding:30px 0 40px 0; color:#666666;}
footer .footreg a{ padding:10px 15px; border:solid 3px #C19C0C; color:#C19C0C; font-size:24px; font-weight:800; display:inline-block; line-height:30px;}
footer .footreg a:hover{ background:#C19C0C; color:#fff;}

footer  .footnavbar { background:rgba(255,255,255,.5); padding:5px 0;}
footer  .footnavbar .footnavbar_l{ width:68%; float:left;}
footer  .footnavbar .footnavbar_l .fnavlist{ margin:0; padding:0;}
footer  .footnavbar .footnavbar_l .fnavlist li{ width:25%; float:left; list-style:none; }
footer  .footnavbar .footnavbar_l .fnavlist li .fnavtitle{ font-size:20px; font-weight:800; color:#C19C0C;}
footer  .footnavbar .footnavbar_l .fnavlist li a{ display:block; line-height:15px;font-weight:800;font-size:14px; padding:10px 0; color:#111;}
footer  .footnavbar .footnavbar_l .fnavlist li a:hover{ text-decoration:underline;}
footer  .footnavbar .footnavbar_l .fnavlist li .fnavtitle a{ font-size:20px; line-height:22px; font-weight:800; color:#333333;padding:8px 0; display:block; width:96px; margin:0 auto; text-align:center;}
footer  .footnavbar .footnavbar_l .fnavlist li .fnavtitle a:hover{ text-decoration:underline;}
footer  .footnavbar .footnavbar_l .fnavlist li .fnavtitle.fnavtitlemem a{ background:#C19C0C; color:#fff;}

footer  .footnavbar .footnavbar_r{ width:32%; float:left;}
footer  .footnavbar  .footnavbar_r a.flogo img.flogoimg{ width:100%; margin-bottom:15px;}
footer  .footnavbar  .footnavbar_r a.flogo img.flogoimg2{display:none;}
footer  .footnavbar  .footnavbar_r>span{ display:inline-block; color:#C19C0C; font-size:16px; margin:15px 15px 0 0; }
footer  .footnavbar  .footnavbar_r>span i{ font-size:18px; color:#C19C0C; margin-right:8px;}
footer  .footnavbar  .footnavbar_r>span a{ color:#C19C0C;text-decoration:underline;}
footer  .footnavbar  .footnavbar_r>span a:hover{ color:#826407;}

.copyright{ padding:70px 10px 26px 10px ; text-align:center; color:#333333;}
.copyright span.designed{font-size: 16px; padding-left: 10px;}

@media (max-width: 767px) {
footer .footreg{ font-size:18px;}
footer  .footnavbar .footnavbar_l{ display:none;}
footer  .footnavbar .footnavbar_r{ width:100%; float:none;}
footer  .footnavbar  .footnavbar_r a.flogo{ display:block; text-align:center;}
footer  .footnavbar  .footnavbar_r a.flogo img.flogoimg{display:none;}
footer .footreg a{ display:block; width:84px; margin:15px auto 0 auto}
footer  .footnavbar  .footnavbar_r a.flogo img.flogoimg2{display:inline-block; max-width:80%;}
footer  .footnavbar  .footnavbar_r>span{ display:inline-block; color:#C19C0C; font-size:16px; margin:15px 15px 0px 0; }
.copyright{ padding:30px 10px 26px 10px ; line-height:30px;}
.copyright a{ font-size:16px;}
.copyright span{display:block;}
}
/* footer */











/*.viewFramework-topbar {
    position: fixed;
    width: 100%;
    height: 100px;
	left: 190px;
	padding:25px 30px;
	background:rgba(255,255,255,0.5);
    z-index: 101;
}
.viewFramework-body {
    position: absolute;
    width: 100%;
    top: 0px;
    bottom: 0px;
    background-color: #F1F2F6;
    z-index: 100;
}
.viewFramework-sidebar {
    width: 190px;
    display: block;
    position: fixed;
    top: 0px;
	margin-left:-110px;
    bottom: 0px;
    background-color: #C19C0C;
    z-index: 102;
    overflow-y:auto; overflow-x:hidden
}
.viewFramework-main {
    width: auto;
    position: absolute;
    top: 100px;
    left: 190px;
    bottom: 0px;
    right: 0px;
    overflow: hidden;
}
.viewFramework-main-body {
    position: absolute;
    width: auto;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    overflow: hidden;
    overflow-y: auto;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
}

.lefthome{ height:100px;}
.lefthome .home,.lefthome .navbut{ display:block; float:right; margin:18px; font-size:14px; text-align:center; color:#4D4D4D;}
.lefthome .home{ margin-right:2px;}
.lefthome .home .border2,.lefthome .navbut .border2{ display:inline-block; font-size:20px; padding:8px; border:solid 2px #4D4D4D;}
.lefthome .home:hover .border2,.lefthome .navbut:hover .border2{ background:#4D4D4D; color:#fff}
.lefthome .home:hover,.lefthome .navbut:hover{color:#4D4D4D}

nav .nav-list{position:relative; }
nav .nav-list a{ display:block; width:190px; border-bottom:solid 2px #666666; padding:15px 0 15px 37px; color:#fff; font-size:16px; font-weight:800;}
nav .nav-list:first-child a{ border-top:solid 2px #666666;}
nav .nav-list a:hover{ background:#666666; color:#C19C0C;}
nav .nav-list a span.glyphicon{ font-size:23px; font-weight:100; color:#666666;  position:absolute; left:15px; top:15px; font-family:Verdana, Geneva, sans-serif}
nav .nav-list a:hover span.glyphicon{ color:#C19C0C;}

nav .nav-list .nav-text{ position:absolute; width:80px; display:block; left:180px; top:0; font-size:14px; z-index:105; padding:10px 0 ; background:#000;}

nav .nav-list a .navicon{ width:25px; height:26px; background:url(../images/navbg2.png); display:inline-block; position:absolute; right:25px;}
nav .nav-list a .navicon8{ background-position:110px 25px;}
nav .nav-list a:hover .navicon8{ background-position:136px 25px}
nav .nav-list a .navicon7{ background-position:110px 70px;}
nav .nav-list a:hover .navicon7{ background-position:136px 70px}
nav .nav-list a .navicon6{ background-position:110px 125px;}
nav .nav-list a:hover .navicon6{ background-position:136px 125px}
nav .nav-list a .navicon5{ background-position:110px 175px;}
nav .nav-list a:hover .navicon5{ background-position:136px 175px}
nav .nav-list a .navicon4{ background-position:110px 226px;}
nav .nav-list a:hover .navicon4{ background-position:136px 226px}
nav .nav-list a .navicon3{ background-position:110px 275px;}
nav .nav-list a:hover .navicon3{ background-position:136px 275px}
nav .nav-list a .navicon2{ background-position:110px 327px;}
nav .nav-list a:hover .navicon2{ background-position:136px 327px}
nav .nav-list a .navicon1{ background-position:110px 0px;}
nav .nav-list a:hover .navicon1{ background-position:136px 0px}

nav .nav-list a.active{background:#666666; color:#C19C0C;}
nav .nav-list a.active span.glyphicon{ color:#C19C0C;}
nav .nav-list a.active .navicon1{ background-position:136px 0px}
nav .nav-list a.active .navicon2{ background-position:136px 327px}
nav .nav-list a.active .glyphicon-plus:before{content:"\2212"}
nav .nav-list2{ display:none;}

nav .nav-list2{ border-bottom:solid 2px #666666; padding:10px 0;}
nav .nav-list2 li a{ display:block; line-height:32px; padding-left:30px; color:#fff;}
nav .nav-list2 li a:hover{ background:#666666; color:#fff;}



.border2{ display:inline-block; font-size:20px; padding:8px; border:solid 2px #4D4D4D;}
*/





















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


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

@media(min-width:767px)and (max-width: 1024px){ 
}

/*滾動條*/
::-webkit-scrollbar {
    width:8px;
}
::-webkit-scrollbar-track {
 background: rgba(255,255,255,0.8); 
   -webkit-border-radius: 10px;
    border-radius: 8px;
}
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
   background:rgba(190,150,10,1); 
   
}
::-webkit-scrollbar-thumb:window-inactive {
 background: rgba(190,150,10,0.8); 
}
/*滾動條*/