@charset "utf-8";
/* CSS Document */
html,body {
    padding: 0px; margin: 0px; min-height:100%; font-size:17px; color: #333; line-height:28px;		 
	font-family: "cwTeXYen","微軟正黑體", "Microsoft JhengHei", "Segoe UI Semibold", "Segoe UI", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;	
}
.clear{clear:both}
.contextual-links-region{ position: static}
a:link, .container a:visited {text-decoration: none; }
 
table{border-collapse: inherit; line-height:28px;}
table ul, table ol{ margin:0; }
img {border:0;}
div, ul li{ margin:0px auto; padding:0px;}
.cb:before, .cb:after {	content: ''; display: table; visibility: hidden;}
.cb:after {	clear: both;}
.cb {*zoom: 1;}

.wrap{ width:100%; min-height:100%;background: url(../images/web/con_bg.png) center top no-repeat; }
.screen{ min-width:680px; max-width:1248px; position:relative; padding:0px 10px;}
.container { height: auto; min-height:500px; background: url(../images/web/bg_body2.png) center bottom no-repeat; }
.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;}
.container a, .container a:visited {color: #333; text-decoration: none;}
.container a:hover {color: #ff5d8b; }

#inside_bg { background:none;height: auto; min-height:500px;}
.container_inside  { height: auto; min-height:500px; background:none; }

h1,h2,h3,h4,h5,h6{ margin:0 0 15px 0; padding:0;}

h1{ font-size:36px; line-height:40px; color:#085cba}
h2{ font-size:26px; line-height:30px; color:#333; }
h3{ font-size:21px; line-height:26px; color:#085cba; border-left: 2px solid #085cba; padding:8px 10px; box-shadow:0 3px 2px rgba(0,0,0,.1); margin-bottom:30px}
/* h4{ font-size:21px; line-height:26px; color:#ff2671; border-left: 2px solid #ff2671; padding:8px 10px; box-shadow:0 3px 2px rgba(0,0,0,.1); margin-bottom:30px} */
h4{ font-size:21px; line-height:26px; color:#000; }
h5{ font-size:21px; line-height:40px; color:#085cba}
h6{ font-size:19px; line-height:30px; color:#333; }
p{ margin:0px; padding:0px}

/* theme */
#bg_red h1{ color:#e52445; }
#bg_red .inner_banner h1 { background:#e52445; color:#fff ; }
#bg_red h3 { color: #e52445; border-left: 2px solid #e52445;}
#bg_red h5  { color: #e52445; }
#bg_red  .footer_info{  }
#bg_red .inner_content .main_content{ border:3px solid #e52445;background: rgb(255, 241, 241);}
#bg_red .arrowlistmenu{ background:#fff;}
#bg_red .arrowlistmenu a{ color:#e52445}
#bg_red .arrowlistmenu ul li a:hover{ color:#666666 !important}
#bg_red .submenu .title {background: url(../images/icon/bg_category.png) #ff4d5d bottom left 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  .Album .title {color: #ff535f; font-size: 21px; line-height: 32px; display: flex; align-items: center; background: url(../images/web/red_bar.png) #fff center left no-repeat;box-shadow: 1px 1px 10px #e0e0e0;padding: 15px 0 15px 25px;margin-bottom: 10px;}
#bg_red .nevigation .home{ background:url(../images/icon/icon_home_red.png) no-repeat; background-position: 0 4px; }
#bg_red .arrowlistmenu ul li a.current:hover{  }
#bg_red  .bg_footer {background:#e52445; }
#bg_red .submenu .title { background: url(../images/web/top_menu_pink.png) #ff5362 top center repeat-y; margin:0px; padding:5px 0 0 5px; text-align: center;   }
#bg_red .submenu .title p {font-size: 29px;    color: #e52445;
    text-shadow: rgb(255,255,255) 3px 0px 0px, rgb(255,255,255) 2.83333px 0.983333px 0px, rgb(255,255,255) 2.35px 1.85px 0px, rgb(255,255,255) 1.61667px 2.51667px 0px, rgb(255,255,255) 0.7px 2.91667px 0px, rgb(255,255,255) -0.283333px 2.98333px 0px, rgb(255,255,255) -1.25px 2.73333px 0px, rgb(255,255,255) -2.06667px 2.16667px 0px, rgb(255,255,255) -2.66667px 1.36667px 0px, rgb(255,255,255) -2.96667px 0.416667px 0px, rgb(255,255,255) -2.95px -0.566667px 0px, rgb(255,255,255) -2.6px -1.5px 0px, rgb(255,255,255) -1.96667px -2.26667px 0px, rgb(255,255,255) -1.11667px -2.78333px 0px, rgb(255,255,255) -0.133333px -3px 0px, rgb(255,255,255) 0.85px -2.88333px 0px, rgb(255,255,255) 1.75px -2.43333px 0px, rgb(255,255,255) 2.45px -1.73333px 0px, rgb(255,255,255) 2.88333px -0.833333px 0px, 0 3px 8px rgba(0,0,0,.5);padding: 25px 0px;    margin: 0;background: url(../images/icon/bg_category_pink.png) #fff1f1;
}

#bg_red tr { background:#fff1f1; color:#333}
#bg_red tr:nth-child(2n+1){ background:#ff5362; color:#fff}



#bg_orange .bg_full_mountain2 { background:url(../images/web/bg_full_mountain.png) no-repeat center bottom; }
#bg_orange h1{ color:#ff7800; }
#bg_orange .inner_banner h1 { background:#ff7800; color:#fff ; }
#bg_orange h3 { color: #ff7800; border-left: 2px solid #ff7800;}
#bg_orange h5  { color: #ff7800; }
#bg_orange  .footer_info{}
#bg_orange .inner_content .main_content{ border:3px solid #ff7800;background: rgba(255, 241, 231, 0.8);}
#bg_orange .arrowlistmenu{ background:#fff;}
#bg_orange .arrowlistmenu a{ color:#ff7800}
#bg_orange .arrowlistmenu ul li a:hover{ color:#666666 !important}
#bg_orange .submenu .title {background: url(../images/icon/bg_category.png) #ff7800 bottom left no-repeat;  }
#bg_orange .arrowlistmenu ul ul li  a.current{ background:url(../images/icon/arrow_right_white.png) no-repeat #ff7800; background-size:20px 20px; background-position:5px 50%; color:#ffffff !important} 
#bg_orange .menuheader.current { background: #ff9e21; color:#fff }
#bg_orange  .Album .title {color: #ff7800; font-size: 21px; line-height: 32px; display: flex; align-items: center; background: url(../images/web/orange_bar.png) #fff center left no-repeat;box-shadow: 1px 1px 10px #e0e0e0;padding: 15px 0 15px 25px;margin-bottom: 10px;}
#bg_orange  .Album .description{}
#bg_orange .nevigation .home{ background:url(../images/icon/icon_home_orange.png) no-repeat; background-position: 0 4px; }
#bg_orange .arrowlistmenu ul li a.current:hover{  }
#bg_orange .submenu .title { background: url(../images/web/top_menu_o.png) #ff7800 top center repeat-y; margin:0px; padding:5px 0 0 5px; text-align: center;   }
#bg_orange .submenu .title p {font-size: 29px;    color: #ff7800;
    text-shadow: rgb(255,255,255) 3px 0px 0px, rgb(255,255,255) 2.83333px 0.983333px 0px, rgb(255,255,255) 2.35px 1.85px 0px, rgb(255,255,255) 1.61667px 2.51667px 0px, rgb(255,255,255) 0.7px 2.91667px 0px, rgb(255,255,255) -0.283333px 2.98333px 0px, rgb(255,255,255) -1.25px 2.73333px 0px, rgb(255,255,255) -2.06667px 2.16667px 0px, rgb(255,255,255) -2.66667px 1.36667px 0px, rgb(255,255,255) -2.96667px 0.416667px 0px, rgb(255,255,255) -2.95px -0.566667px 0px, rgb(255,255,255) -2.6px -1.5px 0px, rgb(255,255,255) -1.96667px -2.26667px 0px, rgb(255,255,255) -1.11667px -2.78333px 0px, rgb(255,255,255) -0.133333px -3px 0px, rgb(255,255,255) 0.85px -2.88333px 0px, rgb(255,255,255) 1.75px -2.43333px 0px, rgb(255,255,255) 2.45px -1.73333px 0px, rgb(255,255,255) 2.88333px -0.833333px 0px, 0 3px 8px rgba(0,0,0,.5);padding: 25px 0px;    margin: 0;background: url(../images/icon/bg_category_o.png) #fff3eb;
}
#bg_orange tr { background:#fece24; color:#333}
#bg_orange tr:nth-child(2n+1){ background:#ff7800; color:#fff}








#bg_green .bg_full_mountain2 { background:url(../images/web/bg_full_mountain.png) no-repeat center bottom; }
#bg_green h1{ color:#27a374; }
#bg_green .inner_banner h1 { background:#27a374; color:#fff ; }
#bg_green h3 { color: #27a374; border-left: 2px solid #27a374;}
#bg_green h5  { color: #27a374; }
#bg_green  .footer_info{ }
#bg_green .inner_content .main_content{ border:3px solid #27a374;background: rgba(254, 255, 231, 0.8);}
#bg_green .arrowlistmenu{ background:#fff;}
#bg_green .arrowlistmenu a{ color:#27a374}
#bg_green .arrowlistmenu ul li a:hover{ color:#666666 !important}
#bg_green .submenu .title {background: url(../images/icon/bg_category.png) #3dbf8e bottom left no-repeat;  }
#bg_green .arrowlistmenu ul ul li  a.current{ background:url(../images/icon/arrow_right_white.png) no-repeat #27a374; background-size:20px 20px; background-position:5px 50%; color:#ffffff !important} 
#bg_green .menuheader.current { background: #27a374; color:#fff }
#bg_green  .Album .title {color: #27a374; font-size: 21px; line-height: 32px; display: flex; align-items: center; background: url(../images/web/green_bar.png) #fff center left no-repeat;box-shadow: 1px 1px 10px #e0e0e0;padding: 15px 0 15px 25px;margin-bottom: 10px;}
#bg_green  .Album .description{}
#bg_green .nevigation .home{ background:url(../images/icon/icon_home_green.png) no-repeat; background-position: 0 4px; }
#bg_green .arrowlistmenu ul li a.current:hover{ color:#fff !important}
#bg_green .inner_content_full .main_content { border:3px solid #27a374 !important;  }
#bg_green .sub_category ul li a:hover{ background: #27a374; color:#fff}
#bg_green .sub_category ul li a.current{ background: #27a374; color:#fff }
#bg_green .submenu .title { background: url(../images/web/top_menu_g.png) #27a374 top center repeat-y; margin:0px; padding:5px 0 0 5px; text-align: center;   }
#bg_green .submenu .title p {font-size: 29px;    color: #27a374;
    text-shadow: rgb(255,255,255) 3px 0px 0px, rgb(255,255,255) 2.83333px 0.983333px 0px, rgb(255,255,255) 2.35px 1.85px 0px, rgb(255,255,255) 1.61667px 2.51667px 0px, rgb(255,255,255) 0.7px 2.91667px 0px, rgb(255,255,255) -0.283333px 2.98333px 0px, rgb(255,255,255) -1.25px 2.73333px 0px, rgb(255,255,255) -2.06667px 2.16667px 0px, rgb(255,255,255) -2.66667px 1.36667px 0px, rgb(255,255,255) -2.96667px 0.416667px 0px, rgb(255,255,255) -2.95px -0.566667px 0px, rgb(255,255,255) -2.6px -1.5px 0px, rgb(255,255,255) -1.96667px -2.26667px 0px, rgb(255,255,255) -1.11667px -2.78333px 0px, rgb(255,255,255) -0.133333px -3px 0px, rgb(255,255,255) 0.85px -2.88333px 0px, rgb(255,255,255) 1.75px -2.43333px 0px, rgb(255,255,255) 2.45px -1.73333px 0px, rgb(255,255,255) 2.88333px -0.833333px 0px, 0 3px 8px rgba(0,0,0,.5);padding: 25px 0px;    margin: 0;background: url(../images/icon/bg_category_g.png) #feffeb;
}
#bg_green tr { background:#feffeb; color:#333}
#bg_green tr:nth-child(2n+1){ background:#27a374; color:#fff}






#bg_grape .bg_full_mountain2 { background:url(../images/web/bg_full_mountain.png) no-repeat center bottom; }
#bg_grape h1{ color:#9051fc; }
#bg_grape .inner_banner h1 { background:#9051fc; color:#fff ; }
#bg_grape h3 { color: #9051fc; border-left: 2px solid #9051fc;}
#bg_grape h5  { color: #9051fc; }
#bg_grape  .footer_info{  }
#bg_grape .inner_content .main_content{ border:3px solid #9051fc;background: rgba(240, 231, 255, 0.8);}
#bg_grape .arrowlistmenu{ background:#fff;}
#bg_grape .arrowlistmenu a{ color:#9051fc}
#bg_grape .arrowlistmenu ul li a:hover{ color:#666666 !important}
#bg_grape .submenu .title {background: url(../images/icon/bg_category.png) #9051fc bottom left no-repeat;  }
#bg_grape .arrowlistmenu ul ul li  a.current{ background:url(../images/icon/arrow_right_white.png) no-repeat #9051fc; background-size:20px 20px; background-position:5px 50%; color:#ffffff !important} 
#bg_grape .menuheader.current { background: #6c2add; color:#fff }
#bg_grape  .Album .title { color: #6c2add;font-size: 21px; line-height: 32px; display: flex; align-items: center; background: url(../images/web/purple_bar.png) #fff center left no-repeat;box-shadow: 1px 1px 10px #e0e0e0;padding: 15px 0 15px 25px;margin-bottom: 10px;}
#bg_grape  .Album .description{ }
#bg_grape .nevigation .home{ background:url(../images/icon/icon_home_grape.png) no-repeat; background-position: 0 4px; }
#bg_grape .arrowlistmenu ul li a.current:hover{ }
#bg_grape .submenu .title { background: url(../images/web/top_menu_p.png) #6c2add top center repeat-y; margin:0px; padding:5px 0 0 5px; text-align: center;   }
#bg_grape .submenu .title p {font-size: 29px;    color: #9051fc;
    text-shadow: rgb(255,255,255) 3px 0px 0px, rgb(255,255,255) 2.83333px 0.983333px 0px, rgb(255,255,255) 2.35px 1.85px 0px, rgb(255,255,255) 1.61667px 2.51667px 0px, rgb(255,255,255) 0.7px 2.91667px 0px, rgb(255,255,255) -0.283333px 2.98333px 0px, rgb(255,255,255) -1.25px 2.73333px 0px, rgb(255,255,255) -2.06667px 2.16667px 0px, rgb(255,255,255) -2.66667px 1.36667px 0px, rgb(255,255,255) -2.96667px 0.416667px 0px, rgb(255,255,255) -2.95px -0.566667px 0px, rgb(255,255,255) -2.6px -1.5px 0px, rgb(255,255,255) -1.96667px -2.26667px 0px, rgb(255,255,255) -1.11667px -2.78333px 0px, rgb(255,255,255) -0.133333px -3px 0px, rgb(255,255,255) 0.85px -2.88333px 0px, rgb(255,255,255) 1.75px -2.43333px 0px, rgb(255,255,255) 2.45px -1.73333px 0px, rgb(255,255,255) 2.88333px -0.833333px 0px, 0 3px 8px rgba(0,0,0,.5);padding: 25px 0px;    margin: 0;background:url(../images/icon/bg_category_p.png) #f3ebff;
}
#bg_grape tr { background:#b389fa; color:#333}
#bg_grape tr:nth-child(2n+1){ background:#6c2add; color:#fff}




#FullPage .inner_content{ width:100%; padding:20px 0}
#FullPage .arrowlistmenu{ display:none }

#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{ background:url(../images/icon/bg_box.png) #eb1f24; padding:5px; width:210px; box-shadow:0 0 3px rgba(0,0,0,.2)}
.title_special{ background:#fff; padding:1px 5px; color:#ea1e22; border-bottom:1px solid #ea1e22;}
.special_news .content{ background:#fff; padding:2px 5px; color:#333; font-size:13px;}
.special_news .content img{ max-width:100%;}
.highlight{ color:#F03}


/* Header */
.header{ background:url(../images/web/bg_header4.png) no-repeat top center; height: auto; position: relative; padding: 15px 0 0 0;}
.header .logo{ float:left; margin:10px 0 0 0;}
.header .logo a { display: flex; align-items: center; }
.header .logo .logo_img{ float:left; margin: 0 10px 0 0;}
.header .logo .logo_txt{ float:left;}

.header .info_top{ float:left; }
.header .info_top ul{ list-style:none; margin:0; }
.header .info_top ul li { float: left; font-size:15px; padding:2px 0px 2px 30px;}
.header .address {background:url(../images/web/icon_map.png) no-repeat; background-size:28px 30px;}
.header .tel {background:url(../images/web/icon_tel.png) no-repeat; background-size:28px 30px; clear:both}
.header .fax {background:url(../images/web/icon_fax.png) no-repeat; background-size:28px 30px; margin-left:25px;}
.header .email {background:url(../images/web/icon_mail.png) no-repeat; background-size:28px 30px;clear:both}
.header span{  }

.header .icon_top { position: absolute; right: 0px; bottom: 22%; float:right }
.header .icon_top ul{ list-style:none;  }
.header .icon_top ul li { float: left; margin-left: 5px; }
.header .icon_top ul li a { transition: all ease-in-out 0.3s; background: #fff; border-radius: 13px; padding: 9px 2px; border: #feba03 3px solid; position: relative; color: #fff; }
.header .icon_top ul li+li a { border-radius: 13px; background: #fff; border: 3px solid #ff5362; padding: 9px 2px; }
.header .icon_top ul li span.logo { transition: all 0.3s ease-in-out; background: url(../images/web/bg_home.png) center left no-repeat; position: absolute; left: 4px; top: -5px; width: 30px; height: 30px; }
.header .icon_top ul li span.text { background: #feba03; padding: 7px 2px 7px 35px;  font-weight: bolder; font-size: 17px; border-radius: 10px;}
.header .icon_top ul li+li span.logo { background: url(../images/web/bg_info.png) center left no-repeat; position: absolute; left: 5px; top: -5px; width: 30px; height: 30px; }
.header .icon_top ul li+li span.text { background: #ff5362; padding: 7px 2px 7px 35px; font-weight: bolder; font-size: 17px; border-radius: 10px;}
.header .icon_top ul li a {  }
.header .icon_top ul li a:hover { color: #000; }
.header .icon_top ul li a:hover .logo { transform: rotate(20deg); }

.btn_school_intro{ float:right; position:relative; margin:0 0 0 20px; }
.btn_school_intro span{ position:absolute; background:url(../images/web/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_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}

/* Menu */
#nav-wrap{ margin: 190px 0 0 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}

/* Area & width */
.banner_area{ width: 100%;}
.right_area{ float: right; width:30%; margin-top: 45px; position:relative }
.left_area{ float: left; width: 68%; margin-top: 25px; margin-right: 2%;  }

/* Banner */
#block-views-slide-show-block { float: left; width: 68%; padding-right: 2%; }
#block-views-latest-news-block { float: right; width: 30%; }
.slider{ margin:0; width: 100%; } 
.sentense { margin:  17px 0; display: flex; justify-content: flex-start; align-items: center; background: #fff8d5; border-radius:12px; border:2px solid #feba03; height: 68px; padding: 0 10px 0 255px ; position: relative; }
.sentense .box { margin: 0; width: 100%; }
.sentense .area { padding: 10px; font-weight: 900; color:#2f2f2f; line-height:21px; font-size: 17px; background: #fff; border-radius: 6px;}
.sentense .title{ position:absolute; left: 2px; top:-3px; background:url(../images/web/gold_text.png) no-repeat; width: 242px; height: 71px; }

.latest_new{ width:100%; position:relative; }
.latest_new .area { background: rgba(231, 250, 255, 0.5); border: #72cfff 3px solid; border-radius: 12px; padding: 70px 5px 5px; position: relative; }
.latest_new .title{ background: url(../images/web/news.png) no-repeat top left;position: absolute;top: 1%;left: 0;width: 100%;height: 63px;
} 
.latest_new .title span{ position:absolute; left:10px; top:3px; background:url(../images/news_bell.png) no-repeat; width:36px; height:47px;}
.latest_new a.datebox { color:#fff}
.latest_new .datebox  span{ float:none; padding:0; text-align: center; }
.latest_new .day { font-size:23px;  display:block; padding:4px 0; text-align: center; color:#fff}

.latest_new ul{ list-style:none; min-height: 326px;max-height: 326px; margin: 0; padding: 5px 3% 0 3%; overflow-y: scroll; }


.latest_new ul li a { display: flex; align-items: center; background: url(../images/web/red_bar.png) #fff center left no-repeat ; box-shadow: 1px 1px 10px #e0e0e0; padding: 5px 0 10px 25px; margin-bottom: 10px; color: #2d2d2d;  }
.latest_new ul li a:hover{  }
.latest_new ul li:nth-child(2n) a { background: url(../images/web/orange_bar.png) #fff center left no-repeat;}
.latest_new ul li:nth-child(3n) a { background: url(../images/web/blue_bar.png) #fff center left no-repeat;}
.latest_new ul li:nth-child(4n) a { background: url(../images/web/purple_bar.png) #fff center left no-repeat;}
.latest_new ul li a .box_day { background: #fe535f; margin: 0 5% 0 0; padding: 3px; font-size: 20px; color: #fff; font-weight: bold; text-align: center; width: 70px; min-width: 44px; max-width: 63px; height: 55px; }
.latest_new ul li:nth-child(2n) a .box_day { background: #fe9f33; }
.latest_new ul li:nth-child(3n) a .box_day { background: #4a94e8; }
.latest_new ul li:nth-child(4n) a .box_day { background: #8044cf; }
.latest_new ul li a .box_day .date { background: #fff; color: #000; display: block; height: 30px; font-size: 25px; margin: 0 0 0 0; }
.latest_new ul li a .box_day .month { display: block; font-size: 18px; line-height: 23px; }
.latest_new ul li a .content { padding: 0 0 0; font-size: 17px; font-weight: bold; line-height: 22px;}


.latest_new ul li span {  }
.latest_new .content{ width:100%}
.latest_new .content img{ width:25px;}
.latest_new .more_area{ position:absolute; right: -3px; top: -3px; font-size:20px; font-weight: bolder; }
.latest_new .more_area a{ font-size: 17px;font-weight: bold;background: #0999e1;border: 3px solid #6cceff;line-height: 23px;display: block;padding: 8px 23px;border-radius: 12px;color: #fff; }
.latest_new .more_area a:hover{ background:#630cd0; color: #808080; }


/* .latest_new{ width: 100%;}
.latest_new .area{}
.latest_new .title{ padding:15px 0px 10px 0; color:#fff; font-size:23px; background:url(../images/web/title_grape.png) no-repeat; width:144px; text-align:center; float:left; margin:0 0 0 10px; } 
.latest_new .title span{ position:absolute; left:10px; top:-15px; width:72px; height:59px; display:none}
.latest_new_area { margin:0 0 0 ; clear: both; background:#6939a2; border-radius:12px; padding:10px; }
.latest_new ul{ list-style:none; margin:0; padding:10px; border:3px solid #9370bc; background:#fff;border-radius:12px; }
.latest_new ul li{ border-bottom:1px dotted rgba(0,0,0,.2); padding:5px 0; font-size:15px;}
.latest_new ul li span{ color:#6939a2;  }
.latest_new ul li a{ display:block; color:#333}
.latest_new ul li a:hover{ color:#ffac0c; text-decoration: none}
.latest_new .content{ }
.latest_new .content img{ } */

.latest_award{ position:relative; float: right; width: 49%; border: 3px solid #87af80; border-radius: 10px; background: rgba(236, 255, 231, 0.6); padding: 88px 2% 10px; box-sizing: border-box;}
.latest_award .area {}
.latest_award .logo_love { background: url(../images/web/award_love.png) no-repeat; width: 55px; height: 62px; position: absolute; top: -30px; right: -21px; }
.latest_award .title{ background:url(../images/web/student_achievement.png) no-repeat; width: 243px; height: 135px; position: absolute; top: -25px; left: -17px; margin: 0; } 
.latest_award .title span{ position:absolute; left:10px; top:-15px; width:72px; height:59px; display:none}
.latest_award_area { position: relative; margin: 0 0 0 ; background: rgba(255, 255, 255, 0.8); padding: 5px; box-shadow: 0 0 5px gray; }
.latest_award ul{ list-style:none; margin:0; padding:0; }
.latest_award ul li{  padding: 0; font-size:15px;}
.latest_award ul li span{ color:#58912f; display:block;  }
.latest_award ul li a{ display: flex; align-items: top; color:#333; padding-bottom: 10px;}
.latest_award ul li a:hover{ color: #0ccb00; text-decoration: none}
.latest_award .content{padding:5% 5px 0 5px; font-size: 15px;  width:calc(60% - 10px); font-weight: bolder;line-height: 22px; }
.latest_award .content .date-display-single { font-size: 15px; line-height: 11px; margin-bottom: 5px; }
.latest_award .cover { width:40%; }
.latest_award .cover img{ max-width:100%; }
.latest_award .more_area{ position:absolute; right:17px; top:26px; font-size:12px; z-index: 3; }
.latest_award .more_area a{  font-size: 17px; font-weight: bold; background:#b7e90b; border: 3px solid #a3e80f; line-height:23px; display:block; padding: 8px 23px; border-radius:12px; color:#fff}
.latest_award .more_area a:hover{ background:#32b4f6; color: #000; }

.latest_events{ position:relative; float: left; width: 49%; border: 3px solid #da6265; border-radius: 10px; margin-right: 1%; background: rgba(255, 231, 231, 0.6); padding: 88px 2% 10px; box-sizing: border-box; }
.latest_events .area {}
.latest_events .title{ background:url(../images/web/school_albums.png) no-repeat; width: 290px; height: 126px; position: absolute; top: -13px; left: -60px; margin: 0; } 
.latest_events .logo_love{ background:url(../images/web/activity_love.png) no-repeat; width: 49px; height: 43px; position: absolute; bottom: 10px; right: 0px; margin: 0; z-index: 1; } 
.latest_events .title span{ position:absolute; left:10px; top:-15px; width:72px; height:59px; display:none}
.latest_events_area { position: relative; margin: 0 0 0 ; background: rgba(255, 255, 255, 0.8); padding: 5px; box-shadow: 0 0 5px gray; }
.latest_events ul{ list-style:none; margin:0; padding:0; }
.latest_events ul li{  padding: 0; font-size:15px;}
.latest_events ul li span{ color:#58912f; display:block;  }
.latest_events ul li a{ display: flex; align-items: top; color:#333; padding-bottom: 10px;}
.latest_events ul li a:hover{ color:#ffac0c; text-decoration: none}
.latest_events .content{ padding:5% 5px 0 5px; font-size: 15px;  width:calc(60% - 10px); font-weight: bolder;line-height: 22px; }
.latest_events .content .date-display-single { font-size: 15px; line-height: 11px; margin-bottom: 5px;  }
.latest_events .cover  { width: 40%; }
.latest_events .cover img { max-width:100%; }
.latest_events .more_area{ position:absolute; right:17px; top:26px; font-size:12px; z-index: 3; }
.latest_events .more_area a{  font-size: 17px; font-weight: bold; background:#ff7404; border: 3px solid #ffd304; line-height:23px; display:block; padding: 8px 23px; border-radius:12px; color:#fff}
.latest_events .more_area a:hover{ background:#feba03; color: #000; }

#login_area{ margin:20x 0 0px 0;  position:relative;  }
.login_icon{ width: 45%;height: 40px;background: #ff9314;border-top-left-radius: 12px;border-top-right-radius: 12px;float: left;position: relative;margin: 0 0 0 5%;}
.login_icon span{ background: url(../images/web/eclass.png) no-repeat center;position: absolute;width: 100%;height: 56px;right: 0;left: 0;top: -20px; background-size:80% }
.bg_eclass{ background:#fff; border-radius:12px; padding:5px 10px 5px 8px; margin:10px 0; border:2px solid #feb65b}
#login_area #sumbit{margin: 10px;background: #ffea00;line-height: 15px;font-weight: bold;cursor: pointer;color: #ff0018;padding: 13px 15px;text-align: center;border: 0px;border-radius: 8px;border:2px solid #ffae00; font-size:15px; } 
#login_area #sumbit:hover{ background:#ff9600; }
#login_area{ padding:0px;float: left;width: 100%;margin: 0;}
.googleclassroom {position: relative;right: 0;float: right; width: 45%;margin: 0 5% 0 0;  }
.googleclassroom a{width: 100%;height: 70px;background: #ffd614;border-top-left-radius: 12px;border-top-right-radius: 12px;float: left;;margin: 0 0 0 5%;transition: all 0.3s ease-in-out;opacity: 1;right: 0;top: 0px; position:absolute}
.googleclassroom a:hover {top:-20px;}
.googleclassroom span{background: url(../images/web/google.png) no-repeat center;position: absolute;width: 100%;height: 56px;right: 0;left: 0;top: -20px; background-size:80%}
.eclass_top { background: #fff9e7;position: relative;border: 2px solid #ff9314;border-radius: 16px;padding: 10px;float: left;
width: calc(100% - 24px);margin: 0;}




.fc-view-container{ background:#fff;}
.main_calenadr h2{ font-size:12px; margin:0; padding:0; line-height:15px;}
.main_calenadr{ background:#FFF; border-radius:8px; position:relative; box-shadow:0 0 3px rgba(0,0,0,.2); margin:0 0 15px 0; border:3px solid #ffdb55}
.main_calenadr .area{ padding:35px 15px 10px 15px; color:#00a5e3; line-height:21px;}
.main_calenadr .title{ font-size:23px; color:#ff7c2d; padding:8px 0px 12px 60px ; margin-bottom:5px;  font-weight:bold; text-shadow:0px 2px 0px #fff, 0px -2px 0px #fff, 2px 0px 0px #fff, -2px 0px 0px #fff, -2px -1px 0px #fff, -2px 1px 0px #fff, 2px -1px 0px #fff, 2px 1px 0px #fff, 1px 2px 0px #fff, -1px 2px 0px #fff, -1px -2px 0px #fff, 1px -2px 0px #fff, 0 0 6px rgba(0,0,0,.2); } 
.main_calenadr .title span{ position:absolute; left:-5px; top:-22px; background:url(../images/web/calendar.png) no-repeat center; width:77px; height:68px;}
.main_calenadr .area{ padding:10px; min-height:180px; }
.main_calenadr .area iframe{ width:100%; height:235px;}
.main_calenadr .area iframe .view-container-border{ padding:0px;}
.main_calenadr .detail_btn{right:10px; top:10px; box-shadow:0 0 3px rgba(0,0,0,.2) }
.main_calenadr .more_area{ position:absolute; right:10px; top:15px; font-size:12px;}
.main_calenadr .more_area a{ display:block; padding:0 15px; color:#333}
.main_calenadr .more_area a:hover{color: #F30}


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


.template_banner{background:url(../images/web/inside_banner.jpg) ; background-size:cover; color:#fff; padding:40px 0 20px 20px;}
.template_banner h1{ color:#fff; float:none !important; }


.latest_video{ margin:20px 0 0; float: left; width:48%; position:relative; background:#fff; border-radius:8px; border:3px solid #d64541; position:relative; box-shadow:0 0 3px rgba(0,0,0,.2)}
.latest_video .title{ border-bottom:1px solid #eddecc; background:#d64541; padding:10px 0px 10px 75px; color:#fff; font-size:21px;} 
.latest_video .title span{ position:absolute; left:10px; top:-10px; background:url(../images/icon/icon_video.png) no-repeat; width:53px; height:53px;}
.latest_video ul{ list-style:none; margin:0; padding:0}
.latest_video ul li{ border-bottom:1px dotted rgba(0,0,0,.2); font-size:13px; padding:0px 10px;}
.latest_video ul li span{ color:#764713; float: left; padding:0 0px; display: inline-block}
.latest_video ul li a{ display:block; padding:9px 0px; color:#333}
.latest_video ul li a:hover{ color:#9b684b}
.latest_video .content{float: left; margin:0 0 0 10px;}
.latest_video img{ width:100px; float:left; margin:0 5px 0 0;}
.latest_gallery{ margin:20px 0 0; float: right; width:48%; position:relative; background:#fff; border-radius:8px; border:3px solid #32a5dd; position:relative; box-shadow:0 0 3px rgba(0,0,0,.2)}
.latest_gallery .title{ border-bottom:1px solid #eddecc; background:#32a5dd; padding:10px 0px 10px 75px; color:#fff; font-size:21px;} 
.latest_gallery .title span{ position:absolute; left:10px; top:-10px; background:url(../images/icon/icon_album.png) no-repeat; width:53px; height:53px;}
.latest_gallery ul{ list-style:none; margin:0; padding:0}
.latest_gallery ul li{ border-bottom:1px dotted rgba(0,0,0,.2); font-size:13px; padding:0px 10px;}
.latest_gallery ul li span{ color:#764713; float: left; padding:0 ;}
.latest_gallery ul li a{ display:block; padding:9px 0px; color:#333}
.latest_gallery ul li a:hover{ color:#9b684b}
.latest_gallery .content{float: left; margin:0 0 0 10px;}
.latest_gallery img{ width:100px; float:left; margin:0 5px 0 0;}
/* Main Userful Links */
.Userful_link_inside{ background: url(../images/web/teacher_area.png) no-repeat top left rgba(255, 231 , 253, 0.6); border: 3px #c365ff solid; border-radius: 10px; position: relative; padding: 75px 1% 15px 1%; margin: 0;  }
.Userful_link_inside .title{ display: none; }
.Userful_link_inside ul{ list-style:none; background: #fff; box-shadow: 0 0 5px gray; padding: 20px 2%;  margin: 0;border-radius: 8px; width:calc(100% - 4%); float:left }
.Userful_link_inside ul li { float:left; width:calc(16.6% - 10px); margin:0 5px }
.Userful_link_inside ul li:nth-child(n+1):nth-child(-n+6) { }
.Userful_link_inside ul li img{ width:100%; transition: all 0.3s ease-in-out; }
.Userful_link_inside ul li:hover img{ transform: scale(1.1); }
.Userful_link_inside .ballon { background: url(../images/web/ballon.png); position: absolute; bottom: -23px; right: 5px; width: 41px; height: 86px; }

.Userful_link_outside{ background: lightgreen; }
.Userful_link_outside .title{ display:none}
.Userful_link_outside ul{ list-style:none; margin:0 0 0 -1.5%; padding:0}
.Userful_link_outside ul li{ float: left; width:15%; margin:0 0 15px 1.65%}
.Userful_link_outside ul li img{ width:100%; border-radius:6px; box-shadow:0 0 3px rgba(0,0,0,.2)}
.Userful_link_outside ul li:hover img{ opacity:.7; box-shadow:0 0 3px rgba(0,0,0,.4)}




/* Footer */
.bg_footer { position: relative; background: #0bc7e9; height: 100px; display: flex; justify-content: center; align-items: center; margin: 0 0 0; }

.bg_footer .contact_info { color: #fff; font-size: 18px; display: flex; flex-wrap: wrap; justify-content: center; align-content: center; list-style-type: none; margin: 0; padding: 0; width: 100%; text-align: center; }
.bg_footer .contact_info li {  }
.bg_footer .contact_info li a { color: #fff; text-decoration: none; }

.footer{ background:#fff; font-size:12px; box-shadow:0 -2px 2px rgba(0,0,0,.1)}
.footer .screen{ padding:20px 15px;}
.footer .copyright{ float:left; width:70%; text-align: left}
.footer .power{ float:right; width:29%; text-align: right}
.footer a{ color: #000;}
.footer .power a:hover{ color:#298087;}

.cd-top {
  display: inline-block;  position: fixed; visibility: hidden;  opacity: 0; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  height: 50px;  width: 50px;  bottom: 90px;  right: 30px;  
  overflow: hidden;  text-indent: 100%;  white-space: nowrap; border-radius:50%; border:2px 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;}
.cd-top.cd-fade-out { opacity: .5;}
.no-touch .cd-top:hover { background-color: #e86256; opacity: 1;}

/* Nevigation */
.nevigation{ padding:15px 0px; font-size:13px; margin-bottom:15px; border-bottom:1px dotted #ddd; }
.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:#ffa030}

#Information_detail .nevigation{ margin-bottom:20px;}

.inner_banner{ background-size:cover; position: relative; padding:120px 0 30px 0; margin-bottom:30px;}
.inner_banner h1{ background:#085cba; color:#fff; padding:6px 32px; display:inline; font-size:32px; line-height:36px; }

.inside_banner{  background:url(../images/web/inside_banner.jpg) no-repeat; background-size:cover; position: relative; padding:50px 0; margin-bottom:20px; text-align: center;}
.inside_banner h1{ color:#fff; padding:6px 32px; display:inline; text-align: center; font-size:32px; line-height:36px;}

/* Page Content */
.inner_content{ float:right; width:78%; margin:20px 0 50px 0}
.inner_content .main_content{ padding:5px 20px 30px 20px; min-height:500px;background: rgba(231, 250, 255, 0.8);border: #72cfff 3px solid;border-radius: 12px; }
.inner_content_full{ margin-bottom:50px}
.inner_content_full .main_content{ padding:5px 20px 50px 20px; min-height:500px; border-radius:12px; position:relative; border:3px solid #085cba; background:#fff;}
.inner_content_full h1{float: left; width:100%;
margin: 10px 0 0 0; }

.inner_content iframe{ width: 100%; min-height:450px;}
.inner_content img, .inner_content_full img{ max-width:100%; height:auto;}
.inner_banner img{ width:100%;}

.Album{ margin:30px 0px;background: rgba(255, 255, 255, .8);box-shadow: 0 0 5px rgba(0,0,0,.2);padding: 15px;}
.Album .title{ color: #085cba;font-size: 21px;line-height: 32px;display: flex;align-items: center;background: url(../images/web/blue_bar.png) #fff center left no-repeat;box-shadow: 1px 1px 10px #e0e0e0;padding: 15px 0 15px 25px;margin-bottom: 10px; }
/* .Album .description{ background:#fff; padding:15px; margin:20px 0; border:2px solid #085cba; } */
.Album .description{  }
.Album .description ul{ list-style: outside; padding:0; margin: 0 15px; }
.Album .description ul li{ margin:0 0 5px;}
.Album .description ol{ padding:0; margin: 0 15px; }
.Album .description ol li{ margin:0 0 5px;}
.Album ul { list-style:none; padding:0 }
.Album ul li{ margin:0 0 10px 0; }
.Album ul li img{ box-shadow:0 0 3px rgba(0,0,0,.1); }
.Album ul li:hover img{ box-shadow:0 0 3px rgba(0,51,204,.2)}


#Inner_Type_A{ }
#Inner_Type_A ul{ margin:20px 0 0 -2%; list-style:none; padding:0px;  }
#Inner_Type_A li{ float:left; width:31%; margin:0 0 15px 2%; text-align: center;}
#Inner_Type_A li:nth-child(3n+1){ clear:both}
#Inner_Type_A li img{ max-width:100%; max-height:255px  }
#Inner_Type_A li p{  }

#Inner_Type_B { }
#Inner_Type_B .title{ margin:0 ;  }
#Inner_Type_B ul{ margin:20px 0 0 -2%; padding:0; }
#Inner_Type_B li{ float:left; width:48%; margin:0 0 15px 2%; }
#Inner_Type_B .title_des { float: left; width:100%;}
#Inner_Type_B li img{ max-width:100%; height:auto }
#Inner_Type_B li:nth-child(2n+1) { clear:both}
#Inner_Type_B .right_desc { float: right; width:100%; padding:10px 0 0}
#Inner_Type_B .right_desc ul{ list-style: outside; margin:0; padding:0}
#Inner_Type_B .right_desc ul li{ margin:0 0 0 15px;}
#Inner_Type_B .right_desc ol{ margin:0; padding:0}
#Inner_Type_B .right_desc ol li{ margin:0 0 0 15px;}

#Inner_Type_C {}
#Inner_Type_C .title{ }
#Inner_Type_C ul{ margin:20px 0 0 0; padding:0px;}
#Inner_Type_C li{ float:none; margin:0 0 15px 0%; width: auto; text-align: left; clear:both; padding:0}
#Inner_Type_C li img{ width:100%; height: auto; text-align: center; margin:0 0 10px 0}
#Inner_Type_C li .title_des{ width:42%; float:left; }
#Inner_Type_C li .right_desc{ float: right; width:56%;}
#Inner_Type_C .right_desc ul{ list-style: outside; margin:0; padding:0}
#Inner_Type_C .right_desc ul li{ margin:0 0 0 15px;}
#Inner_Type_C .right_desc ol{ margin:0; padding:0}
#Inner_Type_C .right_desc ol li{ margin:0 0 0 15px;}

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

#Inner_Type_E li{ float:none; margin:0 0 15px 20px; width: auto; text-align: left; clear:both; padding:0}
#Inner_Type_E li a{ background:url(../images/icon/icon_pdf_b.png) no-repeat left; background-size:20px 27px;  }
#Inner_Type_E li a:hover{ background:url(../images/icon/icon_pdf_b.png) no-repeat left;  background-size:20px 27px; }

.download_area{ margin:30px 0px;}
.download_area .title{color: #ff4546;font-size: 21px;line-height: 32px;display: flex;align-items: center;background: url(../images/web/red_bar.png) #fff center left no-repeat;box-shadow: 1px 1px 10px #e0e0e0;padding: 15px 0 15px 25px;margin-bottom: 10px; }
.download_area .description{ background:#fff; padding:10px; margin:20px 0; }
.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:#db1111; 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}

/* 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 #0083ca;}
.subject_category p{ color:#0083ca;  border-bottom:1px solid #0083ca; margin:0px 0 0 0px; padding:0px 5px; text-align: center;}
.subject_category a{ }
.subject_category a:hover p{ border-bottom:1px solid #0083ca; background:#0083ca; color:#fff; }
.subject_category a:hover{ text-decoration:none}

/* Information Template */
.sub_category{ margin:15px 0; float:left; width:100%}
.sub_category ul{ list-style: none; padding: 0px 0 0px 0;margin: 0px 0 10px 0;text-align: center; border-bottom: 1px solid #ddd;}
.sub_category ul li{ padding: 0 10px; float:left}
.sub_category ul li a{  padding: 10px 21px; display: block; color: #085cba; font-size: 17px; line-height: 22px; border-right: 1px solid #ddd;  border-left: 1px solid #ddd;  border-top: 1px solid #ddd; background:#fff; }
.sub_category ul li a:hover{ background: #F90; color:#fff}
.sub_category ul li a.current{ background: #085cba; color:#fff }

.sub_category_b{ margin:15px 0;}
.sub_category_b ul{ list-style: none;padding: 0px 0 15px 0;margin: 0px;text-align: center; border-bottom: 1px solid #ddd;}
.sub_category_b ul li{ display: inline-block; padding: 0 15px;}
.sub_category_b ul li a{  padding: 10px 21px; display: block; color: #085cba; font-size: 17px;  line-height: 19px;  }
.sub_category_b ul li a:hover{ color:#085cba}
.sub_category_b ul li a.current{ background: #085cba; color:#fff }
.sub_category_b ul li + li { border-left: 1px dashed #ddd; }

#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:#085cba; color:#fff}

.year_box{ position:absolute; right:20px ;top:20px;}
.year_box select{ padding:5px 5px;}

#info_type_A .information ul{  margin:0; padding:0; }
#info_type_A .information ul li{ float:none; width: 100%; margin:0; padding:10px 5px; border-bottom:1px solid #ddd;  display:inline-block;  }
#info_type_A .information ul li:nth-child(even) {background: #fafafa}
#info_type_A .information ul li a{}
#info_type_A .information ul li a:hover{}
#info_type_A .information ul li img{ float:left; margin:0 20px 0 0; max-width:200px;}
#info_type_A .information .date{ float:left; width:28%;  }
#info_type_A .information .date span{ padding:0 0 0px 30px; color:#666; font-size:15px; display:block; background:url(../images/icon/icon_date.png) no-repeat; background-size:21px 21px; background-position:4px 50%;}
#info_type_A .information p{ float:left; width:70%; }
#info_type_A .information ul .title_area{ border-bottom:2px solid #085cba; color:#085cba;}

#info_type_B .information ul{  margin:0 0 0 -2%; padding:0; list-style: none; }
#info_type_B .information ul li{ float: left; width:23%; margin:0 0 15px 2%;}
#info_type_B .information ul li:nth-child(4n+1){ clear:both;} 
#info_type_B .information ul li a{ display: block; color:#085cba; }
#info_type_B .information ul li a:hover{ text-decoration:none}
#info_type_B .information ul li .cover{ box-shadow: 0 0 3px rgba(0,0,0,.1); padding:1px;}
#info_type_B .information ul li .content{ }
#info_type_B .information ul li img{ width:100%; }
#info_type_B .information .date{ }
#info_type_B .information .date span{ padding:5px 0 5px 30px; color:#666; font-size:15px; display:block; background:url(../images/icon/icon_date.png) no-repeat; background-size:21px 21px; background-position:1px 50%;}

#info_type_C .information ul{  margin:0 0 0 -1%; padding:0; list-style: none; }
#info_type_C .information ul li{ float: left; width:31%; margin:0 0 15px 2%; box-shadow:0 0 3px rgba(0,0,0,.2)}
#info_type_C .information ul li:hover{  box-shadow:0 0 3px #085cba ; background:#F9F9F9}
#info_type_C .information ul li:nth-child(3n+1){ clear:both;} 
#info_type_C .information ul li a{ display: block; color:#085cba; }
#info_type_C .information ul li a:hover{ text-decoration:none}
#info_type_C .information ul li .cover{ box-shadow: 0 0 3px rgba(0,0,0,.1); padding:1px;}
#info_type_C .information ul li .content{ padding:5px ; }
#info_type_C .information ul li img{ width:100%; }
#info_type_C .information .date{ }
#info_type_C .information .date span{ padding:5px 0 5px 30px; color:#666; font-size:15px; display:block; background:url(../images/icon/icon_date.png) no-repeat; background-size:21px 21px; background-position:1px 50%;}

#info_type_D .information ul{  margin:0 0 0 0; padding:0; list-style: none; }
#info_type_D .information ul li{ margin:0 0 15px 0;}
#info_type_D .information ul li a{ display: block; color:#085cba; }
#info_type_D .information ul li a:hover{ text-decoration:none}
#info_type_D .information ul li .cover{ float:left; width:30%; box-shadow: 0 0 3px rgba(0,0,0,.1); padding:1px;}
#info_type_D .information ul li .content{ float:right; width:68%; }
#info_type_D .information ul li img{ width:100%; }
#info_type_D .information .date{ }
#info_type_D .information .date span{ padding:5px 0 5px 30px; color:#666; font-size:15px; display:block; background:url(../images/icon/icon_date.png) no-repeat; background-size:21px 21px; background-position:1px 50%;}

/* Notice */
#notice .information ul{  margin:0; padding:0; list-style: none; }
#notice .information ul li{ float:none; width: 100%; margin:0; padding:10px 5px; border-bottom:1px solid #ddd;  display:inline-block;  }
#notice .information ul li:nth-child(even) {background: #fafafa}
#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 .date{ float:left; width:12%; padding:5px 5px 5px 10px;}
#notice .information .date span{ padding:0 0 0px 30px; color:#666; font-size:15px; display:block; background:url(../images/icon/icon_date.png) no-repeat; background-size:21px 21px; background-position:4px 50%;}
#notice .information .number{ float:left; width:10%; padding:5px 0;  }
#notice .information .title{ float:left; width:50%; padding:5px 0;  }
#notice .information p{}
#notice .information .download{ float:right; width:auto; }
#notice .information .download a{ background: url(../images/icon/icon_pdf.png) no-repeat; background-position:0px 50%; background-size:20px; padding:5px 5px 5px 30px; display:block; color:#fc2130; width:auto }
#notice .information ul .title_area{ border-bottom:2px solid #085cba; color:#085cba;}

/* media */
#MediaA .information ul{  margin:0 0 0 -3.3%; list-style:none; padding:0; }
#MediaA .information .clip{ background:url(../images/icon/clip.png) no-repeat; width:35px; height:68px; position:absolute; left:20px; top:-8px; z-index:1 }
#MediaA .information ul li{ width:30%; margin:0 0 20px 3.3%; float:left; position:relative; }
#MediaA .information ul li .cover{ background:#f4f4f4; box-shadow:0 0 3px rgba(0,0,0,.2); border-radius:2px; padding:10px 15px 5px 15px; }
#MediaA .information ul li img{ width:100%; box-shadow:0 0 0;}
#MediaA .information ul li:nth-child(3n+1) { clear:both}
#MediaA .information .date{ position: relative; text-align: center; }
#MediaA .information .date span{ padding:5px 0 5px 30px; color:#666; font-size:15px; display:inline-block; background:url(../images/icon/icon_date.png) no-repeat; background-size:21px 21px; background-position:3px 50%;}
#MediaA .information p{ text-align: center; }
#MediaA .information ul li:hover .cover{ background:#e8f7ff; box-shadow:0 0 3px rgba(0,0,0,.3); }
#MediaA .information ul li a:hover{ text-decoration:none; color:#333; }
#MediaA .content { text-align:center}


#MediaB .information ul{  margin:0 0 0 -2%; list-style:none; padding:0; }
#MediaB .information .clip{ display:none;}
#MediaB .information ul li{  width:23%; margin:0 0 20px 2%; float:left; position:relative; }
#MediaB .information ul li .cover{ background:#fdfdfd; box-shadow:0 0 3px rgba(0,0,0,.2); border-radius:0px; padding:5px 5px 5px 5px; }
#MediaB .information ul li img{ width:100%; box-shadow:0 0 0;}
#MediaB .information ul li:nth-child(4n+1) { clear:both}
#MediaB .information .date{ position: relative; text-align: center; }
#MediaB .information .date span{ padding:5px 0 5px 30px; color:#666; font-size:15px; display:inline-block; background:url(../images/icon/icon_date.png) no-repeat; background-size:21px 21px; background-position:3px 50%;}
#MediaB .information p{ text-align: center; }
#MediaB .information ul li:hover .cover{ background:#f9f9ff; box-shadow:0 0 3px rgba(0,0,0,.3); }
#MediaB .information ul li a:hover{ text-decoration:none; color:#333; }

.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%; min-height:420px;}
.youtube_video video{ width:100%; min-height:420px;}
.video_footer{ background:url(../images/icon/tv_footer.png) no-repeat center; height:38px; width:70%; margin-bottom:50px;}

/* 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:255px;}
#Information_detail #Inner_Type_A li:nth-child(3n+1) { clear:none}
#Information_detail #Inner_Type_A li:nth-child(4n+1) { clear:both}

#Inner_Type_F ul  { margin:0; padding:0; }
#Inner_Type_F ul li { width:100%; margin:0; }
#Inner_Type_F ul li iframe { height:800px; width:100%}
/* Sub Menu */

.left_menu{ float:left; width:22%; margin-bottom:50px; margin-top:20px; }
.submenu{ box-shadow:-3px 3px 3px rgba(0,0,0,.1); margin:25px 0 0 0; background: #f6fbff}
.submenu .title { background: url(../images/web/top_menu.png) #085cba top center repeat-y; margin:0px; padding:5px; text-align: center;   }
.submenu .title p { font-size:29px; color:#085cba; text-shadow:rgb(255,255,255) 3px 0px 0px, rgb(255,255,255) 2.83333px 0.983333px 0px, rgb(255,255,255) 2.35px 1.85px 0px, rgb(255,255,255) 1.61667px 2.51667px 0px, rgb(255,255,255) 0.7px 2.91667px 0px, rgb(255,255,255) -0.283333px 2.98333px 0px, rgb(255,255,255) -1.25px 2.73333px 0px, rgb(255,255,255) -2.06667px 2.16667px 0px, rgb(255,255,255) -2.66667px 1.36667px 0px, rgb(255,255,255) -2.96667px 0.416667px 0px, rgb(255,255,255) -2.95px -0.566667px 0px, rgb(255,255,255) -2.6px -1.5px 0px, rgb(255,255,255) -1.96667px -2.26667px 0px, rgb(255,255,255) -1.11667px -2.78333px 0px, rgb(255,255,255) -0.133333px -3px 0px, rgb(255,255,255) 0.85px -2.88333px 0px, rgb(255,255,255) 1.75px -2.43333px 0px, rgb(255,255,255) 2.45px -1.73333px 0px, rgb(255,255,255) 2.88333px -0.833333px 0px, 0 3px 8px rgba(0,0,0,.5); padding:25px 0px; margin:0; background:url(../images/icon/bg_category.png) #ebfbff} 

.arrowlistmenu{ background: #f0f9ff }
.arrowlistmenu ul {list-style: none; margin: 0; padding: 0; font-size:17px;  }
.arrowlistmenu ul ul { background:rgba(255,255,255,.7); font-size:14px; padding-left: 20px; font-weight: normal; }
.arrowlistmenu ul ul ul { padding:0 0 0 40px; font-size:13px;}
.arrowlistmenu ul li { border-bottom: 1px solid #ddd; position: relative; overflow: hidden; transition: all .4s ease;}
.arrowlistmenu ul ul li {border-bottom: 0px solid #ddd;}
.arrowlistmenu ul li a { color: #333; padding:10px; text-decoration:none; display:block; transition:all 0.3s; cursor: pointer;}
.arrowlistmenu ul ul ul li a { padding:5px 10px; }
.arrowlistmenu ul li a:hover{ color:#085cba}

.arrowlistmenu ul li a.current{ color:#085cba;}
.arrowlistmenu ul ul ul li a.current{ background:#085cba; color:#fff;}
/* Level 3
.arrowlistmenu ul ul ul li a.current{ background:#085cba; color:#fff;}
*/
.expandable_main a{ background-image: url(../images/icon/arrow_right.png); background-repeat: no-repeat; background-position:95% 50%; background-size:19px 19px;}
.arrowlistmenu .openheader a{ background-image: url(../images/icon/arrow_down.png); background-repeat: no-repeat; background-position:95% 50%; background-size:19px 19px;}
.expandable_main ul li a { background-image: none; }
.arrowlistmenu .openheader ul li a { background-image: none; }

/* Subject Menu */
.subject_template{  }
.subject_template .title { text-align: left; font-size: 36px; padding:17px 5px 12px 5px; margin: 0 0 10px 0;  color:#ff7800; font-weight: bold}
.subject_template ul{ list-style:none; margin:0; padding:0px; width: 100%;}
.subject_template ul li{ margin: 0 15px 0 0 ; width: auto; float:left;  }
.subject_template ul li a, .subject_template ul li a:visited{ padding:5px 15px; display:block; border:1px solid #ff7800; background:#fff; color:#ff7800; border-radius: 8px;}
.subject_template ul li a:hover{ color: #555; background:#fff; }
.subject_template ul li a.current{ color:#fff; background:#ff7800; border-left:2px solid #ff7800; box-shadow: 0 2px 3px rgba(0,0,0,.1)}
.bottom_menu {
    background: url(../images/icon/shadow_bg_menu.png) no-repeat center center; background-size:cover;
    width: 100%;
    height: 7px;
}

/* 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:15px; 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:15px; 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 */
.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;}
.btn_back a{ background: url(../images/icon/icon_back.png) no-repeat #085cba; color:#fff; background-size: 26px 25px;
background-position: 15px 50%;  padding: 10px 30px 10px 60px;  border: 1px solid #fff; display: inline-block;  font-size: 20px;  line-height: 28px;
}
.btn_back a:hover{ background: url(../images/icon/icon_back.png) no-repeat #ffa030;background-size: 26px 25px; background-position: 15px 50%; color:#fff; }

.calendar { background:#fff; box-shadow:0 0 3px rgba(0,0,0,.2); margin-top:30px; width:96%; padding:15px 2%; }
.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 }



.classes_cat{ float:left ; width:50%}
.classes_cat ul li a{ padding:20px; text-align:center; display:block; background:#fff; display:block; font-size:1.5em; border:1px solid #ccc; color: #333 }
.classes_cat ul li a:hover{background:#ff457e; color:#FFF }


#FullPage  .left_menu { display:none;}

#FullPage .subject_template{ width:100%;}
#FullPage .subject_template .title { float:left; background: none; color:#333; text-align: left; margin:0; padding:5px 30px 10px 30px; font-size: 23px; text-shadow: 0px 0px 1px rgba(0,0,0,.3);}

#FullPage .subject_template ul{ list-style:none; margin:0; float:left; border-top: 1px solid #1799da; border-left: 1px solid #1799da; border-right: 1px solid #1799da; }
#FullPage .subject_template ul li{ float:left;  }
#FullPage .subject_template ul li+li{ float:left; border-left:1px solid #ddd; }
#FullPage .subject_template ul li a{ background:#fff; padding:7px 24px; display:block; font-size:15px;}
#FullPage .subject_template ul li a:hover{ background:#0087ca;  color:#fff}
#FullPage .subject_template ul li a.current{ background:#ffa800; color:#fff}

#table_box{ border:1px solid #163673; padding:1px; background:#fff;border-collapse:inherit} 
#table_box tr:nth-child(1), #title_head{ background:#14336e; color:#fff;} 
#table_box tr:nth-child(even) td{ background:#f7feff} 

.wrap .dropdown span {cursor: pointer;border-bottom:1px solid #039;color:#039; font-size:16px; border:1px solid #ddd; padding:5px 30px 5px 5px; background:url(../images/icon/down.gif) no-repeat; background-position:90% 50%;  }
.wrap .dropdown { float:right; margin:15px 0 0; }
.wrap  .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;
}
.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:#039; color:#fff; }







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

.link_button{ float: left;width: 100%;margin: 20px 0 0 0;padding: 0; }
.link_button ul {list-style: none;margin: 0 ;padding: 0 0.5%; }
.link_button .area {}

.link_button_area {}
.link_button ul li {  margin: 0 0 ; float: left;width: 48%; position:relative; margin:0 1%;}
.link_button ul li a {display: block;font-size: 21px;text-shadow: 0 0 3px rgba(0,0,0,.2);padding:43% 0px; border-radius: 8px;border: 3px solid #fff; background:url(../images/web/head_boy&girl_1.png) no-repeat center #ff7404;position:relative; background-size: 80%}
.link_button ul li a span{color:#fff; position:absolute; width:100%; text-align:center;}


.link_button ul li a:hover {display: block;font-size: 21px;text-shadow: 0 0 3px rgba(0,0,0,.2);padding:43% 0px; border-radius: 8px;border: 3px solid #fff; background:url(../images/web/head_boy&girl_1.png) no-repeat center #ffea00;position:relative; background-size: 80%}
.link_button ul li span{  color:#fff   }
.link_button ul li img{ max-width: calc(100% - 10px); border-radius:8px;  padding:5px}


.link_button ul li+li a {display: block;font-size: 21px;text-shadow: 0 0 3px rgba(0,0,0,.2);padding:43% 0px; border-radius: 8px;border: 3px solid #fff; background:url(../images/web/video_1.png) no-repeat center #0bc7e9;position:relative; background-size: 80%}
.link_button ul li+li a:hover {display: block;font-size: 21px;text-shadow: 0 0 3px rgba(0,0,0,.2);padding:43% 0px; border-radius: 8px;border: 3px solid #fff; background:url(../images/web/video_1.png) no-repeat center #b3e600;position:relative; background-size: 80%}












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

.bg_love { position: absolute; top: -30px; width: 100%; height: 54px; background: url(../images/web/bg_love.png) repeat-x; }







/* 內頁 */
#inside_bg tr:nth-child(1) { background:#085cba; color:#fff}
#inside_bg tr { background:#fff; color:#333}
#award_table { background:#dff4ff !important; color:#fff !important; }
#inside_bg td, th {
  border: 1px solid #c4ebff !important;
  padding: 10px;
}
table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0px;
  margin: 20px 0;
}
tr { background:#72cfff; color:#333}
tr:nth-child(2n+1){ background:#085cba; color:#fff}

td, th {
  border: 1px solid #fff;
  padding: 10px;
}

th {
  text-align: center;
  min-width: 55px;
}

.red {
  color: red;
}

.text_center {
  text-align: center;
}