@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:linear-gradient(#fffde8 50%, #ccf1f4 ) }

.screen{ min-width:680px; max-width:1180px; position:relative; padding:0px 10px;}

.container{ height: auto; min-height:500px; padding:0 0 20px 0 }

.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 {}

.container a:hover { }



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}

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_pink .border_bg{ border: 3px solid #e41227;}

#bg_pink .border_bg_inside { background:#fee0e3}

#bg_pink .submenu .title p { color: #e41227;}

#bg_pink .submenu .title {background: url(../images/icon/bg_category.png) top left ,linear-gradient(45deg ,#fc4254  50%, #fe8490  50%);border-top: 2px solid #fc4254 ;border-left: 2px solid #fc4254 ;border-right: 2px solid #fc4254 ;}

#bg_pink .arrowlistmenu { border-left: 2px solid #fc4254;border-right: 2px solid #fc4254;border-bottom: 2px solid #fc4254;background: #fff9fa;}

#bg_pink .arrowlistmenu ul li a.current {color: #fff;background: #e41227;}

#bg_pink  .arrowlistmenu ul li a:hover {    color: #fff; background: #e41227;}

#bg_pink h1{color: #e41227;}

#bg_pink h3{color: #e41227; border-left: 2px solid #e41227}

#bg_pink h5{color: #e41227;}

#bg_pink .footer_info { background:#e31d31}

#bg_pink .Album .title {border-left: 2px solid #e41227;color: #e41227;}

#bg_pink .Album .description {border:none;}

#bg_pink .nevigation .home{ background:url(../images/icon/icon_home_red.png) no-repeat; background-position: 0 4px; }

#bg_pink .download_area .title {background: #fafafa;border-left: 2px solid #e41227;color: #e41227;padding: 8px 15px;font-size: 21px;

line-height: 32px;display: block;box-shadow: 0px 3px 2px rgba(0,0,0,.2);margin-bottom: 20px;}











#bg_orange .border_bg{ border: 3px solid #fb7c2f;}

#bg_orange .border_bg_inside { background:#ffe6d7}

#bg_orange .submenu .title p { color: #fb7c2f;}

#bg_orange .submenu .title {background: url(../images/icon/bg_category.png) top left ,linear-gradient(45deg ,#fb9d36 50%, #fbb02f 50%);border-top: 2px solid #fb7c2f ;border-left: 2px solid #fb7c2f ;border-right: 2px solid #fb7c2f ;}

#bg_orange .arrowlistmenu { border-left: 2px solid #fb7c2f;border-right: 2px solid #fb7c2f;border-bottom: 2px solid #fb7c2f;background: #fff9fa;}

#bg_orange .arrowlistmenu ul li a.current {color: #fff;background: #fb7c2f;}

#bg_orange  .arrowlistmenu ul li a:hover {    color: #fff; background: #fb7c2f;}

#bg_orange h1{color: #fb7c2f;}

#bg_orange h3{color: #fb7c2f; border-left: 2px solid #fb7c2f}

#bg_orange h5{color: #fb7c2f;}

#bg_orange .Album .title {border-left: 2px solid #fb7c2f;color: #fb7c2f;}

#bg_orange .Album .description {border:none;}

#bg_orange .nevigation .home{ background:url(../images/icon/icon_home_orange.png) no-repeat; background-position: 0 4px; }

#bg_orange .download_area .title {background: #fafafa;border-left: 2px solid #fb7c2f;color: #fb7c2f;padding: 8px 15px;font-size: 21px;

line-height: 32px;display: block;box-shadow: 0px 3px 2px rgba(0,0,0,.2);margin-bottom: 20px;}













#bg_grape .border_bg{ border: 3px solid #6530a8;}

#bg_grape .border_bg_inside { background:#f3e9ff}

#bg_grape .submenu .title p { color: #6530a8;}

#bg_grape .submenu .title {background: url(../images/icon/bg_category.png) top left ,linear-gradient(45deg ,#7d52b4 50%, #cdaef5 50%);

border-top: 2px solid #6530a8;border-left: 2px solid #6530a8;border-right: 2px solid #6530a8;}

#bg_grape .arrowlistmenu { border-left: 2px solid #6530a8;border-right: 2px solid #6530a8;border-bottom: 2px solid #6530a8;background: #faf6ff;}

#bg_grape .arrowlistmenu ul li a.current {color: #fff;background: #6530a8;}

#bg_grape  .arrowlistmenu ul li a:hover {    color: #fff; background: #6530a8;}

#bg_grape h1{color: #6530a8;}

#bg_grape h3{color: #6530a8; border-left: 2px solid #6530a8}

#bg_grape h5{color: #6530a8;}

#bg_grape .footer_info { background:#6530a8}

#bg_grape .download_area .title {background: #fafafa;border-left: 2px solid #6530a8;color: #6530a8;padding: 8px 15px;font-size: 21px;

line-height: 32px;display: block;box-shadow: 0px 3px 2px rgba(0,0,0,.2);margin-bottom: 20px;}









#bg_grape_l .border_bg{ border: 3px solid #e34be3;}

#bg_grape_l .border_bg_inside { background:#f3e9ff}

#bg_grape_l .submenu .title p { color: #e34be3;}

#bg_grape_l .submenu .title {background: url(../images/icon/bg_category.png) top left ,linear-gradient(45deg ,#e589e5 50%, #ffd5ff 50%);

border-top: 2px solid #e34be3;border-left: 2px solid #e34be3;border-right: 2px solid #e34be3;}

#bg_grape_l .arrowlistmenu { border-left: 2px solid #e34be3;border-right: 2px solid #e34be3;border-bottom: 2px solid #e34be3;background: #faf6ff;}

