@charset "utf-8";
/* CSS Document */


html,body {
    padding: 0px; margin: 0px; font-size:17px; color: #333; line-height:28px; width:100%; 
	font-family:"cwTeXYen", "微軟正黑體", "Microsoft JhengHei", "Segoe UI Semibold", "Segoe UI", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;	
}
.wrap { overflow:auto  ; height:auto ;  }


.container { 
   }

a{transition: all 0.3s ease 0s;}
a:link {color: #0040b4; text-decoration: none;}
a:hover {color: #666666 ; }

a:visited {color: #0040b4; text-decoration: none;}

.clear{clear:both}
.contextual-links-region{ position: static}
table{border-collapse: inherit; line-height:28px;}
table ul, table ol{ margin:0; }
img {border:0; max-width:100%}
div, ul li{ margin:0px auto; padding:0px;}

.wrap{ width:100%; min-height:100%; background: url(../images/web/bg_main.png) no-repeat bottom; }
.screen{ min-width:680px; max-width:1300px; position:relative; padding:0px 10px;}

h1{ font-size:36px; color:#0040b4; text-transform:uppercase; line-height:38px;}
h2{ font-size:30px; color:#0040b4; }
h2 span{ font-size:19px; color:#333; line-height:24px; }
h3{ color:#ffb814; border-left:2px solid #ffb814; background:#f9f9f9; padding:5px 100px 5px 20px; box-shadow:1px 2px 3px rgba(0,0,0,.2); margin:0px 0 15px 0;  font-size:24px; }
h4{ font-size:24px; margin:0px; line-height:30px; }
h5{ font-size:24px; margin:0px; line-height:30px; }
p{ margin:0px; padding:0px}
/* theme */
.special_news .content {}
#ad_float_ad {display: none; position: absolute;	z-index:4001; }
#ad_float_ad .ad_close_ad {
	display: block; background:url(../images/icon/btn_close.png) no-repeat; height:30px; width:30px; background-size:30px 30px;
	cursor: pointer; position:absolute; right:-5px; top:-10px;
	-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;
}
#ad_float_ad .ad_close_ad:hover {  transform: rotate(90deg);}

.special_news{ border-radius:8px; background: #639; padding:5px; width:280px; box-shadow:0 0 3px rgba(0,0,0,.2)}
.title_special{ background:#fff; padding:5px 5px; color:#ea1e22; font-size:19px; text-transform:uppercase; border-bottom:1px solid #ea1e22;}
.special_news .content{ background:#fff; padding:5px; color:#333; font-size:15px;}
.special_news .content img{ max-width:100%;}
.highlight{ color:#F03;}

#FullPage .inner_content{ padding:10px 3% 0 3%; width:calc(100% - 6% - 6px); }
#FullPage .arrowlistmenu{ display:none;}

/* Header */

.main_top{ background:url(../images/web/bg_top.png) no-repeat center top;   }
.header .logo{ float: left;width: 100%;padding: 5px 0;text-align: center;}
/* Menu */
#nav-wrap{ margin:160px 0 0 0}


/*inner*/
#inner_bottom{ position:relative; padding:-115px 0 50px 0 !important;}
.inner_bg{ position:relative; margin-top:-60px; padding-bottom:50px;}
#inner_tree { background: url(../images/web/tree.png) no-repeat bottom; position:absolute; width:252px; height:298px; bottom:0; left:50px}
#inner_main_top{ padding:0 0 80px 0}
/*inner*/


/* theme */
.arrowlistmenu a.current{ background: #2256a6; color:#fff }
.arrowlistmenu ul ul li  a.current { background:url(../images/icon/arrow_right_white.png) no-repeat #2256a6; }

/* theme */
#bg_red h1{ color:#e52445; }
#bg_red h2{ color:#e52445; }
#bg_red h3 { color: #e52445; border-left: 2px solid #e52445;}
#bg_red h5  { color: #e52445; }
#bg_red  .footer_info{ background: #e52445; }
#bg_red  .non_banner { background:#fff0f1;  }
#bg_red .inner_content .main_content{ }
#bg_red .inner_banner { border: 10px solid #ff7a8c;}
#bg_red .arrowlistmenu{ background:#fff; }
#bg_red .arrowlistmenu a{ color:#e52445}
#bg_red .arrowlistmenu .menuheader { background:#fff6f7 }
#bg_red .arrowlistmenu ul li a:hover{ color:#666666 !important}
#bg_red .arrowlistmenu .title { background:#e52445   url(../images/icon/bg_category_red.png) no-repeat; }
#bg_red .arrowlistmenu ul ul li  a.current{ background:url(../images/icon/arrow_right_white.png) no-repeat #e52445; background-size:20px 20px; background-position:5px 50%; color:#ffffff !important} 
#bg_red .menuheader.current { background: #e52445; color:#fff }
#bg_red .inner_content { border: 3px solid #ea4b49;border-radius: 16px;}





#bg_red .nevigation .home{ background:url(../images/icon/icon_home_red.png) no-repeat; background-position: 0 4px; }
#bg_red  .bg_footer {background:#e52445; }
#bg_red  .download_area .title { border-left: 6px solid #e52445; color: #e52445}
#bg_red .title_des p { color: #e52445;}
#bg_red .inner_banner h1{   background:rgba(229, 36, 69, 0.74);}
#bg_red .main_content a { }
#bg_red  .arrowlistmenu ul li a.current {background: #e52445; color:#fff;}

#bg_orange h1{ color:#fe7200; }
#bg_orange h2{ color:#fe7200; }
#bg_orange h3 { color: #fe7200; border-left: 2px solid #fe7200;}
#bg_orange h5  { color: #fe7200; }
#bg_orange  .footer_info{ background: #fe7200; }
#bg_orange  .non_banner { background:#ffe8d6;  }
#bg_orange .inner_content .main_content{  }
#bg_orange .menuheader.current { background: #ffe8d6; color:#fff }
#bg_orange .inner_banner { border: 10px solid #f89e33;}
#bg_orange .arrowlistmenu{ background:#fff; }
#bg_orange .arrowlistmenu a{ color:#fe7200}
#bg_orange .arrowlistmenu .menuheader {}
#bg_orange .arrowlistmenu ul li a:hover{ color:#666666 !important}
#bg_orange .arrowlistmenu .title { background:#fe7200   url(../images/icon/bg_category_orange.png) no-repeat; }
#bg_orange .arrowlistmenu ul ul li  a.current{ background:url(../images/icon/arrow_right_white.png) no-repeat #fe7200; background-size:20px 20px; background-position:5px 50%; color:#ffffff !important} 
#bg_orange .menuheader.current { background: #fe7200; color:#fff }
#bg_orange .inner_content { border: 3px solid #fe7200;border-radius: 16px;}
#bg_orange .nevigation .home{ background:url(../images/icon/icon_home_orange.png) no-repeat; background-position: 0 4px; }
#bg_orange  .bg_footer {background:#fe7200; }
#bg_orange  .download_area .title { border-left: 6px solid #fe7200; color: #fe7200}
#bg_orange .download_area  ul li a {color: #fe7200;}

#bg_orange .inner_banner h1{   background:rgba(255, 96, 1, 0.65);}
#bg_orange .arrowlistmenu .expandable_main a.current { color: #fe7200 !important; }
#bg_orange  .arrowlistmenu ul li a.current {background: #fe7200; color:#fff;}


#bg_orange .Album .title { color: #00c385;display: block;align-items: center;border-left: 6px solid #00c385;border-bottom: 2px dotted #00c385;}
#bg_orange .Album  .title::before {    border-style: solid;    border-color: #00c385 #00c385 transparent;}
#bg_orange .Album  .description {    border: 3px solid #00c385;}
#bg_orange .Album  .description p { color:#00c385; }

#bg_orange .Album:nth-child(2n) .title { color: #0095fd;display: block;align-items: center;border-left: 6px solid #0095fd;border-bottom: 2px dotted #0095fd;}
#bg_orange .Album:nth-child(2n) .title::before {    border-style: solid;    border-color: #0095fd #0095fd transparent;}
#bg_orange .Album:nth-child(2n) .description {    border: 3px solid #0095fd;}
#bg_orange .Album:nth-child(2n) .description p { color:#0095fd; }

#bg_orange .Album:nth-child(3n) .title {color: #fe7200; display: block; align-items: center; border-left: 6px solid #fe7200; border-bottom: 2px dotted #fe7200;  }
#bg_orange .Album:nth-child(3n) .title::before { border-style: solid;border-color: #fe7200 #fe7200 transparent; }
#bg_orange .Album:nth-child(3n) .description { border: 3px solid #fe7200;}
#bg_orange .Album:nth-child(3n) .description p{ color: #fe7200;}





#bg_green h1{ color:#33843e; }
#bg_green h2{ color:#33843e; }
#bg_green h3 { color: #33843e; border-left: 2px solid #33843e;}
#bg_green h5  { color: #33843e; }
#bg_green  .footer_info{ background: #33843e; }
#bg_green  .non_banner { background:#e8fceb;  }
#bg_green .inner_content .main_content{  }
#bg_green .download_area  ul li a {color: #33843e;}
#bg_green .inner_banner { border: 10px solid #c8dd45;}
#bg_green .arrowlistmenu{ background:#fff;}
#bg_green .arrowlistmenu a{ color:#33843e}
#bg_green .arrowlistmenu .menuheader {}
#bg_green .arrowlistmenu ul li a:hover{ color:#666666 !important}
#bg_green .arrowlistmenu .title { background:#33843e   url(../images/icon/bg_category_green.png) no-repeat; }
#bg_green .arrowlistmenu ul ul li  a.current{ background:url(../images/icon/arrow_right_white.png) no-repeat #33843e; background-size:20px 20px; background-position:5px 50%; color:#ffffff !important} 
#bg_green .menuheader.current { background: #33843e; color:#fff }
#bg_green .inner_content { border: 3px solid #33843e;border-radius: 16px;}
#bg_green .nevigation .home{ background:url(../images/icon/icon_home_green.png) no-repeat; background-position: 0 4px; }
#bg_green  .bg_footer {background:#33843e; }
#bg_green  .download_area .title { border-left: 6px solid #33843e; color: #33843e}
#bg_green  .arrowlistmenu ul li a.current {background: #6eba49; color:#fff;}
#bg_green .title_des p { color: #33843e;}
#bg_green .inner_banner h1{   background:rgba(0, 89, 90, 0.76);}


#bg_green .Album .title { color: #00c385;display: block;align-items: center;border-left: 6px solid #00c385;border-bottom: 2px dotted #00c385;}
#bg_green .Album  .title::before {    border-style: solid;    border-color: #00c385 #00c385 transparent;}
#bg_green .Album  .description {    border: 3px solid #00c385;}
#bg_green .Album  .description p { color:#00c385; }

#bg_green .Album:nth-child(2n) .title { color: #0095fd;display: block;align-items: center;border-left: 6px solid #0095fd;border-bottom: 2px dotted #0095fd;}
#bg_green .Album:nth-child(2n) .title::before {    border-style: solid;    border-color: #0095fd #0095fd transparent;}
#bg_green .Album:nth-child(2n) .description {    border: 3px solid #0095fd;}
#bg_green .Album:nth-child(2n) .description p { color:#0095fd; }

#bg_green .Album:nth-child(3n) .title {color: #33843e; display: block; align-items: center; border-left: 6px solid #33843e; border-bottom: 2px dotted #33843e;  }
#bg_green .Album:nth-child(3n) .title::before { border-style: solid;border-color: #33843e #33843e transparent; }
#bg_green .Album:nth-child(3n) .description { border: 3px solid #33843e;}
#bg_green .Album:nth-child(3n) .description p{ color: #33843e;}






#bg_cyan-blue h1{ color:#0ea990; }
#bg_cyan-blue h2{ color:#0ea990; }
#bg_cyan-blue h3 { color: #0ea990; border-left: 2px solid #0ea990;}
#bg_cyan-blue h5  { color: #0ea990; }
#bg_cyan-blue  .footer_info{ background: #0ea990; }
#bg_cyan-blue  .non_banner { background:#e7f9f6;  }
#bg_cyan-blue .inner_content .main_content{  }
#bg_cyan-blue .inner_banner { border: 10px solid #49cab5;}
#bg_cyan-blue .arrowlistmenu{ background:#fff; }
#bg_cyan-blue .arrowlistmenu a{ color:#0ea990}
#bg_cyan-blue .arrowlistmenu .menuheader {}
#bg_cyan-blue .inner_content .main_content{ color:#0269c9 }
#bg_cyan-blue .arrowlistmenu ul li a:hover{ color:#666666 !important}
#bg_cyan-blue .arrowlistmenu .title { background:#0ea990   url(../images/icon/bg_category_bluegreen.png) no-repeat; }
#bg_cyan-blue .arrowlistmenu ul ul li  a.current{ background:url(../images/icon/arrow_right_white.png) no-repeat #0ea990; background-size:20px 20px; background-position:5px 50%; color:#ffffff !important} 
#bg_cyan-blue .menuheader.current { background: #0ea990; color:#fff }
#bg_cyan-blue .inner_content { border: 3px solid #0ea990;border-radius: 16px;}
#bg_cyan-blue .nevigation .home{ background:url(../images/icon/icon_home_bluegreen.png) no-repeat; background-position: 0 4px; }
#bg_cyan-blue  .bg_footer {background:#0ea990; }
#bg_cyan-blue  .download_area .title { border-left: 6px solid #0ea990; color: #0ea990}
#bg_cyan-blue  .arrowlistmenu ul li a.current {background: #12d2b3;}

#bg_cyan-blue .title_des p { color: #0ea990;}
#bg_cyan-blue .inner_banner h1{   background:rgba(0, 123, 103, 0.73);}
#bg_cyan-blue   .arrowlistmenu ul li a.current {background: #0ea990; color:#fff;}


#bg_blue h1{ color:#0c8cff; }
#bg_blue h2{ color:#0c8cff; }
#bg_blue h3 { color: #0c8cff; border-left: 2px solid #0c8cff;}
#bg_blue h5  { color: #0c8cff; }
#bg_blue  .footer_info{ background: #0c8cff; }
#bg_blue  .non_banner { background:#e7f4ff;  }
#bg_blue .inner_content .main_content{  }
#bg_blue .inner_banner { border: 10px solid #8ad1fd;}
#bg_blue .arrowlistmenu{ background:#fff; }
#bg_blue .arrowlistmenu a{ color:#0c8cff}
#bg_blue .arrowlistmenu .menuheader {}
#bg_blue .arrowlistmenu ul li a:hover{ color:#666666 !important}
#bg_blue .arrowlistmenu .title { background:#0c8cff   url(../images/icon/bg_category_blue.png) no-repeat; }
#bg_blue .arrowlistmenu ul ul li  a.current{ background:url(../images/icon/arrow_right_white.png) no-repeat #0c8cff; background-size:20px 20px; background-position:5px 50%; color:#ffffff !important} 
#bg_blue .menuheader.current { background: #0c8cff; color:#fff }
#bg_blue .inner_content { border: 3px solid #0c8cff;border-radius: 16px;}
#bg_blue .nevigation .home{ background:url(../images/icon/icon_home_blue.png) no-repeat; background-position: 0 4px; }
#bg_blue  .bg_footer {background:#0c8cff; }
#bg_blue  .download_area .title { border-left: 6px solid #0c8cff; color: #0c8cff}
#bg_blue  .arrowlistmenu ul li a.current {background: #56afff; color:#fff}
#bg_blue .title_des p { color: #0c8cff;}
#bg_blue .inner_banner h1{   background:rgba(8, 84, 132, 0.79);}


#bg_purple h1{ color:#6456a2; }
#bg_purple h2{ color:#6456a2; }
#bg_purple h3 { color: #6456a2; border-left: 2px solid #6456a2;}
#bg_purple h5  { color: #6456a2; }
#bg_purple  .footer_info{ background: #6456a2; }
#bg_purple  .non_banner { background:#efecff;  }
#bg_purple .inner_content .main_content{  }
#bg_purple .inner_banner { border: 10px solid #8ad1fd;}
#bg_purple .arrowlistmenu{ background:#fff; }
#bg_purple .arrowlistmenu a{ color:#6456a2}
#bg_purple .arrowlistmenu .menuheader {}
#bg_purple .arrowlistmenu ul li a:hover{ color:#666666 !important}
#bg_purple .arrowlistmenu ul ul li  a.current{ background:url(../images/icon/arrow_right_white.png) no-repeat #6456a2; background-size:20px 20px; background-position:5px 50%; color:#ffffff !important} 
#bg_purple .menuheader.current { background: #6456a2; color:#fff }
#bg_purple .inner_content { border: 3px solid #6456a2;border-radius: 16px;}
#bg_purple .nevigation .home{ background:url(../images/icon/icon_home_blue.png) no-repeat; background-position: 0 4px; }
#bg_purple  .bg_footer {background:#6456a2; }
#bg_purple  .download_area .title { border-left: 6px solid #6456a2; color: #6456a2}
#bg_purple  .arrowlistmenu ul li a.current {background: #56afff; color:#fff}
#bg_purple .title_des p { color: #6456a2;}



#bg_pink h1{ color:#ed5276; }
#bg_pink h2{ color:#ed5276; }
#bg_pink h3 { color: #ed5276; border-left: 2px solid #ed5276;}
#bg_pink h5  { color: #ed5276; }
#bg_pink  .footer_info{ background: #ed5276; }
#bg_pink  .non_banner { background:#fff0f1;  }
#bg_pink .inner_content .main_content{  }
#bg_pink .inner_banner { border: 10px solid #ed5276}
#bg_pink .arrowlistmenu{ background:#fff; }
#bg_pink .arrowlistmenu a{ color:#ed5276}
#bg_pink .arrowlistmenu .menuheader {}
#bg_pink .arrowlistmenu ul li a:hover{ color:#666666 !important}
#bg_pink .arrowlistmenu .title { background:#ed5276   url(../images/icon/bg_category_pink.png) no-repeat; }
#bg_pink .arrowlistmenu ul ul li  a.current{ background:url(../images/icon/arrow_right_white.png) no-repeat #ed5276; background-size:20px 20px; background-position:5px 50%; color:#ffffff !important} 
#bg_pink .menuheader.current { background: #ed5276; color:#fff }
#bg_pink .inner_content { border: 3px solid #ed5276;border-radius: 16px;}
#bg_pink .nevigation .home{ background:url(../images/icon/icon_home_red.png) no-repeat; background-position: 0 4px; }
#bg_pink  .bg_footer {background:#ed5276; }
#bg_pink  .download_area .title { border-left: 6px solid #ed5276; color: #ed5276}
#bg_pink  .arrowlistmenu ul li a.current {background: #f9c2c6;  color:#fff}
#bg_pink .title_des p { color: #ed5276;}
#bg_pink .inner_banner h1{   background:rgba(237, 72, 82, 0.7);}




#bg_red .Album .title { color: #00c385;display: block;align-items: center;border-left: 6px solid #00c385;border-bottom: 2px dotted #00c385;}
#bg_red .Album  .title::before {    border-style: solid;    border-color: #00c385 #00c385 transparent;}
#bg_red .Album  .description {    border: 3px solid #00c385;}
#bg_red .Album  .description p { color:#00c385; }

#bg_red .Album:nth-child(2n) .title { color: #0095fd;display: block;align-items: center;border-left: 6px solid #0095fd;border-bottom: 2px dotted #0095fd;}
#bg_red .Album:nth-child(2n) .title::before {    border-style: solid;    border-color: #0095fd #0095fd transparent;}
#bg_red .Album:nth-child(2n) .description {    border: 3px solid #0095fd;}
#bg_red .Album:nth-child(2n) .description p { color:#0095fd; }

#bg_red .Album:nth-child(3n) .title {color: #ff545e; display: block; align-items: center; border-left: 6px solid #ff545e; border-bottom: 2px dotted #ff545e;  }
#bg_red .Album:nth-child(3n) .title::before { border-style: solid;border-color: #ff545e #ff545e transparent; }
#bg_red .Album:nth-child(3n) .description { border: 3px solid #ff545e;}
#bg_red .Album:nth-child(3n) .description p{ color: #ff545e;}










#bg_red .arrowlistmenu a.current ,
#bg_orange .arrowlistmenu a.current ,
#bg_green .arrowlistmenu a.current ,
#bg_cyan-blue .arrowlistmenu a.current ,
#bg_blue .arrowlistmenu a.current ,
#bg_purple .arrowlistmenu a.current ,
#bg_pink .arrowlistmenu a.current 
{ color:#fff }

.left_main{ font-size:15px !important; line-height:19px !important;}
.header .info_top{ float: right; width:35%;}
.top_shoutcut{ position:relative;   float: right; width:38%}
.top_shoutcut ul { list-style: none; margin:0; padding:0;}

.top_shoutcut ul li {  position:absolute; }
.top_shoutcut ul li a:hover { position:absolute;  top:-13px; } 
.top_shoutcut ul li a{  position:absolute; color:#fff; display:block;  padding:0px ;-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;top:-28px; background:url(../images/web/home.png) no-repeat; width:79px; height:72px; color:#fff; font-size:17px;}
.top_shoutcut ul li p{ display:none}



.top_shoutcut ul li+li { position:absolute; z-index:1; left:60px; top:0px; background:url(../images/web/eclass.png) no-repeat bottom; width:401px; height:60px; color:#333; font-size:17px;
transition: none; font-weight:bold}
.top_shoutcut ul li+li a:hover { position:absolute;  top:0px; } 
.top_shoutcut ul li+li a{ color:#fff; display:block;   padding:27px 50px ; }



.top_shoutcut ul li+li+li { display:none;}





.header .logo img{ max-width:100%; max-height:190px }

.right_content{ float:right; margin-bottom:10px; }

.links_top_m { display:none}
.header .links_top { float:right; font-size:15px ; margin: 0 ;position: absolute;top: 0;right: 0; display:block}
.header .links_top ul { list-style:none; margin:0; padding:0 ;}
.header .links_top ul li { float:left; margin:5px 10px; padding:0; text-align: center;  }
.header .links_top ul li a { display: block; color:#333}
.header .links_top ul li +li { border-left: 1px dotted #fff}


.header .links_top ul li span { color:#333;  background:url(../images/web/top_sitemap.png) no-repeat center top;padding:0; width:60px; height:62px; display:table-cell; background-size:60px 62px; }
.header .links_top ul li p { display:grid}
.header .links_top ul li+li span { color:#fff;  background:url(../images/web/top_computer.png) no-repeat center top; background-size:60px 62px;}
.header .links_top ul li+li+li span { color:#fff;  background:url(../images/web/top_lang.png) no-repeat center top; background-size:60px 62px;}



.header .links_top ul li a:hover{transform: scale(1.2);}

.header .btn_Login{ background:url(../images/bg_eclass.png) no-repeat center -4px; padding:17px 24px; float:right; height:32px; }
.intranet{background: url(../images/icon_login.png) no-repeat left; text-transform:uppercase; color:#fff; font-size:16px; float:left; line-height:24px; padding:5px 0 0 30px; }
.header input{  width:100px; background:#fff; border:0px solid #ddd; padding:2px; height:28px; margin-left:7px; box-shadow:inset 2px 2px 4px rgba(0,0,0,.2); font-size:12px; color:#666;border-radius: 8px;}
#login_btn{ background:#ff7200; box-shadow:inset 0px 0px 0px rgba(0,0,0,0); color:#fff; text-transform:uppercase; height:30px; width:64px; font-size:16px; cursor:pointer; font-family: "微軟正黑體", sans-serif, "Microsoft JhengHei", "Segoe UI Semibold", "Segoe UI", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;}
#login_btn:hover{ background:#666; color:#fff}
.header form {width: calc(100% - 44px);margin: 0;padding: 8px 22px;}

.btn_school_intro{ float:right; position:relative; margin:0 0 0 20px; }
.btn_school_intro span{ position:absolute; background:url(../images/icon_school.png) no-repeat; width:36px; height:34px; left:8px; top:0; }
.btn_school_intro a{ display:block; color:#ff8400; font-size:17px; border-radius:6px; padding:5px 10px 5px 50px; background:#fff; box-shadow:0 0 3px rgba(0,0,0,.3)}
.btn_school_intro a:hover{ background:#ff8400; color:#fff; text-decoration:none}
.btn_notice{ float:right; position:relative; }
.btn_notice span{ position:absolute; background:url(../images/icon_bag.png) no-repeat; width:36px; height:34px; left:8px; top:0; }
.btn_notice a{ display:block; color:#166cad; font-size:17px; border-radius:6px; padding:5px 10px 5px 50px; background:#fff; box-shadow:0 0 3px rgba(0,0,0,.3)}
.btn_notice a:hover{ background:#166cad; color:#fff; text-decoration:none}
.btn_search{ float:right; position:relative; display:block; color:#166cad; font-size:17px; border-radius:6px; padding:5px 8px; background: rgba(0,0,0,0.3); box-shadow:0 0 3px rgba(0,0,0,.3); margin:0 15px 0 0;}
.btn_search input{ width:130px; color:#666; border:1px solid #ddd; padding:3px; }
.btn_search #btn_submit {width:25px; height:25px; border:0px; background:url(../images/icon/icon_search.png) #2fa2db no-repeat center center; background-size:17px 18px; cursor:pointer}
.btn_search #btn_submit:hover {  background:url(../images/icon/icon_search.png) #ffb400 no-repeat center center; background-size:17px 17px; cursor:pointer}

.linking_home{ float:right; width:37%;}
.linking_home ul{ margin:0 0 0 -2%; padding:0; list-style: none;}
.linking_home ul li{ float:left; width:48%; margin:0 0 15px 2%;}
.linking_home ul li img{width:100%;}



.banner_slider{ float:left; width:70%;padding: 0;  }
.banner_slider_border { border: 3px solid #fff;border-radius: 16px;overflow: hidden;box-shadow: 0 0 0 4px #ffc301;}

.banner_area_v{  border: 4px solid #fff;border-radius: 16px;overflow: hidden;box-shadow: 0 0 0 4px #294a8b; margin:10px 0;}
.banner_area_v video { width:100%;  }



.sch_info{clear:both; background:url(../images/web/bg_contact.png) no-repeat top; padding: 30px 0; }
.sch_info ul { line-height:34px}
.sch_info ul li { list-style:none; margin:0 ; padding:0 0 0 40px; float:left; width:calc(30% - 40px) ; position:relative}
.sch_info ul li+li {  width:calc(20% - 40px) }
.sch_info ul li+li+li+li {  width:calc(30% - 40px) }
.sch_info ul li span {background:url(../images/web/icon_map.png) no-repeat left; position:absolute; width:35px; height:35px; left:0; top:0 }
.sch_info ul li+li span {background:url(../images/web/icon_tel.png) no-repeat left;  }
.sch_info ul li+li+li span {background:url(../images/web/icon_fax.png) no-repeat left;  }
.sch_info ul li+li+li+li span {background:url(../images/web/icon_mail.png) no-repeat left;  }
.sch_info a { color:#333}


.footer_logo { float: left; width:25%;}
.footer_logo img{ max-width:100%; max-height:80px;}
.school { background:url(../images/web/school.png) no-repeat bottom ; position:absolute; width:397px; height:193px; bottom:0 }
.contact_main { width:100%; background:#fff591; padding:20px 0 0 0; position:relative}
.contact_main .screen{ min-width: 680px;max-width: 1300px;padding: 0px 10px;}

.contact_info { float:right; width:60%; position:relative; line-height:40px; padding:0 0 20px 0}
.contact_info ul { list-style:none; margin:0; padding:0}
.contact_info ul li a { color:#333 !important; }
.contact_info ul li { width:calc(100% - 40px); float: left; padding:0 0 0 40px; position:relative}
.contact_info ul li+li { width:calc(50% - 40px) }
.contact_info ul li+li+li+li { width:calc(100% - 40px)}

.contact_info ul li span{ background:url(../images/web/map.png) no-repeat left ;width: 32px;height: 32px; display: table-cell;vertical-align: middle;}
.contact_info ul li+li span{ background:url(../images/web/tel.png) no-repeat left ; display: table-cell;
vertical-align: middle;}
.contact_info ul li+li+li span{ background:url(../images/web/fax.png) no-repeat left ;display: table-cell;
vertical-align: middle;}
.contact_info ul li+li+li+li span{ background:url(../images/web/mail.png) no-repeat left ;display: table-cell;
vertical-align: middle;}


.contact_info ul li p { display: table-cell;vertical-align: middle; padding:0 0 0 10px}


.footer_info{ background:#50267c; padding: 25px 0; }
.footer_info ul { padding: 0px; display: inline; list-style: none;}
.footer_info ul li { color: #fff; text-align: left; float: left;width:25%; }




.right_main{ }
	   

#inside_ff { background:url(../images/web/footer_school.png) no-repeat top; padding:80px 0 20px 0   }

.left_main{ padding:40px 0 150px 0;}

.home_contact { float:left; width:29%}
.home_contact .area{ background:rgba(255,255,255, 1); min-height:295px; border:3px solid #86cdff; padding:5px;}
.home_contact .footer_title{ border-bottom:1px solid #86cdff; padding:0 0 5px 0; margin-bottom:10px; }
.home_contact .footer_title img{ width:100%; }
.home_contact tr td{ padding:5px 0;}

/* Search */
.search_result{ background:#f5f5f5; padding:5px;}
.search_result span{ color:#F00}
.search_listing ul{ list-style:none; margin:0; padding:0 }
.search_listing ul li{ margin:10px 0; padding:5px 0; border-bottom:1px dotted #ddd; color:#666 }
.search_listing ul li a{ font-size:19px; display:block; text-decoration:underline}
/* Banner */
.banner_area{ overflow: hidden; padding:50px 0; background:#fff6de; }
.banner_area .screen { max-width:1300px;}

.sentense{ float:left; width:83%; position:relative; margin-top:3% }
.sentense .area{padding: 10px;float: right;width: calc(78% - 20px);background: #ffde00;border: 4px solid #fff;box-shadow: 0 0 0 4px #ffa800;border-radius: 15px;}
.sentense .area p{background: #fff;padding: 5px 10px;border-radius: 10px; }
.sentense .title {background: url(../images/web/proverb.png) no-repeat bottom;width: 22%;height: 101px; float: left;position: absolute;bottom: 0; background-size:100%; z-index:1; }

.religion{ margin-bottom:20px;}

.faith { float:right; width:15% }
.faith img { max-width:100%}

/* Inner Area */
.inner_area{ padding:0px 0;}

.home_left{ float:left; width:80%;}


.more_area a{ color:#333; padding:8px 20px 8px 20px; text-transform:uppercase;  }
.more_area a:hover{ background: #333 ; color:#fff }

.inner_area .title{padding:35px 0 35px 15px; color:#333; font-size:23px; }

.latest_new{float:right; width:28%;   }

.latest_new .main_events_area{ background: url(../images/web/bg_news.png) top ; border:3px solid #fff; border-radius:12px; box-shadow: 0 0  3px rgba(0,0,0,.3); position:relative }

.latest_new .title {  padding: 20px 0px 20px 80px;font-size: 30px;  color: #ff9c00;border-radius: 14px;top: 10px;  position: relative; float: left;
width: 180px;
}
.strokeText {
color: #ff8e00;-webkit-text-stroke: 1px #ff8e00;z-index: 1;position: relative;
}


.strokeText::before {
   content: attr(data-storke);
  position: absolute;
  color: #fff;
  -webkit-text-stroke: 6px #fff;

  z-index: -1;
}

.latest_new .title span{ background:url(../images/web/icon_news.png) no-repeat;width: 81px;height: 61px;left: 0px;position: absolute; top:0px ; }

.latest_new ul{ list-style:none; margin: 0; padding: 0px; max-height: 390px;}
.latest_new ul li{ border-bottom:none; position:relative; padding: 15px 5px; font-size:16px; line-height:23px;}
.latest_new ul li p{ font-size:17px; line-height:23px; }
.latest_new ul li:nth-of-type(odd){background: #fffae3;}
.latest_new ul li span{ float: left;  padding: 0 0 ;  color:#ff8e00; }
.latest_new ul li a{ display:block; padding:0; color:#333;}
.latest_new ul li:hover { background:#fffef7; }
.latest_new .content{ color:#ff3c00; width: 100%;float: left;  }
.latest_new .content img{ width:25px;}
.latest_new .body { color:#333; font-weight:normal;font-size: 17px;}
.latest_new .more_area a{background: #0b936f;}
.latest_new .more_area {}
.latest_new .more_area a:hover { bottom:-50px }

.latest_new ul li .cover{ float: left; width: 39%; }
.latest_new ul li .cover img{ max-width:100%; box-shadow: 0px 0px 3px rgba(0,0,0,.2) }

.latest_new .main_events_area_border { background:#fff; padding:5px ; border-radius:16px; margin:75px 5px 5px 5px; position:relative; z-index:2; }


.latest_new  .more_area  { position:absolute; right:35px; top:35px; z-index:1;}
.latest_new .more_area 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; 
padding:8px 30px; border-radius:8px; border:2px solid #fff; color:#fff; display:block ; background:#ff8e00;}
.latest_new .more_area a:hover{ background: #8e73c1 } 

#public_info {}
#public_info h2 { background: #F30; color:#fff; text-align: center; padding:10px;}
#public_info ul { list-style:none; margin:0 0 0.5% 0; padding:0;}
#public_info ul li{ width:31%; margin:0 1%; float:left; text-align: center;}
#public_info ul li img { max-width:100%; height:250px; }


.latest_awards{ background: linear-gradient(#f9a8b2, #fa4e63);float: left; background-size:cover;
box-shadow:0 0 0 4px #f68ab0;}
.latest_awards .title {  padding: 20px 0px 20px 90px;font-size: 30px;background: #f2504f;width: 150px;position: absolute;
float: left;z-index: 9;color: #fff;border-radius: 14px;top: 20px;left: 0px; right:0}
.latest_awards .title span{ background:url(../images/web/awards_title.png) no-repeat center;width: 57px;height: 86px;z-index: 999;left: 30px;position: absolute; top:-10px ; }
.latest_awards ul{ list-style:none; margin: 0; padding: 0px; min-height: 307px;max-height: 307px;overflow-y: auto;}
.latest_awards ul li{ border-bottom:none; position:relative; padding: 10px; font-size:16px; line-height:23px; border-radius:8px}
.latest_awards ul li p{ font-size:17px; line-height:23px; }
.latest_awards ul li:nth-of-type(even){background: #ffecec;}
.latest_awards ul li span{  background:url(../images/web/new_date.png) no-repeat left; padding: 0 0 0 30px; line-height: 24px;color:#666; }
.latest_awards ul li a{ display:block; padding:0; color:#333;}
.latest_awards ul li:hover{ background:#fff }
.latest_awards ul{ list-style:none; overflow-y: scroll; height: 200px; scrollbar-color:#f2504f #fec9c8; scrollbar-width: thin; overflow-x: hidden;}
.latest_awards ul::-webkit-scrollbar { width: 5px; }
.latest_awards ul::-webkit-scrollbar-track { background: #fec9c8; }
.latest_awards ul::-webkit-scrollbar-thumb { background: #f2504f; }
.latest_awards .content{float: left; color:#333;  line-height:24px; }
.latest_awards .content img{ width:25px;}
.latest_awards .body { color:#333; font-weight:normal;font-size: 17px;}
.latest_awards .more_area a{background: #f2504f;}
.latest_awards .more_area {}
.latest_awards .more_area a:hover { bottom:-50px }
.latest_awards  .area{ background:#fffef4}
.latest_awards ul li .cover{ float: left; width: 39%;border-radius: 8px;overflow: hidden;border: 2px solid #f2504f; }
.latest_awards ul li .cover img{ max-width:100%; box-shadow: 0px 0px 3px rgba(0,0,0,.2); width:100% }
.latest_awards .main_events_area{  clip-path:polygon(10% 0%, 90% 0%, 100% 10%, 100% 100%, 0 100%, 0 10%); background:#fff1f3}
.latest_awards .main_events_area_border { clip-path:polygon(10% 0%, 90% 0%, 100% 10%, 100% 100%, 0 100%, 0 10%); background:#f1384d; padding:3px ; border-radius:8px }






.latest_gallery{ float:right ; position:relative; background:#ffc301; border-radius:12px; border:2px solid #fff; box-shadow: 0 0 3px rgba(0,0,0,.3); padding:30px 10px 10px}
.latest_gallery .area{ background: #fff; position:relative ; padding:45px 10px 20px 10px;}
.latest_gallery .title {  padding: 20px 0px 20px 110px;font-size: 40px;width: 160px;position: absolute;float: none;z-index: 9;color: #ff9c00;top: 0px;left: 0px; right:0; 
filter: drop-shadow(0px 2px 3px #c8c8c8); white-space:nowrap  }
.latest_gallery .title span{ background:url(../images/web/icon_tv.png) no-repeat;width: 101px;height: 88px;z-index: 999;left: 0px;position: absolute; top:-15px ; right:0 }
.latest_gallery ul{ list-style:none; margin: 0; padding: 0px;}
.latest_gallery ul li{ background: #fff1c5; position:relative;float: left;width: calc(25% - 2% );margin:0 1%;border-radius: 16px;overflow: hidden;}
.latest_gallery ul li+li { background:#e1fbff}
.latest_gallery ul li+li+li { background:#e1ffe4}
.latest_gallery ul li+li+li+li { background:#fff3f3}
.latest_gallery ul li span{ color:#ff8e00;width: 100%;float: left;text-align: left; }
.latest_gallery ul li a{ display:block; padding:0; color:#333;}

.latest_gallery .cover{ float: left; width:100%;}


.latest_gallery .content{ float: right; width: calc(100% - 20px);padding: 10px; color:#ff3c00; line-height:30px;}
.latest_gallery a{ color:#fff; text-align:left; display:block; }
.latest_gallery img{ width:100%;}
.latest_gallery .more_area a{background: #ff8e00;border-radius: 8px;border: 3px solid #fff;}
.latest_gallery .more_area { position:absolute; top: 10px;right: 30px;}
.latest_gallery .more_area a:hover { bottom:-50px }

.latest_gallery .main_events_area{ padding: 20px 10px 10px 10px;}




.bgbg_green { background:#0b7f52; }
.bgbg_blue { background:#003f96;}
.bgbg_orange { background:#ffa800; }
.bgbg_red { background:#d81921;}





.more_area a { font-size:17px;}







.main_calenadr , .latest_awards{ width: calc(30% - 8px - 8px); padding:10px;  position:relative ;  border-radius:16px;border: 4px solid #fff; }

.latest_gallery , .latest_awards { margin-top:50px}













.main_calenadr{ background: linear-gradient(#c3a9e5, #6b377f);box-shadow: 0 0 0 4px #8937a4;float:right; }

.main_calenadr .title {  padding: 20px 0px 20px 90px;font-size: 30px;background: #704481;width: 150px;position: absolute;
float: none;z-index: 9;color: #fff;border-radius: 14px;top: 18px;left: 0px;  right:0}
.main_calenadr .title span{ background:url(../images/web/calendar.png) no-repeat;width: 68px;height: 63px;z-index: 999;left: 10px;position: absolute; top:0px ; }
.main_calenadr ul{ list-style:none; margin: 0; padding: 0px;}
.main_calenadr ul li{ border-bottom:none;background: #fff;  position:relative; padding: 5px 5px; font-size:19px;}
.main_calenadr ul li:nth-of-type(even){background: #f7f7f7;}
.main_calenadr ul li span{  }
.main_calenadr ul li a{ display:block; padding:0; color:#333;}
.main_calenadr .more_area a{background: #704481; }
.main_calenadr .more_area {}
.main_calenadr .more_area a:hover { bottom:-50px }
.main_calenadr .main_events_area{  clip-path:polygon(10% 0%, 90% 0%, 100% 10%, 100% 100%, 0 100%, 0 10%); background:#fff; padding:85px 10px 10px 10px}
.main_calenadr .main_events_area_border { clip-path:polygon(10% 0%, 90% 0%, 100% 10%, 100% 100%, 0 100%, 0 10%); background:#704481; padding:3px ; border-radius:8px }


#calendar{ padding:10px 5px;}
#dncalendar-body { float:left; width:50%}
.dncalendar-note-list { float: right; width:48%}

.fc-center h2{ font-size:13px;}


/* Main Userful Links */
.Userful_link_inside{ float:left; padding:0px ; width:100%; position:relative; padding: 0;  margin:30px 0}
.Userful_link_inside .area{ background:none; box-shadow: none !important;}

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

.Userful_link_inside ul li{ width:calc(14.65% - 14px); margin:0 1% 15px 1%; padding:10px 0; }
.Userful_link_inside ul li {border:2px solid #fff; border-radius:8px; padding:5px 5px;display: block;}
.Userful_link_inside ul li:nth-child(1n) {background:url(../images/web/link_bg_blue.png) no-repeat;   box-shadow: 0 0 0 4px #00aed4;background-size:cover;}
.Userful_link_inside ul li:nth-child(2n) {background:url(../images/web/link_bg_orange.png) no-repeat; box-shadow: 0 0 0 4px #ff7f00;background-size:cover;}
.Userful_link_inside ul li:nth-child(3n) {background:url(../images/web/link_bg_red.png) no-repeat; box-shadow: 0 0 0 4px #ff6969;background-size:cover;}
.Userful_link_inside ul li:nth-child(4n) {background:url(../images/web/link_bg_green.png) no-repeat; box-shadow: 0 0 0 4px #80d300;background-size:cover;}
.Userful_link_inside ul li:nth-child(5n) {background:url(../images/web/link_bg_dark_blue.png) no-repeat; box-shadow: 0 0 0 4px #005fd6;background-size:cover;}
.Userful_link_inside ul li:nth-child(6n) {background:url(../images/web/link_bg_purple.png) no-repeat; box-shadow: 0 0 0 4px #8b39cc;background-size:cover;}
.Userful_link_inside ul li:nth-child(7n) {background:url(../images/web/link_bg_yellow.png) no-repeat; box-shadow: 0 0 0 4px #ffd900;background-size:cover;}
.Userful_link_inside ul li:nth-child(8n) {background:url(../images/web/link_bg_light_green.png) no-repeat; box-shadow: 0 0 0 4px #00d3a6;background-size:cover;}

.Userful_link_inside ul li a{ background:#ffffffa8; padding:2px; display:block; border-radius:8px}

.Userful_link_inside ul li img{width:100%;  box-shadow:0px 0px 5px rgba(0,0,0,.4); border-radius: 8px;}
.Userful_link_inside ul li:hover img{ opacity:.7; }


.Userful_link_inside ul li:nth-child(6n+1){ clear:both;}
/* Footer */
.footer{  font-size:14px;  background:#fff; bottom:0; width:100%;}
.footer .screen{ padding:30px 15px;}
.footer .copyright{ float:left; width:80%; text-align: left ;  color:#333}
.footer .power{ float:right; width:20%; text-align: right}
.footer .power a{ color:#333;}
.footer .power a:hover{ color: #094388;}
.footer .copyright a{ color:#333;}

.upper_footer{ background:#00266e; padding: 50px 0 30px}
.upper_footer .Userful_link_outside{float: left; width: 70%;}
.upper_footer .Userful_link_outside .title{ display:none}
.upper_footer .Userful_link_outside ul{ list-style:none; margin:0 0 0 0%; padding:0}
.upper_footer .Userful_link_outside ul li{ float: left; width:19%; margin:0 1% 10px 0;}
.upper_footer .Userful_link_outside ul li img{ width:100%; box-shadow:0 0 2px rgba(0,0,0,.25); border:1px solid #fff;}
.upper_footer .Userful_link_outside ul li:hover img{ opacity:.7; box-shadow:0 0 3px rgba(0,0,0,.4)}
.upper_footer .footer_contact{width: 27%; position: relative; float: right;font-size: 18px; color: #fff;font-family: "Oswald", "微軟正黑體"}
.upper_footer .footer_contact .title{ color:#fff; padding:0 0 0 45px; margin-bottom:10px;}
.upper_footer .footer_contact .title span{ position:absolute; left:0px; top:-1px; background:url(../images/icon_tel.png) no-repeat; width:30px; height:24px;}
.upper_footer .footer_contact .email{color: #fff600;}
.upper_footer .footer_contact .email:hover{ color:#fff}
.upper_footer .footer_contact .upper_footer_map{padding: 3px 15px 3px 34px; box-shadow: 0 0 1px rgba(0,0,0,.35); background: #ffc000 url(../images/icon_map.png) no-repeat; background-position: 10px 6px; color: #fff; border-radius: 4px; font-size: 14px;}
.upper_footer .footer_contact .upper_footer_googlemap{margin-left: 8px; padding: 3px 15px 3px 37px; box-shadow: 0 0 1px rgba(0,0,0,.35); background: #fff url(../images/icon_googlemap.png) no-repeat; background-position: 8px 0px; color: #000; border-radius: 4px; font-size: 14px;}
.upper_footer .footer_contact table{line-height: 36px;}
.upper_footer .footer_contact td { color:#fff;}

.upper_footer .footer_contact td a { color:#fff;}
.upper_footer .footer_contact td a:hover { color:#333;}
.cd-top {
  display: inline-block;  position: fixed;  opacity: 0; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  height: 50px;  width: 50px;  bottom: 50px;  right: 50px;
  overflow: hidden;  text-indent: 100%;  white-space: nowrap; border:1px solid #fff; box-shadow:0px 0px 5px #999;
  background: #fac217 url(../ddsmoothmenu/cd-top-arrow.svg) no-repeat center center;

}
.cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;-moz-transition: opacity .3s 0s, visibility 0s 0s;transition: opacity .3s 0s, visibility 0s 0s;
  background: #8ec63f  url(../ddsmoothmenu/cd-top-arrow.svg) no-repeat center center;
}
.cd-top.cd-is-visible { visibility: visible; opacity: 1; display:none;}
.cd-top.cd-fade-out { opacity: .5;}
.no-touch .cd-top:hover { background-color: #e86256; opacity: 1;}

/* Nevigation */
.nevigation{ padding:5px 0 5px 0px; font-size:13px; border-bottom:1px dotted #ddd; margin-bottom:15px;  }
.nevigation .screen{ padding:0; }
.nevigation .home{ background:url(../images/icon/icon_home_blue.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:#0040b4}

/* Page Content */
.inner_content{ float:right;  padding:10px 2%;background-size:100% auto;margin-bottom:10px; padding-bottom:2%; background: url(../images/web/inner_top_full.png) no-repeat top #fff;border: 3px solid #00488b;
border-radius: 16px;
width: calc(74% - 6px); }
.inner_content .main_content{ padding:0px 0 ; min-height:500px; line-height:33px;}
.inner_content_full{ background:#fff; padding:20px }
.inner_content_full .main_content{ padding:0px 0px 30px 0px; min-height:500px; line-height:33px; position:relative;}
.inner_content iframe{ width: 100%; min-height:500px;}
.inner_content img, .inner_content_full img{ max-width:100%; height:auto;}

.inner_banner { position:relative; overflow:hidden; background-position: center top; padding:160px 0 20px 0; margin-bottom:15px; background-size:cover; text-align:center; border-radius:8px; overflow:hidden}
.inner_banner h1{ text-align: left;  color:#fff !important; text-shadow: 0 0 3px rgba(0,0,0,.6); border-top-right-radius: 16px;
border-bottom-right-radius: 16px; display:inline-block; padding:10px 30px; float:left; background:rgba(2,73,139,.75)}

.non_banner{ position:relative; overflow:hidden; background: #fff6e3; background-position: center top; padding:0px 0; margin-bottom:15px; background-size:cover; text-align:center; max-width:1680px;}
.non_banner h1{ text-align: center;  color:#ff8042;   background:rgba(255,255,255,.85); display:inline-block; padding:12px 30px;}

.inner_banner img{ width:100%;}
.banner_title{ text-align: center; padding:150px 0 0 ;  width:100%; position:absolute; z-index:1;  }
.banner_title span{ padding:15px 50px; text-transform:uppercase; text-shadow:0 0 3px rgba(0,0,0,.1); line-height:33px; font-size:33px; color:#0040b4; background:rgba(255,255,255,.95);box-shadow:0 0 3px rgba(0,0,0,.3);}

.inner_content_full_purple { background:url(../images/web/inner_top_full.png) no-repeat top #fff;border: 3px solid #2b4c8c; border-radius: 16px;padding: 2%; margin-bottom: 0px; position:relative; z-index:1}
.inner_content_full_purple h1 { color:#2b4c8c}
.inner_content_full_purple .content { color:#7bc7f2}
.inner_content_full_purple .information ul li{ float:none; width:23%; margin:0 0 20px 2%; padding:0; line-height:17px; float:left; position:relative; }
.inner_content_full_purple  .information ul li .cover{ background:#f4f4f4; box-shadow:0 0 3px rgba(0,0,0,.2); border-radius:2px; padding:10px 15px 10px 15px; }
.inner_content_full_purple  .information ul li img{ width:100%; box-shadow:0 0 0;}



#Media_Album { background-position: center  top; background-repeat: no-repeat; background-size:100% auto; background:#fff; padding:20px }
#Media_Album .title_t{ margin:0px; padding:70px 0; text-align: center;  }
#Media_Album .title_t span{ text-align: center; font-size:32px; line-height:38px; color:#fff; padding:10px 30px;text-shadow: 0 5px 10px rgba(0,0,0,.7); text-transform:uppercase; font-weight:normal; background:rgba(0,94,54,.3); border:1px solid rgba(255,255,255,.7);}


.Album .description  ul li, .Album .description  ol li{ text-align: left !important; list-style: outside; margin-left:30px; }
.Album{ margin:10px 0px;  overflow: hidden}
.Album .title{ padding:5px 0px 5px 40px;  margin:10px 0;font-size: 25px;font-weight: bold;border-bottom: 2px dotted #3dc5f0;color: #3dc5f0; position:relative}
.Album .title::before { content: "";position: absolute;top: 40%;left: 10px;border-width: 20px 10px 6px;border-style: solid;border-color: #3dc5f0 #3dc5f0 transparent;margin: -8px 0 0;}
.Album .description{padding:10px; margin: 30px 0;; border-radius:8px; background:#fff; border: 3px inset #3dc5f0; }
.Album .description iframe { width:100%; min-height:500px}
.Album ul{ list-style:none; padding:0px; margin:0}
.Album ol{ margin:0px; padding:0 5px;}
.Album ul li{ text-align: center; margin:0 0 10px 0; }


.Album .description ul li{  margin-bottom:0 }

.Album ul li img{  }
.Album ul li:hover img{ box-shadow:0 0 0px rgba(0,51,204,.0)}
.Album ul li p{ margin:0px; padding:10px 0;   }
.right_desc p,.Album ul li ul li,.Album ul li ol li{ line-height:28px; text-align: left;}

.slogan{ background:#fffbfb; border:2px solid #eb5a63; text-align:center; padding:55px 0; width:80%; margin:0px auto; font-size:33px; font-weight:bold; margin-bottom:20px;}

.mission_group{ font-size:23px;}

.mission_a{ color:#ff0042}
.mission_b{ color:#ffc000}
.mission_c{ color:#0f887b}
.mission_d{ color:#6827a0}

#Inner_Type_A{ background:#fff}
#Inner_Type_A .title{  }
#Inner_Type_A ul{ margin:0 0 0 -2%; }

#Inner_Type_A .description ul{ list-style: outside; margin:0px 0 0px 25px; text-align:left  }
#Inner_Type_A .description ul li{  text-align:left  }
#Inner_Type_A ol li{ float: none; width:100%; margin:0 0 5px 2%; }
#Inner_Type_A li{ float:left; width:31%; margin:0 0 15px 2%; }
#Inner_Type_A li img{ max-width:100%; max-height:480px; }
#Inner_Type_A li p{ padding:8px 0; }

#Inner_Type_A .description {  }
#Inner_Type_A .description ul { list-style:outside }
#Inner_Type_A .description ul li { float:none; width:100% }

#Inner_Type_A .description ol { }
#Inner_Type_A .description ol li { float:none; width:100% }

#Inner_Type_A2{ }
#Inner_Type_A2 .title{  }
#Inner_Type_A2 ul{ margin:0 0 0 -2%; }

#Inner_Type_A2 .description ul{ list-style: outside; margin:0px 0 0px 25px; text-align:left  }
#Inner_Type_A2 .description ul li{  text-align:left  }
#Inner_Type_A2 ol li{ float: none; width:100%; margin:0 0 5px 2%; }
#Inner_Type_A2 li{ float:left; width:31%; margin:0 0 15px 2%; }
#Inner_Type_A2 li img{ max-width:100%; max-height:480px; }
#Inner_Type_A2 li p{ padding:8px 0; }

#Inner_Type_A2 .description {  }
#Inner_Type_A2 .description ul { list-style:outside }
#Inner_Type_A2 .description ul li { float:none; width:100% }

#Inner_Type_A2 .description ol { }
#Inner_Type_A2 .description ol li { float:none; width:100% }
#Inner_Type_A li:nth-child(3n+1){ clear:both;}
#Inner_Type_C{padding:0px; background:none }
#Inner_Type_C .title{ margin-left:0px; }

#Inner_Type_C .title_des{ float: left; width:28%}
#Inner_Type_C .right_desc{ float: right; width:70%; text-align: left}
#Inner_Type_C ul{  padding:0;}
#Inner_Type_C li{ float:none;width: calc(100% - 20px);; margin:0 0 15px 0%; text-align: center; clear:both; padding:10px}

#Inner_Type_C li:nth-child(1n) { background: #edfeff;}
#Inner_Type_C li:nth-child(1n) .title_des p {    color: #007bfe}


#Inner_Type_C li:nth-child(2n) { background: #f4ffed;}
#Inner_Type_C li:nth-child(2n) .title_des p {    color: #327a04}

#Inner_Type_C li:nth-child(3n) { background: #f7edff;}
#Inner_Type_C li:nth-child(3n) .title_des p {    color: #a34ce9}



#Inner_Type_C li:nth-child(4n) { background: #fff5ed;}
#Inner_Type_C li:nth-child(4n) .title_des p {    color:#ff7008}

#Inner_Type_C li img{ max-width:100%; height:auto }

#Inner_Type_B { }
#Inner_Type_B ul{ margin:15px 0px 15px -2%; padding:0px }
#Inner_Type_B li{ float: left; width:48%; margin:0 0 15px 2%; text-align: left; padding:0}
#Inner_Type_B li img{ max-width:100%; height: auto; text-align: center; margin:0; border:0px solid #fff; box-shadow:0 0 0px rgba(0,0,0,.2)}
#Inner_Type_B li .title_des{ width:100%; float:left; text-align:center }
#Inner_Type_B li .right_desc{ float: right; width:100%;line-height:33px; text-align: left; }
#Inner_Type_B li p{ margin-bottom:10px;}
#Inner_Type_B li:nth-child(2n+1) { clear:both;}
#Inner_Type_H ul{margin:0 0 5px -2%; }
#Inner_Type_B .description { background:#fcffff;   margin:0; }
#Inner_Type_B .description ul { list-style:outside }
#Inner_Type_B .description ul li { float:none; width:100% }

#Inner_Type_B .description ol { }
#Inner_Type_B .description ol li { float:none; width:100% }

#Inner_Type_H ol li{ float: none; width:100%; margin:0 0 5px -2%; }
#Inner_Type_H li{ float:left; width:31%; margin:0 0 15px 2%; background:#f5f4fb; height:130px; box-shadow:0 0 1px rgba(102,51,153,1) }
#Inner_Type_H li img{ max-width:100%; max-height:130px; box-shadow:0 0 0; border:0;  }
#Inner_Type_H li p{ padding:0px 0; }
#Inner_Type_H li a{  }
#Inner_Type_H .title_des { float: left; width:30%;}
#Inner_Type_H .title_des  img{ max-width:100%;}
#Inner_Type_H .right_desc { float:right; width:67%; font-size:16px; line-height:23px; text-align: left;}
#Inner_Type_H h5{ font-size:16px; text-transform:uppercase; color:#361a67; font-weight:normal; padding:25px 0 8px; 0;}

#Inner_Type_D { background:none}
#Inner_Type_D ul{ margin:0; padding:0px; margin:0}
#Inner_Type_D li{ float:none; margin:0 0 15px 0%; width:100%; text-align: left; clear:both; padding:0}

#Inner_Type_F { background:none}
#Inner_Type_F ul{ margin:0; padding:0; list-style:none;}
#Inner_Type_F li{ float:none; margin:0 0 15px 0%; width: auto; text-align: left; clear:both; padding:0}
#Inner_Type_F li iframe{ height:650px; width:100%; max-width: 100%;}




#Inner_Type_G { background:none}
#Inner_Type_G .download_area{ width: 100%}
#Inner_Type_G  #the-canvas {
  border: 1px solid black;
  direction: ltr;
}
#Inner_Type_G ul{ margin:0; padding:0; list-style:none;}
#Inner_Type_G li{ float:none; margin:0 0 15px 0%; width: auto; text-align: left; clear:both; padding:0}
#Inner_Type_G li iframe{ height:650px; width:100%; max-width: 100%; }




.download_area{  margin:15px 0px;}
.download_area .title{  color:#ff7200 ; border-left:2px solid #ff7200; background:#fff; padding:5px 100px 5px 20px; margin:30px 0; font-size:24px; box-shadow:0 0 3px rgba(0,0,0,.2);  }

.download_area .description{ background:#fff; padding:10px; margin:20px 0; border:1px solid #0076c0; line-height:21px;}
.download_area ul{ list-style:none; margin:0px 0 0 -2%; padding:0px;}
.download_area ul li{ float:left; width:31%; 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}

.calendar_content{ margin:0px 0 0 0; padding:20px 0; box-shadow: 0 0 3px rgba(0,0,0,.2)}

/* 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 ul li img{ box-shadow:0 0 3px rgba(0,0,0,.3); border:1px solid #fff; margin:0;}
.subject_category ul li:hover img{ box-shadow:0 0 3px rgba(0,51,204,.3); border:1px solid #0040b4;}
.subject_category p{ }
.subject_category a{ text-align:center ; color:#333; border:1px solid #0040b4; display:block; padding:5px 0; border-radius:8px;}
.subject_category a:hover {  background:#ff9000; color:#fff; }
.subject_category a:hover{ text-decoration:none}

/* Information Template */
.sub_category{ float: left; }
#notice .sub_category{  }
.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:10px 21px; display:block; color:#2080d1; background: #fff; font-size:16px; line-height:19px; border:1px solid #0269c9;  border-radius:8px;  }
.sub_category ul li a:hover{ background: #DEF; color:#2080d1; border:1px solid #0269c9}
.sub_category ul li a.current{ background: #0269c9 ; color:#fff; border:1px solid #fff ; }
#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:#fff; 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:#8ec63f; color:#fff}
.year_box{ position:absolute; right:20px ;}
.year_box select{ padding:5px 5px;}

.information{ margin:15px 0 0 0; min-height:350px; clear: both;}
.information ul{ list-style:none; margin:0 0 0 -2%; padding:0px;}
.information ul li{ float:left; width: 23%; margin:0 0 30px 2%; padding:0; line-height:17px; }
.information ul li a{ display:block}
.information ul li a:hover{ color:#9151b2; text-decoration:none}
.information ul li img{ box-shadow:0 0 3px rgba(0,0,0,.3); border:1px solid #fff; margin:0;}
.information p{ margin:0px 0 0 0px; padding:0px 0px; }
.information .date{ margin:0px 0 0 0px; }
.information .date span{ padding:10px 0 5px 22px; color:#666; font-size:16px; display:block; background:url(../images/icon/icon_date.png) no-repeat left center; background-size:17px 17px;}
.information .single{ background:#fff}
.information .double{ }

#info_type_A .information ul li:nth-child(4n+1){ clear:both; }
#info_type_A .content { padding:10px 0;}

#info_type_B .information ul{  margin:0 0 0 0%; border-top:2px solid #0040b4}
#info_type_B .information ul li{ float:none; width: 100%; margin:0; padding:5px 0; line-height:17px; border-bottom:1px solid #ddd;   }
#info_type_B .information ul li a{ display:inline-block; padding:10px 0; width:100%; }
#info_type_B .information ul li a:hover{ color:#333; text-decoration:none}
#info_type_B .information ul li img{  margin:0 ;}


#info_type_B .information .media_t{ float:left; width:15%;  }
#info_type_B .information .date span{ padding:5px 0 5px 30px; color:#666; display:block; background:url(../images/icon/icon_date.png) no-repeat; background-size:21px 21px; background-position:1px 3px;}
#info_type_B .information p{ float:left; width:70%; padding:5px 0; font-size:15px;}

#info_type_B .content { float:right; width:80%;}
#info_type_B .date { float:left; width:18%;}

/* Information - Full Page Display */
#Information_detail #Inner_Type_A li{ float:left; width:23%; margin:0 0 15px 2%; text-align: center;}
#Information_detail #Inner_Type_A li img{ max-width:100%; box-shadow:0 0 3px rgba(0,0,0,.5); height: auto; max-height:410px;}
#Information_detail #Inner_Type_A li:nth-child(4n+1){ clear:both}

#Information_detail #Inner_Type_A li:nth-child(3n+1){ clear: none}

.main_content { min-height:400px;  }

/* Sub Menu */
.arrowlistmenu{ float:left; width:22%; background: #fff; z-index:1
; box-shadow:0 0 3px rgba(0,0,0,.2); position:relative;border-top-left-radius: 16px; margin:30px 0 30px 0 }
.arrowlistmenu .title {padding:70px 0 30px 0; background: url(../images/icon/bg_category_blue.png) no-repeat; background-size: cover !important; border-bottom:2px solid #fff; margin:0px;  text-align: center;border-top-left-radius: 16px; }
.arrowlistmenu .title p { font-size:35px; color:#fff;  padding:0 15px; text-transform:uppercase; line-height:34px; text-align:left }
.arrowlistmenu .expandable_main{background:#f6f6f6 url(../images/icon/arrow_right.png) no-repeat; color:#333333 !important; background-position:95% 50%; background-size:19px 19px;  }



.arrowlistmenu .openheader { color:#0040b4 !important; background:#f6f6f6 url(../images/icon/arrow_down.png) no-repeat; background-position:95% 50%; background-size:19px 19px; }
.arrowlistmenu .expandable_sub { margin:0; color:#0040b4}
.arrowlistmenu ul{ list-style-type: none; margin: 0; padding: 0px 0px;background: #fff; }
.arrowlistmenu ul li{ padding-bottom: 0px;}
.arrowlistmenu .categoryitems_sub{ }
.arrowlistmenu .categoryitems_sub a{}

.arrowlistmenu .categoryitems_sub li a{ margin:0 0 0 45px; background:#fff; border-bottom:1px dotted #ddd; color:#333333; font-size:13px; padding:5px 0;}
.arrowlistmenu .categoryitems_sub li a:hover{ background:#fff6e3  url(../images/arrow_pt.png) no-repeat; background-position:20px 15px; color:#0040b4 }
.arrowlistmenu .categoryitems_sub li a.current{ background:#fff6e3  url(../images/arrow_pt.png) no-repeat; background-position:20px 15px; color:#0040b4 !important }

.arrowlistmenu .menuheader{ margin:0px; padding:7px 10px 7px 10px; font-size:16px; cursor: pointer; display:block; color: #0040b4; border-top:1px solid #cdd7e5}

.arrowlistmenu a{  display:block;}
.arrowlistmenu a:hover{color: #333; background:#fff6e3 }
.arrowlistmenu a.current{  }

.arrowlistmenu .expandable_main a:hover{color: #00266e ; background: none}

.arrowlistmenu .expandable_sub a{ padding:10px 35px ; border-bottom:1px solid #ddd; font-size:15px; }
.arrowlistmenu .expandable_sub a.current {  }

.arrowlistmenu .expandable_main a.current { background: none; color:#333  }

.arrowlistmenu ul li a{ color: #333; background:#fff url(../images/icon/arrow_blue.png) no-repeat; background-position:20px 15px;  font-size:0.9em; display: block; padding: 5px 15px 5px 35px; border-bottom: 1px dotted #eeeeee}
.arrowlistmenu ul li a:hover{ color:#0040b4 ; background:#fff    }
.arrowlistmenu ul li a.current{ background:#0040b4; color:#fff; }
.arrowlistmenu ul li a.current:hover{ color:#fff !important; }

/* Notice */
#notice{ font-size:15px;}
#notice .information ul{  margin:0 0 0 0%; border-top:2px solid #ddd}
#notice .information ul li{ float:none; width: 100%; margin:0; padding:15px 0px 15px 0; border-bottom:1px solid #ddd;  }
#notice .information ul li a{ display:inline-block; padding:0px 0; width:100%; }
#notice .information ul li a:hover{ color:#333; text-decoration:none}
#notice .information ul li:hover{ background:#eff9ff; }
#notice .information .date{ float:left; width:15%; padding:0px 5px 0px 10px;}
#notice .information .date span{ padding:0 0 0 25px}
#notice .information .number{ float:left; width:10%; padding:0px 0; font-size:16px; }
#notice .information .title{ float:left; width:60%; padding: 0; font-size:16px; line-height:19px; text-shadow:0 0 0 }
#notice .information p{ width: auto; font-size:15px;}
#notice .information .download{ float:right; width:8%; overflow: hidden }
#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}

/* media */
#Media_Album .information ul{  margin:0 0 0 -1%; }
#Media_Album .information .clip{ display:none;}
#Media_Album .information ul li{ float:none; border-top:2px solid #0040b4; width:31%; margin:0 0 20px 2%; padding:0; line-height:17px; float:left; position:relative; }
#Media_Album .information ul li .cover{ background:#f4f4f4; box-shadow:0 0 3px rgba(0,0,0,.2); border-radius:2px; padding:10px 15px 5px 15px; }
#Media_Album .information ul li .content { text-align:center}
#Media_Album .information ul li img{ width:100%; box-shadow:0 0 0;}
#Media_Album .information .date{ position: relative; text-align: center; padding:8px 0 0 0}
#Media_Album .information .date span{ padding:5px 5px 5px 25px; color:#333; font-size:12px; display: inline; background:url(../images/icon/icon_date.png) no-repeat; background-size:15px 15px; background-position:5px 5px;}
#Media_Album .information p{ float: none; text-align: center; padding:10px 0 5px 0; font-size:15px;}
#Media_Album .information ul li:hover .cover{ background:#f0f4f4; box-shadow:0 0 3px rgba(0,0,0,.3); }
#Media_Album .information ul li:hover img{ opacity:.7}

#Media_Video .information ul{  margin:0 0 0 -2.5%; }
#Media_Video .information .clip{ background:url(../images/icon/icon_video.png) no-repeat; width:53px; height:53px; position:absolute; left:-5px; top:-5px; z-index:0 }
#Media_Video .information ul li{ float:none; width:30%; margin:0 0 20px 3%; padding:0; line-height:17px; float:left; position:relative; }
#Media_Video .information ul li .cover{ background:#f4f4f4; box-shadow:0 0 3px rgba(0,0,0,.2); border-radius:2px; padding:10px 15px 5px 15px; }
#Media_Video .information ul li img{ width:100%; box-shadow:0 0 0;}
#Media_Video .information .date{ position: relative; text-align: center; padding:8px 0 0 0}
#Media_Video .information .date span{ padding:5px 5px 5px 25px; color:#333; font-size:12px; display: inline; background:url(../images/icon/icon_date.png) no-repeat; background-size:15px 15px; background-position:5px 12px;}
#Media_Video .information p{ float: none; text-align: center; padding:10px 0 5px 0; font-size:19px;}
#Media_Video .information ul li:hover .cover{ box-shadow:0 0 3px rgba(0,0,0,.3); }
#Media_Video .information ul li:hover img{ opacity:.7 ; }
#Media_Video .information ul li a{ color:#333}
#Media_Video .information ul li:nth-child(3n+1){ clear:both;}
.youtube_video{ width:70%; box-shadow:0 5px 10px rgba(0,0,0,.5); background:#000; padding:10px; border:1px solid #fff; margin-top:30px;}
.youtube_video iframe{ width:100%; height:520px;}
.youtube_video video{ width:100%; height:520px;}
.video_footer{ background:url(../images/icon/tv_footer.png) no-repeat center; height:38px; width:70%; margin-bottom:50px;}

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



/* Other */
#principal{ text-align: left}
#principal p{ text-align: left; line-height:28px;}

.contactus{}
.contactus .info{ float: left; width:49%; }
.contactus .info td{ padding-right:10px;}
.contactus .location{ float:right; width:49%;}
.contactus .location iframe{ height:380px; width:100%; border:1px solid #ddd; box-shadow:0 0 3px rgba(0,0,0,.2)}

.btn_back{ margin:0px auto; text-align: center; margin-top:50px; margin-bottom:50px;}
.btn_back a{ background:#989898; color:#fff !important; padding:10px 35px; text-transform:uppercase; text-align: center;}
.btn_back a:hover{ background:#0040b4 }

.calendar { float:left; width:22%; margin:0; background:#fff;}

.caption_left{ position:absolute; bottom:15%;  width:40%; left:5%;color:#fff; font-size:58px; line-height:64px; text-shadow:0 0 5px rgba(0,0,0,.7); }
.caption_left #banenr_b{ background:rgba(0,0,0,.5); padding:15px;}
#banenr_a{ padding-bottom:120px;}
.purple_title{ background:#2a1b5a; color:#fff;}

.white_font{ color:#fff}

.subject{ width:90%;}
.subject ul{ margin:0; padding:0;}
.subject ul li{ width:45%; margin:0 2% 20px 0; list-style:none; float: left}
.subject ul li a{ border:2px solid #00266e; padding:5px; text-align: center; color:#00266e; display:block;}
.subject ul li a:hover{ background:#00266e ; color:#fff; }

.history_area{ width:85%; padding-top:25px}
.history_area ul{ list-style:none; margin:0; padding:0 }
.history_area ul li{ margin:0; padding:0;}
.history_area .year_area{ background:#00266e; padding:5px 0; width:25%; color:#fff; float: left; text-align: center;}
.history_area .history_area{ float: right; border-left:1px dotted #ddd; width:74.8%; padding:15px 0 30px 0;}
.content_history{ background:#f8f8f8; padding:10px;}

.hk_class{ margin:0px 0 30px 0}
.hk_class ul{ padding:0px; list-style:none; float:none; clear: both}
.hk_class ul li{ float: left;  margin:0 10px 10px 0px; }
.hk_class ul li a{ padding:30px; display:block; background:#ddd; display:block; font-size:1.5em; border:1px solid #ccc; color: #333 }
.hk_class ul li a:hover{background:#ff457e; color:#FFF }


.wrap .dropdown span {cursor: pointer;border-bottom:1px solid #039;color:#004b87; font-size:16px; border:1px solid #ddd; padding:5px 30px 5px 5px; background:url(../images/icon/down.gif) no-repeat #fff; background-position:90% 50%;  }
.wrap .dropdown { float:right; margin: 0 0 !important;  }



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

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

#related_link{}
#related_link ul { list-style:none; margin:0; padding:0}
#related_link ul li { float: left; width:25%; margin:10px 0; text-align:center;}
#related_link ul li img{ max-height:100px; } 

#table_green{ border-collapse:inherit}
#table_green{ border:0px solid #ddd; }
#table_green tr:nth-child(1) td{ background:#069981 !important; color:#fff !important;}
#table_green tr:nth-child(even) td{ background:#fffcf3}

#table_purple{ border-collapse:inherit}
#table_purple{ border:0px solid #ddd; }
#table_purple tr:nth-child(1) td{ background:#6456a2 !important; color:#fff !important;}
#table_purple tr:nth-child(even) td{ background:#fff}

#table_orange{ border-collapse:inherit}
#table_orange{ border:1px solid #ddd; }
#table_orange tr:nth-child(1) td{ background:#ff9000 !important; color:#fff !important;}
#table_orange tr:nth-child(even) td{ background:#fff}

#table_red{ border-collapse:inherit}
#table_red{ border:0px solid #ddd; }
#table_red tr:nth-child(1) td{ background:#eb5a63 !important; color:#fff !important;}
#table_red tr:nth-child(even) td{ background:#fffef6}

#table_des{ border-collapse:inherit; width:100%;  border:1px solid #ff8a00; padding:3px;}
#table_des tr:nth-child(even) td{ background:#fff}
#table_des tr:nth-child(odd) td{ background:#f7f5f2}

#table_des_b{ border-collapse:inherit}
#table_des_b{ border:2px solid #411e00; padding:2px;}
#table_des_b tr:nth-child(even) td{ background:#e1f7ff}

#slogan_left { position:absolute; left:0%; color:#fff; font-size:32px; line-height:38px; border-top-left-radius: 12px;
border-bottom-left-radius: 12px; bottom:50px; background:rgba(249,67,67,.7); padding:15px;  }
#slogan_right { position:absolute; right:0%; color:#fff; font-size:32px; line-height:38px; border-top-left-radius: 12px;
border-bottom-left-radius: 12px; bottom:50px; background:rgba(249,67,67,.7); padding:15px;  }

.slogan_area{ float:right; padding:7% 14% 0 0 }
.Banner_slogan{ background:url(../images/web/sologan.png) no-repeat right top;  max-width:435px; height:131px; z-index:1; position:absolute; right:0; bottom:70px; width:100%; pointer-events: none }
.Banner_slogan span{ font-size:42px; line-height:48px; text-shadow: 2px 2px 0 #fff, 2px -2px 0 #fff, -2px 2px 0 #fff, -2px -2px 0 #fff, 2px 0px 0 #fff, 0px 2px 0 #fff, -2px 0px 0 #fff, 0px -2px 0 #fff; color: #361510; font-family: 華康儷粗黑;letter-spacing: 1px;    }

.info_banner { position:absolute; left:0; top:60%; z-index:1;}
.info_banner ul{ list-style:none; margin:0; padding:0;}
.info_banner ul li{ margin:5px 0; width:280px;}
.info_banner ul li a{ background:rgba(255,144,0,.8) ; display:block; padding:10px 25px; color:#fff; font-size:26px; font-weight: normal; border-left:0px solid rgba(255,255,255,0.7); text-shadow: 0 0 3px rgba(0,0,0,.1) } 
.info_banner ul li + li a{ background:rgba(35,189,157,.8) ;}
.info_banner ul li + li  + li a{ background:rgba(31,142,255,.8) ;}
.info_banner ul li a:hover{ border-left:3px solid rgba(255,255,255,1); }



.newsletter{ position:relative; padding:50px 2% 30px 2%;}
.newsletter ul{ list-style:none !important; margin:0 0 0 -2%; padding:0; width:100%; }
.newsletter ul li{float:left; width:calc(50% - 4%); padding:0; margin:0 0 55px 4%; font-size:15px; transition: all 0.3s ease-in-out;opacity: 1;box-shadow: 0 0 3px rgba(0,0,0,.2); list-style:none !important; position:relative}
.newsletter ul li img { max-width:100%;}
.newsletter ul li a { display:block; background: #f2efeb; position:relative}
.newsletter ul li span{background: #9a8661;padding: 0px 20px;color: #fff;position: absolute;bottom: 0; right:0}
.newsletter ul li:nth-child(2n+1) { clear:both} 



.intranet_button { float:left; width:100%;}
.intranet_button ul { list-style:none; margin:0; padding:0}
.intranet_button ul li { float:left; width:calc(33.3% - 1% ); margin:0 0.5%; text-align:center; border-radius:8px;}










.intranet_button:hover {
	cursor: pointer;
}

.intranet_button img {	width: 200px;	height: 200px;	border-radius: 50%;border: 2px solid whitesmoke;box-shadow: 0px 0px 3px 0px rgba(130, 130, 130, 0.5);	margin-bottom: 1rem;	transition: filter 0.4s ease-in-out;}

.intranet_button:hover img {	filter: none;}

.intranet_button ul li .title {	font-size: 30px;	color: #ff5d72;	position: relative;width: 40%;}
.intranet_button ul li+li .title {	color: #ffc01e;	}
.intranet_button ul li+li+li .title {	color: #009afd;}

.intranet_button ul li .title::after {	position: absolute;	content: "";	width: 0%;	height: 4px;	background-color: #ff5d72;
	left: 50%;	bottom: -10px;	transition: all 0.4s ease-in-out;}
	
.intranet_button ul li+li .title::after	 {background-color: #ffc01e}
.intranet_button ul li+li+li .title::after	 {background-color: #009afd}
	 

.intranet_button :hover .title::after {
	width: 100%;
	left: 0;
}





@media screen and (max-width: 1024px) {
.info_banner{ top:50%;}
}

.text_1{}
.text_2{ padding-left:50px; }

.hover01 figure img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	opacity:1;
}
.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;
}




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


.button_index ul li {  float: left;width: calc(33.3% - 2%); position:relative; margin:0 1%}
.button_index ul li a {  display:block; border: 3px solid #6695ff;box-shadow: 0 0px 3px rgba(0,0,0,.2);border-radius: 16px;overflow: hidden; position:relative }
.button_index ul li+li a {   border: 3px solid #22ac9d }
.button_index ul li+li+li a {  border: 3px solid #ff9000 }
.button_index ul li span{ position:absolute; height:auto; bottom:0px; right:0px;  z-index:1 ; pointer-events: none; width:100% }
.button_index ul li img{ width: 100%; border-radius:8px; max-width:100%}


iframe {height: 100%;}




@media screen and (max-width: 1300px) {#inner_tree { left:-5px}
.sch_info ul li {width: calc(50% - 40px); }
.sch_info ul li+li {width: calc(50% - 40px); }
.sch_info ul li+li +li +li{width: calc(50% - 40px); }
.intro { font-size:23px !important}
.latest_new .title { padding: 10px 0px 20px 60px !important;font-size: 27px;}
.latest_new .title span { background-size:70%}
.latest_new .more_area {  right:13px; top:15px}
.latest_new .more_area a { padding:8px 16px}

.latest_new .main_events_area_border { margin:55px 5px 5px}


}