@charset "UTF-8";
/*common*/

/*rss,count,search*/
#_moj_introduction ._prFlSearch {overflow: hidden; padding: 20px 16px; margin-bottom: 32px; border: 1px solid #d1e2e7; background-color: #edf1f5;}
#_moj_introduction ._prFlSearch .fnRight:after {content:''; display:block; clear:both;}
#_moj_introduction .fnDiv .fnSearch fieldset select,
#_moj_introduction .fnDiv .fnSearch fieldset input[type="text"] {
    color: #555; font-size: 17px; border: 1px solid #c3c2c2; line-height: 40px; height: 40px; box-sizing: border-box; display: inline-block; vertical-align: middle;
    padding: 0 0 0 5px; margin-right:4px;
}
#_moj_introduction .fnDiv .fnSearch fieldset select option {font-size: 15px;}
#_moj_introduction .fnDiv .fnSearch fieldset .fnSubmit{width: 50px; height: 40px;	margin-left: 0; border-radius: 0;	background-color: #1d1d1d;	line-height: 40px; color: #fff; outline-offset: 2px;}

/*list + View*/
._moj_intList ._prFlList ._prFlLi {float: left; position: relative; width: calc((100% - 40px)/2); min-height: 265px; overflow: hidden;padding: 20px 24px 54px;box-sizing: border-box;margin-bottom: 40px;margin-right: 40px;border-top: 1px solid #353e4d; border-bottom: 1px solid #cfcfd1;background: url('../../images/bg.png') 104% bottom no-repeat;}
#_moj_introduction ._prFlList ._prFlLi:nth-child(2n) {margin-right: 0;}
#_moj_introduction ._prFlList:before,
#_moj_introduction ._prFlList:after{content: ""; display: block; clear: both;}
._moj_intList ._prFlLinkView {position: absolute; right: 20px; bottom: 20px; display: inline-block; padding: 4px 45px 4px 15px;
	background: #6E7881 url('../images/button_go.png') 90% center no-repeat; box-shadow: 1px 1px 0px 0 #d9d9d9; color: #fff; font-weight: 400;
	box-sizing: border-box;	outline-offset:2px;
}
#_moj_introduction ._prFlList ._prFlLi.thumbLi .thumbnail{width: 150px; height: 180px;overflow: hidden;float: left;background-color: #000;-moz-box-shadow: 6px 6px 0px 0 #d9d9d9;-webkit-box-shadow: 6px 6px 0px 0 #d9d9d9;box-shadow: 6px 6px 0px 0 #d9d9d9;margin-right: 40px;}
#_moj_introduction ._prFlList ._prFlLi.thumbLi .thumbnail img{width: 100%;}

#_moj_introduction ._prFlList .thumbLi .artclInfo {float: left;width: calc(100% - 190px); font-size: 17px;}

#_moj_introduction ._prFlList ._prFlLi .artclInfo dl {margin: 5px 0 7px;width: 100%;}
#_moj_introduction ._prFlList .thumbLi .artclInfo dl dd{max-width: 75%;}
#_moj_introduction ._prFlList ._prFlLi .artclInfo dl dt,
#_moj_introduction ._prFlList ._prFlLi .artclInfo dl dd{display: inline-block; zoom: 1; color: #555; font-size:17px;}
#_moj_introduction ._prFlList ._prFlLi .artclInfo dl dt {min-width: 70px;width: auto;vertical-align: top;}

#_moj_introduction ._prFlList ._prFlLi .artclInfo dl dt:before{content: "";display: inline-block;width: 2px; height: 11px;background-color: #145287;transform: rotate(25deg);margin-right: 10px;}
#_moj_introduction ._prFlList ._prFlLi .artclInfo dl dt:after {content: " : ";margin: 0 3px;float: right;}

#_moj_introduction ._prFlList .thumbLi .artclInfo dl.academic dt {float: left; min-width: 70px;}
#_moj_introduction ._prFlList .thumbLi .artclInfo dl.academic dd{text-overflow: ellipsis;white-space: normal;overflow: hidden;max-height: 3.5em;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;float: left;margin-left: 3px;}

#_moj_introduction ._prFlList ._prFlLi .artclInfo .artclTitle .num dt,
#_moj_introduction ._prFlList ._prFlLi .artclInfo .artclTitle .num dd {
	color: #054780;
}