#bg_grape_l .arrowlistmenu ul li a.current {color: #fff;background: #e34be3;}

#bg_grape_l  .arrowlistmenu ul li a:hover {    color: #fff; background: #e34be3;}

#bg_grape_l h1{color: #e34be3;}

#bg_grape_l h3{color: #e34be3; border-left: 2px solid #e34be3}

#bg_grape_l h5{color: #e34be3;}

#bg_grape_l .footer_info { background:#e589e5}

#bg_grape_l .download_area .title {background: #fafafa;border-left: 2px solid #e34be3;color: #e34be3;padding: 8px 15px;font-size: 21px;

line-height: 32px;display: block;box-shadow: 0px 3px 2px rgba(0,0,0,.2);margin-bottom: 20px;}











#bg_blue .border_bg{ border: 3px solid #12a2c5;}

#bg_blue .border_bg_inside { background:#e8faff}

#bg_blue .submenu .title p { color: #12a2c5;}

#bg_blue .submenu .title {background: url(../images/icon/bg_category.png) top left ,linear-gradient(45deg ,#149cbe 50%, #4ad2f4 50%);border-top: 2px solid #12a2c5 ;border-left: 2px solid #12a2c5 ;border-right: 2px solid #12a2c5 ;}

#bg_blue .arrowlistmenu { border-left: 2px solid #12a2c5;border-right: 2px solid #12a2c5;border-bottom: 2px solid #12a2c5;background: #fff9fa;}

#bg_blue .arrowlistmenu ul li a.current {color: #fff;background: #12a2c5;}

#bg_blue  .arrowlistmenu ul li a:hover {    color: #fff; background: #12a2c5;}

#bg_blue h1{color: #12a2c5;}

#bg_blue h3{color: #12a2c5; border-left: 2px solid #12a2c5}

#bg_blue h5{color: #12a2c5;}

#bg_blue .Album .title {border-left: 2px solid #12a2c5;color: #12a2c5;}

#bg_blue .Album .description {border:none;}

#bg_blue .nevigation .home{ background:url(../images/icon/icon_home_blue.png) no-repeat; background-position: 0 4px; }

#bg_blue .download_area .title {background: #fafafa;border-left: 2px solid #12a2c5;color: #12a2c5;padding: 8px 15px;font-size: 21px;

line-height: 32px;display: block;box-shadow: 0px 3px 2px rgba(0,0,0,.2);margin-bottom: 20px;}













#bg_blue_b .border_bg{ border: 3px solid #0b4bab;}

#bg_blue_b .border_bg_inside { background:#e2eeff}

#bg_blue_b .submenu .title p { color: #0b4bab;}

#bg_blue_b .submenu .title {background: url(../images/icon/bg_category.png) top left ,linear-gradient(45deg ,#0b4bab 50%, #1179cf 50%);border-top: 2px solid #0b4bab ;border-left: 2px solid #0b4bab ;border-right: 2px solid #0b4bab ;}

#bg_blue_b .arrowlistmenu { border-left: 2px solid #0b4bab;border-right: 2px solid #0b4bab;border-bottom: 2px solid #0b4bab;background: #fff9fa;}

#bg_blue_b .arrowlistmenu ul li a.current {color: #fff;background: #0b4bab;}

#bg_blue_b  .arrowlistmenu ul li a:hover {    color: #fff; background: #0b4bab;}

#bg_blue_b h1{color: #0b4bab;}

#bg_blue_b h3{color: #0b4bab; border-left: 2px solid #0b4bab}

#bg_blue_b h5{color: #0b4bab;}

#bg_blue_b .Album .title {border-left: 2px solid #0b4bab;color: #0b4bab;}

#bg_blue_b .Album .description {border:none;}

#bg_blue_b .nevigation .home{ background:url(../images/icon/icon_home_blue.png) no-repeat; background-position: 0 4px; }

#bg_blue_b .download_area .title {background: #fafafa;border-left: 2px solid #0b4bab;color: #0b4bab;padding: 8px 15px;font-size: 21px;

line-height: 32px;display: block;box-shadow: 0px 3px 2px rgba(0,0,0,.2);margin-bottom: 20px;}











#bg_yallow .border_bg{ border: 3px solid #ffd926;}

#bg_yallow .border_bg_inside { background:#ffe6d7}

#bg_yallow .submenu .title p { color: #fb9d36;}

#bg_yallow .submenu .title {background: url(../images/icon/bg_category.png) top left ,linear-gradient(45deg ,#fb9d36 50%, #fbb02f 50%);border-top: 2px solid #ffd926 ;border-left: 2px solid #ffd926 ;border-right: 2px solid #ffd926 ;}

#bg_yallow .arrowlistmenu { border-left: 2px solid #ffd926;border-right: 2px solid #ffd926;border-bottom: 2px solid #ffd926;background: #fff9fa;}

#bg_yallow .arrowlistmenu ul li a.current {color: #fff;background: #fb9d36;}

#bg_yallow  .arrowlistmenu ul li a:hover {    color: #fff; background: #fb9d36;}

#bg_yallow h1{color: #fb9d36;}

#bg_yallow h3{color: #fb9d36; border-left: 2px solid #fb9d36}

#bg_yallow h5{color: #fb9d36;}

#bg_yallow .Album .title {border-left: 2px solid #fb9d36;color: #fb9d36;}

#bg_yallow .Album .description {border:none;}

#bg_yallow .nevigation .home{ background:url(../images/icon/icon_home_orange.png) no-repeat; background-position: 0 4px; }

#bg_yallow .download_area .title {background: #fafafa;border-left: 2px solid #fb9d36;color: #fb9d36;padding: 8px 15px;font-size: 21px;

