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

html,body {
    padding: 0px; margin: 0px; min-height:100%; font-size:17px; color: #333; line-height:28px; background:#4ad4f9;
	font-family: "cwTeXYen", "", "Microsoft JhengHei", "Segoe UI Semibold", "Segoe UI", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;	
}
.clear{clear:both}
.wrap{ width:100%; min-height:100%;  }
.screen{ min-width:680px; max-width:1080px; position:relative; padding:0px 10px;}
div, ul li{ margin:0px auto; padding:0px;}
#home { overflow: hidden}
ul li a{ text-decoration: none }
img { }
th {
    border-bottom: 0px solid #ccc;
    padding-right: 0;
    text-align: left;
}
table{border-collapse: inherit;}
.container{ background :linear-gradient(#49d4f9,#fff,#48d4f9);}

.four_companies span{ margin:0 0 0 0;font-size: 17px; margin:0 10px 0 0;}



/* Header */
.header{ background: url(../images/web/header_2.jpg) center top ; height:295px; width:100%;}
.header .logo{ float:left; margin:10px 0 0 10px;}
.header .logo .logo_img{ float:left;}
.header .logo .logo_txt{ float:left;}

.top_btn { background:rgba(43,124,184,0.7); border-bottom-right-radius: 12px;
border-bottom-left-radius: 12px;  float:right; }
.top_btn ul{ list-style: none; margin:0; padding:0px 20px;} 
.top_btn ul li{ float:left; padding:10px 0px; }
.top_btn ul li a{ background:url(..//images/web/icon_home.png) no-repeat center left; padding:5px 15px 5px 33px; color:#fff; display:block; text-decoration:none; }
.top_btn ul li+li a{ background:url(../images/web/icon_calender.png) no-repeat center left; }
.top_btn ul li+li+li a{ background:url(../images/web/icon_contentus.png) no-repeat center left; }
.top_btn ul li a:hover{ color: #FF0; }

/* Menu */

#btn_sch_info a{ background:url(../images/btn_sch_info.png) no-repeat; width:162px; height:81px;}
#btn_sch_info ol li a{ background: none; width:auto; height:auto;}
#btn_sch_info a span { display:none;}

#btn_management a{ background:url(../images/btn_management.png) no-repeat; width:162px; height:81px;}
#btn_management ol li a{ background: none; width:auto; height:auto;}
#btn_management a span { display:none;}

h1{ font-size:33px; line-height:38px;}

#nav-wrap{    position: absolute;
    top: -35px;
    width: 100%;}

/* Banner */
.banner{ padding:50px 0;}
.background_area{ background: linear-gradient(#49d4f9,#fff,#48d4f9); height:auto }

.banner_area{}

.banner_area .box{ border: 4px solid #32439b; padding:15px 15px 35px 15px; background:url(../images/web/banner_wood.png); border-radius:12px; box-shadow: 0 0 5px rgba(255,255,255,.8); min-height:420px; position: relative}

.banner_area_inner { border: 4px solid #32439b; padding:15px 15px 35px 15px; background:url(../images/web/banner_wood.png); border-radius:12px; box-shadow: 0 0 5px rgba(255,255,255,.8); min-height:100px; margin-bottom:20px; position: relative}


.slider{ float: left; width:68%;}
.slider .area{ border:3px solid #1c75bc; border-radius:12px; background:#fff; padding:3px; min-height:380px; margin:35px 0 ; }

.latest_news {float: right; width:30%; position:relative; margin:10px 0 0 0;}
.latest_news .area{ border:3px solid #fff; border-radius:8px; background:#32439b; padding:2px; margin:0px 0 0 0 ; height: auto ; }
.latest_news .line { background:#32439b; margin:0 0 10px 0 ; height:2px ;width:100%}
.latest_news .title{ position:absolute;  background:url(../images/web/title_news.png) no-repeat; width:167px; height:34px; left:10px; top:25px; } 
.latest_news .wave_top {  background:url(../images/web/bg_wave.png) no-repeat center;  height:19px ; }

.latest_new_area{ padding:5px 0 0 0;}

.latest_news .title span{ position:absolute; left:10px; top:-15px; width:72px; height:59px; display:none}
.latest_news_area { margin:0 0 0 ; clear: both; background:#6939a2; border-radius:12px; padding:10px; }

.latest_news ul{ list-style:none; background:#fff;border-radius:12px; min-height:330px;  margin:10px ; padding:25px 10px 10px 10px; }

.latest_news ul li{ border-bottom:1px dotted rgba(0,0,0,.2); padding:5px 0; font-size:14px;}

.latest_news ul li:nth-child(even) {background-color:#fffae5; width: 100%;}

.latest_news ul li span{ color:#6939a2; float:left; width:30%; font-size:12px;}
.latest_news ul li a{ display:block; color:#333}
.latest_news ul li a:hover{ color:#ffac0c; text-decoration: none}

.latest_news .content{ float:right; width:68% }
.latest_news .content img{ }
.latest_news .more_area{ position:absolute; right:25px; top:25px;}
.latest_news .more_area a{ background:#83e5fc; line-height:19px; font-size:15px; display:block; padding:10px 25px 10px 25px ;border-top-left-radius:6px; border-top-right-radius:6px; color:#fff;}
.latest_news .more_area a:hover{ background:#ff507b; }

.latest_news .btn_media { position:relative;  }
.latest_news .btn_media  a{background:#ffa700; line-height:19px; font-size:15px; display:block; padding:10px 25px 10px 25px ;border-top-left-radius:6px; border-top-right-radius:6px; color:#fff; border-bottom-left-radius:6px; border-bottom-right-radius:6px; text-align:center;}
.latest_news .btn_media a:hover { background:#e10414;}


/* decoration */
.wave_ship { position:absolute; background:url(../images/web/bg_wave_ship.png) no-repeat left bottom ; width: 65%;height:40px ; bottom:0; left:50px;}

.star { position:absolute; background-image:url(../images/web/bg_star.png) ;width:59px ; height:63px ;right:-30px ; margin:0px 0 0 0  ; bottom:-13px ;}
.bg_fish { position:absolute; background-image:url(../images/web/bg_fish.png) ;width:187px ; height:186px ;left:-210px; bottom:0px; }
.bg_octopus { position:absolute; background-image:url(../images/web/bg_octopus.png) ;width:157px ; height:280px ;right:-170px; bottom: -150px;}



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

.gold_sententes{ float: right; width:100%; margin:30px 0 50px 0; position:relative;}
.gold_sententes .box{ border: 4px solid #fed427; background:#fff; border-radius:18px;  padding:0px 5px; margin:0 ; float:right;  }
.gold_sententes .box .area { padding-left:215px;}
.gold_sententes .box p{ padding:15px ; margin:0 }

.gold_sententes .steer { position:absolute; background-image:url(../images/web/bg_steer.png);width:216px;height:82px ; top:0; left:10px; top:-10px;}


.school_news { float: left; width:30%; margin:0 0 0 3%;position:relative;left:26px;}
.school_news .school_news_area{border:3px solid #865fb7; border-radius:12px; background:#f2e7ff;  padding:8px; height:400px;}
.school_news .school_news_area .box { background:#fff; padding:10px; border-radius:12px;height:380px;}
.school_news .line { background:#3b1175;  height:2px ;width:351px; position:absolute;top:28px;left:-2px;}
.school_news .title{background:url(../images/web/title_purple.png) no-repeat; position:absolute; width:186px; left:-20px; top:-31px ;display:block; height:65px;} 


.school_news{ padding:0 0 0 0;}

.school_news .title span{ position:absolute; left:10px; top:-15px; width:72px; height:59px; display:none}
.school_news_area { margin:0 0 0 ; clear: both; background:#6939a2; border-radius:12px; padding:10px; }

.school_news ul{ list-style:none; margin:0; padding:10px 0; background:#fff;border-radius:12px; clear:both; height:380px;  }

.school_news ul li{ border-bottom:1px dotted rgba(0,0,0,.2); padding:5px 0; font-size:15px;}

.school_news ul li:nth-child(even) {background-color:#fffae5; width: 100%;}

.school_news ul li span{ color:#6939a2; float:left; }
.school_news ul li a{ display:block; color:#333}
.school_news ul li a:hover{ color:#ffac0c; text-decoration: none}

.school_news .content{ }
.school_news .content img{ }
.school_news .more_area{ position:absolute; right:11px; top:-13px; font-size:18px;}
.school_news .more_area a{ background:#865fb7; line-height:23px; display:block; padding:10px 25px 10px 25px ;border-top-left-radius:6px; border-top-right-radius:6px; color:#fff;}
.school_news .more_area a:hover{ background:#ff507b; }




.eclass { float: right; width:30%; margin:0 0 0 3%;position:relative;}
.eclass .eclass_area {border:3px solid #ffe3a1; border-radius:12px; background:#ffbd66; padding:3px;  padding:8px; height:130px;}
.eclass .eclass_area .box { background:#fff; padding:10px; border-radius:12px;height:110px;}


.calender { float: right; width:30%; margin:0 0 0 3%;position:relative;}
.calender .calender_area {border:3px solid #00b8b5; border-radius:12px; background:#f0ffe9; padding:3px;  padding:8px; height:190px; margin:60px 0 0 0 ;}
.calender .calender_area .box { background:#fff; padding:10px; border-radius:12px;height:170px;}



.latest_award { float: left; width: calc(50% - 2.5%);  position: relative;  margin: 40px 0 0 2.5%;  }
.latest_award .title{ background:url(../images/web/title_red.png) no-repeat center; position:absolute; width:186px; left:-20px; top:-30px ;display:block; height:65px; }
.latest_award .line { background:#ff7070; margin:0 0 10px 3% ; top:30px; height:2px ;width:94%; position:absolute;  }
.latest_award_area{ border:3px solid #ff7070; border-radius:12px; background:#ffd9d9; padding:3px; padding:8px;  }
.latest_award_area ul{ list-style:none; margin:0; padding:10px 5px 10px 5px; background:#fff;border-radius:12px; clear:both; min-height: 165px;max-height: 165px;overflow-y: scroll; margin-top: 20px;}
.latest_award_area ul li{ float: left; margin:0 0 5px 0; padding:0 5px;}
.latest_award_area ul li .cover{ float:left; width:45%; }
.latest_award_area ul li:nth-child(even) { background:#fffbeb}
.latest_award_area .content{float: right; width:51%}
.latest_award_area ul li .cover img{ width:100%; border:2px solid #fff; border-radius:12px; }
.latest_award_area ul li:hover .cover img{ width:100%; border:2px solid #ff7200; }
.latest_award_area ul li span{ color:#ff7200; padding:5px 0px; display:block; font-size:15px; line-height:17px; }
.latest_award_area ul li a{ display:block; padding:6px 0px; color:#333}
.latest_award .more_area{ position:absolute; right:10px; top:-9px; font-size:18px;}
.latest_award .more_area a{ background:#fe2727; line-height:19px; font-size:15px; display:block; padding:10px 25px  ;border-top-left-radius:6px; border-top-right-radius:6px; color:#fff;}
.latest_award .more_area a:hover{ background:#fe9b26; }



/*
.latest_award{ position:relative;}
.latest_award .area{}
.latest_award .title{ padding:15px 0px 10px 0; color:#000; font-size:23px; background:url(../images/web/title_yellow.png) no-repeat; width:144px; text-align:center; float:left; margin:0 0 0 10px; } 
.latest_award .title span{ position:absolute; left:10px; top:-15px; width:72px; height:59px; display:none}
.latest_award_area { margin:0 0 0 ; clear: both; background:#ffb80c; border-radius:12px; padding:10px; }
.latest_award ul{ list-style:none; margin:0; padding:10px; border:3px solid #ffeb0c; background:#fff;border-radius:12px; }
.latest_award ul li{ border-bottom:1px dotted rgba(0,0,0,.2); padding:5px 0; font-size:15px;}
.latest_award ul li span{ color:#6939a2; display:block;  }
.latest_award ul li a{ display:block; color:#333}
.latest_award ul li a:hover{ color:#ffac0c; text-decoration: none}
.latest_award .content{ float: right ; width:62%;  }
.latest_award .cover img{ float: left; width:36%;}
.latest_award .cover img{ max-width:100%; }
.latest_award .more_area{ position:absolute; right:0px; top:12px; font-size:12px;}
.latest_award .more_area a{ background:#555; line-height:23px; display:block; padding:0 21px; border-radius:6px; color:#fff}
.latest_award .more_area a:hover{ background:#ff507b; }*/

.latest_events { float: left; width:calc(50%);position:relative; margin:0px 0 0 0; }
.latest_events .title{ background:url(../images/web/title_orange.png) no-repeat center; position:absolute; width:186px; left:-20px; top:-30px ;display:block; height:65px; }
.latest_events .line { background:#ff9606; margin:0 0 10px 3% ; top:30px; height:2px ;width:94%; position:absolute;  }
.latest_events_area{ border:3px solid #faa632; border-radius:12px; background:#ffefd9; padding:3px; padding:8px; margin-bottom:40px  }
.latest_events_area ul{ list-style:none; margin:0; padding:10px 5px 10px 5px; background:#fff;border-radius:12px; clear:both;min-height: 434px;max-height: 434px;overflow-y: scroll;margin-top: 20px;overflow-x: hidden;}
.latest_events_area ul li{ float: left; margin:0 0 5px 0; padding:0 5px;}
.latest_events_area ul li .cover{ float:left; width:45%; }
.latest_events_area ul li:nth-child(even) { background:#fffbeb}
.latest_events_area .content{float: right; width:51%}
.latest_events_area ul li .cover img{ width:100%; border:2px solid #fff; border-radius:12px; }
.latest_events_area ul li:hover .cover img{ width:100%; border:2px solid #ff7200; }
.latest_events_area ul li span{ color:#ff7200; padding:5px 0px; display:block; font-size:15px; line-height:17px; }
.latest_events_area ul li a{ display:block; padding:6px 0px; color:#333}
.latest_events .more_area{ position:absolute; right:10px; top:-9px; font-size:18px;}
.latest_events .more_area a{ background:#fed427; line-height:19px; font-size:15px; display:block; padding:10px 25px  ;border-top-left-radius:6px; border-top-right-radius:6px; color:#fff;}
.latest_events .more_area a:hover{ background:#fe9b26; }

.latest_noices { float: left; width:calc(50% - 2.5%);position:relative; margin:0px 0 0 2.5%; }
.latest_noices .title{ background:url(../images/web/title_purple.png) no-repeat center; position:absolute; width:186px; left:-20px; top:-30px ;display:block; height:65px; }
.latest_noices .line { background:#632dad; margin:0 0 10px 3% ; top:30px; height:2px ;width:94%; position:absolute;  }
.latest_noices_area{ border:3px solid #865fb7; border-radius:12px; background:#f4ebff; padding:3px; padding:8px;  }
.latest_noices_area ul{ list-style:none; margin:0; padding:10px 5px 10px 5px; background:#fff;border-radius:12px; clear:both;min-height: 165px;
max-height: 165px;
overflow-y: scroll;
margin-top: 20px; }
.latest_noices_area ul li{ float: none; margin:0 0 5px 0; padding:6px 5px; font-size:15px;s}
.latest_noices_area ul li .date{ float: left; width:35%}
.latest_noices_area ul li .download{ float: right; width:63%}
.latest_noices_area ul li:nth-child(even) { background:#fafafa}
.latest_noices_area ul li span{ color:#666; display:block;  }
.latest_noices_area ul li a{ display:block; padding:0px; color:#333 ; }
.latest_noices .more_area{ position:absolute; right:10px; top:-9px; font-size:18px;}
.latest_noices .more_area a{ background:#865fb7; line-height:19px; font-size:15px; display:block; padding:10px 25px  ;border-top-left-radius:6px; border-top-right-radius:6px; color:#fff;}
.latest_noices .more_area a:hover{ background:#511f91; }

.right_area { float:right; width:31%;}






.school_albums { float: left; width:calc(50% - 2.5%);position:relative; margin:0px 0 0 2.5%; }
.school_albums .title{ background:url(../images/web/title_blue.png) no-repeat center; position:absolute; width:186px; left:-20px; top:-30px ;display:block; height:65px; }
.school_albums .line { background:#00c3ff; margin:0 0 10px 3% ; top:30px; height:2px ;width:94%; position:absolute;  }
.school_albums_area{ border:3px solid #00c3ff; border-radius:12px; background:#ebfffe; padding:3px; padding:8px;  }
.school_albums_area ul{ list-style:none; margin:0; padding:10px 5px 10px 5px; background:#fff;border-radius:12px; clear:both;min-height: 165px;max-height: 165px;overflow-y: scroll;margin-top: 20px;overflow-x: hidden;}
.school_albums_area ul li{ float: left; margin:0 0 5px 0; padding:0 5px;}
.school_albums_area ul li .cover{ float:left; width:45%; }
.school_albums_area ul li:nth-child(even) { background:#fffbeb}
.school_albums_area .content{float: right; width:51%}
.school_albums_area ul li .cover img{ width:100%; border:2px solid #fff; border-radius:12px; }
.school_albums_area ul li:hover .cover img{ width:100%; border:2px solid #ff7200; }
.school_albums_area ul li span{ color:#ff7200; padding:5px 0px; display:block; font-size:15px; line-height:17px; }
.school_albums_area ul li a{ display:block; padding:6px 0px; color:#333}
.school_albums .more_area{ position:absolute; right:10px; top:-9px; font-size:18px;}
.school_albums .more_area a{ background:#03a2d3; line-height:19px; font-size:15px; display:block; padding:10px 25px  ;border-top-left-radius:6px; border-top-right-radius:6px; color:#fff;}
.school_albums .more_area a:hover{ background:#fe9b26; }



#login_area{  position:relative; }
#login_area .title {background:url(../images/web/title_yellow.png) no-repeat center; width:238px; height:65px; position:absolute; top:-33px; left:-20px;}

#login_area .login_icon{ position:absolute; left:-15px; top:-15px; }
.bg_eclass{ background:#fff; border-radius:12px; padding:25px 10px 15px 8px; }
#login_area #sumbit{margin-top: 0px; background:#9ecc14; float:right; line-height:15px;font-weight: bold; cursor:pointer; color:#fff; padding:5px 15px; text-align: center; border:0px; border-radius:4px; } 
#login_area #sumbit:hover{ background:#ff9600; }
#login_area{ background: #ffbd66;  position:relative; border:2px solid #ffeeb2; border-radius:16px; padding:10px;top:-23;}
#login_area .login_icon{ position:absolute; left:-15px; top:-15px;}
input { height:30px}

.fc-view-container{ background:#fff;}
.main_calenadr h2{ font-size:12px; margin:0; padding:0; line-height:15px;}

.main_calenadr{ position:relative; margin:74px 0 0 ; }
.main_calenadr .area{ color:#00a5e3; line-height:21px;}
.main_calenadr .title{ background:url(../images/web/title_green.png) no-repeat center; width:185px; height:65px; position:absolute; top:-33px; left:-20px;} 
.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:25px 0px 0px 0px; min-height:150px; }
.main_calenadr .area iframe{ width:100%; height:220px;}
.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:11px; top:-13px; font-size:15px;}
.main_calenadr .more_area a{ background:#4ac5ee; line-height:19px; display:block; padding:10px 25px 10px 25px ;border-top-left-radius:6px; border-top-right-radius:6px; color:#fff;}
.main_calenadr .more_area a:hover{ background:#119cca; }

.main_calenadr .box_area {border:3px solid #00b8b5; border-radius:12px; background:#f0ffe9; padding:8px;  margin:0px 0 0 0 ;}




/* Inner Area */






.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_links  { width:100%; padding:20px 0;} 

.Userful_link_inside{ border:3px solid #1c75bc; border-radius:12px; background:#edf9ff; padding:10px 10px 0 10px; position:relative; z-index:1  }
.Userful_link_inside .title{ display:none}
.Userful_link_inside ul{ list-style:none; margin:0 0 0 -2%; padding:0 ;}
.Userful_link_inside ul li{ float: left; width:18%; margin:0 0 10px 2%}
.Userful_link_inside ul li img{ width:100%; border-radius:6px; box-shadow:0 0 3px rgba(0,0,0,.2)}
.Userful_link_inside ul li:hover img{ opacity:.7; box-shadow:0 0 3px rgba(0,0,0,.4)}

.Userful_link_outside{ padding:0px 0 30px 0}
.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)}


.momo_fish{ background:url(../images/web/bg_fish_single.png) no-repeat left; width:82px; height:80px; position:absolute; left: -108px; top:180px; }
.light_building { background:url(../images/web/bg_island.png) no-repeat left; position: absolute; right: 0; bottom: 100px; width:535px; height:197px; z-index:0; }
.footer_island{ position:relative;}


.wave { background:url(../images/web/bg_bottom.png) ; width:auto; padding:45px 0 15px 0; z-index:2; position: relative}
.wave p { text-align:center;}
.wave span { padding:0 10px; } 
/* Footer */

.footer{  font-size:15px; background:#172d9e ; color:#fff;}
.footer .screen{ padding:20px 15px;}
.footer .copyright{ float:left; width:60%; text-align: left}
.footer .power{ float:right; width:38%; text-align: right}
.footer a{ color: #fff000;}
.footer .power a:hover{ color:#dbf9ff;}

.footer_inner { position:relative; bottom:-140px; text-align:center; font-size :18px;}

.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; z-index:5;
  
}
.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;}


.wooden_banner{ background: url(../images/web/inner_banner_bg.png) no-repeat ; background-size: cover; padding:10px; border-radius:8px; margin-bottom:30px; }

.inner_banner{ background-size:cover; position: relative; padding:120px 0 30px 0; border:1px solid #fff; }
.inner_banner h1{ background: rgba(94,52,5,.8); border-top-right-radius: 8px; border-bottom-right-radius: 8px; color:#fff; padding:5px 35px; display:inline; font-size:28px; line-height:32px; }

.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_full{ padding:10px 0;}
.inner_content{ float:right; width:78%; margin-bottom:50px; padding:50px 0 50px 0;}
.inner_content .main_content{ padding:5px 20px 15px 20px; min-height:500px; border:3px solid #085cba; border-radius:12px; background: url(../images/web/content_top.png) no-repeat top center #fff; }


#FullPage .inner_content{ float:right; width:100%; margin-bottom:50px; padding:50px 0 0px 0;}

.inner_content_full .main_content{ padding:5px 20px 30px 20px; min-height:500px; border-radius:12px; position:relative; border:3px solid #085cba; background:#fff;}
.inner_content_full h1{ }

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

.Album{ margin:30px 0px;}
.Album .title{ background:#fafafa; border-left:2px solid #085cba; color:#085cba; padding:8px 15px; font-size:21px; line-height:32px; display:block;  box-shadow:0px 3px 2px rgba(0,0,0,.2); margin-bottom:20px; }
.Album .description{ background:#fff; padding:15px; margin:20px 0; border:2px solid #085cba; }
.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; }

#Inner_Type_F ul { list-style: none; margin:0; padding:0 }

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


.download_area{ margin:30px 0px;}
.download_area .title{ background:#fafafa; border-left:2px solid #ff4546; color:#ff4546; padding:8px 15px; font-size:21px; line-height:32px; display:block;  box-shadow:0px 3px 2px rgba(0,0,0,.2); margin-bottom:20px; }
.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{ border:2px solid #27aae1; color: #333; display:block; text-align: center; padding:5px; border-radius:8px; }
.subject_category a:hover {  background:#32439b; color:#fff; }
.subject_category a:hover{ text-decoration:none}

/* Information Template */

.sub_category{ margin:15px 0;}
.sub_category ul{ list-style: none; padding: 0px 0 0px 0;margin: 0px 0 10px 0; height:40px; 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: 19px; border-right: 1px solid #ddd;  border-left: 1px solid #ddd;  border-top: 1px solid #ddd; }
.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%; margin:0; }
#info_type_A .information ul .title_area{ border-bottom:2px solid #085cba; color:#085cba;}
#info_type_A .information  a { color:#09C}
#info_type_A .information  a:hover { color: #F90}
#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; }

#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%; height:420px;}
.youtube_video video{ width:100%; 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}

/* Sub Menu */

#FullPage .left_menu { display:none}

.left_menu{ float:left; width:22%; margin:60px 0 20px 0; border-top-left-radius: 8px; border-bottom-left-radius: 8px; }
.submenu{ box-shadow:-3px 3px 3px rgba(0,0,0,.1); margin:25px 0 0 0; background: #f6fbff;  border-top-left-radius: 8px; border-bottom-left-radius: 8px; overflow:hidden}
.submenu .title { background: url(../images/web/main_menu_bg.png) #085cba top left; padding:60px 10px 10px 0; margin:0; text-align: right; background-size:cover;  }
.submenu .title p { font-size:24px; color:#fff; text-shadow:0px 0px 3px rgba(0,0,0,.3); margin:0; padding:5px; } 
 
.arrowlistmenu{ background: #f0f9ff }
.arrowlistmenu ul {list-style: none; margin: 0; padding: 0; font-size:15px;}
.arrowlistmenu ul ul { background:rgba(255,255,255,.7); font-size:15px; }
.arrowlistmenu ul ul ul { padding:0 0 0 15px; 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; padding:0 20px ; font-size:13.5px;}
.arrowlistmenu ul li a { color: #333; padding:8px 10px; text-decoration:none; display:block; transition:all 0.3s; cursor: pointer;}
.arrowlistmenu 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 { background: url(../images/web/icon_book.png) left center no-repeat; margin-bottom:5px; color:#0da7b6; text-align: left; font-size:24px; padding:15px 0px 15px 80px;  font-weight: bold; border-bottom:2px solid #0da7b6;}
.subject_template ul{ list-style:none; margin:0; padding:0px}
.subject_template ul li{ margin-bottom:5px; float: left; margin-right:5px;  }
.subject_template ul li a{ padding:5px 15px; display:block; border-radius:8px; box-shadow: 0 2px 3px rgba(0,0,0,.1) ; background:#f9f0d8; color:#333  }
.subject_template ul li a:hover{ color:#fff; background:#F90}
.subject_template ul li a.current{ color:#fff; background:#0da7b6;  }

.bg_paper{ background:#fffdeb; margin:10px 0; padding:5px 10px; box-shadow: 0 0 2px rgba(0,0,0,.1)}

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



.Userful_links #moving { position:relative ;  }
.Userful_links #moving .viewport {  height: 105px; overflow: hidden; border-radius:16px; width:96%; position: relative; margin:0px auto; }
.fc-scroller{ height:327px;}
.Userful_links #moving .prev{
    background: #fff url(../images/web/arrow_left.png) no-repeat center center; text-align:center; border:2px solid #ff0606;

    display: block;
    top:35px; 
    left:-10px; padding:15px;
    width: 23px;
    height: 23px;
	border-radius:50%;
    position: absolute;
	z-index:1;
}
.Userful_links #moving .prev:hover{opacity: 0.7}
.Userful_links #moving .next {
    background: #fff url(../images/web/arrow_right.png) no-repeat center center; text-align:center; border:2px solid #ff0606;

    display: block;
    top:35px; 
    right:-10px; padding:15px;
    width: 23px;
    height: 23px;
	border-radius:50%;
    position: absolute;
	z-index:1;
}
.Userful_links #moving .next:hover{opacity: 0.7}
.Userful_links #moving .disable { visibility: hidden; }
.Userful_links #moving .overview { list-style: none; position: absolute; padding: 0 5px; margin: 0;  left: 0px;}
.Userful_links #moving .overview li{background: #fff; float: left; margin: 5px 15px; width:222px;  -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;}
@media screen and (max-width: 1024px) {
.Userful_links #moving .overview li { width:205px }
}

.Userful_links #moving .overview li .cover{width: 100%;}
.Userful_links #moving .overview li a{display:block }
.Userful_links #moving .overview li img{ width: 100%; }
.Userful_links #moving .overview li p{ }
.Userful_links #moving .overview li:hover p{ color:#006be1; text-decoration:none; }
.Userful_links #moving .overview li a:hover { text-decoration:none; }
.Userful_links #moving .overview li:hover img{ opacity:.7 }
.Userful_links #moving .overview li:hover{ }


#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} 


/*Page English HFW*/
.accordion {
  background-color: #eee;
  color: #0d6e4e;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
  margin: 0 0 10px 0;
}

.active, .accordion:hover {
  background-color: #172d9e; 
  color:#fff;
}

.panel {
  padding: 0 18px;
  display: none;
  background-color: white;
  overflow: hidden;
}


.left_area {float: left;width: 67%;}