@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@300;400;700&display=swap');
html,body {
    padding: 0px; margin: 0px; min-height:100%; font-size:17px; color: #333; line-height:24px;
	font-family: 'Lato',  "微軟正黑體", sans-serif ;
	
}
a{transition: all 0.3s ease 0s;}
a:link, a:visited {color: #00266e; text-decoration: none;}
a:hover {color: #ffa800 ;  }

#block-block-25{z-index: 1;}
.clear{clear:both}
.contextual-links-region{ position: relative}
table{border-collapse: inherit; line-height:28px;}
table ul, table ol{ margin:0; }
img {border:0;}
div, ul li{ margin:0px auto; padding:0px;}

.wrap{ width:100%; min-height:100%; overflow: hidden; }
.screen{ min-width:300px; max-width:1440px; position:relative; padding:0px 10px;}
.container{ height: auto; min-height:500px;   }
.container .screen{  padding:0 15px; }

.container a {-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; opacity: 1;}

h1{ font-size:36px; color:#002880; margin:15px 0; text-transform:uppercase; line-height:42px;}
h2{ font-size:33px; color:#a8ca00; margin:10px 0; line-height:38px;}
h3{ font-size: 30px; color:#6f2393; margin:10px 0; line-height:38px;}
h4{ font-size:23px; margin:0px; color:#00226a; line-height:28px;}
h5{ font-size:21px; margin:0px; color:#00226a; line-height:28px;}
h6{ font-size:18px; margin:0px; color:#333333; line-height:28px;}
p{ margin:0px; padding:0px}


.container{ height: auto; min-height:500px; }
.container #full { padding:0; width:100%; float:none }
.more_area{ position:absolute; right:10px; display:block;z-index:1;  font-size:14px; margin-top:12px ;text-align:center; }
.more_area a{ color:#333; background: #fff;  padding:8px 20px 8px 20px; text-transform:uppercase;  }
.more_area a:hover{ background: #333 ; color:#fff }


.hover01 figure img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	opacity:1;
	width: 100%;
}
.hover01 figure:hover img {
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
	opacity:.8;
}
figure {
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
	background: #fff;
	overflow: hidden;
}
figure:hover+span {
	bottom: -36px;
	opacity: 1;
}
.hover02 figure img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	opacity:.3;
}
.hover02 figure:hover img {
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
	opacity:.7;
}


#jssor_1{ overflow: hidden; }
#slogan_left { position:absolute; left:5%; color:#fff; font-size:60px; line-height:68px; text-shadow: 0 0 3px rgba(0,0,0,.2); bottom:100px; background:rgba(255,102,0,.7); padding:5px 10px 10px 10px  }
#slogan_right { position:absolute; right:5%; color:#fff; font-size:60px; line-height:68px; text-shadow: 0 0 3px rgba(0,0,0,.2); bottom:100px; background:rgba(255,102,0,.7); padding:5px 10px 10px 10px  }


.header{ background:url(../images/web/header.jpg)  ; background-size:cover; background-position:center }
.logo{ float:left; padding: 15px 0;}
.logo img{ max-height:110px; }

.header .links_top { float:right; margin:75px 0px 0 0 ;}
.header .links_top ul { list-style:none; margin:0; padding: 0 0 ;}
.header .links_top ul li {  margin:0 5px; float:left;}
.header .links_top ul li+li { border-left:1px dotted #ddd; padding-left:5px;}
.header .links_top ul li a { color:#333; display:block}
.header .links_top ul li+li a { color:#333; }


.header .links_top .lang a{border-radius: 8px;padding: 0px 10px;display:block }
.header .links_top .lang a:hover {color:#333;}
.header .links_top .lang a.current {color: #aecf0b; }

.header .links_top ul li+li::before { content: "/";left: 50%;position: absolute; }



.header_top { position:absolute; right:0; margin:0px 0px 0 0;  }
.header_top ul { list-style:none; margin:0; padding: 0 0 ;}
.header_top ul li { float:left; margin:0 5px;}
.header_top ul li a { background:#18258a; color: #fff;position: relative;padding: 10px 20px 10px 50px; display:block;border-bottom-left-radius: 16px;border-bottom-right-radius: 16px; }
.header_top ul li+li a { background:#ffc00f;}
.header_top ul li+li+li a { background:#aecf0b;}

.header_top ul li a::before {  content: "";width: 18px;height: 100%;background:url(../images/web/top_home.png) no-repeat right;position: absolute;left: 20px;text-align: center;top: 0;background-position-y: 50%; background-size: 100%;}

.header_top ul li+li a::before {  background:url(../images/web/top_eclass.png) no-repeat right;background-position-y: 50%; background-size: 100%;}
.header_top ul li+li+li a::before {  background:url(../images/web/top_comtact_us.png) no-repeat right;background-position-y: 50%; background-size: 100%;}

.header_top ul li a:hover { background: #792a9e;color: #fff; }

.menu_block { float:left; width:100%; background: url(../images/web/mwnu_bg.png) repeat ,linear-gradient(#002b87,#001e5e);z-index: 999;
position: relative;  }



.sticky { z-index:10; opacity: 1; }
.sticky .header { position: relative; top:0px; z-index:10; width:100%; box-shadow:  0 0 3px rgba(0,0,0,.2) ;   } 

/* Menu Bar */
#bs-example-navbar-collapse-animations ul.navbar-nav{ float: right; }
.navbar-material-blue .navbar-nav > li > a {  color: #792a9e; }
.navbar-material-blue .navbar-nav > li > a:hover, .navbar-material-blue .navbar-nav > li > a:focus { 
background-color: #792a9e; color: #ffffff; }

.navbar-material-blue .navbar-nav > .open > a,.navbar-material-blue .navbar-nav > .open > a:hover,.navbar-material-blue .navbar-nav > .open > a:focus {
background-color: #792a9e;  color: #ffffff; }


.dropdown-menu > li > a {
  display: block;
  padding: 8px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333;
}
.dropdown-menu > li > a.current { background-color: #792a9e;  color: #ffffff; }

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  color: #fff;
  text-decoration: none;
  background-color:#fcc04c;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  background-color: #fcc04c;
  outline: 0;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
background: rgba(180,216,4,1);
color: #000;
  
}
.btn_back{ margin:0px auto; text-align: center; margin-top:50px; margin-bottom:50px;}
.btn_back a{ display: inline-block; padding:10px 50px; color:#fff !important;  background: linear-gradient(to left, #013d85 50%, #eee9e4 50%); background-size: 200% 100%; background-position: right bottom;  transition: all .5s ease-out;  }
.btn_back a:hover { background-position: left bottom; color:#013d85 !important;}

.slider_inner{ margin:30px auto; text-align: center}

#banner_block { background:#f3f6fc; padding:50px 0}
.banner_area {min-width: 300px;
max-width: 1600px;
position: relative;
padding: 0px 10px;}
.banner_area .cover{ width:100%; position:relative; vertical-align: top;
display: inline-table;}
.banner_area .cover img { max-width:100%; height:auto }
.banner_area .title {position: relative;top: 70%;left: 0;transform: translate(0%, 50%);width: 100%;font-size: 30px;}
.banner_area .title p::before {    content: '\2022';    color: #facb34;    font-size: 72px; float: left;    padding: 0 10px 0 0;}


.banner_area .title p{display: flex;line-height: 40px; color: #792a9e;}
.banner { width: calc(60%);padding-left: 1%;vertical-align: top;
display: table-cell; }
.banner img { max-width: 100%;  width:100%}


.banner_left {width: calc(40%);
vertical-align: top;
display: table-cell;
}

/* Main */
.main_1{ float:right; width:30%; padding:30px 0}
.main_2{ float:right; width:calc(70% - 5%);  padding:30px 0 50px 0; margin:0 0 0 5%}
.main_3{ float:left; width:100%;box-shadow: 0 0 5px rgba(0,0,0,.3);
border-top: 2px solid #fff;}
.title { font-size:30px}
.title::after {   content: "";height: 100%;position: absolute;right: -100px;text-align: center;top: 0; z-index:1;    width: 100px;}

#tpl .latest_video .title { width:auto; padding:10px 0; text-align:left;}

.FullPage .inner_content .main_content{ width:calc(100% - 60px)}
.FullPage  .inner_left_menu_block { display:none;}

.latest_new { float: left; width: calc(100% - 0px); position:relative; margin:0 0 0 px; }
.latest_new .title {color: #aecf0b;position: relative;padding: 10px 0 10px 60px;}
.latest_new .title span{color: #131c85}
.latest_new .title{  background: url(../images/web/new_icon.png) no-repeat ; background-position:0 50%;}



.latest_new .main_events_area { position:relative; margin-top:10px}
.latest_new .main_events_area::before {   content: "";width: 100%;height:5px;background:#ddd;position: absolute;left: 0;right: 0;text-align: center;top: 0;background-position-y: 50%;background-size: 100%; z-index:1 ; border-radius:16px} 
.latest_new ul{ list-style:none; margin: 0; padding: 10px 0 0 0;}
.latest_new ul li{ background: #fff; position:relative;padding: 10px 0px;float: left;width: 100%;border-bottom: 1px dotted #4eabe6;}

.latest_new ul li:nth-of-type(2n+1) { clear:both}
.latest_new ul li a{ display:block; padding:0; color:#333;}
.latest_new ul li:hover .content{ color:#792a9e}
.latest_new ul li .cover{ width: 30%; margin:0 15px 0 0; vertical-align: top;
display: table-cell;}
.latest_new ul li .cover img{ max-width:100%; box-shadow: 0px 0px 3px rgba(0,0,0,.2) }
.latest_new .content{ color:#4a4a4a;vertical-align: middle;display: table-cell; padding-left:20px }
.latest_new .content img{ width:25px;border-radius: 8px;border: 2px solid #fff;}
.latest_new ul li .datebox{ margin: 0 0 10px 0;border-bottom: 2px solid #fff600; float:left; display:inline-block; width:100%; font-family: "Oswald", "微軟正黑體"; } 
.latest_new .date {vertical-align: middle;display: table-cell; }




#inner_title{ margin:0}


.latest_awards{ float: left; width:100%; background:#fff; position:relative; margin:50px 0 0 0;}
.latest_awards .main_events_area { position:relative; margin-top:10px}
.latest_awards .main_events_area::before {   content: "";width: 100%;height:5px;background:#ddd;position: absolute;left: 0;right: 0;text-align: center;top: 0;background-position-y: 50%;background-size: 100%; z-index:1 ; border-radius:16px} 
.latest_awards .title {color: #aecf0b;position: relative;padding: 10px 0 10px 60px;}
.latest_awards .title span{color: #131c85}
.latest_awards .title::before {   width: 38px;background: url(../images/web/award_icon.png) no-repeat;background-position-y: 50%;background-size: 100%;  }
.latest_awards ul{ list-style:none; margin: 0; padding: 0px;}
.latest_awards ul li{ background: #fff;  position:relative; padding: 10px 5px;border-bottom: 1px dotted #d5d5d5;float: left;
width: calc(50% - 10px - 1%);
margin: 0 0.5%;}
.latest_awards ul li span{ color:#ffd83a; display:block }
.latest_awards ul li a{ display:block; padding:0; color:#333;}
.latest_awards .date { vertical-align:top; display:table-cell}
.latest_awards .content{vertical-align: top;display: table-cell;padding: 0 0 0 2%;}
.latest_awards img{ width:100%; }
.latest_awards .cover {vertical-align: middle;display: table-cell; width:30% }
.latest_awards .cover img  { max-width:100%}



.latest_gallery2 .title {color: #aecf0b;position: relative;padding: 10px 0 10px 60px;}
.latest_gallery2 .title::before {   content: "";width: 38px;height: 100%;background: url(../images/web/inner_event_title.png) no-repeat;position: absolute;left: 0px;text-align: center;top: 0;background-position-y: 50%;background-size: 100%; z-index:1 }
.latest_gallery2 .title span{color: #18258a}



.latest_gallery{ float: left; width:100%; position:relative;  margin:0; padding:0 0 30px 0; background: url(../images/web/photo_bg.png) repeat #b4d804;}
.latest_gallery .area{}
.latest_gallery .title {color: #fff;position: relative;padding: 30px 0 30px 60px;background: #00226a;text-align: center;
display: block;width: 190px;border-bottom-left-radius: 16px;border-bottom-right-radius: 16px;top: -15px;}
.latest_gallery .title span{color: #b4d804}
.latest_gallery .title::before{   content: "";position: absolute;left: -13px;top: 0;width: 0;height: 0;
border-style: solid;border-width: 13px 13px 0px 0px;border-color: transparent #707070 transparent transparent;}
.latest_gallery .title::after{   content: "";position: absolute;right: -13px;top: 0;width: 0;height: 0;border-style: solid;border-width: 13px 0 0 13px;border-color: transparent transparent transparent #707070;}

.latest_gallery .title p::before {   content: "";width: 38px;height: 100%;background: url(../images/web/photo_icon.png) no-repeat;position: absolute;left: 25px;text-align: center;top: 0;background-position-y: 50%;background-size: 100%; z-index:1 }
.latest_gallery ul{ list-style:none; margin: 0; padding: 0px;}
.latest_gallery ul li{  position:relative;padding: 0;float: left;width: calc(25% - 1% - 4px);margin: 0 0.5%;border: 2px solid #fff;
border-radius: 12px;overflow: hidden; background:#fff}
.latest_gallery  .main_events_area { margin-top:30px}
.latest_gallery ul li span{ color:#fd6274; }
.latest_gallery ul li a{ display:block; padding:0; color:#333;}
.latest_gallery .cover{ float: left; width:100%;}

.latest_gallery img{ width:100%; }
.latest_gallery ul li span{ display:block}


.latest_video{ float: left; width:calc(100% - 1%); background:#fff; position:relative;  margin:0 0.5%;}
.latest_video .area{}
.latest_video .title {position: relative;text-align: center;display: block;color: #b4d804;padding: 50px 0 50px 60px;width: 190px;}
.latest_video .title span{color: #131c85}


.latest_video .title p::before {   content: "";width: 29px;height: 100%;background: url(../images/web/video_icon.png) no-repeat;position: absolute;left: 30px;text-align: center;top: 0;background-position-y: 50%;background-size: 100%; z-index:1 }


.latest_video ul{ list-style:none; margin: 0; padding: 0px;}
.latest_video ul li{position: relative;padding: 0;float: left;width: calc(25% - 1% - 4px);margin: 0 0.5%;border: 2px solid #b4d804;
border-radius: 12px;overflow: hidden;background: #fff;}
.latest_video ul li:nth-of-type(even){background: #f7f7f7;}
.latest_video ul li span{ color:#009cb5; }
.latest_video ul li a{ display:block; padding:0; color:#333;}
.latest_video .cover{ float: left; width:100%;}

.latest_video img{ width:100%; }


.main_3 .more_area { position:relative;right: 0;display: grid;z-index: 1;font-size: 14px;margin-top: 30px;text-align: center;
left: 0;width: 230px;}
.main_3 .more_area a { background: #fff;color: #792a9e;border-radius: 16px;border: 2px solid #792a9e;padding: 8px 60px; position:relative}
.main_3 .more_area a::before {  content: "";width: 0;height: 0;border-style: solid;border-width: 8px 10px 0px 26px;
border-color: #b4d804 #b4d804 #b4d804 #b4d804;position: absolute;z-index: 1;top: -8px;left: 41%;transform: translate(0%, 0%);}
.main_3 .more_area a::after {  content: "";width: 0;height: 0;border-style: solid;border-width: 10px 10px 0 10px;
border-color: #792a9e transparent transparent transparent;position: absolute;z-index: 1;top: -5px;left: 45%;transform: translate(0%, 0%)}


.latest_video .more_area { margin-bottom:30px}
.latest_video .more_area a::before { border-color: #fff #fff #fff #fff;}





.latest_gallery .content , .latest_video .content{ display: table-cell;vertical-align: bottom;padding: 0 0 20px 20px;}


.more_area a { background:#792a9e; color:#fff;border-top-right-radius: 8px;
border-bottom-left-radius: 8px; }

.more_area a:hover {     background: #b4d804;    color: #fff;}



.date_area {display: table-cell;vertical-align: top;position: relative;top: -10px;left: 10px; } 
.datebox { width: 60px;margin: 0 0 0 2%;text-align: center;background: #131c85eb;padding: 2%;border-radius: 8px;} 
.day{font-size: 28px; display: block; color: #fff; font-weight:bold;  padding:8px 0; text-align: center;}
.day span{ color:#fff !important}
.month{font-size: 12px; line-height:15px; background: #b4d804;padding: 0; color: #000; text-transform: uppercase; text-align: center;display: block;margin: 0 2px 2px; border-radius:6px }
.datebox span{ padding:2px 0 0 0;} 
.month span { color:#022c67 !important}


.bottom_icon { vertical-align: middle;
display: table-cell;}
/* Main Userful Links */
.Userful_link_inside {background:url(../images/web/bg_top.png) #fff ; border-top:3px solid #ffb400;}
.Userful_link_inside .screen { background:url(../images/web/bg_bottom.png) top center #fff ;  padding-top:30px; padding-bottom:30px;}

.Userful_link_inside ul{ list-style:none; margin:0 0 0 -2%; padding:0 }
.Userful_link_inside ul li{ float:left;}

.Userful_link_inside ul li{ width:18%; margin-left:2%;}

.Userful_link_inside ul li img{border:1px solid #fff; width:100%;  box-shadow:0 0 2px rgba(0,0,0,.25)}
.Userful_link_inside ul li:hover img{ opacity:.7; box-shadow:0 0 2px rgba(0,0,0,.4)}
.Userful_link_inside ul li a{display: block;}


/* Footer */
footer { box-shadow: 0 0 6px rgba(0,0,0,.2);  background: #ff9000;}

.sch_info {  padding: 40px 15px 40px 100px ;vertical-align: middle;display: table-cell;color: #fff;}
.sch_info ul{ list-style:none; margin:0;padding:0 ; text-align: center; margin-right: auto; margin-left: auto; display:table}
.sch_info ul li{ float:left; margin:5px 15px; width:100%; text-align:left  }
.sch_info ul li+li { width:calc(50% - 30px)}
.sch_info ul li span{ background:url(../images/icon/icon_map.png) no-repeat left center; padding:5px 0 5px 45px; }
.sch_info ul li+li span{ background:url(../images/icon/icon_tel.png) no-repeat left center; }
.sch_info ul li+li+li span{ background:url(../images/icon/icon_fax.png) no-repeat left center; }
.sch_info ul li+li+li+li span{ background:url(../images/icon/icon_mail.png) no-repeat left center; }
.sch_info ul li a { color:#fff !important}

.footer{  font-size:14px;  background:#fff}
.footer .screen{ padding:40px 15px;}
.footer .copyright{ float:left; width:65%; text-align: left ;  color:#000}
.footer .power{ float:right; width:30%; text-align: right}
.footer .power a{ color:#000;}
.footer .power a:hover{ color: #000;}
.footer .copyright a{ color:#000;}

.inner_banner { position:relative; overflow:hidden; background:url(../images/web/inner_banner.jpg) no-repeat  ; background-size:cover; background-position: center right; padding:0px 0;  height:300px  }
.inner_banner h1{ text-align: center;  color:#fff; text-shadow: 0 0 3px rgba(0,0,0,.2);padding: 10px 10px;float: right;position: relative;margin: 0;width: calc(100% - 20px);}
.inner_banner h1 p { position:absolute ;z-index: 1;top: 50%;right: 0;transform: translate(0, -50%);width: 100%;white-space: break-spaces;display: inline-table;text-align: center;color: #002880;}
.non_banner{  }
.non_banner h1{ }

#media {}
#title_bg {background: url(../images/web/photo_bg.png) repeat #b4d804bf;
box-sizing: border-box;
position: relative;
width: calc(23%);
top: 0; left:0; float:left; height:300px; display:flex; align-items: center;}

#title_bg_2 { width:478px ;background: url(../images/web/photo_bg.png) repeat #b4d804bf;height: 350px;
float: left;
position: absolute;
left: -463px;}
/* Nevigation */
.nevigation{ padding:15px 0px; font-size:13px; border-bottom:1px dotted #ddd; margin-bottom:15px; float:left; width:23%  }
.nevigation .screen{ padding:0; }
.nevigation .home{ background:url(../images/icon/icon_home.png) no-repeat; background-position:0px 3px; display: block; padding-left:25px; }
.nevigation ul{ list-style: none; margin:0px; padding:0px; }
.nevigation ul .sp{ padding:0px 15px; color:#666 }
.nevigation ul li{ float: left; line-height:24px;  }
.nevigation ul li a{ color:#666; text-decoration: none }
.nevigation ul li a:hover{ text-decoration: underline ; color:#032d69}

/* Page Content */
.inner_content{ padding-bottom:15px; min-height:350px; }
.inner_content .main_content{ float:right;width: calc(77% - 60px);background: #fff;padding: 10px 30px;  min-height:500px}
.inner_content_full{  }
.inner_content_full .main_content{ }
.inner_content img, .inner_content_full img{ max-width:100%; width:100%; height:auto}

.left_menu{ float:left; width: 100%; }
.sidebar-nav {float:left; width:100%; }
.sidebar-nav .title {padding: 25px 0;background: #f8f8f8;color: #000;font-size: 28px;margin: 0px;text-align: center;border-bottom: 3px solid #aecf0b; }
.sidebar-nav .title p { line-height:30px}
.sidebar-nav ul {
    padding: 0;
    margin: 0;
    list-style: none;
    background: #f8f8f8;
}
.sidebar-nav .metismenu {
    padding: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.sidebar-nav .metismenu a.current { color:#0766c0; }

.sidebar-nav .metismenu li + li {
  margin-top: 5px;
}
.sidebar-nav .metismenu li:first-child {
  margin-top: 5px;
}
.sidebar-nav .metismenu li:last-child {
  margin-bottom: 5px;
}
.sidebar-nav .metismenu > li {
    /*-webkit-box-flex: 1;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;*/
	width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
}
.sidebar-nav .metismenu a {
    position: relative;
    display: block;
    padding: 7px 15px 7px 15px;
    color: #333333;
    outline-width: 0;
    transition: all .3s ease-out;
}

.sidebar-nav .metismenu ul a {
    padding: 5px 35px 5px 30px;
}
.sidebar-nav .metismenu ul ul a {
    padding: 5px 35px 5px 45px;
}
.sidebar-nav .mm-active {color: #000 !important;
text-decoration: none;
background: #aecf0b; }
.sidebar-nav .metismenu a:hover,
.sidebar-nav .metismenu a:focus,
.sidebar-nav .metismenu a:active,
.sidebar-nav .metismenu .mm-active > a {
color: #000 !important;
text-decoration: none;
background: #aecf0b;
}

/* Content Template */
.boxing { margin:20px 0}
.boxing .title{  margin: 5px 0; display: inline-table;font-size: 26px;padding: 5px 0px 5px 15px;color: #fff; background: #AECF0B; line-height: 30px; pointer-events: none; position:relative  }
.boxing .description{padding:0px; }

.album.boxing{background:#ececec;}
.album.boxing .title::before{content: "";position: absolute; width:10px;height:46px;top:0;left:-9px;background: #AECF0B;     clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 80%);}


.Album ul{ list-style:none; padding:0px; margin:0}


.right_desc ul { margin:0 0 0 20px !important; padding:0; list-style:outside}
.right_desc ol { margin:0 0 0 20px !important; padding:0; }
.right_desc ul li, .right_desc ol li{ float: none !important;}

#Inner_Type_A ul, #Inner_Type_A2 ul{ margin:0 0 15px -2%; }
#Inner_Type_A li, #Inner_Type_A2 li{ float:left; width:31.3%; margin:0 0 15px 2%; }
#Inner_Type_A li p, #Inner_Type_A2 li p{ text-align: center; }
#Inner_Type_A li:nth-child(3n+1), #Inner_Type_A2 li:nth-child(3n+1){ clear:both; }

#Inner_Type_B ul, #Inner_Type_B2 ul{ margin:0 0 15px -2%; }
#Inner_Type_B li, #Inner_Type_B2 li{ float:left; width:48%; margin:0 0 15px 2%; }
#Inner_Type_B li p, #Inner_Type_B2 li p{ text-align: left; }
#Inner_Type_B li:nth-child(2n+1), #Inner_Type_B2 li:nth-child(2n+1){ clear:both; }

#Inner_Type_C li .title_des{ float: left; width:50%}
#Inner_Type_C li .right_desc{ float: right; width:calc(49% - 20px); text-align: left; margin:0 0px 0 20px}
#Inner_Type_C2 li .title_des{ float: right; width:50%}
#Inner_Type_C2 li .right_desc{ float: left; width:49%; text-align: left}
#Inner_Type_C li p, #Inner_Type_C2 li p{ text-align: left; }

#Inner_Type_C2 .title { width:calc(100% - 20px); float:left;margin: 0 0 20px 0; padding:0 0 0 20px}
#Inner_Type_C2 .description{ float:left; width:100%}


#Inner_Type_C .description{ float:right; width:100%}


#Inner_Type_C ,#Inner_Type_C2  {  counter-increment: num; margin: 40px 0}
#Inner_Type_C  .right_desc::before ,#Inner_Type_C2  .right_desc::before {   color: #a4c600;font-size: 17px;padding: 0 10px 0 0px;}

#num_txt {  ;padding: 10px 20px 10px 0px;color: #131c85; display:inline-block;  }

.download_area ul{ list-style:none; margin:0px 0; padding:5px 0;}
.download_area ul li{  margin:0 0 15px 2%; text-align: left;}
.download_area ul li a{ background:url(../images/icon/icon_download.png) no-repeat left; background-position:3px 5px; padding:8px 0 3px 30px; line-height:19px; color:#555; background-size:23px 23px; display:block;}
.download_area ul li a:hover{ background:url(../images/icon/icon_download.png) no-repeat left; background-position:3px 8px; color:#666;background-size:23px 23px}

#Inner_Type_D { border-bottom: 1px solid #E3E3E3}
#Inner_Type_D ul{ list-style:none; margin:0px 0 ; padding:0px;}
#Inner_Type_D ul li{ float:left; width:31%; margin:0 0 15px 2%; text-align: left;}
#Inner_Type_D ul li a{ background:url(../images/icon/icon_download.png) no-repeat left; background-position:3px 5px; padding:8px 0 3px 30px; line-height:19px; color:#555; background-size:23px 23px; display:block;}
#Inner_Type_D ul li a:hover{ background:url(../images/icon/icon_download.png) no-repeat left; background-position:3px 8px; color:#666;background-size:23px 23px}



#tpl { position:relative;  background:url(../images/web/inner_banner.jpg) no-repeat ; background-position: center top; padding:0px 0;   }
#tpl .main_content { width:calc(100% - 60px); margin-top: 150px;border-radius: 16px;
box-shadow: 0 0 5px rgba(0,0,0,.3);
overflow: hidden;
padding:0 30px 30px 30px;margin-bottom: 50px;}

#tpl .nevigation { width: calc(100%);
background: #aecf0b;
left: -30px;
position: relative;
padding: 15px 30px;}

#tpl .nevigation ul li a { color:#fff}


#tpl .dropdown span {cursor: pointer;border-bottom:1px solid #039;color:#004b87; font-size:16px; border:1px solid #ddd; padding:5px 30px 5px 5px; position:relative;   }
#tpl .dropdown { float:right; margin: 0 0; position:relative; margin-top:-40px !important  }
#tpl .dropdown span::after {
    content: "\f078"; color:#27548d; font-weight:normal;
	font-style:normal; font-family: FontAwesome; position:absolute; right:5px; top:5px;

    outline: none;

 
    pointer-events: painted;
	float:right;   display:block; 
}

#tpl .dropdown-content {
  display: none;
  position: absolute; right:0;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.2);
  padding: 0;
  z-index: 1;
}
#tpl .dropdown:hover .dropdown-content {  display: block;}
#tpl .dropdown-content ul { list-style: none; padding:5px; margin:0; display: flex;
  flex-direction: column-reverse;}
#tpl .dropdown-content ul li {  float: right;  width:100%;}
#tpl .dropdown-content ul li a{ display:block; padding:5px ; text-align: center; border-bottom:1px dotted #ddd; color:#333 }
#tpl .dropdown-content ul li a:hover { background:#004b87; color:#fff; }

/* Sub Category  */
.sub_category{ float: left; margin:20px 0; }
.sub_category ul{ list-style:none; padding:0px; margin:0px; }
.sub_category ul li{ float:left; margin-right:15px;}
.sub_category ul li a{ padding:8px 18px; display:block; color:#00226a; background: #fff; box-shadow:0 0 3px rgba(0,0,0,.2); font-size:16px; line-height:19px; border-top:2px solid #792a9e; }
.sub_category ul li a:hover{ background: #b4d804; color:#fff; }
.sub_category ul li a.current{ background: #792a9e ; color:#fff;  }

/* Information Template */
#pages{ float:right; margin:15px 0px 0 ; clear: both; font-size:12px;}
.pages_page{ float:left;padding:0px 10px 0 0;}
#pages ul{ float: left; list-style:none; min-height:17px; margin:0px; padding:0px;}
#pages ul li{  float: left; margin:0px 5px 0px 5px;}
#pages ul li a{ line-height:25px; height:25px; width:25px; display: inline-block; text-align: center; background:#ededed; border-radius:50%; color:#333; box-shadow:0 0 3px rgba(0,0,0,.2)}
#pages ul li a:hover{ background:#ececec; text-decoration:underline }
#pages ul li a.pgCurrent{ background:#a9cc0e; color:#fff}

.information{ }
.information ul{ list-style:none; margin:0; padding:0px;}
.information ul li{ position:relative; }
.information ul li a{ display:block}
.information .content{ padding:5px 0;}
.date span ,.latest_awards ul li span{background:url(../images/web/date.png) no-repeat  ; padding:8px 20px 8px 40px; display: block; color:#333; background-size:27px 28px; background-position:0px 45%; } 


#template_A .information ul{ list-style:none; padding:5px 0;}
#template_A .information ul li .cover{ float:left; width:33%; margin:0 15px 0 0; }
#template_A .information ul li:nth-child(3n+1) { clear:both; }
#template_A .information ul li a{ padding:15px; border:1px solid rgba(255,255,255,0.2); margin-bottom:10px; background:#f6faff; }
#template_A .information ul li a:hover { background:#eee9e4; border:1px solid rgba(255,255,255,0.3); }

#template_B .information ul{ list-style:none; padding:5px 0; margin:0 0 0 -2%;}
#template_B .information ul li{ float:left; width:48%; margin:0 0 15px 2%; }
#template_B .information ul li:nth-child(2n+1) { clear:both; }
#template_B .information ul li .cover{ float:left; width:33%; margin:0 15px 0 0; }
#template_B .information ul li a{ padding:15px; border:1px solid rgba(255,255,255,0.2); margin-bottom:10px; background:#f6faff; }
#template_B .information ul li a:hover { background:#eee9e4; border:1px solid rgba(255,255,255,0.3); }

#template_C .information ul{ list-style:none; padding:5px 0; margin:0 0 0 -2%;}
#template_C .information ul li{ float:left; width:31.33%; margin:0 0 15px 2%; }
#template_C .information ul li:nth-child(3n+1) { clear:both; }
#template_C .information ul li .cover{ width:100%; margin:0 ; }
#template_C .information ul li a{ padding:15px; border:1px solid rgba(255,255,255,0.2); margin-bottom:10px;  }

/* Notice */
#template_notice .information ul{  margin:0 0 0 0%; border-top:2px solid #ddd}
#template_notice .information ul li{ float:none; width: 100%; margin:0; padding:10px 0px 10px 0; line-height:17px; border-bottom:1px solid #ddd;  }
#template_notice .information ul li a{ display:inline-block; padding:0px 0; width:100%; }
#template_notice .information ul li a:hover{ color:#333; text-decoration:none}
#template_notice .information ul li:hover{ background:#eff9ff; }
#template_notice .information .date{ float:left; width:15%; padding:5px 5px 5px 10px;}
#template_notice .information .date span{ padding:0px 0 0px 28px; background-size:20px 18px;}
#template_notice .information .number{ float:left; width:10%; padding:5px 0; font-size:16px; }
#template_notice .information .title{ float:left; width:60%; padding:5px 0; font-size:16px; line-height:19px; text-shadow:0 0 0 }
#template_notice .information p{ width: auto; font-size:15px;}
#template_notice .information .download{ float:right; width:8%; overflow: hidden }
#template_notice .information .download a{ background: url(../images/icon/icon_pdf.png) no-repeat; background-position:0px 0px; background-size:20px; padding:5px 5px 5px 30px; display:block; color:#fc2130;font-size:16px; line-height:19px; display:block}

.youtube_video {  width:100%; box-shadow:0 0 5px rgba(0,0,0,.2); padding:0; height:0; padding-bottom:56.25%; position:relative;}
.youtube_video iframe { width:100%; position:absolute; left:0; top:0; height:100%} 
.video_theme{ max-width:80%; margin:50px auto ;}

.grid_photo
{
float: left;
position: relative;
overflow: hidden;
cursor: pointer;
}
.grid_photo .caption{opacity: 0;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.grid_photo:hover .caption{opacity: 1;	}
.grid_photo .blur{
		background-color: rgba(1,65,146,0.65);
		height: 100%;
		width: 100%;
		z-index: 5; 
		position: absolute;
}
.grid_photo a {
	display:block;height: 100%;
		width: 100%;
}
.grid_photo .caption-text{
		z-index: 10;
		color: #fff;
		position: absolute;
		width: 100%;
		height: 100%; top:0;
		text-align: center;
}

.grid_photo .caption-text h5 { 
  font-size:21px; position: absolute;
  top: 47.5%; line-height:23px; margin:0; padding:0; text-align:center; display:inline-block;
  left: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%); color:#fff !important; border-left:0;   }

.my-masonry-grid { margin:30px 0; }

.my-masonry-grid-item {
  margin: 0 6px 12px;
  padding: 5px;
  background:#F2F2F2;
}

/* Site Map */
.site-map { margin:0; padding:0;}
.site-map ul{ list-style:none; margin:0 0 0 -3%; padding:0;}
.site-map ul li{ float: left; width: 22%; margin:0 0 15px 3%; padding:0; list-style:none;}
.site-map ul li:nth-child(4n+1){ clear: both; }
.site-map ul li ul{ list-style:none; margin:0 0 0 0px; padding:0;}
.site-map ul li ul li{ float: none; width: 100%; margin:0; }
.site-map ul li ul li ul{ list-style:none; margin:0 0 0 15px; padding:0;}

.site-map ul li a{ color:#085cba; padding:5px 0px; display:block; border-bottom:1px solid #ddd;}
.site-map ul li a:hover{ text-decoration:none;}
.site-map ul li ul li a{ border-bottom:0px solid #ddd; color:#333}

.site-map ul li ul li ul li a{ font-size:16px; border-bottom:0px solid #ddd; color:#555; background:url(../images/icon/arrow_right.png) no-repeat; background-size:15px 15px; background-position:0px 50%; padding:5px 0px 5px 20px ; display:block}
ul.site-map-menu li ul li ul li a:hover{ background:url(../images/icon/arrow_right.png) no-repeat; background-size:15px 15px; background-position:0px 50%; }
.site-map ul li ul li ul li ul li a{ font-size:16px; border-bottom:0px solid #ddd; color:#555; background:url(../images/icon/poting_right.png) no-repeat; background-size:7px 7px; background-position:5px 50%; padding:5px 0px 5px 20px ; display:block}
ul.site-map-menu li ul li ul li ul li a:hover{ background:url(../images/icon/poting_right.png) no-repeat; background-size:7px 7px; background-position:0px 50%; }

/* Subject Template */
.subject_category{}
.subject_category ul{ list-style:none; margin:0 0 0 -1.5%; padding:0px;}
.subject_category ul li{ float:left; width: 31%; margin:0 0 30px 2%; padding:0;}
.subject_category p{ }
.subject_category a{ padding:10px; border:1px solid #333; display:block }
.subject_category a:hover{ background:#F90; color:#fff; }

.location{ width:100%; margin:20px 0; box-shadow: 0 0 3px rgba(0,0,0,.2) }
.location iframe{ width:100%; }

.sentense{ margin:20px 0;  }
.sentense .area{padding: 5px;float: right;width: calc(90% - 10px);background: #ffde00;border: 2px solid #fff;box-shadow: 0 0 0 4px #ffa800;border-radius: 8px;}
.sentense .area p{background: #fff;padding: 5px 5px;border-radius: 8px; }
.sentense .title { position:absolute ; left:10px; top:10px; }

/* Table */
table{border-collapse: inherit; width:100%; box-shadow: 0 0 2px rgba(0,0,0,.1); padding:0px; line-height:33px; }
tr:nth-child(even) td { background:#fffcf3; color:#333; padding:2px;}
tr:nth-child(odd) td { background:#fff; color:#333; padding:2px;}
table ul, table ol{ margin:0; }

#table_box{ border-collapse:inherit; background:#ddd }
#table_box tr td{ padding:5px; background:#fff }
#table_box tr:nth-child(1) td{ background:#032d69 !important; color:#fff !important;}
#table_box tr:nth-child(odd) td{ background:#fffcf3}

.tablefield-wrapper{border-collapse:inherit; }
.tablefield-wrapper tr td{ padding:5px; background:#fff }
.tablefield-wrapper  thead{ background:#032d69 !important; color:#fff !important;}
.tablefield-wrapper  thead > tr > th { border-bottom:0px !important ;}
.tablefield-wrapper tr:nth-child(odd) td{ background:#fffcf3}

.tablefield-wrapper caption { }

.tablefield-wrapper tr { 
    display: flex; 
    flex-direction: row;
    flex-wrap: wrap;
    margin: 0 0;
	padding:0 1px;
  }
.tablefield-wrapper td, .tablefield-wrapper th {
    flex: 1 1 150px;
  }
.default_img{ margin:0px auto ; text-align: center; max-width:100%;}

/* Pop Up Message Box */
#popup_this h2 { color:#fff; font-size:21px; line-height:26px;}
#popup_this {
    text-align:center; 
    margin-top: 0px;
    margin-left: 0px;
    width:80%;
    background:#fff; color:#333;
	max-width:960px; 
}
#popup_this .content { min-width:800px; min-height:450px; max-height:650px; overflow-y: auto; padding:15px ; margin:15px; border:0px solid #fff; }

.b-close {
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    color: #333;
    background: #D3D3D3; line-height:23px;
    padding: 5px 12px;
}
.b-close:hover { 
    background: #F90;
}

.theme { margin-top:50px; width: 100%;float: left;position: relative;}
.theme .title{ background:none; border-top: 2px solid #dbdbdb; border-bottom: 2px solid #dbdbdb;position: relative;
padding: 25px 0;
text-align: center;
width: 80%;}
.theme .title p { position:relative; color:#792a9e}
.theme .title p span{  color:#131c85}
.theme .title p::before {   content: "";width: 33px;height: 21px;background: url(../images/web/theme.png) no-repeat center  #fff;top: -40px;position: absolute;z-index: 1;left: 50%;transform: translate( -50%, 0%);padding: 0 15px;}

.txt ul { background:none; margin:20px 0 0 0; list-style:none; padding:0}
.txt ul li { text-align:center; color:#131c85; font-size: 23px;line-height: 30px;}
.txt ul li+li {  color:#adcf0c}




.link_button{ padding: 0; float:left;width:100%; position:relative; }
.link_button ul {list-style: none;margin: 0 0 0 0;padding: 0;}


.link_button ul li {  float: left; margin:0 ;width:calc(100% - 1% - 6px); position:relative; overflow: hidden; margin-left:1%; margin-bottom:1%; border: 3px solid #fff;
box-shadow: 0 0px 3px rgba(0,0,0,.2);
border-radius: 8px;
overflow: hidden;}

.link_button ul li a {  display:block;  }
.link_button ul li span p {position: absolute;bottom: 20px;left: 0;text-align: left;font-size: 22px;color: #fff;background: #189d76e6;display: block;padding: 10px;border-top-right-radius: 8px;border-bottom-right-radius: 8px;line-height: 28px;}
.link_button ul li span{  pointer-events: none; }
.link_button ul li img{ width: 100%;}

.link_button ul li font { font-size: 22px;padding: 0 0 0 30px;}


.link_button ul li+li span p{ right: 0;text-align: left;border-top-left-radius: 8px;border-bottom-left-radius: 8px;
background: #131c85cf;left: auto;border-top-right-radius: 0;border-bottom-right-radius: 0;}


.link_button ul li+li+li span p{ left: 0px;text-align: left;border-top-right-radius: 8px;border-bottom-right-radius: 8px;
background: rgba(116,37,153,.9);right: auto;border-top-left-radius: 0;border-bottom-left-radius: 0;}

.banner_area2 {border-radius: 8px;overflow: hidden; }
.banner_area2_bg {
background: #fff;
padding: 5px;
border-radius: 12px;
box-shadow: 0 0 5px rgba(0,0,0,.3);}


.theme_index {position: relative;float: left;left: 0;bottom: -30px;background:url(../images/web/Banner2223_Endurance.jpeg) #00226a;padding: 30px;color: #fff;border-top-right-radius: 30px;border-bottom-left-radius: 30px;}
.theme_index  .title{background: #b4d804;display: block;width: auto;padding:15px 15px 15px 50px;position: absolute;z-index: 1;    left: 35%;left: 35%;transform: translate(-50%, -180%);white-space: nowrap; color:#8735ae; top: 70px;}
.theme_index  .title span { color:#00226a}
.theme_index .title::before {    content: "";    width: 28px;
    height: 100%;
    background: url(../images/web/banner_theme.png) no-repeat;
        background-position-y: 0%;
        background-size: auto;
    position: absolute;
    left: 10px;
    right: 0;
    text-align: center;
    top: 0;
    background-position-y: 50%;
    background-size: 100%;
    z-index: 1;
}
.theme_index  .contact ul{ list-style:none; margin:0; padding:0; font-size:25px; line-height:35px}
.theme_index  .contact ul li+li { color:#b4d804}


.inner_left_menu_block { float:left; width:23%}

.boxing .title::after { background-size: contain !important;background: url(../images/web/inner_title_icon_right.png) no-repeat; background-position-y: 50%;}




@media screen and (max-width: 1450px) {
.inner_banner h1 { font-size:30px}
		}

@media screen and (max-width: 1240px) {
.title {    font-size: 22px;}	
.latest_video .title::before, .latest_new .title::before,.latest_awards .title::before,.latest_gallery .title::before{ background-size:70%}
.latest_video .title { padding:10px 0 10px 30px}
.latest_new .title, .latest_awards .title { padding:10px 0 10px 40px}
.latest_gallery .title { padding:30px 0 30px 40px}
.link_button ul li span p { font-size:17px; line-height:20px; bottom:10px}
.link_button ul li font { font-size:18px; }
.navbar-nav > li > a { font-size:13px; padding:5px ;}
.theme_index .title { font-size:22px}
.inner_banner h1 {    font-size: 25px;}
	}
	
	

	


#award_list {padding: 20px 0;
  border-bottom: 1px solid #aecf0b;display: flex;justify-content: center;
  align-items: center;}

#award_list  .cover {width: auto !important;}
#award_list  .cover img{  max-height: 208px;  width: auto;}
#award_list .content {width: 70%;}
#award_list  .more {display: flex;
  justify-content: center;
  align-items: center;width: 10%;}
#award_list   a {display: inline-block;
  padding: 5px 10px !important;
  border-radius: 8px;
  background: #ffc00f !important;
  color: #18258a;}