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

html, body { margin:0px; }

body { width:100%; margin:0px; font-size-adjust:100%; -webkit-text-size-adjust:100%; background:#ffffff; color:#000000; font-size:16px; font-family:'Lato', "微軟正黑體", "Microsoft JhengHei", sans-serif; }

a { outline:none; text-decoration:none; }

ul, ol { list-style:none; margin:0; padding:0; }
li { vertical-align:top; }

h1, h2, h3, h4, h5, p { padding:0; margin:0; }

img { border:none; }

button, input[type=button], input[type=submit], input[type=reset] { appearance:none; -webkit-appearance:none; }

input, textarea, select, button { font-family:'Lato', "微軟正黑體", "Microsoft JhengHei", sans-serif; }

@font-face {
    font-family:'BebasNeue';
    src: url('/20210328133646oe_/http://traserver.tra.cuhk.edu.hk/fonts/BebasNeue.eot');
    src: url('/20210328133646oe_/http://traserver.tra.cuhk.edu.hk/fonts/BebasNeue.eot') format('embedded-opentype'),
         url('/20210328133646oe_/http://traserver.tra.cuhk.edu.hk/fonts/BebasNeue.woff2') format('woff2'),
         url('/20210328133646oe_/http://traserver.tra.cuhk.edu.hk/fonts/BebasNeue.woff') format('woff'),
         url('/20210328133646oe_/http://traserver.tra.cuhk.edu.hk/fonts/BebasNeue.ttf') format('truetype'),
         url('/20210328133646oe_/http://traserver.tra.cuhk.edu.hk/fonts/BebasNeue.svg#BebasNeue') format('svg');
}

/* ---------------- clear fix ---------------- */

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

/*-------------------------------------------------------------------------------------*/
/* LAYOUT */

#wrap { width:100%; min-width:1024px; background-color:#ffffff; position:relative; overflow-x:hidden; }
#wrap .container { width:100%; max-width:1024px; margin:0px auto; position:relative; box-sizing:border-box; display:block; }
#wrap .overlay { position:absolute; left:0; top:0; z-index:5000; width:0; height:0; background-color:rgba(0,0,0,0.3); opacity:0; }

#top { border-bottom:1px solid #cccccc; position:relative; z-index:15; }
#top .logo { float:left; width:530px; padding:7px 0 3px 0; }
#top .logo img { width:100%; }
#top .toolbar { float:right; padding-top:14px; }
#top .toolbar ul { margin-right:-5px; text-align:right; font-size:0; }
#top .toolbar ul li { display:inline-block; zoom:1; *display:inline; vertical-align:top; height:16px; padding:0 8px; border-left:2px solid #dadada; }
#top .toolbar ul li:first-child, 
#top .toolbar ul li.social, 
#top .toolbar ul li.social+li { border-left:none }
#top .toolbar ul li a { font-size:14px; color:#333333; line-height:16px; }
#top .toolbar ul li a.onLang, 
#top .toolbar ul li a:hover { color:#66cc33; }
#top .toolbar ul li.social img { margin-top:-5px; }
#top .search_area { position:absolute; right:3px; bottom:13px; width:238px; border:1px solid #cccccc; border-radius:4px; box-sizing:border-box; overflow:hidden; }
#top .search_area label { position:absolute; left:0; top:4px; width:65px; height:22px; border-right:1px solid #cccccc; text-align:center; font-size:13px; color:#666666; font-weight:bold; line-height:22px; }
#top .search_area input[type=text] { width:100%; height:30px; padding:0 45px 0 75px; background-color:#ffffff; border:none; box-sizing:border-box; outline:none; }
#top .search_area input[type=submit],
#top .search_area button { position:absolute; right:0; top:0; width:35px; height:30px; border:none; background-color:#959595; font-size:18px; color:#ffffff; font-weight:normal; cursor:pointer; }

#menu { border-bottom:1px solid #cccccc; position:relative; z-index:100; }
#menu .menu_area { padding-top:12px; padding-bottom:9px; }
#menu ul.menu_list { font-size:0; text-align:left; }
#menu ul.menu_list > li { display:inline-block; zoom:1; *display:inline; vertical-align:top; height:17px; border-left:1px solid #75b424; position:relative; }
#menu ul.menu_list > li:first-child { border-left:none; }
#menu ul.menu_list > li > a.lv1 { display:block; height:38px; margin-top:-12px; margin-bottom:-9px; padding:2px 11px 0 11px; box-sizing:border-box; line-height:36px; font-size:14px; color:#000000; font-weight:bold; }
#menu ul.menu_list > li:hover > a.lv1,
#menu ul.menu_list > li > a.lv1:hover { }

#menu ul.dropdown_menu { position:absolute; left:0; top:26px; z-index:1000; width:220px; padding:4px 0; background-color:#3f9098; border-top:1px solid #cccccc; }
#menu ul.dropdown_menu > li { }
#menu ul.dropdown_menu > li > a.lv2 { display:block; padding:6px 11px; font-size:14px; color:#ffffff; }
#menu ul.dropdown_menu > li > a.lv2:hover { }

#menu .fallback { display:none; }
#menu ul.menu_list > li:hover .fallback { display:block; }

#mobile_menu { position:fixed; top:0; left:0; z-index:6000; xvisibility:hidden; width:280px; height:100%; padding-bottom:72px; margin:0; background-color:#26364e; transition:all 0.5s ease; overflow:hidden; box-sizing:border-box; transform:translate3d(-280px, 0, 0); -webkit-transform:translate3d(-280px, 0, 0); -moz-transform:translate3d(-280px, 0, 0); color:#ffffff; }

#banner { background:url(/20210328133646oe_/http://traserver.tra.cuhk.edu.hk/img/main_bg.jpg) repeat #e6e6e6 left top; border-top:6px solid #3f9098; position:relative; z-index:1; }
#banner .home_banner { xposition:absolute; xleft:0; xtop:0; width:100%; padding-bottom:13px; }

#banner .banner_alpha { width:826px; }
#banner .banner_alpha img { width:100%; }
#banner .banner_show_area { position:absolute; left:-448px; top:0; width:1274px; xheight:100%; background-color:#ffffff; box-sizing:border-box; }
#banner .banner_show { xposition:absolute; xright:0; xtop:0; xheight:100%; xmargin-left:-1400px; width:100%; }
#banner .banner_show .banner { height:721px; xheight:100%; xmargin-left:-1400px; background-repeat:no-repeat; background-position:right top; background-size:auto 100%; }
#banner .banner_show .banner img { height:100%; }

#banner .banner_content_area { position:absolute; left:0; top:0; z-index:10; width:100%; height:100%; xpadding-bottom:13px; background:url(/20210328133646oe_/http://traserver.tra.cuhk.edu.hk/img/home_banner_patten.png) no-repeat center top; }
#banner .banner_learn_msg { position:absolute; right:-156px; top:134px; width:392px; }
#banner .banner_learn_msg .learn_msg_title { padding-bottom:7px; font-size:58px; color:#ffffff; font-weight:bold; font-family:'BebasNeue', "微軟正黑體", "Microsoft JhengHei", sans-serif; }
#banner .banner_learn_msg .learn_msg_content { padding-left:74px; padding-bottom:26px; font-size:34px; color:#ffffff; line-height:40px; }
#banner .banner_learn_msg .learn_msg_btn { padding-left:71px; }
#banner .banner_learn_msg .learn_msg_btn a { display:block; width:137px; height:32px; background-color:#ffffff; border-radius:16px; line-height:32px; font-size:14px; color:#1e7bb9; text-align:center; }
#banner .banner_learn_msg .learn_msg_btn a:hover { background-color:#3f9098; color:#ffffff; }
#banner .banner_course_btn { position:absolute; left:-3px; bottom:41px; font-size:0; }
#banner .banner_course_btn a { display:inline-block; zoom:1; *display:inline; vertical-align:top; width:198px; height:198px; margin-right:95px; font-size:0; text-align:center; transform:rotate(45deg); }
#banner .banner_course_btn a:first-child { margin-left:0; }
#banner .banner_course_btn a.course_1 { background-color:#75b424; }
#banner .banner_course_btn a.course_2 { background-color:#ff921f; }
#banner .banner_course_btn a.course_3 { background-color:#3f9098; }
#banner .banner_course_btn a:after { content:""; display:inline-block; zoom:1; *display:inline; vertical-align:middle; height:100%; }
#banner .banner_course_btn a p { display:inline-block; zoom:1; *display:inline; vertical-align:middle; font-size:38px; color:#ffffff; line-height:40px; transform:rotate(-45deg); }

#banner .inner_banner { background-repeat:no-repeat; background-position:center top; background-size:auto 100%; }
#banner .inner_banner img { width:100%; }
#banner .about_banner { background-image:url(/20210328133646oe_/http://traserver.tra.cuhk.edu.hk/img/inner_banner_about.jpg); }
#banner .people_banner { background-image:url(/20210328133646oe_/http://traserver.tra.cuhk.edu.hk/img/inner_banner_people.jpg); }
#banner .research_banner { background-image:url(/20210328133646oe_/http://traserver.tra.cuhk.edu.hk/img/inner_banner_research.jpg); }
#banner .news_banner { background-image:url(/20210328133646oe_/http://traserver.tra.cuhk.edu.hk/img/inner_banner_news.jpg); }
#banner .current_banner { background-image:url(/20210328133646oe_/http://traserver.tra.cuhk.edu.hk/img/inner_banner_current.jpg); }
#banner .research_stu_banner { background-image:url(/20210328133646oe_/http://traserver.tra.cuhk.edu.hk/img/inner_banner_research_stu.jpg); }
#banner .center_banner { background-image:url(/20210328133646oe_/http://traserver.tra.cuhk.edu.hk/img/inner_banner_center.jpg); }
#banner .pro_banner { background-image:url(/20210328133646oe_/http://traserver.tra.cuhk.edu.hk/img/inner_banner_pro.jpg); }

#main { background:url(/20210328133646oe_/http://traserver.tra.cuhk.edu.hk/img/main_bg.jpg) repeat #e6e6e6 left top; border-bottom:1px solid #ffffff; position:relative; padding-bottom: 50px;}
#main .title_area { position:relative; }
#main .title_area:after { position:absolute; left:0; top:0; content:""; width:100%; height:100%; margin-left:-1000px; background-color:#75b424; }
#main .title_area .title { display:inline-block; zoom:1; *display:inline; vertical-align:top; min-width:286px; height:46px; padding:0 15px 0 5px; background-color:#75b424; position:relative; z-index:1; box-sizing:border-box; font-size:29px; color:#ffffff; line-height:46px; }
#main .title_area .title:after { position:absolute; right:-36px; top:0; content:""; width:0; height:0; border-style:solid; border-width:46px 36px 0 0; border-color:#75b424 transparent transparent transparent; }
#main .sub_title { padding:26px 0 10px 4px; border-bottom:1px solid #75b424; font-size:25px; color:#333333; font-weight:bold; }
#main .sub_title img {margin-left:8px;}
#main .content_area { }

#main .left_side { float:left; width:204px; }
#main .left_side .left_menu { padding:6px 0; }
#main .left_side .left_menu ul { }
#main .left_side .left_menu ul li { display:block; padding:14px 5px; border-bottom:1px solid #ffffff; box-sizing:border-box; }
#main .left_side .left_menu ul li a { font-size:19px; color:#1a7a93; line-height:24px; transition:all 0.2s ease; }
#main .left_side .left_menu ul li a.active, 
#main .left_side .left_menu ul li a:hover { color:#75b424; }

#main .right_side { float:right; width:800px; }
#main .other_right_side {  }
#main .content { }

#footer { padding:22px 0 34px 0; background:url(/20210328133646oe_/http://traserver.tra.cuhk.edu.hk/img/footer_shadow.png) repeat-x center top; }
#footer .footer_sitemap_area { float:left; padding-top:7px; }
#footer .footer_sitemap { display:inline-block; zoom:1; *display:inline; vertical-align:top; min-height:115px; border-left:1px solid #c7c7c7; }
#footer .footer_sitemap:first-child { border-left:none; }
#footer .footer_sitemap ul { }
#footer .footer_sitemap ul li { padding-top:5px; }

#footer .footer_sitemap ul li a { font-size:16px; color:#333333; font-weight:bold; }
#footer .footer_sitemap ul li a:hover { }

#footer .copyright { float:right; line-height:13px; font-size:12px; color:#000000; text-align:right; }
#footer .copyright p { }
#footer .copyright a { color:#000000; }
#footer .copyright a:hover { text-decoration:underline; }

#footer .footer_sitemap li{display: inline-block; margin: 0 10px;}

.openResponsive, 
.openResponsive body { height:100%; }
.openResponsive #wrap { position:fixed; height:100%; transform:translate3d(280px, 0, 0); -webkit-transform:translate3d(280px, 0, 0); -moz-transform:translate3d(280px, 0, 0); }
.openResponsive #wrap .overlay { width:100%; height:100%; opacity:1; transition:opacity 0.5s ease; -webkit-transition:opacity 0.5s ease; -moz-transition:opacity 0.5s ease; }
.openResponsive #mobile_menu { visibility:visible; transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; transform:translate3d(0, 0, 0); -webkit-transform:translate3d(0, 0, 0); -moz-transform:translate3d(0, 0, 0); }

/*-------------------------------------------------------------------------------------*/
/* INDEX */

#indexType #main { padding-top:40px; }
#indexType #main:before { position:absolute; left:0; top:40px; content:""; width:100%; height:1px; background-color:#ffffff; }

.index_news_area { width:100%; position:relative; }
.index_news_area .index_news_title { position:absolute; left:15px; top:-20px; padding:0 20px; background:url(/20210328133646oe_/http://traserver.tra.cuhk.edu.hk/img/main_bg.jpg) repeat #e6e6e6 left top; font-size:40px; color:#1a7a93; font-weight:bold; line-height:1; font-family:'BebasNeue', "微軟正黑體", "Microsoft JhengHei", sans-serif; }
.index_news_area .index_news_list { padding-top:37px; padding-bottom:26px; margin:0 -16px; font-size:0; text-align:left; }

.index_news_area .index_news_item { display:inline-block; zoom:1; *display:inline; vertical-align:top; width:264px; padding:0 16px; box-sizing:border-box; }
.index_news_area .index_news { width:100%; }
.index_news_area .index_news_photo { width:100%; position:relative; font-size:0; }
.index_news_area .index_news_photo > img { width:100%; }
.index_news_area .index_news_photo .photo { position:absolute; left:0; top:0; width:100%; height:100%; border:6px solid #f7f7f7; border-radius:100%; box-sizing:border-box; text-align:center; overflow:hidden; }
.index_news_area .index_news_photo .photo:after { content:""; display:inline-block; zoom:1; *display:inline; vertical-align:middle; height:100%; }
.index_news_area .index_news_photo .photo img { display:inline-block; zoom:1; *display:inline; vertical-align:middle; max-width:100%; max-height:100%; border-radius:100%; }
.index_news_area .index_news_name { padding-top:16px; text-align:center; font-size:21px; color:#1a7a93; font-weight:bold; visibility:hidden; }

.index_news_area .index_news:hover .index_news_photo .photo { border-color:#fc9a32; }
.index_news_area .index_news:hover .index_news_name { visibility:visible; font-size:21px; color:#1a7a93; font-weight:bold; text-align:center; }

.index_news_area .index_news_list.owl-carousel { margin:0; }
.index_news_area .index_news_list.owl-carousel .owl-item { }
.index_news_area .index_news_list.owl-carousel .owl-item .index_news_item { width:100%; padding:0; }

.index_news_area .index_news_list .owl-prev, 
.index_news_area .index_news_list .owl-next { position:absolute; top:126px; width:32px; height:60px; background-image:url(/20210328133646oe_/http://traserver.tra.cuhk.edu.hk/img/index_news_row.png); background-repeat:no-repeat; cursor:pointer; }
.index_news_area .index_news_list .owl-prev { left:-60px; background-position:left top; }
.index_news_area .index_news_list .owl-next { right:-60px; background-position:right top; }

/*-------------------------------------------------------------------------------------*/
/* PEOPLE */

.people_content { padding-top:27px; padding-left:20px; padding-bottom:30px; }

.people_cate_list { width:100%; }
.people_cate_list .people_cate_item { padding-bottom:14px; }
.people_cate_list .people_cate { width:100%; padding:0 10px; background-color:#ffffff; box-sizing:border-box; }
.people_cate_list .people_cate_title { padding:18px 0 2px 10px; border-left:7px solid #75b424; font-size:22px; color:#ff921f; font-weight:bold; }
.people_cate_list .people_cate_content { padding:12px 0 22px 20px; }

.people_cate_list .people_list { width:100%; }
.people_cate_list .people { padding:8px 0; position:relative; font-size:0; text-align:left; }
.people_cate_list .people:before { position:absolute; left:-10px; top:12px; content:""; width:0; height:0; border-style:solid; border-width:4px 0 4px 5px; border-color:transparent transparent transparent #fe911f; }
.people_cate_list .people_field { display:inline-block; zoom:1; *display:inline; vertical-align:top; box-sizing:border-box; font-size:14px; }
.people_cate_list .people_en_name { width:244px; padding-right:24px; color:#75b424; }
.people_cate_list .people_en_name a { color:#75b424; }
.people_cate_list .people_en_name a:hover { }
.people_cate_list .people_tc_name { width:280px; padding-right:24px; color:#333333; }
.people_cate_list .people_email { width:214px; padding-right:14px; word-break:break-all; }
.people_cate_list .people_email a { color:#333333; transition:all 0.2s ease; }
.people_cate_list .people_email a:hover { color:#75b424; }

.people_detail { padding:0 30px 0 10px; background-color:#ffffff; box-sizing:border-box; }
.people_detail .people_detail_title { padding:18px 0 2px 10px; border-left:7px solid #75b424; font-size:22px; color:#ff921f; font-weight:bold; }
.people_detail .people_detail_content { padding-top:36px; padding-left:22px; }
.people_detail .people_detail_left { float:left; width:255px; }
.people_detail .people_detail_right { float:right; width:424px; }
.people_detail_title_left{    display: inline-block; font-weight:bold;     margin-right: 20px;    padding-top: 6px; width:18%;}
.people_detail .people_detail_photo { width:100%; padding-right:5px; padding-bottom:26px; box-sizing:border-box; }
.people_detail .people_detail_photo .photo { width:100%; background-color:#ffffff; position:relative; z-index:10; }
.people_detail .people_detail_photo .photo:after { position:absolute; right:-5px; bottom:-5px; z-index:-1; content:""; width:100%; height:100%; background-color:#ff921f; }
.people_detail .people_detail_photo .photo img { width:100%; border-top:1px solid #e4e7e2; border-left:1px solid #e4e7e2; box-sizing:border-box; }

.people_detail .people_detail_sub { width:100%; padding-bottom:32px; }
.people_detail .people_detail_sub ul { }
.people_detail .people_detail_sub ul li { padding:10px 28px 10px 6px; border-bottom:1px dashed #cccccc; position:relative; }
.people_detail .people_detail_sub ul li:after { position:absolute; right:7px; top:50%; content:""; width:13px; height:13px; background:url(/20210328133646oe_/http://traserver.tra.cuhk.edu.hk/img/people_detail_row.png) no-repeat left top; margin-top:-7px; }
.people_detail .people_detail_sub ul li a { font-size:15px; color:#ff921f; }
.people_detail .people_detail_sub ul li a:hover { text-decoration:underline; }

.people_detail .people_detail_info { width:100%; padding-bottom:32px; }
.people_detail .people_detail_info .people_detail_en_name { padding-bottom:6px; font-size:26px; color:#75b424; font-weight:bold; }
.people_detail .people_detail_info .people_detail_tc_name { font-size:18px; color:#333333; font-weight:bold; }
.people_detail .people_detail_info .people_detail_post {    display: inline-block; font-size:16px; color:#333333; }
.people_detail .people_detail_info .people_detail_email {     display: inline-block;/*padding-top:10px; */word-break:break-all; }
.people_detail .people_detail_info .people_detail_email a { color:#336699; }
.people_detail .people_detail_info .people_detail_email a:hover { text-decoration:underline; }
.people_detail .people_detail_info .people_detail_addr {    width:70%; vertical-align: text-top; display: inline-block; /*padding-top:10px;*/}
.people_detail .people_detail_info .people_detail_phone{display:inline-block;}
.people_detail .people_detail_desc { width:100%; padding-bottom:32px; border-top:1px dashed #cccccc; }
.people_detail .people_detail_section { width:100%; padding:12px; border-bottom:1px dashed #cccccc; box-sizing:border-box; display:none; }
.people_detail .people_detail_section_title { position:relative; font-size:18px; color:#ff921f; }
.people_detail .people_detail_section_title:before { position:absolute; left:-12px; top:0; content:""; width:6px; height:100%; background-color:#75b424; }
.people_detail .people_detail_section_content { padding-top:7px; }
.people_detail .people_detail_section_content ul { display:block; list-style-type:disc; margin-top:1em; margin-bottom:1em; margin-left:0; margin-right:0; padding-left:20px; }

/*-------------------------------------------------------------------------------------*/
/* RESEARCH */

.research_content { padding-left:48px; }
.research_content .sub_title a{   color: #333333;}
.research_content .sub_title a:hover{     color: #5F8038; }
.research_content .project_cate_title a{   color: #333333;}
.research_content .project_cate_title a:hover{     color: #5F8038; }


/*-------------------------------------------------------------------------------------*/
/* PROJECTS */

.project_area { padding:6px 0; }

.project_cate_list { width:100%; padding-bottom:50px; }
.project_cate_list .project_cate_item { padding:18px 0; }
.project_cate_list .project_cate { width:100%; padding:0 10px; background-color:#ffffff; box-sizing:border-box;    position: relative; }
.project_cate_list .project_cate_title { padding:18px 0 2px 10px; border-left:7px solid #75b424; font-size:22px; color:#ff921f; font-weight:bold; }
.project_cate_list .project_cate_content { padding:20px 0 22px 30px; }

.project_cate_list .project_list { width:100%; }
.project_cate_list .project_list ul { }
.project_cate_list .project_list ul li { padding-bottom:18px; position:relative; font-size:16px; color:#333333; }
.project_cate_list .project_list ul li:before { position:absolute; left:-10px; top:7px; content:""; width:0; height:0; border-style:solid; border-width:4px 0 4px 5px; border-color:transparent transparent transparent #fe911f; }
.project_cate_list .project_list ul li a { color:#333333; transition:all 0.2s ease; }
.project_cate_list .project_list ul li a:hover { color:#75b424; }

.project_detail { width:100%; padding:0 10px; background-color:#ffffff; box-sizing:border-box; margin:20px 0 50px 0; }
.project_detail .project_detail_title { padding:18px 7px 2px 10px; border-left:7px solid #75b424; font-size:22px; color:#ff921f; font-weight:bold; }
.project_detail .project_detail_info { padding:20px 7px 22px 17px; }
.project_detail .project_detail_info_title { padding-bottom:4px; font-size:16px; color:#333333; font-weight:bold; }
.project_detail .project_detail_info_content { min-height:400px; font-size:16px; color:#333333; }


.project_detail_retitle{font-weight:bold;}

/*-------------------------------------------------------------------------------------*/
/* NEWS AND EVENTS */

.news_content { padding-bottom:34px; box-sizing:border-box; }

.news_list { padding-right:26px; padding-bottom:30px; }
.news_list .news_item { padding:14px 22px 14px 18px; border-bottom:1px dotted #ffffff; }
.news_list .news { width:100%; }
.news_list .news_photo { float:left; width:175px; height:175px; border:6px solid #f6f6f6; border-radius:100%; box-sizing:border-box; overflow:hidden; transition:all 0.2s ease; }
.news_list .news_photo img { max-width:100%; max-height:100%; vertical-align:middle; }
.news_list .news_info { float:right; width:528px; padding-top:12px; }
.news_list .news_title {     text-align: justify;font-size:23px; color:#333333; font-weight:bold; }
.news_list .news_desc {     text-align: justify;padding-top:10px; font-size:16px; color:#333333; }
.news_list .news_btn { padding-top:14px; }
.news_list .news_btn a { display:block; width:127px; height:25px; background-color:#666666; text-align:center; line-height:25px; font-size:16px; color:#ffffff; cursor:pointer; transition:all 0.2s ease; }
.news_list .news_btn a:hover { background-color:#75b424; }
.news_list .news:hover .news_photo { border-color:#f8ad5d; }

.news_detail { padding-left:48px; padding-top:26px; }
.news_detail .news_detail_title { padding:0 4px 12px 4px; border-bottom:1px solid #75b424; box-sizing:border-box; font-size:25px; color:#fe911f; font-weight:bold; text-align:left; }
.news_detail .news_detail_info {     padding: 12px 4px 40px; font-size:16px; color:#333333; text-align:justify; }
/*.news_detail .news_detail_photo { padding-top:20px; }
.news_detail .news_detail_photo .large_photo_area { width:100%; padding:30px 48px; background-color:#efefef; box-sizing:border-box; }
.news_detail .news_detail_photo .large_photo { width:100%; position:relative; font-size:0; text-align:center; }
.news_detail .news_detail_photo .large_photo > img { width:100%; }
.news_detail .news_detail_photo .large_photo .photo { position:absolute; left:0; top:0; width:100%; height:100%; }
.news_detail .news_detail_photo .large_photo .photo:after { content:""; display:inline-block; zoom:1; *display:inline; vertical-align:middle; height:100%; }
.news_detail .news_detail_photo .large_photo .photo img { max-width:100%; max-height:100%; vertical-align:middle; }

.news_detail .news_detail_photo .sub_photo_area { padding-top:22px; margin:0 -5px; }
.news_detail .news_detail_photo .sub_photo_list { width:100%; font-size:0; text-align:left; }
.news_detail .news_detail_photo .sub_photo_item { display:inline-block; zoom:1; *display:inline; vertical-align:top; width:254px; padding:5px; box-sizing:border-box; }
.news_detail .news_detail_photo .sub_photo { width:100%; position:relative; font-size:0; text-align:center; }
.news_detail .news_detail_photo .sub_photo > img { width:100%; }
.news_detail .news_detail_photo .sub_photo .photo { position:absolute; left:0; top:0; width:100%; height:100%; }
.news_detail .news_detail_photo .sub_photo .photo:after { content:""; display:inline-block; zoom:1; *display:inline; vertical-align:middle; height:100%; }
.news_detail .news_detail_photo .sub_photo .photo img { max-width:100%; max-height:100%; vertical-align:middle; }*/


.gallery_detail { width:100%; padding-bottom:20px; }
.gallery_detail .gallery_detail_photo { width:100%; max-width:720px; padding:0 56px; box-sizing:border-box; margin:0 auto; }
.gallery_detail .gallery_detail_photo .large_photo { width:100%; position:relative; box-sizing:border-box; font-size:0; text-align:center; }
.gallery_detail .gallery_detail_photo .large_photo > img { width:100%; display:block; }
.gallery_detail .gallery_detail_photo .large_photo .photo { position:absolute; left:0; top:0; width:100%; height:100%;/* background-color:#ffffff;*/ overflow:hidden; }
.gallery_detail .gallery_detail_photo .large_photo .photo:after { content:""; display:inline-block; zoom:1; *display:inline; vertical-align:middle; height:100%; }
.gallery_detail .gallery_detail_photo .large_photo .photo img { max-width:100%; max-height:100%; vertical-align:middle; }
.gallery_detail .gallery_detail_photo .large_photo .row { position:absolute; left:0; top:50%; width:100%; }
.gallery_detail .gallery_detail_photo .large_photo .row_prev, 
.gallery_detail .gallery_detail_photo .large_photo .row_next { position:absolute; top:-20px; width:40px; height:40px; background-color:#75b424; border-radius:100%; box-sizing:border-box; font-size:40px; color:#ffffff; line-height:36px; text-align:center; cursor:pointer; }
.gallery_detail .gallery_detail_photo .large_photo .row_prev { left:-56px; padding-right:3px; }
.gallery_detail .gallery_detail_photo .large_photo .row_next { right:-56px; padding-left:3px; }

.gallery_detail .gallery_detail_photo .sub_photo_area { width:100%; padding-top:18px; box-sizing:border-box; }
.gallery_detail .gallery_detail_photo .sub_photo_list { margin:0 -6px; }
.gallery_detail .gallery_detail_photo .sub_photo_item { float:left; width:115px; padding:0 6px; box-sizing:border-box; }
.gallery_detail .gallery_detail_photo .sub_photo { width:100%; position:relative; box-sizing:border-box; font-size:0; text-align:center; }
.gallery_detail .gallery_detail_photo .sub_photo > img { width:100%; display:block; }
.gallery_detail .gallery_detail_photo .sub_photo .photo { position:absolute; left:0; top:0; width:100%; height:100%; display:block; box-sizing:border-box; text-align:center; }
.gallery_detail .gallery_detail_photo .sub_photo .photo:after { content:""; display:inline-block; zoom:1; *display:inline; vertical-align:middle; height:100%; }
.gallery_detail .gallery_detail_photo .sub_photo .photo img { display:inline-block !important; width:auto !important; max-width:100%; max-height:100%; vertical-align:middle; }

.gallery_detail .gallery_detail_photo .sub_photo_list.owl-carousel { width:100%; margin:0; }
.gallery_detail .gallery_detail_photo .sub_photo_list.owl-carousel .owl-item .sub_photo_item { width:100%; padding:0; }
.gallery_detail .gallery_detail_photo .sub_photo_list.owl-carousel .owl-nav { position:absolute; left:0; top:50%; width:100%; }
.gallery_detail .gallery_detail_photo .sub_photo_list.owl-carousel .owl-nav .owl-prev, 
.gallery_detail .gallery_detail_photo .sub_photo_list.owl-carousel .owl-nav .owl-next { position:absolute; top:-20px; font-size:40px; color:#75b424; line-height:40px; cursor:pointer; }
.gallery_detail .gallery_detail_photo .sub_photo_list.owl-carousel .owl-nav .owl-prev { left:-27px; }
.gallery_detail .gallery_detail_photo .sub_photo_list.owl-carousel .owl-nav .owl-next { right:-27px; }



/*-------------------------------------------------------------------------------------*/
/* PROJECTS */
.other_common_content{ min-height:460px; box-sizing:border-box;    padding-top: 30px;}
.common_content { min-height:460px; padding-left:48px; box-sizing:border-box; }
.common_content .editor { padding:20px 0; }
/*.common_content .editor ul { display:block; list-style-type:disc; margin-top:1em; margin-bottom:1em; margin-left:0; margin-right:0; padding-left:20px; }*/
.common_content .editor ul { list-style-type:disc;  }
.project_cate .more{  position: relative;padding-right: 30px;text-align: right;padding-bottom: 20px;}
.project_cate .more a{    color: #1a7a93;}
.project_cate .more a:hover{    color: #333333;}


/* CTT */
.common_content .editor em{color: #d50;}
.course_code{display: none}


/*-------------------------------------------------------------------------------------*/
/* LOGIN */

.login_content {  padding:30px 0; box-sizing:border-box; }
.login_content .login_box { width:100%; max-width:500px; margin:0 auto; padding:20px 20px 12px 20px; background-color:#e5f5f9; border-radius:7px; overflow:hidden; position:relative; box-sizing:border-box; }
.login_content .login_box:before { position:absolute; left:0; top:0; content:""; width:100%; height:10px; background:#b6d67c; background:-moz-linear-gradient(left, #b6d67c 0%, #8ba759 100%); background:-webkit-linear-gradient(left, #b6d67c 0%,#8ba759 100%); background:linear-gradient(to right, #b6d67c 0%,#8ba759 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#029ec6', endColorstr='#336699',GradientType=1 ); }


.login_content .login_form { padding:10px 20px; }
.login_content .login_form .form_row { padding:10px 0 10px 60px; position:relative; }
.login_content .login_form .form_row .title { position:absolute; left:0; top:10px; font-size:16px; color:#000000; line-height:24px; }
.login_content .login_form .form_row .field { width:100%; margin-left:20px;}
.login_content .login_form .form_row .field input[type=text],
.login_content .login_form .form_row .field input[type=password] { display:block; width:100%; height:24px; padding:0 5px; border:1px solid #666666; background-color:#ffffff; box-sizing:border-box; }
.login_content .login_form .form_btn { padding-top:20px; }


.login_content .login_form .form_btn button,
.login_content .login_form .form_btn input[type=button], 
.login_content .login_form .form_btn input[type=submit], 
.login_content .login_form .form_btn input[type=reset] { display:inline-block; zoom:1; *display:inline; vertical-align:top; width:84px; height:32px; padding:0; background-color:#8ba759; border:0; margin:0; border-radius:7px; font-size:16px; color:#ffffff; text-align:center; line-height:32px; }

.login_content .login_form .form_btn button:hover,
.login_content .login_form .form_btn input[type=button]:hover, 
.login_content .login_form .form_btn input[type=submit]:hover, 
.login_content .login_form .form_btn input[type=reset]:hover { }

.login_button{
	display: block;
    width: 100px;
    height: 25px;
    border-radius: 6px;
    box-sizing: border-box;
    text-align: center;
    line-height: 24px!important;
    color: white!important;
    font-weight: bold;
    background-color: #75b424;
    transition: all 0.2s ease;
    position: relative;
    top: -6px;
}
.login_button:hover{background:#3f9098; transition-duration:0.3s;}