/* CSS Document */
@import url(font-awesome/css/font-awesome.min.css);

body {	-webkit-text-size-adjust:100%; margin:0; text-align:center; font-family:Verdana,Geneva,sans-serif; font-size:12px; color:#858585; line-height:18px; }
img {	border:0; }

/* Reset ================================================================================= */

a { text-decoration:none; color:#858585;
-webkit-transition: all 0.2s ease-out 0s;
-moz-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s; }
a:hover {	color:#858585; text-decoration:none; }

* { margin:0; padding:0; list-style:none;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */}

.top-Box, .menu-Box, .banner-Box, .content-Box, .content2-Box, .footer-Box, .copyright-Box { max-width:1000px; margin:0 auto; text-align:left; position:relative; clear:both;}

.after-0:after { clear:both; display:block; content:""; height:0; text-indent:-99999px;}
.after-5:after { clear:both; display:block; content:""; height:5px; text-indent:-99999px;}
.after-10:after { clear:both; display:block; content:""; height:10px; text-indent:-99999px;}
.after-15:after { clear:both; display:block; content:""; height:15px; text-indent:-99999px;}
.after-20:after { clear:both; display:block; content:""; height:20px; text-indent:-99999px;}

.top { background:url(../images2016/top-bg.png) repeat-x;}
.top-Box { height:94px;}
.logo { display:inline-block; line-height:1px; padding-left:15px;}
.logo img { max-width:100%;}
.search { position:absolute; bottom:0px; left:35%; height:37px;}
.search span { float:left; display:block;}
.search span input { border: 1px solid #7E9DB9; padding: 2px; background: #FFF url("http://cse.google.com/cse/intl/zh-hant/images/google_custom_search_watermark.gif") no-repeat scroll left center; width:138px; height:25px;}
.search span:nth-child(2) { background:url(../images2016/home_r2_c18_s1.png) repeat-x #fff; height:37px; padding-top:11px;}
.search span:nth-child(3) { background:url(../images2016/home_r2_c22_s2.png) no-repeat top right; width:88px;}
.top-link { position:absolute; right:10px; bottom:10px;}
.top-link a { color:#222; line-height:12px; padding-left:8px; margin-left:8px; border-left:1px solid #666; display:inline-block;}
.top-link a:nth-child(1) { border-width:0;}
.top-link a:nth-child(2) { color:#666;}
.top-link-rwd { display:none;}

.menu-bg { background:url(../images2016/menu-bg.png) repeat-x bottom #f4f4f4; height:41px; margin-bottom:20px;}
ul.menu { padding:9px 0 0 15px;}
ul.menu li { float:left; font-weight:bold;position:relative; padding:0 20px; height:32px; line-height:32px;
-webkit-transition: all 0.2s ease-out 0s;
-moz-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s;}
ul.menu li div { position:absolute; width:220px; left:0; opacity:0;  filter: alpha(opacity=0); visibility:hidden; z-index:9999;
-webkit-transition: all 0.2s ease-out 0s;
-moz-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s;}
ul.menu li div a { display:block; padding:7px 15px 10px 15px; border-bottom:1px solid #a02358; background:#42413d; line-height:18px; color:#fff; font-weight:normal;}
ul.menu li div a:hover { background:#801742; color:#fccc00;}
ul.menu li:hover { background:#801742;}
ul.menu li:hover div { opacity:1;  filter: alpha(opacity=100); visibility:visible;}
ul.menu li:first-child { display:none;}
ul.menu li > a { color:#fff; display:block; }
ul.menu li > a:hover { color:#fff; }
.m_menu { display:none;}

.footer-link { height:26px; line-height:26px;}
.footer-link a { color:#666; display:inline-block;}
.footer-link div { float:left; padding-left:20px;}
.footer-link div:last-child { padding-right:5px; float:right; font-size:12px;}

.footer-title { text-align:center; clear:both; height:20px; line-height:20px; font-size:12px; color:#203a8f; clear:both; background:#DCDCDC;}
.footer-list { background:#F4F3F1; padding:10px;}
.footer-list li { float:left; width:14%; padding-right:10px; margin-bottom:6px; font-size:12px; color:#999;}

.copyright-Box { min-height:157px; background:url(../images2016/copyright-bg.png) repeat-x top #fdfdfd;}
.copyright-Box span { display:inline-block;}
.copyright-logo { float:left; background:url(../images2016/copyright-logo-bg.png) no-repeat; width:206px; height:157px; padding-top:29px;}
.copyright-data { float:left; padding:29px 0 0 33px; color:#000; line-height:16px;}
.copyright-data2 { float:right; margin:29px 15px 0 0; border-radius:10px; border:1px solid #fff; padding:5px 12px; font-size:12px; width:317px;}


#slider4-pager, #slider9-pager, #slider12-pager { margin-top:0px;}
#slider4-pager li, #slider9-pager li, #slider12-pager li { width:25%; float:left; padding:0px;}
#slider4-pager li img, #slider9-pager li img, #slider12-pager li img { width:100%;}
#slider4-pager li span, #slider9-pager li span, #slider12-pager li span { display:inline-block; white-space:nowrap; text-overflow : ellipsis; overflow:hidden; width:100%;padding: 3px;}
.rslides_here span { background:#A64E48; color:#fff; }

# .banner-left { width:calc(100% - 218px); padding-right:20px; float:left;}
.banner-left { width:calc(100% - 40px);  float:center;}

.sangar-content { cursor:pointer;}
.sangar-slideshow-container { height:auto; max-height:380px !important; overflow:hidden;}
.sangar-slideshow-container .sangar-pagination-wrapper { background:#656565;}
.sangar-slideshow-container > .default ul.sangar-pagination-content-horizontal > li { padding: 15px 10px; color:##BABA; height:60px;}
.sangar-slideshow-container > .default ul.sangar-pagination-content-horizontal > li:hover { background:#000 !important;}
.sangar-slideshow-container .sangar-pagination-wrapper ul.sangar-pagination { font-size:13px;}

.banner-right { float:left; width:218px;}
.member-area { border:1px solid #d5d5d5; border-radius:10px; padding:10px 5px; margin-bottom:20px;}
.login01 { border: 1px solid #CCC; color: #666; padding-left: 3px; height: 22px; font-size: 12px; line-height: 13px; margin-bottom:2px;}
.banner-slider-1 { padding-top:15px;}
.centered-btns_tabs a, .transparent-btns_tabs a, .large-btns_tabs a { font-size:0px; background:#828282; border-width:0; width:8px; height:8px;
-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
-moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);}
.centered-btns_here a, .transparent-btns_here a, .large-btns_here a { background:#ffcc00;}
.centered-btns_tabs, .transparent-btns_tabs, .large-btns_tabs { margin: 0px; top: -20px; text-align: right;}
.centered-btns_tabs li, .transparent-btns_tabs li, .large-btns_tabs li { margin-right:10px;}
.rslides span { display:block; height:35px;}

.content-Box { height:100%; background:#F4F3F1;}
.content-left { float:left; width:calc(100% - 218px); background:#fff;}

.news-slide { position:relative; float:left; width:50%; padding:10px 15px; min-height:330px; border-top: 4px solid #CCC; }
.news-slide-title { font-size:15px; color:##666; line-height:22px; font-weight:bold; position:relative; z-index:9999; display:inline-block;}
.news-slide-border { border-left:1px solid #CCC;}
.news-style-1 {}
.news-style-1 div { float:left; width:50%; padding-right:20px; color:#858585; line-height:16px;}
.news-style-1 div img { display:block; max-width:100%; padding-bottom:10px; padding-top:20px;}
.news-style-1 div b { display:block; font-weight:normal; color:#222; padding:0 0 15px 0;}
.news-style-2 {}
.news-style-2 div { padding:10px 0 0 0; border-top:1px dotted rgba(0,0,0,.2); margin-top:10px; clear:both;}
.news-style-2 div img { max-width:100%; display:inline-block; width:70px;}
.news-style-2 div span { display:inline-block; width:calc(100% - 70px); padding-left:10px; line-height:16px; color:#858585;}
.news-style-2 div span b { display:block; color:#222; padding-bottom:5px;}

.ad-1 { clear:both; border-top: 4px solid #CCC; padding:10px 25px 40px 0; position:relative;}
.ad-1 .centered-btns_tabs { bottom: 20px; top: auto; right: 25px;}
.ad-2 { padding-right:0px;}
.ad-2 .centered-btns_tabs { right: 0px;}

.bottom-box { padding-right:25px;}

.class-box { border-top: 1px solid #CCC; width:233px; float:left; padding:10px 10px; }
.class-box li { padding:10px 0 0 0; border-top:1px dotted rgba(0,0,0,.2); margin-top:10px;padding-left:10px; line-height:16px; color:#858585;}
.class-box li b { display:block; color:#222; padding-bottom:5px; font-weight:bold !important;}
.class-box li b:before { display:inline-block; padding-right:5px; font-size:8px;}
.class-box li span { padding-left:12px; display:block;}

.other-box { border-top: 1px solid #CCC; border-left: 1px solid #CCC; width:calc(100% - 233px); float:left; padding:0px 0px 10px 0px; }
.teacher-box { position:relative; width:50%; float:left;}
.teacher-box div { padding:10px 0 0 20px; margin-bottom:10px; clear:both;}
.teacher-box div img { max-width:100%; display:inline-block; width:100px;}
.teacher-box div span { display:inline-block; width:calc(100% - 100px); padding-left:8px; line-height:16px; color:#858585;}
.teacher-box div span b { display:block; color:#222; padding-bottom:3px;}
.teacher-box .centered-btns_tabs { top: 10px; right: 0px;}

.HR-box { clear:both; border-top: 1px solid #CCC; margin-top:20px; padding-top:20px; padding-left:20px; position:relative;}
.HR-box span { float:left; width:33%; padding-right:15px; margin-bottom:20px; line-height:16px; color:#222; display:block;}
.HR-box span > a { display:block; color:#858585;}
.HR-box .centered-btns_tabs { top: 15px; right: 0px;}

.discussions-box { border-top: 4px solid #CCC; width:233px; float:left; padding:10px 10px;border-right: 1px solid #CCC;  }
.r-tabs .r-tabs-tab { width:48%;}
.r-tabs .r-tabs-nav .r-tabs-anchor { display:block;}
.r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor { font-weight:normal; color:#666; font-size:13px;
background: linear-gradient(90deg, #FFFFFF 53%, #DEDDDB 92%);
background: -moz-linear-gradient(90deg, #FFFFFF 53%, #DEDDDB 92%);
background: -webkit-linear-gradient(90deg, #FFFFFF 53%, #DEDDDB 92%);
background: -o-linear-gradient(90deg, #FFFFFF 53%, #DEDDDB 92%); }
.r-tabs .r-tabs-nav .r-tabs-anchor { background:#F9F9F9; color:#666; font-size:13px; border-top: 1px solid #DEDEDE; font-weight:normal; text-align:center;}
.r-tabs .r-tabs-panel { border-width:0;}
.r-tabs .r-tabs-panel.r-tabs-state-active a { display:block; color:#666; font-size:13px; line-height:22px;}
.r-tabs .r-tabs-panel.r-tabs-state-active b { font-size:14px;}
.r-tabs .r-tabs-panel.r-tabs-state-active span { display:block; padding-left:5px;}

.works-box { border-top: 4px solid #CCC; width:calc(100% - 233px); float:left; padding:5px; position:relative; }
.works-box li > div { float:left; width:24%; padding:0 10px; margin-bottom:10px; display:block;}
.works-box li > div img { max-width:98%;}
.works-box .centered-btns_tabs { top: 15px; right: 0px;}

.content-right { float:left; width:218px; border-top: 4px solid #CCC; padding:10px 5px 0 10px; }
.ad-banner { padding-top:30px; display:block;}
.ad-banner img { display:block; padding-bottom:5px;}
.ad-banner span { display:block; color:#666; font-size:12px;}



@media only screen and (max-width: 960px) {

}

@media only screen and (max-width: 768px) {
.logo { text-align:center; padding:0; display:block;}
.search, .top-link { display:none;}

ul.menu{ display:none;}
.m_menu{ display:block; position:absolute; height:32px; overflow:hidden; z-index:99999; margin-bottom:0px; text-align:right; top:10px; right:0; width:100%;}
.m_menu.active{ }
.m_menu a.main{ display:block; padding:0 15px; font-size:15px; color:#fff; line-height:25px; font-family:Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", monospace; font-size:18px; }
.m_menu a.main i{ font-style:normal; font-family:FontAwesome; font-size:30px; position:relative; top:3px;}
.m_menu ul.nav{ background:url(../images2016/menu-bg.png);}
.m_menu ul.nav li{ font-weight:bold; padding:0; text-align:left; border-bottom:1px solid rgba(255,255,255,.2);}
.m_menu ul.nav li > a{ color:#fff; display:block; padding:5px 20px; font-size:14px;}
.m_menu ul.nav li > a:hover { background:#801742; color:#fff;}
.m_menu ul.nav li div { /*display:none;*/}
.m_menu ul.nav li div > a { display:block; padding:5px 35px; border-bottom:1px solid rgba(255,255,255,.1); line-height:18px; color:#fff; font-weight:normal; background:#42413d;}
.m_menu ul.nav li div > a:hover { background:#801742; color:#fccc00;}

.top-link-rwd { background:#000; text-align:center; display:block !important;}
.top-link-rwd a { color:#fff; line-height:12px; border-left:1px solid rgba(255,255,255,.2); border-bottom-width:0; background:none !important; padding:8px 10px !important; display:inline-block !important;}
.top-link-rwd a:nth-child(1) { border-width:0;}

.footer-title, .footer-list { display:none;}
.copyright-Box { padding-bottom:25px;}
.copyright-logo { float:none; background:none; width:auto; height:auto; text-align:center;}
.copyright-data { float:none; padding:10px 0 0 0; text-align:center; }
.copyright-data2 { display:none;}


.banner-left { width:100%; padding:0; }
.banner-right { display:none;}

.bottom-box { padding-right:0px;}
.content-left { width:100%; padding:0 10px;}
.content-right { width:100%; text-align:center; padding-bottom:30px;}
.ad-1 { padding-right:0px;}
.ad-1 .centered-btns_tabs { right:0;}
.ad-banner { display:inline-block; padding-left:8px; padding-right:8px;}
}

@media only screen and (max-width: 570px) {
.footer-link div { padding-left:10px;}


.sangar-slideshow-container { max-height:300px !important; }
.news-slide { width:100%;}
.news-slide-border { border-width:0;}
.class-box { width:100%;}
.other-box { width:100%; border-left-width:0;}
.discussions-box { display:none;}
.works-box { width:100%;}
.news-style-2 div { clear:both; padding-top:10px;}

.ad-banner { width:45%; vertical-align:top;}
.ad-banner img { max-width:100%; margin:0 auto;}
}

@media only screen and (max-width: 414px) {


.sangar-slideshow-container { max-height:230px !important; }
.teacher-box { width:100%;}

}

@media only screen and (max-width: 320px) {

.sangar-slideshow-container { max-height:180px !important; }
.HR-box span { width:50%;}	
.works-box li > div { width:33.3%;}
}


@media only screen and (min-width: 768px) {
.Searchgoogle { display:none;}
}