@charset "utf-8";

body{ font-family:"微軟正黑體", "新細明體", "Arial Unicode MS"}

.container-fluid{ max-width:1440px;}

.footer{
	color:#fff;
	background-color:#363f4d;
	text-align:center;
	padding:24px 0;
}
.footer a{color:#80a2d7;}

.share{margin:8px 0;}
.share img{margin:0 2px;}

.backtop{
	position:fixed;
	z-index:15;
	width:48px;
	height:48px;
	left:100%;
	top:100%;
	margin-top:-64px;
	margin-left:-64px;
	padding:5px;
	background-color:rgba(000,000,000,0.5);
	text-align:center;
	color:#fff;
	font-size:1.3rem;
	border-radius:4px;
	cursor:pointer;
	-webkit-transition: background 0.3s; /* Safari */ 
	transition: background 0.3s;
}
.backtop:hover{ background-color:#4c5a74;}


.title_line{
	width:100%;
	height:4px;
	background-color:#a1c6db;
	margin:15px auto;
}
.title_line div{ width:128px; height:4px; overflow:hidden; background-color:#80a2d7;}


.navbar{ padding:0px;}
.navbar-brand{ margin-left:15px;}
@media (min-width:768px){.navbar-brand{ margin-left:0;}}
.navbar-toggler{ margin:15px;}
.navbar-nav .nav-item .nav-link{ padding:15px;}
.navbar-nav .nav-item .nav-link:hover{ background-color:#999;}



.menu_header{ position:fixed; z-index:99999; top:0; left:0; width:240px; height:100%; background-color:#363f4d; -webkit-transition: margin 0.3s; /* Safari */ transition: margin 0.3s; overflow-y: auto;}

.menu_header img{ margin:12px 0;}

.menu_close{ left:100%; margin-left:0px;}
.menu_open{ left:100%; margin-left:-240px;}

.menu_header .container-fluid{ padding:0; position:relative; max-width:1440px;}


@media (min-width:992px){
	.menu_header{ position:fixed; width:100%; height:auto; background:#fff; overflow-y:visible; -moz-box-shadow:0 4px 15px -2px gray; -webkit-box-shadow:0 4px 15px -2px gray; box-shadow:0 4px 15px -2px gray; border-top:30px solid #363f4d;}
	.menu_open, .menu_close{ left:0; margin-left:0;}
	.menu_header .container-fluid{ padding:0 15px;}
}

.logo_big{ display:none}
.logo_big img{ -webkit-transition: all 0.3s; /* Safari */ transition: all 0.3s; width:224px; height:auto; margin-top:15px;}
@media (min-width:992px){
	.logo_big{ display: block; text-align:center;  float:left; }
	.logo_big img{ margin-top:20px;}
}
@media (min-width:1200px){
	.logo_big img{ width:250px; }
}


.menu_ul{list-style:none; padding:0;}
.menu_ul li{ border-bottom:1px dotted #669;}

.menu_ul li a{ color:#fff; display:block; font-size:1.1rem; -webkit-transition: background 0.3s; /* Safari */ transition: background 0.3s;  padding:15px;}
.menu_ul li a:hover, .menu_ul li a:focus{ text-decoration:none; background-color:#80a2d7;}

.menu_ul li a span{ display:block; font-size:0.8rem;}


@media (min-width:992px){
	.menu_ul{ text-align:center; border-radius:4px; height:34px; float:right; margin-top:9px;}
	.menu_ul li{ float:left; border:none; position:relative;}
	.menu_ul li a{ color:#555; font-size:0.95rem; width:94px; text-align:center; padding:13px 0 11px 0;}
	.menu_ul li a:hover, .menu_ul li a:focus{ color:#4c5a74; background-color:transparent; border-bottom:4px solid #4c5a74;}
	.menu_ul .mobile_home{ display:none;}
	.menu_ul li a span{ color:#999;}
	.menu_ul li a:hover span{ color:#4c5a74;}
}
@media (min-width:1200px){
	.menu_ul li a{ font-size:1rem; width:120px; text-align:center; padding:11px 0 11px 0;}
}


.mobile_hide{ background-color:#000; opacity:0; position:fixed; z-index:8999; top:0; left:0; width:100%; height:100%;}

.mobile_header{ background-color:#fff; position:fixed; z-index:890; height:88px; width:100%;  -moz-box-shadow:0 4px 15px -2px gray; -webkit-box-shadow:0 4px 15px -2px gray; box-shadow:0 4px 15px -2px gray; border-top:8px solid #363f4d;}

.mobile_header img{ margin:20px 0 0 15px;}

.iconbar{float:right; width:48px; height:36px; margin:24px 15px 0 15px; border:2px solid #525269; border-radius:4px; cursor:pointer; background-position:center; background-repeat:no-repeat;-webkit-transition: background 0.2s; /* For Safari 3.1 to 6.0 */ transition: background 0.2s;}

.iconbar_open{background-image:url(../../images/iconbar.png);}
.iconbar_close{background-image:url(../../images/iconbar2.png); border-color:#363f4d;}

.menu_title{ margin:3px 15px; padding-top:23px; padding-bottom:16px; color:#fff; font-family:Verdana, Geneva, sans-serif;}

@media (min-width:992px){
	.mobile_hide{ display:none;}
	.mobile_header{ display:none;}
	.iconbar_close{ display:none;}
	.menu_title{ display:none;}
}

.menu_ul .mobile_language{ color:#fff; margin:10px 15px; border:none;}
.menu_ul .mobile_language a{ display:inline-block; padding:10px 16px; font-size:0.9rem; border:1px solid #fff; border-radius:5px;}
.menu_ul .mobile_language a:hover,
.menu_ul .mobile_language a.active{ background-color:#fff; color:#073d66;}
@media (min-width:992px){
	.menu_ul .mobile_language{ display:none;}
}

.search_nav{ display:none;}
@media (min-width:992px){
	.search_nav{ position:absolute; padding:0; list-style:none; top:-28px; left:100%; width:400px; margin-left:-430px; text-align:right; display:block;}
	.search_nav li{ display:inline-block; font-size:0.8rem; margin-left:15px;}
	.search_nav li a{ color:#fff;}
	.search_nav li a:hover{ color:#a1c6db; text-decoration:none;}
}
@media (min-width:1200px){
	.search_nav{ margin-left:-445px;}
}

/*.search_li a{ margin-top:22px;}
.share_li{ margin-top:-2px;}
.share_li a{ margin:0 2px 0 2px;}*/

.menu_ul .sub_nav{ display:none;}
@media (min-width:992px){
	.menu_ul .sub_nav{ position:absolute; top:50px; -moz-box-shadow:0 4px 15px -2px gray; -webkit-box-shadow:0 4px 15px -2px gray; box-shadow:0 4px 15px -2px gray;}
	.menu_ul .sub_nav a{ background-image:none; padding:10px 10px; margin:0; border-top:1px dotted #ccc; background-color:#fff; width:140px; margin-left:-23px; font-size:0.9rem;}
	.menu_ul .sub_nav a:hover{background-color:#ccc;}
}
@media (min-width:1200px){
	.menu_ul .sub_nav a{width:160px; margin-left:-20px;}
}

@media (min-width:992px){
	.drop1:hover .sub_nav1{ display:block;}
}
.fadeInDown {
  -webkit-animation: fadeInDown 0.4s; /* Safari 4+ */
  -moz-animation:    fadeInDown 0.4s; /* Fx 5+ */
  -o-animation:      fadeInDown 0.4s; /* Opera 12+ */
  animation:         fadeInDown 0.4s; /* IE 10+, Fx 29+ */
}


.carousel-item {
  height: 400px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.carousel-caption{text-shadow: 0px 0px 10px #333, 0px 0px 10px #333, 0px 0px 10px #333, 0px 0px 15px #555; height:auto; top:50%; transform:translateY(-50px);}
.carousel-caption h2{font-size:1.8rem;}
@media (min-width:768px){.carousel-caption h2{ font-size:2.2rem;}}

.top_blank{ height:80px;}
@media (min-width:992px){.top_blank{ height:108px;}}


.top_banner .container-fluid{ max-width:none; }

.top_banner .top_login_col{ background-color:#4ac4d3; min-height:320px; text-align:center; font-size:0.9rem; padding:60px 0;}
.top_banner .top_login_col h2{ color:#fff;}
.top_banner .top_login_col h5{ color:#f8f6ea; margin:10px 0;}
.top_banner .top_login_col form{ width:240px; margin:0 auto;}
.top_banner .top_login_col form input{ border-radius:0; padding:15px; background-color:#f8f6ea;}
.top_banner .top_login_col form button{ background-color:#f27532; border-color:#f27532; border-radius:0; padding:15px; width:118px;}
.top_banner .top_login_col form button[type="reset"]{background-color:#f4cc1d; border-color:#f4cc1d;}
.top_banner .top_banner_col{ padding:0;}

.top_banner .top_welcome_col{ background-color:#4ac4d3; min-height:320px; text-align:center; padding:70px 0; color:#fff;}
.top_banner .top_welcome_col h1{ font-size:6rem; margin-bottom:2rem;}
.top_banner .top_welcome_col p{ font-size:1.1rem;}


.top_block1{ padding:30px 0;}

#myTab .nav-item{ width:25%;}
#myTab .nav-link{ border-radius:0; border:none; color:#fff; width:100%; text-align:center;}
@media (min-width:992px){#myTab .nav-link{ padding:20px 0; }}
#myTab .nav-link.active{ background-color:#ededed; color:#333;}
#myTab .nav-link span{ display:block;}
@media (min-width:992px){#myTab .nav-link span{ display:inline-block;}}

#tab-decree{ background-color:#4ac4d3;}
#tab-course{ background-color:#128db7;}
#tab-news{ background-color:#207fc3;}
#tab-tax{ background-color:#8fb4c4;}

#myTabContent{ background-color:#ededed; padding:15px;}
@media (min-width:992px){#myTabContent{padding:30px;}}

.tab_pic{ background-position:center; background-size:cover; width:100%; height:240px;}
@media (min-width:992px){.tab_pic{ width:240px; height:240px; float:left;}}

.tab_list{ padding:0; list-style:none; margin-top:10px;}
@media (min-width:992px){.tab_list{margin-left:260px; margin-top:0px;}}
.tab_list li{
	border-bottom:1px dashed #ccc;
	padding-bottom:13px;
	margin-bottom:13px;
	white-space:nowrap;
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	overflow: hidden;
}
.tab_list li a{
	color:#777;
	white-space:nowrap;
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	overflow: hidden;
}
.tab_list li a:hover{ text-decoration:none; color:#80a2d7;}
.tab_list li a .tab_list_date{ display:block;}
.tab_list li a .tab_list_date span{ margin:0 5px;}
@media (min-width:992px){.tab_list li a .tab_list_date{ display:inline-block;}}

#tab-content-decree .tab_list_date{ color:#4ac4d3;}
#tab-content-decree .tab_list_date span{ background-color:#4ac4d3;}
#tab-content-course .tab_list_date{ color:#128db7;}
#tab-content-course .tab_list_date span{ background-color:#128db7;}
#tab-content-news .tab_list_date{ color:#207fc3;}
#tab-content-news .tab_list_date span{ background-color:#207fc3;}
#tab-content-tax .tab_list_date{ color:#8fb4c4;}
#tab-content-tax .tab_list_date span{ background-color:#8fb4c4;}


.top_more{ float:right; background-color:#80a2d7; margin-top:12px; padding:5px 10px;}
.top_more:hover{ background-color:#4c5a74;}
.top_title{ color:#80a2d7;}
.top_title span{ font-size:1.1rem; margin-left:10px; color:#a1c6db;}


.top_event_col{}
.single-item .top_event_item{ position:relative; background-color:#ededed; padding:15px;}

.single-item .top_event_pic{ background-position:center; background-size:cover; height:240px; width:100%; margin-bottom:10px;}
@media (min-width:1280px){
	.single-item .top_event_pic{ height:240px; width:50%; float:left; margin-bottom:0;}
	.single-item .top_event_text{ margin-left:52%;}
}
.single-item .top_event_text h4{ color:#4c5a74;}
.single-item .top_event_text h6{ color:#80a2d7;}
.single-item .top_event_text p{ color:#777;}

.top_item_more{ text-align:right; margin:15px 0;}
.top_item_more a{ padding:10px 20px; color:#fff; background-color:#4c5a74;}
.top_item_more a:hover{ text-decoration:none; background-color:#80a2d7;}


/* set slider arrow color ! */
.top_event_col .slick-prev:before, .top_event_col .slick-next:before {
    color:#fff !important;
	font-family: FontAwesome;
}
.top_event_col .slick-prev {
    left: 15px;
	z-index:5000;
}
.top_event_col .slick-next {
    right: 15px;
	z-index:5000;
}
.top_event_col .slick-prev:before
{
    content:"\f053";
}
[dir='rtl'] .top_event_col .slick-prev:before
{
    content:"\f054";
}
.top_event_col .slick-next:before
{
    content:"\f054";
}
[dir='rtl'] .top_event_col .slick-next:before
{
    content:"\f053";
}

.single-item2 .top_event_item{ position:relative; background-color:#ededed; padding:15px;}

.single-item2 .top_event_pic{ background-position:center; background-size:cover; height:240px; width:100%; margin-bottom:10px;}
@media (min-width:1280px){
	.single-item2 .top_event_pic{ height:240px; width:50%; float:left; margin-bottom:0;}
	.single-item2 .top_event_text{ margin-left:52%;}
}
.single-item2 .top_event_text h4{ color:#4c5a74;}
.single-item2 .top_event_text h6{ color:#80a2d7;}
.single-item2 .top_event_text p{ color:#777;}

/* set slider arrow color ! */
.top_video_col .slick-prev:before, .top_video_col .slick-next:before {
    color:#fff !important;
	font-family: FontAwesome;
}
.top_video_col .slick-prev {
    left: 15px;
	z-index:5000;
}
.top_video_col .slick-next {
    right: 15px;
	z-index:5000;
}
.top_video_col .slick-prev:before
{
    content:"\f053";
}
[dir='rtl'] .top_video_col .slick-prev:before
{
    content:"\f054";
}
.top_video_col .slick-next:before
{
    content:"\f054";
}
[dir='rtl'] .top_video_col .slick-next:before
{
    content:"\f053";
}

.top_block3{ padding:30px 0;}


.top_land_info{ background-color:#4c5a74; color:#fff; text-align:center; height:240px; padding-top:60px; display:block; margin:10px 0; -webkit-transition: all 0.3s; /* Safari */ transition: all 0.3s;}
.top_land_info:hover{ text-decoration:none; color:#fff; background-color:#363f4d;}
.top_land_info h1{ font-size:5rem; margin-bottom:15px;}


.top_block3 .row .col-md-6:nth-child(4n) .top_land_info{ background-color:#4c5a74;}
.top_block3 .row .col-md-6:nth-child(4n-1) .top_land_info{ background-color:#1c7fc3;}
.top_block3 .row .col-md-6:nth-child(4n-2) .top_land_info{ background-color:#4ac4d3;}
.top_block3 .row .col-md-6:nth-child(4n-3) .top_land_info{ background-color:#f8bf00;}

.top_block3 .row .col-md-6:nth-child(4n) .top_land_info:hover,
.top_block3 .row .col-md-6:nth-child(4n-1) .top_land_info:hover,
.top_block3 .row .col-md-6:nth-child(4n-2) .top_land_info:hover,
.top_block3 .row .col-md-6:nth-child(4n-3) .top_land_info:hover{ background-color:#80a2d7;}



.top_block4{ padding-bottom:30px;}

/* set slider arrow color ! */
.top_block4 .slick-prev:before, .top_block4 .slick-next:before {
    color:#4c5a74 !important;
}
.top_block4 .responsive-slick{
	margin:0 24px 0 24px;
}
.top_block4 .responsive-slick div{
	margin:8px 16px 8px 8px;
}


.top_contact_block{ padding:32px 0; background-color:#e3e8f3; }

.top_contact_text{ text-align:center;}
@media (min-width:992px){ .top_contact_text{ text-align:left;}}
.top_contact_text ul{ list-style:none; padding:0; font-size:0.95rem; margin-top:10px; color:#555;}



.site_map{ display:none;}
@media (min-width:992px){.site_map{ display:block;}}
.site_map_con h5 a{color:#363f4d; font-size:1.1rem;}
.site_map_con ul{ list-style:none; padding:0; font-size:0.95rem;}
.site_map_con ul li a{color:#555;}

.site_map_con h5 a:hover,
.site_map_con ul li a:hover{ color:#a1c6db; text-decoration:none;}


.guide{ margin-top:32px; margin-bottom:32px;}
.guide a{ color:#4c5a74; border:4px solid #4c5a74; padding:8px 16px; -webkit-transition: all 0.2s; /* For Safari 3.1 to 6.0 */ transition: all 0.2s;}
.guide a:hover{ text-decoration:none; background-color:#4c5a74; color:#fff;}
@media (min-width:768px){.guide{ display:none;}}


.page_banner{ background-position:center; background-size:cover; height:320px; position:relative;}

.page_banner_text{ position:absolute; text-align:center; top:50%; left:0; transform:translateY(-50%); width:100%; padding:0 15px; color:#fff; text-shadow: 0px 0px 10px #333, 0px 0px 10px #333, 0px 0px 10px #333, 0px 0px 15px #555;}


.page_bread{ background-color:#4c5a74; margin:0; font-size:0.9rem; display:table; width:100%;}
.page_bread .breadcrumb { background:none; float:right; text-align:left;   padding:15px 0 0 0;}
.page_bread .breadcrumb li{ border-radius:0; color:#fff;}
.page_bread .breadcrumb li::before{ color:#fff;}
.page_bread .breadcrumb a{ color:#fff;}
.page_bread .breadcrumb a:hover{color:#a1c6db; text-decoration:none;}


.page_block{ padding:30px 0;}



.side_nav h4{ background-color:#80a2d7; color:#fff; padding:5px; margin:0;}
.side_nav h4 strong{ border:1px solid #fff; display:block; padding:15px 10px;}
.side_nav h4 i{ margin-right:10px;}

.side_nav ul{ padding:10px 0; margin:0 0 15px 0; list-style:none; background-color:#e3e8f3; }
.side_nav ul li{ padding:0 15px;}
.side_nav ul li a{ padding:10px 0 10px 0; margin-left:0; display:block; color:#777; padding-left: 26px; text-indent: -26px; overflow:hidden; -webkit-transition: all 0.2s; /* For Safari 3.1 to 6.0 */ transition: all 0.2s;}
.side_nav ul li:last-child a{ border-bottom:none;}
.side_nav ul li a:hover{ padding-left:32px; text-decoration:none; color:#4c5a74;}
.side_nav ul li a::before{ font-family: FontAwesome; content:"\f0a4"; margin-right:10px; opacity:0; -webkit-transition: all 0.2s; /* For Safari 3.1 to 6.0 */ transition: all 0.2s;}
.side_nav ul li a:hover::before{ opacity:1;}

.side_nav ul li a.active{color:#4c5a74;}
.side_nav ul li a.active::before{ opacity:1;}

.year_ul{ padding:0; list-style:none;}
.year_ul li{ display:inline-block; margin:10px 5px 0 0;}
.year_ul li a{ padding:10px 40px; background-color:#128db7; color:#fff; display:block; -webkit-transition: all 0.2s; /* For Safari 3.1 to 6.0 */ transition: all 0.2s;}
.year_ul li a:hover,
.year_ul li a.active{ background-color:#4ac4d3; text-decoration:none;}


.year_row .col-lg-3{ margin-bottom:15px;}
.year_row a{ padding:10px 0; text-align:center; background-color:#128db7; color:#fff; display:block; -webkit-transition: all 0.2s; /* For Safari 3.1 to 6.0 */ transition: all 0.2s;}
.year_row a:hover,
.year_row a.active{ background-color:#4ac4d3; text-decoration:none;}

.year_select{ width:100%; margin-bottom:15px; padding:10px 10px;}
@media (min-width:768px){.year_select{ float:right; width:auto; margin-bottom:10px;  padding:5px 10px;}}

.pagination .page-item .page-link{ color:#4c5a74;}
.pagination .page-item.active .page-link{ background-color:#4c5a74; border-color:#4c5a74; color:#fff;}





.page_about_pic{ background-position:center; background-size:cover; height:240px; margin-top:15px; margin-bottom:15px;}

.about_content h2{ color:#80a2d7;}
.about_content h3{ color:#a1c6db;}
.about_content h4{ padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #80a2d7; color:#80a2d7;}
.about_content h6{ color:#4c5a74;}
.about_content p{ color:#777;}
.about_content img{ max-width:100%; height:auto;}


.about_regulation_logo{ float:left; padding:15px;}
.about_regulation_hisoty{ margin-left:150px; padding:0; list-style:none; font-size:0.9rem;}


.about_content table thead tr{ background-color:#80a2d7; color:#fff;}
.about_content table tbody{ border:1px solid #e3e8f3;}
.about_content table tbody tr:nth-child(odd){ background-color:#e3e8f3;}
.about_content table tbody tr:nth-child(even){ background-color:#fff;}

.about_content table tr th,
.about_content table tr td{ vertical-align:middle;}


.about_list_pic{ background-position:center; background-size:cover; width:80px; height:80px;}

.regulation_content h2{ color:#80a2d7;}
.regulation_content table thead tr{ background-color:#80a2d7; color:#fff;}
.regulation_content table tbody{ border:1px solid #e3e8f3;}
.regulation_content table tbody tr:nth-child(odd){ background-color:#e3e8f3;}
.regulation_content table tbody tr:nth-child(even){ background-color:#fff;}


.news_content h2{ color:#80a2d7;}
.news_content h6{ color:#128db7;}
.news_content img{ max-width:100%; height:auto;}

.news_content .news_back{ text-align:right; margin:20px 0;}
.news_content .news_back a{ padding:10px 20px; color:#fff; background-color:#4c5a74;}
.news_content .news_back a:hover{ text-decoration:none; background-color:#80a2d7;}

.news_content .news_back2{ float:right; display:inline-block; margin:20px 0;}
.news_content .news_back2 a{ padding:10px 20px; color:#fff; background-color:#4c5a74;}
.news_content .news_back2 a:hover{ text-decoration:none; background-color:#80a2d7;}




.news_con{ border-bottom:1px solid #e3e8f3; margin-bottom:10px;}
.news_con .news_con_title{ color:#207fc3; border-left:4px solid #207fc3; padding-left:20px;}
.news_con .news_con_date{}
.news_con .news_con_date span{ background-color:#207fc3; margin-left:5px;}


.news_con  p{color:#777; margin-right:0;}
.news_con .news_con_more{ text-align:right; margin-bottom:20px;}
.news_con .news_con_more a{ padding:10px 20px; color:#fff; background-color:#4c5a74;}
.news_con .news_con_more a:hover{ text-decoration:none; background-color:#80a2d7;}
@media (min-width:768px){
	.news_con  p{color:#777; margin-right:120px;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow: hidden;}
	.news_con .news_con_more{ float:right; margin-top:-30px; margin-bottom:20px;}
}

.news_content_course .news_con ul{ padding:0 0 0 24px; list-style:none; color:#777;}
.news_content_course .news_con ul li{ margin-left:3rem; text-indent:-3rem;}



.news_content_course .news_con .news_con_title{ color:#128db7; border-left:4px solid #128db7;}
.news_content_course .news_con .news_con_date span{ background-color:#128db7;}
.news_content_decree .news_con .news_con_title{ color:#4ac4d3; border-left:4px solid #4ac4d3;}
.news_content_decree .news_con .news_con_date span{ background-color:#4ac4d3;}
.news_content_tax .news_con .news_con_title{ color:#8fb4c4; border-left:4px solid #8fb4c4;}
.news_content_tax .news_con .news_con_date span{ background-color:#8fb4c4;}

.course_page_ul{ list-style:none; padding:0; color:#128db7; background-color:#ededed; padding:15px;}
.course_page_ul li{ margin-left:3rem; text-indent:-3rem;}



.modal{ z-index:9000;}

.modal-dialog {
    min-height: calc(100vh - 60px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: auto;
}
@media(max-width: 768px) {
  .modal-dialog {
    min-height: calc(100vh - 20px);
  }
}

.modal-content{border-radius:0;}
.modal-content ul{ padding:15px; list-style:none; background-color:#ededed; color:#128db7;}
.modal-header{ background-color:#363f4d; color:#fff;}
.modal-header button{ margin-top:-8px;}
.modal-header button span{ color:#fff;}

.modal-footer .btn{ background-color:#128db7; border-color:#128db7;}
.modal-footer .btn:hover{ background-color:#80a2d7; border-color:#80a2d7;}


.news_content .news_sign{ text-align:right; margin:20px 0 20px 0;}
.news_content .news_sign a{ padding:10px 20px; color:#fff; background-color:#128db7;}
.news_content .news_sign a:hover{ text-decoration:none; background-color:#80a2d7;}
@media (min-width:768px){
	.news_content .news_sign{ float:right; margin:-65px 15px 20px 0;}
}


.divide_line{ display:none;}
@media (min-width:768px){
	.divide_line{ display:block; margin:5px 0 10px 0; height:1px; background-color:#ccc;}
}




.event_content h2{ color:#80a2d7;}
.event_content h6{ color:#128db7;}

.event_content .news_back{ text-align:right; margin:20px 0;}
.event_content .news_back a{ padding:10px 20px; color:#fff; background-color:#4c5a74;}
.event_content .news_back a:hover{ text-decoration:none; background-color:#80a2d7;}

.event_con{ position:relative; background-color:#ededed; padding:15px; margin-bottom:10px;}

.event_con .event_con_pic{ background-position:center; background-size:cover; height:240px; width:100%; margin-bottom:10px;}
@media (min-width:992px){
	.event_con .event_con_pic{ height:240px; width:40%; float:left; margin-bottom:0;}
	.event_con .event_con_text{ margin-left:42%;}
}
.event_con .event_con_text h4{ color:#4c5a74;}
.event_con .event_con_text h6{ color:#80a2d7;}
.event_con .event_con_text p{ color:#777;}

.event_con .top_item_more{ text-align:right; margin:20px 0;}
@media (min-width:992px){
	.event_con .top_item_more{ position:absolute; top:100%; left:100%; margin-top:-50px; margin-left:-120px;}
}
.event_con .top_item_more a{ padding:10px 20px; color:#fff; background-color:#4c5a74;}
.event_con .top_item_more a:hover{ text-decoration:none; background-color:#80a2d7;}


.event_page_con{ padding:15px; border:1px solid #4c5a74; margin-bottom:15px;}
.event_page_con h5{color:#4c5a74;}
.event_page_con p{ color:#777;}

.event_page_pic{ height:240px; background-position:center; background-size:cover; margin-bottom:10px; position:relative;}
.event_page_pic a{ position:absolute; background-color:#000; color:#fff; padding-top:100px; width:100%; height:100%; top:0; left:0; text-align:center; font-size:2rem; opacity:0; -webkit-transition: all 0.2s; /* For Safari 3.1 to 6.0 */ transition: all 0.2s;}
.event_page_pic a:hover{ opacity:0.5;}

.download_content h2{ color:#80a2d7;}
.download_content table thead tr{ background-color:#80a2d7; color:#fff;}
.download_content table tbody{ border:1px solid #e3e8f3;}
.download_content table tbody tr:nth-child(odd){ background-color:#e3e8f3;}
.download_content table tbody tr:nth-child(even){ background-color:#fff;}


.member_content h2{ color:#80a2d7;}
.member_content h6{ color:#128db7;}

.member_content .news_con .news_con_title{ color:#4c5a74; border-left:4px solid #4c5a74;}
.member_content .news_con .news_con_date span{ background-color:#4c5a74;}

.member_content .news_back{ text-align:right; margin:20px 0;}
.member_content .news_back a{ padding:10px 20px; color:#fff; background-color:#4c5a74;}
.member_content .news_back a:hover{ text-decoration:none; background-color:#80a2d7;}


.member_content table thead tr{ background-color:#80a2d7; color:#fff;}
.member_content table tbody{ border:1px solid #e3e8f3;}
.member_content table tbody tr:nth-child(odd){ background-color:#e3e8f3;}
.member_content table tbody tr:nth-child(even){ background-color:#fff;}

.member_content .traning_search input{ border-radius:0; padding:15px; background-color:#e3e8f3;}
.member_content .traning_search button{ border-radius:0; padding:15px; background-color:#4c5a74; color:#fff;}

.member_content form{ color:#4c5a74;}
.member_content form .form-group textarea{border-radius:0; padding:15px; background-color:#e3e8f3;}
.member_content form .form-group input{ border-radius:0; padding:15px; background-color:#e3e8f3;}
.member_content form .form-group button{ background-color:#80a2d7; border-color:#80a2d7; border-radius:0; padding:15px 0; width:118px;}
.member_content form .form-group button[type="reset"]{background-color:#a1c6db; border-color:#a1c6db;}

.member_content .member_course_table a{ color:#900;}
.member_content .member_course_table tbody tr td:first-child a{ color:#4c5a74;}

.member_profile_ul{ padding:15px; list-style:none; color:#777; margin:15px 0; background-color:#e3e8f3;}
.member_profile_pic{ width:200px; height:200px; background-position:center; background-size:cover;}

@media (min-width:768px){
	.member_profile_ul{ margin:0 0 0 220px; height:200px;}
	.member_profile_pic{ float:left;}
}

.member_profile_h4{ margin:5px 0 15px 0; color:#4c5a74;}

.member_profile_edit{ text-align:right; margin-bottom:20px;}
.member_profile_edit a{ padding:10px 20px; color:#fff; background-color:#4c5a74;}
.member_profile_edit a:hover{ text-decoration:none; background-color:#80a2d7;}
@media (min-width:768px){
	.member_profile_edit{ float:right; margin:-45px 15px 20px 0;}
}



.contact_content h2{ color:#80a2d7;}
.contact_content ul{ padding:0; list-style:none; color:#777;}
.contact_content p{ color:#777;}


.contact_content form{ color:#4c5a74;}
.contact_content form .form-group textarea{border-radius:0; padding:15px; background-color:#e3e8f3;}
.contact_content form .form-group input{ border-radius:0; padding:15px; background-color:#e3e8f3;}
.contact_content form .form-group button{ background-color:#80a2d7; border-color:#80a2d7; border-radius:0; padding:15px 0; width:118px;}
.contact_content form .form-group button[type="reset"]{background-color:#a1c6db; border-color:#a1c6db;}



.login_content{ text-align:center; max-width:800px; margin:0 auto; border:1px solid #80a2d7; padding:45px 15px 60px 15px;}
.login_content h1{ color:#4c5a74;}
.login_content h1 i{ font-size:3rem;}
.login_content h3{ color:#80a2d7; margin-bottom:15px;}

.login_content form{ width:240px; margin:0 auto;}
.login_content form input{ border-radius:0; padding:15px; background-color:#e3e8f3;}
.login_content form button{ background-color:#80a2d7; border-color:#80a2d7; border-radius:0; padding:15px; width:118px;}
.login_content form button[type="reset"]{background-color:#a1c6db; border-color:#a1c6db;}
@media (min-width:768px){
	.login_content form{ width:480px;}
	.login_content form button{ padding:15px; width:238px;}
}