line-height: 32px;display: block;box-shadow: 0px 3px 2px rgba(0,0,0,.2);margin-bottom: 20px;}















#bg_green .border_bg{ border: 3px solid #42a311;}

#bg_green .border_bg_inside { background:#ffe6d7}

#bg_green .submenu .title p { color: #42a311;}

#bg_green .submenu .title {background: url(../images/icon/bg_category.png) top left ,linear-gradient(45deg ,#42a311 50%, #77c152 50%);border-top: 2px solid #42a311 ;border-left: 2px solid #42a311 ;border-right: 2px solid #42a311 ;}

#bg_green .arrowlistmenu { border-left: 2px solid #42a311;border-right: 2px solid #42a311;border-bottom: 2px solid #42a311;background: #fff9fa;}

#bg_green .arrowlistmenu ul li a.current {color: #fff;background: #42a311;}

#bg_green  .arrowlistmenu ul li a:hover {    color: #fff; background: #42a311;}

#bg_green h1{color: #42a311;}

#bg_green h3{color: #42a311; border-left: 2px solid #42a311}

#bg_green h5{color: #42a311;}

#bg_green .Album .title {border-left: 2px solid #42a311;color: #42a311;}

#bg_green .Album .description {border:none;}

#bg_green .nevigation .home{ background:url(../images/icon/icon_home_green.png) no-repeat; background-position: 0 4px; }

#bg_green .download_area .title {background: #fafafa;border-left: 2px solid #42a311;color: #42a311;padding: 8px 15px;font-size: 21px;

line-height: 32px;display: block;box-shadow: 0px 3px 2px rgba(0,0,0,.2);margin-bottom: 20px;}















#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/header.png) no-repeat top center, linear-gradient(#ccf1f4 10%,#fffde8 90%); height: 373px;}

.header .logo{ float:left; margin:10px 0 0 0;}

.header .logo .logo_img{ float:left;}

.header .logo .logo_txt{ float:left;}





.header .icon_top {position: absolute;right: 0;top: 0;width: 30%;}

.header .icon_top ul{ list-style:none; margin:0; padding:10px 5px;}

.header .icon_top ul li { float: left; font-size:15px; }