/* View*/
._moj_intView ._prFlView {padding: 25px 30px 30px;box-sizing: border-box;background: #f7f7f7 url('../images/bg_view.png') right bottom no-repeat;border-top: 1px solid #353e4d; border-bottom: 1px solid #bfbfbf;}
._moj_intView ._prFlView .artclTitle {margin-bottom: 32px; font-size: 25px; font-weight:700; color: #054780;}
._moj_intView ._prFlList ._prFlLi.thumbLi .thumbnail {margin-right: 50px;}
._moj_intView ._prFlList ._prFlLi .artclInfo {width: calc(100% - 210px);}
._moj_intView ._prFlList ._prFlLi.thumbLi .thumbnail {margin-right: 50px;}
._moj_intView ._prFlList ._prFlLi .artclInfo {width: calc(100% - 210px);}

._moj_intView ._prFlDetail dl {overflow: hidden; background-color: #f4faff;border-bottom: 1px solid #bfbfbf; }
._moj_intView ._prFlDetail dt,
._moj_intView ._prFlDetail dd {float: left; box-sizing: border-box;}

._moj_intView ._prFlDetail dt {width: 20%; color: #2c2f35; background-color: #f4faff; text-align: center; padding: 12px 20px 13px; border-top: 1px solid #bfbfbf; clear:both;}
._moj_intView ._prFlDetail dd {background-color: #fff; width: 80%; /*padding: 12px 20px 13px;*/ border-top: 1px solid #bfbfbf;}
._moj_intView ._prFlDetail dd.hChild {padding: 0;}


._moj_intView ._prFlDetail dd ul li {overflow: hidden; border-bottom: 1px solid #bfbfbf;}
._moj_intView ._prFlDetail dd ul li:last-child{border-bottom: 0;}
._moj_intView ._prFlDetail dd ul li span {float: left; width: 31%; color: #2c2f35; text-align: center;vertical-align: top; padding: 12px 20px 13px; box-sizing: border-box;position: relative; background-color: #f5f5f5;}
._moj_intView ._prFlDetail dd ul li span:after {content: '';width: 1px; height: 5px;border-right: 1px solid #bfbfbf;display: block;position: absolute; top:0; right: 0;}
._moj_intView ._prFlDetail dd ul li p {float: left; width: 68%; padding: 12px 20px 13px; box-sizing: border-box;}

/* paging */
._paging {margin: 40px 0; padding: 0;}
._paging ._inner{overflow:visible; padding-top:5px;}
._paging ._inner a, ._paging ._inner strong {width: 35px; height: 35px; line-height: 35px; margin: 0;}
._paging ._inner ul {height: 35px; margin: 0 10px;}
._paging ._inner ul li strong {background-color:#117DBA; border: 0;}
._paging ._inner > a {margin: 0 5px; box-sizing: border-box; border: 1px solid #cfcfcf; background-color: #fff; background-image: url('../images/page_arrow.png') !important;}
._paging ._inner ul li{margin: 0 5px;}
._paging ._inner ul li a {border: 0; color: #555; font-size: 17px; outline-offset: -2px;}
._paging ._inner ._pageState span{padding: 0 4px; font-size:17px;}
._paging ._inner ._pageState span._curPage{color:#d50136;}

/* sub_button list */
.button_list {overflow: hidden;  position: relative; margin: 60px 0;}
.button_list .alignL {text-align: left;}
.button_list .alignC {text-align: center;}
.button_list .alignR {text-align: right;}
.button_list .alignL .button	{margin-right: 10px;}
.button_list .alignC .button	{margin-left: 5px; margin-right: 5px;}
.button_list .alignR .button	{margin-left: 10px;}
.button {display: inline-table; vertical-align: top; margin-bottom: 10px; text-align: center;}
.button.re	{margin-bottom: 0;}
.button.type1	{background-color: #1e386e;}
.button.type2	{background-color: #9b9b9b;}
.button.type3	{background-color: #1562a3;}
.button.type4	{background-color: #5a6873;}
.button.type5	{background-color: #4b6db3;}
.button.type6	{background-color: #25a1db;}

.button.big {height: 45px;}
.button.mid {height: 40px; border-bottom: 2px solid #d9d9d9;}
.button.small {height: 25px;}
.button.small.view {height: 22px; vertical-align: bottom; background-color: #4c93b4;}
.button input, .button button {background: none;  height: 100%;}
.button a, .button input, .button button {display: table-cell; color: #FFF; vertical-align: middle; padding: 0 20px; font-size: 14px; position: relative;}
.button.big a, .button.big input, .button.big button {padding: 0; min-width: 120px;}
.button.small a, .button.small input, .button.small button {font-size: 14px;  padding: 0 5px;}
.button.small input, .button.small button	{margin-top: -3px;}
.button.small a.down, .button.small input.down, .button.small button.down	{padding: 0 30px 0 10px;}
.button.mid a.newwindow:after, .button.mid button.newwindow:after,
.button.mid a.gobtn:after, .button.mid button.gobtn:after,
.button.small.view a:after, .button.small.view button:after				{content: ""; position: absolute; top: 50%; right: 20px;}
.button.mid a.newwindow, .button.mid button.newwindow	{padding-right: 45px;}
.button.mid a.gobtn, .button.mid button.gobtn	{padding-right: 55px;}
.button.small.view a:after, .button.small.view button:after	{background: url('../images/button_search.png') left center no-repeat; width: 10px; height: 10px; margin-top: -5px; right: 10px;}
.button.small.view a, .button.small.view input, .button.small.view button	{padding: 0 25px 0 5px; border-bottom: 2px solid #d9d9d9; font-size: 11px; font-weight: 400;}


@media all and (max-width: 1024px) {/* tablet */
	._fnctWrap .fnDiv .fnLeft {float:none; overflow: initial;}
	._fnctWrap .fnDiv .fnRight {float: none;}

	#_moj_introduction .fnDiv .fnSearch fieldset input[type="text"]{width: calc(100% - 116px);}

	._mojList .cateSelDiv {margin-bottom: 16px;}
	._mojList .cateSelDiv select {width: calc(100% - 55px);}
	._mojList .artclSerch .artclPeriod {float: none;margin-right: 0;	margin-bottom: 16px;}
	._mojList .artclSerch .fnSearch {float: none; margin-top: 0;}

	._fnctWrap .fnDiv .fnSearch fieldset {float: none;}
	._mojList .fnDiv .fnSearch fieldset select {width: 80px;}
	._mojList .fnDiv .fnSearch fieldset input[type="text"] {width: calc(100% - 140px);}

	#_moj_introduction ._prFlList ._prFlLi.thumbLi .thumbnail {float: none; margin: 0 auto 20px;}
	#_moj_introduction ._prFlList ._prFlLi .artclInfo {float: none; width: 100%;}
	._moj_intList ._prFlList ._prFlLi {float: none; width: 100%;padding-bottom: 70px;}
}

@media all and (max-width: 600px) {/* mobile */
	._moj_intView ._prFlDetail dt,
	._moj_intView ._prFlDetail dd{width: 100%;}
	._moj_intView ._prFlDetail dd ul li span,
	._moj_intView ._prFlDetail dd ul li p {padding: 10px;}

	#_moj_introduction ._prFlList ._prFlLi.thumbLi .thumbnail {float: none; margin: 0 auto 20px;}
	#_moj_introduction ._prFlList ._prFlLi .artclInfo {float: none; width: 100%;}
	
	._moj_intView ._prFlDetail dt {float: none; width: 100%;}
	._moj_intView ._prFlDetail dd {float: none; width: 100%;}
}