.header .icon_top ul li a { background: url(../images/web/top_home.png) no-repeat center top;width: 115px;height: 75px;

background-size: 100%;position: absolute;top: 0px;z-index: 1;margin: 0 auto;transition: all 0.3s ease-in-out;opacity: 1;

right: 240px;background-position: 0px -18px;text-align: center;padding: 9px 0 0 0;color: #fff;font-weight: bold; font-size:20px}

.header .icon_top ul li+li a { background: url(../images/web/top_eclass.png) no-repeat  center top;right: 120px;background-position: 0px -18px}

.header .icon_top ul li+li+li a { background: url(../images/web/top_hw.png) no-repeat  center top;right: 0;background-position: 0px -18px}

.header .icon_top ul li a:hover { background-position: 0px -8px;}



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





.border_bg { border-radius: 12px; background: #fff; border: 3px solid #6ac1b0; padding: 4px; position: relative; margin-top:-5px; }

.border_bg_inside { background: #dbf5f0;border-radius: 12px; padding:  10px;}



/* Menu */

#nav-wrap{ padding:0px 0 15px 0; position: absolute; top:-120px; width:96%; margin:0 1%; height:42px; }

/* 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{ float: left; width: 98%;background: #fff;padding:10px 1% ;border-radius: 12px; position: relative;

box-shadow: 0 0 3px rgba(0,0,0,.2); margin:0 0 15px 0 }

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

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



/* Banner */

.slider_main{ float:left;  margin:10px 0 0 0; width:70%}

.sentense{ float:left; width:98% ;position: relative; padding:5px 1% ; margin:0 0 15px 0 }

.sentense .box{ border-radius:12px;  position:relative;  }

.sentense .area{margin: 6px 10px 6px 176px; padding:10px; color:#2f2f2f; line-height:21px;font-size: 15px;background: #fff; border-radius: 12px;border: 2px solid #6ac1b0;}

.sentense .title{ position:absolute;font-weight: bold; left:5px; top:-15px; background:url(../images/web/logo_sentense.png) no-repeat left; padding:24px 34px 20px 94px;color:#fb7c2f; text-align: center; font-size:28px;text-shadow: 0px 3px 0px #fff, 0px -3px 0px #fff, 3px 0px 0px #fff, -3px 0px 0px #fff, -3px -2px 0px #fff, -3px 2px 0px #fff, 3px -2px 0px #fff, 3px 2px 0px #fff, 2px 3px 0px #fff, -2px 3px 0px #fff, -2px -3px 0px #fff, 2px -3px 0px #fff; background-position: 21px 1px;}













.banner_button{ float:right; width:28%; position:relative}

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

.banner_button ul li img { width:100%}

.banner_button ul li {  background-size: 100%;-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;right: 0px;position: relative;background: #b4ecd9;border: 2px solid #fff;border-radius: 8px;box-shadow: 0 0 0 2px #57b193;padding: 24px 0 24px 118px;margin: 6px 0 0 0;font-size: 25px;text-align: center;}

.banner_button ul li+li {background: #e1b3f1;box-shadow: 0 0 0 2px #ae77c1;}

.banner_button ul li+li+li { background: #fed0a8;box-shadow: 0 0 0 2px #fb8825;}

.banner_button ul li+li+li+li { background: #ecef9d;box-shadow: 0 0 0 2px #b1ca27;}

.banner_button ul li+li+li+li+li {background: #f9d3e3;box-shadow: 0 0 0 2px #e771a5;}



.banner_button ul li a { color:#31a9af;text-shadow: rgb(255, 255, 255) 3px 0px 0px, rgb(255, 255, 255) 2.83487px 0.981584px 0px, rgb(255, 255, 255) 2.35766px 1.85511px 0px, rgb(255, 255, 255) 1.62091px 2.52441px 0px, rgb(255, 255, 255) 0.705713px 2.91581px 0px, rgb(255, 255, 255) -0.287171px 2.98622px 0px, rgb(255, 255, 255) -1.24844px 2.72789px 0px, rgb(255, 255, 255) -2.07227px 2.16926px 0px, rgb(255, 255, 255) -2.66798px 1.37182px 0px, rgb(255, 255, 255) -2.96998px 0.42336px 0px, rgb(255, 255, 255) -2.94502px -0.571704px 0px, rgb(255, 255, 255) -2.59586px -1.50383px 0px, rgb(255, 255, 255) -1.96093px -2.27041px 0px, rgb(255, 255, 255) -1.11013px -2.78704px 0px, rgb(255, 255, 255) -0.137119px -2.99686px 0px, rgb(255, 255, 255) 0.850987px -2.87677px 0px, rgb(255, 255, 255) 1.74541px -2.43999px 0px, rgb(255, 255, 255) 2.44769px -1.73459px 0px, rgb(255, 255, 255) 2.88051px -0.838247px 0px;} 

.banner_button ul li+li a { color:#6530a8;} 

.banner_button ul li+li+li a { color:#f27a16;} 

.banner_button ul li+li+li+li a { color:#4fa65c;} 

.banner_button ul li+li+li+li+li a { color:#e33369;} 

















.banner_button ul li span { background: url(../images/web/happy_campus_channel.png) no-repeat left;position: absolute;top: -2px;left: -2px; width:100%; text-align:center; font-size:26px; color:#31a9af; height:80px}

.banner_button ul li+li span { background:url(../images/web/application.png) no-repeat left; height: }

.banner_button ul li+li+li span {background:url(../images/web/enrolment.png) no-repeat left; }

.banner_button ul li+li+li+li span { background:url(../images/web/online_self_learning.png) no-repeat left;}

.banner_button ul li+li+li+li+li span {  background:url(../images/web/news_reports.png) no-repeat left; }



.banner_button ul li:hover { right: -10px;}















.video_index{ float:left; width:100%; position:relative; }

.video_index ul{ list-style:none ; margin:0 0 0 -2%; padding:0}

.video_index ul li img { width:100%}

.video_index ul li iframe {width:100%; height: auto; box-shadow: 0 0 3px rgba(0,0,0,.2); min-height:222px; }



.video_index ul li  { height: auto ;width: 31.3%;float: left; background: #e8f8ff;margin: 0 0 0 2% ; position:relative}

.video_index ul li div { border:4px solid #b2dffe; padding: 15px 1% ;border-radius: 12px; box-shadow: 0 0 0 4px #232eb4; }



.video_index ul li+li div { background: #ffeefd;border:4px solid #e1b3f1;box-shadow: 0 0 0 4px #6530a8;}

.video_index ul li+li+li div {background: #f4ffee;border:4px solid #7cecd6;box-shadow: 0 0 0 4px #30a883; }



.video_index ul li span { background: #232eb4;color: #fff;width: 82%;position: absolute;text-align: center;top: -4px;margin: 0 5%;padding: 4% 0px;border-left: 2px solid #fff;box-shadow: 0 0 0 4px #232eb4;border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;border-right: 2px solid #fff;border-bottom: 2px solid #fff;font-size: 23px;}

.video_index ul li+li span { background: #6530a8;box-shadow: 0 0 0 4px #6530a8; }

.video_index ul li+li+li span {background: #30a883;box-shadow: 0 0 0 4px #30a883; }







#video_bg1 { background:#e8f8ff}























.button_index{ float:left; width:100%; position:relative;margin: 30px 0; }

.button_index ul{ list-style:none ; margin:0 0 0 -2%; padding:0}

.button_index ul li img { width:100%;border-radius: 12px;}

.button_index ul li  { height: auto;width: 31.3%;float: left;padding: 0;border-radius: 12px;margin: 0  0 0 2%;position: relative;box-shadow: 0 0 0 4px #ecf09b;}

.button_index ul li div { border: 3px solid #fff;border-radius: 12px; }



.button_index ul li span { background:url(../images/web/stem_bg.png) #ecf09b;color: #95ae14;width: 70%;position: absolute;text-align: center;bottom: -2px;margin: 0 15%;padding: 4% 0px;border-left: 2px solid #fff;box-shadow: 0 0 0 4px #ecf09b;border-top-left-radius: 8px;border-top-right-radius: 8px;border-right: 2px solid #fff;border-top: 2px solid #fff;font-size: 30px;

text-shadow: rgb(255, 255, 255) 3px 0px 0px, rgb(255, 255, 255) 2.83487px 0.981584px 0px, rgb(255, 255, 255) 2.35766px 1.85511px 0px, rgb(255, 255, 255) 1.62091px 2.52441px 0px, rgb(255, 255, 255) 0.705713px 2.91581px 0px, rgb(255, 255, 255) -0.287171px 2.98622px 0px, rgb(255, 255, 255) -1.24844px 2.72789px 0px, rgb(255, 255, 255) -2.07227px 2.16926px 0px, rgb(255, 255, 255) -2.66798px 1.37182px 0px, rgb(255, 255, 255) -2.96998px 0.42336px 0px, rgb(255, 255, 255) -2.94502px -0.571704px 0px, rgb(255, 255, 255) -2.59586px -1.50383px 0px, rgb(255, 255, 255) -1.96093px -2.27041px 0px, rgb(255, 255, 255) -1.11013px -2.78704px 0px, rgb(255, 255, 255) -0.137119px -2.99686px 0px, rgb(255, 255, 255) 0.850987px -2.87677px 0px, rgb(255, 255, 255) 1.74541px -2.43999px 0px, rgb(255, 255, 255) 2.44769px -1.73459px 0px, rgb(255, 255, 255) 2.88051px -0.838247px 0px;}





.button_index ul li+li  {box-shadow: 0 0 0 4px #f27b17;}

.button_index ul li+li+li{ box-shadow: 0 0 0 4px #32a9af;}



.button_index ul li+li span { background:url(../images/web/o_bg_point.png) #f17a16;color: #f0ad18;box-shadow: 0 0 0 4px #f17a16;}



.button_index ul li+li+li span { background:url(../images/web/b_bg_point.png) #32a9af;color: #118087;box-shadow: 0 0 0 4px #32a9af;}









.latest_new{ position:relative; float:right; width:30%;margin: 20px 0 0 0;}

.latest_new .area{}

.latest_new .title{  padding:23px 10px 23px 90px;font-size: 23px;color: #fff;display: block;position: absolute;background: url(../images/web/all_title_bg.png) #f482b5;border-top-right-radius: 12px;border-bottom-right-radius: 12px;margin: 22px 0 0 8px;}

.latest_new .title span{ background:url(../images/web/news_title_bg.png) no-repeat ; width:89px; height:74px; position:absolute; left:-4px; top:0px;}

.latest_new_area { margin:0 0 0 ; clear: both; background:#f9d2e5; border-radius:12px; padding:10px; border: 4px solid #f08fb8;box-shadow: 0 0 0 4px #f9d2e5;}

.latest_new ul{ list-style:none; margin:37px 0 0 0; padding:46px 10px 10px 10px; background:#fff;border-radius:12px;box-shadow: 0 0 3px rgba(0,0,0,.2);overflow-y: scroll; height:263px }

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

.latest_new ul li:nth-child(2n) {background-color: #fff3f3;}

.latest_new ul li span{ padding:0px 15px 6px 15px;color: #c9143e;display: block;font-size: 13px;line-height: 25px;background: url(../images/web/icon_calender_red.png) no-repeat left;padding-left: 34px;margin: 1% 0;background-position: 0px 50%; width: 27%;

float: left;  }

.latest_new ul li a{ display:block; color:#333}

.latest_new ul li a:hover{ color:#ffac0c; text-decoration: none}

.latest_new .content{line-height: 20px;padding: 5px 0; float: left;width: 54%;}

.latest_new .content img{ }

.latest_new .more_area{ position:absolute;right: 14px;top: 22px; font-size:12px;}

.latest_new .more_area a{ background:#ffa304; line-height:23px; display:block; padding:0 21px; border-radius:6px; color:#fff; border:1px solid #cd8403}

.latest_new .more_area a:hover{ background:#ff507b; }

























.school_awards{ position:relative; float:left; width:49%;background: #fff6ed;border-radius: 12px;box-shadow: 0 0 0 3px #f17a14;margin: 0px 0 0 0; }

.school_awards .box_border{border: 3px solid #ffa304; padding:40px 10px 10px 10px ; border-radius: 12px;}

.school_awards  .slick-prev:before, .latest_award .slick-prev:before{background: url(../slick/left_o.png) no-repeat;}
.school_awards  .slick-next:before, .latest_award .slick-next:before{background: url(../slick/right_o.png) no-repeat;}

.school_awards .title{ z-index:1; padding: 20px 20px 16px 80px;font-size: 23px;color: #fff;display: block;position: absolute;background: url(../images/web/all_title_bg.png) #f27b17;border-top-right-radius: 12px;border-bottom-right-radius: 12px;border-top: 1px solid #fff;

box-shadow: 0 0 0 4px #f27b17;border-right: 1px solid #fff;border-bottom: 1px solid #fff;margin: -23px 0 0 8px;}

.school_awards .title span{ background:url(../images/web/school_award_title_bg.png) no-repeat ; width:89px; height:74px; position:absolute; left: -18px;

top: -5px;}

.school_awards_area { margin:0 0 0 !important; clear: both !important; background:#fff !important; border-radius:12px !important; padding:60px 10px 10px 10px !important;box-shadow: 0 0 3px rgba(0,0,0,.2) !important; }

.school_awards .slick-list { list-style:none !important; margin:0 !important; padding:10px !important;border: 2px solid #f25e14 !important;background: #fffbf5;border-radius:12px !important; box-shadow: 1px 2px 3px rgba(45, 45, 45, 0.29) !important;}

.school_awards .slick-list  li{ }

.school_awards .slick-list  li span{ color:#6939a2; display:block;  }

.school_awards .slick-list  li a{ display:block; color:#333}

.school_awards .slick-list  li a:hover{ color:#ffac0c; text-decoration: none}

.school_awards .content{ float: right;width: 43%;text-align: center;background: url(../images/web/school_award_insidetitle_bg.png) #c9143e;

font-size: 27px;padding: 10px;line-height: 28px;border-radius: 8px;border: 2px solid #981231;color: #fff;}

.school_awards .inside_content{float: right ; width:48%; text-align:center; color:#f27a15;line-height: 22px;padding: 5px 0; }

.school_awards .cover { float: left; width:50%;}

.school_awards .cover img{ max-width:100%; }

.school_awards .more_area{ z-index:1; position:absolute; right:30px; top:26px; font-size:12px;}

.school_awards .more_area a{ background:#ffa304; line-height:23px; display:block; padding:0 21px; border-radius:6px; color:#fff; border:1px solid #cd8403}

.school_awards .more_area a:hover{ background:#ff507b; }







































.latest_award{ position:relative; float:right; width:49%;background: #fffeef;border-radius: 12px;box-shadow: 0 0 0 3px #ffc001;}

.latest_award .box_border{border: 3px solid #ffef03;padding:40px 10px 10px 10px ; border-radius: 12px;}



.latest_award .title{ z-index: 1; padding: 20px 20px 16px 80px;font-size: 23px;color: #fff;display: block;position: absolute;background: url(../images/web/all_title_bg.png) #f47a15;border-top-right-radius: 12px;border-bottom-right-radius: 12px;border-top: 1px solid #fff;

box-shadow: 0 0 0 4px #f27b17;border-right: 1px solid #fff;border-bottom: 1px solid #fff;margin: -23px 0 0 8px;}

.latest_award .title span{ background:url(../images/web/student_award_title_bg.png) no-repeat ; width:89px; height:74px; position:absolute; left: -18px;

top: -5px;}

.latest_award_area { margin:0 0 0  !important; clear: both !important; background:#fff !important; border-radius:12px !important; padding:60px 10px 10px 10px !important;box-shadow: 0 0 3px rgba(0,0,0,.2) !important; }

.latest_award .slick-list{ list-style:none !important; margin:0 !important; padding:10px !important;border: 2px solid #f25e14 !important;background: #fffbf5 !important;border-radius:12px !important;box-shadow: 1px 2px 3px rgba(45, 45, 45, 0.29) !important; }

.latest_award .slick-list li{ }

.latest_award .slick-list li span{ color:#6939a2; display:block;  }

.latest_award .slick-list li a{ display:block; color:#333}

.latest_award .slick-list li a:hover{ color:#ffac0c; text-decoration: none}

.latest_award .content{ float: right;width: 43%;text-align: center;background: url(../images/web/student_award_insidetitle_bg.png) #ff7e00;

font-size: 27px;padding: 10px;line-height: 28px;border-radius: 8px;border: 2px solid #f25e16;color: #fff;}

.latest_award .inside_content{float: right ; width:48%; text-align:center; color:#f27a15;line-height: 22px;padding: 5px 0; }

.latest_award .cover { float: left; width:50%; text-align: center;}

.latest_award .cover img{ max-width:100%; }

.latest_award .more_area{ z-index: 1; position:absolute; right:30px; top:26px; font-size:12px;}

.latest_award .more_area a{ background:#ffa304; line-height:23px; display:block; padding:0 21px; border-radius:6px; color:#fff; border:1px solid #cd8403}

.latest_award .more_area a:hover{ background:#ff507b; }

















.latest_events{position:relative; margin:30px 0 0 0; float:left; width:100%;background: #f0fcfc;border-radius: 12px;

box-shadow: 0 0 0 3px #2757a1; }



.latest_events .area{border: 3px solid #5eb1b9; border-radius: 12px; }



.latest_events .title{  padding: 20px 20px 16px 93px;font-size: 23px;color: #fff;display: block;position: absolute;background: url(../images/web/all_title_bg.png) #0d3980;border-top-right-radius: 12px;border-bottom-right-radius: 12px;border-top: 1px solid #fff;

box-shadow: 0 0 0 4px #0d3980;border-right: 1px solid #fff;border-bottom: 1px solid #fff;margin: 15px 0 0 8px;}

.latest_events .title span{ background:url(../images/web/photo_title_bg.png) no-repeat ; width:89px; height:74px; position:absolute; left: -8px;

top: -5px;}

.latest_events_area{ border-radius: 12px;padding: 10px; margin:40px 0 0 0}

.latest_events_area ul{ list-style: none;margin: 0;padding: 10px 5%;background: #fffaf4;border-radius: 8px;clear: both;border: 3px solid #fcbd54; }

.latest_events_area ul li{ float: left; width:23%; margin:40px 1% 10px 1%; background:#5db2b9}

.latest_events_area ul li .cover{ box-shadow:0 0 2px rgba(0,0,0,.2); margin:5px; width:94% }

.latest_events_area ul li .cover img{ width:100%; border:1px solid #fff; }

.latest_events_area ul li:hover .cover img{ width:100%; border:1px solid #085cba; }

.latest_events_area ul li:nth-child(4n+1){ clear:both;}

.latest_events_area ul li span{ padding:3px 15px 0px 15px;color: #fff;display: block;font-size: 15px;line-height: 25px;background: url(../images/web/icon_calender.png) no-repeat left;padding-left: 34px;margin: 1% 0;background-position: 0px 50%; 

 }

.latest_events_area ul li a{ display:block; padding: 0px;}

.latest_events_area ul li:nth-child(2n) {background:#ffa304}

.latest_events_area .content{float: left;padding: 0 10px 10px 10px;line-height: 18px;}

.latest_events_area .content img{ width:25px;}



.latest_events .more_area{ position:absolute; right:30px; top:14px; font-size:12px; z-index:1;}

.latest_events .more_area a{ background:#ffa304; line-height:23px; display:block; padding:0 21px; border-radius:6px; color:#fff; border:1px solid #cd8403}

.latest_events .more_area a:hover{ background:#ff507b; }









































.school_albums {position:relative; margin:20px 0 0 0; float:left; width:68% }

.school_albums .title{  padding: 23px 10px 15px 90px;font-size: 23px;color: #fff;display: block;position: absolute;background: url(../images/web/all_title_bg.png) #023d38;border-top-right-radius: 12px;border-bottom-right-radius: 12px;border-top: 1px solid #fff;

box-shadow: 0 0 0 4px #023d38;border-right: 1px solid #fff;border-bottom: 1px solid #fff;margin: 22px 0 0 8px;}

.school_albums .title span{ background:url(../images/web/event_title_bg.png) no-repeat ; width:89px; height:74px; position:absolute; left:-4px; top:-4px;}

.school_albums .arae { position:relative}

.school_albums_area{ border-radius: 12px;padding: 0;border: 4px solid #429890;}

.school_albums_area ul{ list-style: none;margin: 0;padding: 10px 0;background:url(../images/web/event_bg.png) center top no-repeat #fffaf4;border-radius: 8px;clear: both;border: 4px solid #90e1a5; }

.school_albums_area ul li{ width: 45%;

margin: 80px 1% 10px 1%;

float: left;

font-size: 15px;

line-height: 18px;

position: relative;}

.school_albums_area ul li+li{  width:51%;margin:80px 1% 10px 1%;background-color: #f9e8d4; line-height: 28px;}

.school_albums_area ul li + li+li {margin:0px 1% 10px 1%;background-color: #fffaf4;}







.school_albums_area ul li .cover{ float:left; width:100%}

.school_albums_area ul li .content{padding: 0px 5% 10px;background: rgba(177,125,14,.7);position: absolute;width: 90%;bottom: 7px; color:#fff;font-size:20px}

.school_albums_area ul li .cover img{ width:100%; border:1px solid #fff;left: -4px;top: -4px; }

.school_albums_area ul li:hover .cover img{ width:100%; border:1px solid #085cba; }

.school_albums_area ul li span{ padding: 6px 15px;color: #fff;display: block;font-size: 13px;line-height: 25px;background: url(../images/web/icon_calender.png) no-repeat center;padding-left: 34px;margin: 1% 0;background-position: 0px 50%; }

.school_albums_area ul li a{ display:block; padding:6px 0px;}

.school_albums_area ul li+li a{  padding:6px;}





.school_albums_area ul li+li .content{ float:left; width:50%; position: relative;background: none; color:#000; font-size:20px}

.school_albums_area ul li+li .cover{ float:left; width:40%}

.school_albums_area ul li+li span { background: url(../images/web/icon_calender_glod.png) no-repeat left; color:#b68827 }

.school_albums_area ul li+li .cover img{ width:100%; border:1px solid #fff;left: -4px;top: -4px; }

.school_albums_area ul li:nth-child(4n+1){ clear:both;}

.school_albums_area ul li+li.content{float: left; margin:0 0 0 10px}

.school_albums_area .content img{ width:25px;}



.school_albums .more_area{ position:absolute; right:30px; top:39px; font-size:12px;}

.school_albums .more_area a{ background:#ffa304; line-height:23px; display:block; padding:0 21px; border-radius:6px; color:#fff; border:1px solid #cd8403}

.school_albums .more_area a:hover{ background:#ff507b; }







#login_area{ margin:20x 0 0px 0;  position:relative;  }

#login_area .login_icon{ position:absolute; left:-15px; top:-15px;}

.bg_eclass{ background:#fff; border-radius:12px; padding:35px 10px 5px 8px; margin-top:15px;}

#login_area #sumbit{margin-top: 10px; background:#9ecc14; 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:url(../images/web/bg_shadow.png) repeat-x top #ffbd66;; margin:25px 0 ; position:relative; border:2px solid #ffd776; border-radius:16px; padding:10px;}

#login_area .login_icon{ position:absolute; left:-15px; top:-15px;}



.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:0px 0 0 0; background:url(../images/web/bottom.png)  no-repeat bottom center;}



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

.template_banner h1{ color:#fff;}





.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{ padding:5px 0 15px 0}

.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:14.6%; margin:0 0 10px 2%}

.Userful_link_inside ul li img{ width:100%; border-radius:12px; box-shadow:0 0 3px rgba(0,0,0,.2);border: 2px solid #6ac1b0;}

.Userful_link_inside ul li:nth-child(2n) img{border: 2px solid #d09821;}

.Userful_link_inside ul li:nth-child(3n) img{border: 2px solid #ffaba9;}

.Userful_link_inside ul li:nth-child(4n) img{border: 2px solid #c4113b;}

.Userful_link_inside ul li:nth-child(5n) img{border: 2px solid #0e3b7f;}



.Userful_link_inside ul li:nth-child(6n) img{border: 2px solid #ffaba9;}

.Userful_link_inside ul li:nth-child(7n) img{border: 2px solid #d09821;}

.Userful_link_inside ul li:nth-child(8n) img{border: 2px solid #ffaba9;}

.Userful_link_inside ul li:nth-child(9n) img{border: 2px solid #0e3b7f;}

.Userful_link_inside ul li:nth-child(10n) img{border: 2px solid #c4113b;}



.Userful_link_inside ul li:nth-child(11n) img{border: 2px solid #c4113b;}

.Userful_link_inside ul li:nth-child(12n) img{border: 2px solid #d09821;}

.Userful_link_inside ul li:nth-child(13n) img{border: 2px solid #0e3b7f;}

.Userful_link_inside ul li:nth-child(14n) img{border: 2px solid #c4113b;}

.Userful_link_inside ul li:nth-child(15n) img{border: 2px solid #0e3b7f;}









.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)}





/* Footer */









.footer_info{ background:#f99800; padding: 25px 0; }

.footer_info ul { padding: 0px; display: inline; list-style: none;}

.footer_info ul li { color: #fff; text-align: left; float: left;width:25%; }

.footer_info ul li span { background:url(../images/web/icon_map.png) no-repeat; padding:0 0 0 21px; }

.footer_info ul li+li span { background:url(../images/web/icon_tel.png) no-repeat}

.footer_info ul li+li+li span { background:url(../images/web/icon_fax.png) no-repeat; }

.footer_info ul li+li+li+li span { background:url(../images/web/icon_mail.png) no-repeat; }











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

.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:165px 0 30px 0; margin-bottom:30px;}

.inner_banner h1{ background: rgba(0,0,0,.7); color:#fff !important; 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;}



.main_content { position:relative;}

/* Page Content */

.inner_content{ float: right;width: 100%; margin:-0 0 0 0;position: relative;box-shadow: 0 0 3px rgba(0,0,0,.2);background: #fff;border-radius: 12px; }

.inner_content .main_content{ padding:5px 1% 30px 0px; min-height:500px;float: right; width: 74%; }

.inner_content_full{ margin: 0 0 }

.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{ }



.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;}

.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; }



.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{ }

.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;}

.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: 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%; }

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



#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:21%; margin:0 0 20px 1% }

.submenu{ margin: 25px 0 0 0;background: #f6fbff;border-top-left-radius: 12px; border-top-right-radius: 12px;border-bottom-left-radius: 12px;border-bottom-right-radius: 12px;}

.submenu .title { background:url(../images/icon/bg_category.png) top left ,linear-gradient(45deg ,#fb9d36 50%, #fbb02f 50%); margin:0px; padding:0px; text-align: center; background-size:cover; border-top-left-radius: 12px;border-top-right-radius: 12px;border-top: 2px solid #fb7c2f;border-left: 2px solid #fb7c2f;

border-right: 2px solid #fb7c2f; }

.submenu .title p { font-size:28px; color:#fb7c2f;  padding:25px 0px; margin:0;text-shadow: rgb(255, 255, 255) 3px 0px 0px, rgb(255, 255, 255) 2.83487px 0.981584px 0px, rgb(255, 255, 255) 2.35766px 1.85511px 0px, rgb(255, 255, 255) 1.62091px 2.52441px 0px, rgb(255, 255, 255) 0.705713px 2.91581px 0px, rgb(255, 255, 255) -0.287171px 2.98622px 0px, rgb(255, 255, 255) -1.24844px 2.72789px 0px, rgb(255, 255, 255) -2.07227px 2.16926px 0px, rgb(255, 255, 255) -2.66798px 1.37182px 0px, rgb(255, 255, 255) -2.96998px 0.42336px 0px, rgb(255, 255, 255) -2.94502px -0.571704px 0px, rgb(255, 255, 255) -2.59586px -1.50383px 0px, rgb(255, 255, 255) -1.96093px -2.27041px 0px, rgb(255, 255, 255) -1.11013px -2.78704px 0px, rgb(255, 255, 255) -0.137119px -2.99686px 0px, rgb(255, 255, 255) 0.850987px -2.87677px 0px, rgb(255, 255, 255) 1.74541px -2.43999px 0px, rgb(255, 255, 255) 2.44769px -1.73459px 0px, rgb(255, 255, 255) 2.88051px -0.838247px 0px;} 



.arrowlistmenu{ background: #fff8ec;border-bottom-left-radius: 12px;border-bottom-right-radius: 12px;border-left: 2px solid #fb7c2f;border-right: 2px solid #fb7c2f;border-bottom: 2px solid #fb7c2f; overflow:hidden }

.arrowlistmenu ul {list-style: none; margin: 0; padding: 0; font-size:17px;}

.arrowlistmenu ul ul { background:rgba(255,255,255,.7); font-size:15px; }

.arrowlistmenu ul ul ul { padding:0 0 0 20px; font-size:13px;}

.arrowlistmenu ul li { position: relative; overflow: hidden; transition: all .4s ease;}

.arrowlistmenu ul ul li {border-bottom: 0px solid #ddd; padding:0 15px ; font-size:15px;}

.arrowlistmenu ul li a { color: #333; padding: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:#fbb02f; 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{  box-shadow:-3px 3px 3px rgba(0,0,0,.1); margin:25px 0 0 0; background: #fffecf}

.subject_template .title { text-align: center; font-size:24px; padding:17px 5px 12px 5px; background:rgba(0,0,0,.05); border-bottom:1px dotted #ddd; color:#085cba; font-weight: bold}

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

.subject_template ul li{ margin-bottom:5px;  }

.subject_template ul li a{ padding:5px 10px; display:block; }

.subject_template ul li a:hover{ color:#085cba}

.subject_template ul li a.current{ color:#085cba; background:#fff; border-left:2px solid #085cba; 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:#085cba; display:block; font-size:1.5em; border:1px solid #ccc; color: #fff }

.hk_class 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: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;

	opacity:1;

}

.hover01 figure:hover img {

	-webkit-transform: scale(1.2);

	transform: scale(1.2);

	opacity:.8;

}

figure {

	width: auto;

	height: auto;

	margin: 0;

	padding: 0;

	background: #fff;

	overflow: hidden;

border-radius: 12px;

}

figure:hover+span {

	bottom: -36px;

	opacity: 1;

}

.hover02 figure img {

	-webkit-transform: scale(1);

	transform: scale(1);

	-webkit-transition: .3s ease-in-out;

	transition: .3s ease-in-out;

	opacity:.3;

}

.hover02 figure:hover img {

	-webkit-transform: scale(1.2);

	transform: scale(1.2);

	opacity:.7;

}

figure {

	width: auto;

	height: auto;

	margin: 0;

	padding: 0;

	overflow: hidden;

}

figure:hover+span {

	bottom: -36px;

	opacity: 1;

}