@charset "UTF-8";
/* CSS Document */
.mainWrap { width:100%; height:auto; }
main { position:relative; max-width:1200px; height:auto; margin: 0 auto; }
h1 { display: block; font-size: 1em; }
h2 { display: block; font-size: 1.5em; }
h3 { display: block; font-size: 1em; float: right;     -webkit-margin-start: 1px;}
h4 { display: block; font-size: 0.8em; }
input[type="checkbox" i] {
    margin: 7px 8px 3px 9px;
}
a:link, a:visited {
    color: #2e3e4a;
}
br { display: block; margin: 5px 0; }

/*----------------------------Plain Header Banner-------------------------------*/
.plainHeader { position: relative; width: 100%; /*height:376px;*/ height: auto; background:#D59E9F; display: table;}
.plainHeader.arch {
	background: url(../img/ban_archive_01.jpg) no-repeat;
	background-position: top center;
	background-size: cover;
}

.plainHeader.test {
	background: url(../img/ban_archive_01.jpg) no-repeat;
	background-position:center;
}
.banGisWrap { position: relative; margin: 0 auto 25px auto; padding-top: 70px; width:1200px; /*background: rgba(225,198,199,0.5)*/}
.banGis { color: #2e3e4a;}
.banGis.left { float:left; width: 42%; margin-right: 5%; letter-spacing: 5px; /*background: rgba(222,238,186,0.5);*/}
.banGis.right { float: right; width: 45%; margin-left: 5%; letter-spacing: 3px; /*background: rgba(181,223,237,0.5)*/}
.banGis h1 { font-size: 22px; line-height: 36px;  margin-bottom: 6px; }
.banGis.right h1 {margin-bottom: 2px; }
.banGis.left p { font-size: 14px; line-height: 24px; } 
.banGis.right p { font-size: 14px; line-height: 21px; }
.banGis br { display: block; margin: 3px 0; }
.banGisWrap.footBk { border-top: 1px dashed #eee; margin-top: 50px; }

/*-----------------------------Archive Search-----------------------------*/
.archSearchWrap {
	max-width: 1200px; 
	height: 60px; 
	margin: 50px auto 0 auto;
	/*-moz-border-radius: 10px 10px 0px 0px;
	-webkit-border-radius: 10px 10px 0px 0px;
	border-radius: 10px 10px 0px 0px;
	border: 0px solid #000000; 
	
	-webkit-box-shadow: 0px -1px 4px 1px rgba(104,106,112,0.2);
	-moz-box-shadow: 0px -1px 4px 1px rgba(104,106,112,0.2);
	box-shadow: 0px -1px 4px 1px rgba(104,106,112,0.2);
	
	background: rgba(237,238,240,0.7);  */
}

.searchFormWrap { text-align:center; }
.fieldContainer{ display:inline-block; margin: 0 auto; padding: 15px 15px; }
.searchfieldjs { color: #2e3e4a;}
#s1:focus { color: #b83821;}
#s1 { 
	font-family: 'ProximaNova_Regular'; 
	font-size: 16px;
	line-height: 16px; 
	color: #000000; 
	letter-spacing: 5px;
	height: 28px;
	margin-right: 10px;
	
	border: 1px solid #fff;
    box-shadow: 1px 1px 2px 0 #707070 inset;
    padding: 2px 10px 0 10px;
    transition: box-shadow 0.3s ease 0s;
	
	-moz-appearance: none;
}
#s1.eng { letter-spacing: 3px; }

#search1btn {
	font-size: 16px;
	line-height: 16px; 
	letter-spacing: 5px;
	color: #2e3e4a;
	padding:2px 0 0 4px;
	height: 28px;
	cursor: pointer;
	background: #f0f0f0;
	
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	border: 1px solid #9CA1A9;
	text-decoration: none;
}
#search1btn.eng {
	font-size: 15px;
	line-height: 17px; 
	letter-spacing: 3px;
	padding:2px 4px 0 4px;
}
/*-----------------------------Archive Recommend Search-----------------------------*/
.archRecomWrap {
	position:relative;
	max-width: 1200px; 
	height: 70px; 
	margin: 0 auto;
	-moz-border-radius:  0px 0px 10px 10px;
	-webkit-border-radius: 0px 0px 10px 10px ;
	border-radius: 0px 0px 10px 10px ;
	border: 0px solid #000000; 
	
	background: rgb(96,111,124); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(96,111,124,1) 0%, rgba(46,62,74,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(96,111,124,1) 0%,rgba(46,62,74,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(96,111,124,1) 0%,rgba(46,62,74,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#606f7c', endColorstr='#2e3e4a',GradientType=0 ); /* IE6-9 */
}
.fieldContainer.se{ padding: 0px 15px 15px 15px; }
.recomFormWrap { text-align:center; padding: 20px 15px 15px 15px; }
.wanTxt { display: inline-block; color:#D8DEE0; font-size: 18px; letter-spacing: 5px; }
.recomBtnWrap { display: inline-block; }
#recomformMedia { display: inline-block; margin-right: 15px; }
#recomformShow { display: inline-block;  }
select.selitem{
	width: 135px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 2px 4px 0 rgba(0, 0, 0, 0.19);
    box-sizing: border-box;
    color: #2e3e4a;
    font-size: 18px;
    height: 30px;
    letter-spacing: 5px;
    padding: 0 0 0 10px;
    background: #f4f1ec url("../img/tt_ad.png") no-repeat scroll right center;
	background-size: 40px;
    border: 3px solid #ffffff;
	-moz-appearance: none; 
}
select.selitem.eng{ font-size: 16px; letter-spacing: 3px;}
select.selitem.eng .medItem.eng{ font-size: 14px; letter-spacing: 2px;}
select.selitem.show{ width: auto; padding: 0 55px 0 10px}
#search2btn{
	font-size: 16px;
	line-height: 16px; 
	letter-spacing: 5px;
	text-decoration: none;
	color: #D8DEE0;
	padding:2px 0 0 4px;
	margin-left: 15px;
	height: 28px;
	cursor: pointer;
	
	background: #5a6770;
	background-image: -webkit-linear-gradient(top, #5a6770, #54585e);
	background-image: -moz-linear-gradient(top, #5a6770, #54585e);
	background-image: -ms-linear-gradient(top, #5a6770, #54585e);
	background-image: -o-linear-gradient(top, #5a6770, #54585e);
	background-image: linear-gradient(to bottom, #5a6770, #54585e);
	
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	border: 1px solid #9CA1A9;	
}
#search2btn.eng { width:auto; font-size: 14px; letter-spacing: 3px; padding:2px 4px 0 8px;}
a.moreCatBtn {
	color: #2e3e4a;
    font-size: 14px;
    letter-spacing: 5px;
    text-align: center;
	width: 150px;
	display:inline-block;
	margin: 0 6% 0 6%;
}
.catExp {
	display: inline-block;
	color: #e7e7ef;
	padding: 3px 5px 0 18px;
	-webkit-border-radius: 0 0 8px 8px;
	-moz-border-radius: 0 0 8px 8px;
	border-radius: 0 0 8px 8px;
	background: rgba(46,62,74,1);
}
.catArr { width:30px; margin-top: -5px; }
.catArr.bigS { width:35px; margin-right: 5px;}
.view {
	width: 527px;
	letter-spacing: 5px;
    margin: 10px auto 40px auto;
	height: 40px;
}
.view ul li img {
	float: right;
	padding: 5px;
	border: 1px solid #eee;
	margin-left:5px;
	margin-bottom: 5px;
	width:20px;
	opacity: 0.5;
}

.view img:hover {
	opacity: 1;
}

.view img.active {
	opacity: 1;
}

.calendar_left {
	float: left;
	}

.view ul li.calendar_left {
	width: 303px;
	margin-left:0px;
	margin-bottom: 10px;
	padding: 2px 0px 0px 0px;
	border: 1px solid #eee;
	opacity: 0.5;
}

.view ul li.calendar_left:hover {
	opacity: 1;
}

.view ul li.calendar_left img {
	border: none;
	padding: 4px 0px 0px 0px;
	opacity: 1;
	float: left;
}

.view ul li span {
	float: right;
	font-size: 12px;
	font-weight: bold;
	padding: 2px 6px 0px 5px;
	letter-spacing: 0;
	color:#000;
}

.ui-draggable, .ui-droppable {
	background-position: top;
}
#datepicker {
	margin: 0px 2px 2px 7px;
	width: 80px;
}
.hasDatepicker{
	width: 80px;
}

.view button {
	font-size: 12px;
    padding: 5px;
   	width: 100px;
	margin-top: 0px;
	margin-bottom: 10px;
	float: right;
}
/*----------------------------Archive Channel Button----------------------------*/
.arChanSkin {
 	/*background-color: #e4eae8;
	padding-top: 50px;*/
}
section.arChan { max-width: 1200px; margin: 0px auto -3px auto; text-align:center; position:relative; }
.arChanBtnWrap { display:inline-block; position: relative;}
.arChanBtnWrap02 { display:inline-block; position: relative;}
/*.arChanBtn {
	float:left;
	font-size: 16px;
	color: #2e3e4a; 
	line-height: 26px; 
	letter-spacing: 4px;
	background: #eeebea url("../img/vertSdw_so.png") no-repeat;
	background-position:top right;
	background-size: contain;
	cursor: pointer;
	
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	transition:.3s;
}*/
/*.arChanBtn:hover {
	color: #eeebea;
	background:rgba(46,62,74,1);
	background-position:top right;
	background-size: contain;
}
.arChanBtn.active {
	width:75px;
	height: 75px;
	color: #eeebea;
	background:rgba(184,56,33,1);
}*/
.arChanBtn.sm { width:75px; height: 75px;}
.arChanBtn.lg  { width:145px; height: 75px;}
.arChanNam { width: 80%; margin: 0 auto; font-size: 16px; padding: 8px 0 3px 0; border-bottom: 1px solid #CDCDCE; }
.arChanNam.eng { font-family: 'ProximaNova_Regular'; font-size: 14px; letter-spacing: 3px; }
.arChanNam.pth { letter-spacing:2px;}
.arChanNum { width: 80%; margin: 0 auto; font-size: 22px; padding-top: 5px;}
.arChanNum.ptc { font-size: 12px; line-height: 14px; padding-top: 4px;}
.arChanNum.ptc.eng { font-family: 'ProximaNova_Regular'; letter-spacing: 2px;}
.archChnShw {
	position: absolute;
    bottom: 0;
	left:0;
	width: 120%;
    height: 40px;
	margin-left: -10%;
    pointer-events: none;

	background: url("../img/diviShd_Up.png") no-repeat;
	background-position: center bottom;
	background-size: cover;
    z-index: 1;
}
.moreChnBtn { display: none; }

/*----------------------------Archive category----------------------------*/
section.archCatWrap { 
	width: 100%; 
	height:auto;
	padding-top: 0px;
	margin-bottom: 35px;
	background: -moz-linear-gradient(top, rgba(216,218,222,1) 0%, rgba(255,255,255,0.5) 50%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(216,218,222,1) 0%,rgba(255,255,255,0.5) 50%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(216,218,222,1) 0%,rgba(255,255,255,0.5) 50%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8dade', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
}
select.catWrap {
	display:none;
	width: 525px;
	height: 30px;    
    color: #2e3e4a;
    font-size: 16px;
	line-height: 24px;
    letter-spacing: 5px;
    padding: 0 0 0 10px;
	margin: 0 auto;
    background:  url("../img/tt_ad.png") no-repeat scroll right center;
	
	background-size: 40px;
	box-shadow:none;
	box-sizing: border-box;
    border-top: 2px dotted #A9AAAD;
	border-bottom: 2px dotted #A9AAAD;
	border-left: none;
	border-right: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	outline: none;	
}
select.catWrap.eng { font-size: 14px; letter-spacing: 3px; }
select.catWrap option.eng { letter-spacing: 3px; }
select.catWrap input.eng { letter-spacing: 3px; }
a:active {
 outline: none;
 -moz-outline: none;
}
::-moz-focus-inner {
    border: 0;
    padding: 0;
}
.archCat { max-width: 1200px; margin: 0 auto; }
ul.arCatUl { 
	display: block;
    margin: 0 auto;
	max-width: 1035px;
	text-align:center;
}
.arCatUl li {
	font-size: 16px;
	line-height: 26px;
	color: #2e3e4a; 
	letter-spacing: 5px;
    cursor: pointer;
	display:inline-block;
}
.arCatUl li.eng { letter-spacing: 3px;}
.archCate span { padding: 0 12px;}
.catItem.chi { font-size: 16px; line-height: 28px;}
.catItem.eng { font-size: 14px; line-height: 26px; }

.dropdown {

}

a {
  color: #fff;
}

.dropdown dd,
.dropdown dt {
  margin: 0px;
  padding: 0px;
}

.dropdown ul {
  margin: -1px 0 0 0;
}

.dropdown dd {
  position: relative;
}

.dropdown a,
.dropdown a:visited {
  color: #2e3e4a;
  text-decoration: none;
  margin: auto;
  outline: none;
  font-size: 12px;
}

.dropdown dt a {
  background-color: #fff;
  display: block;
  padding: 8px 5px 5px 10px;
  min-height: 25px;
  line-height: 24px;
  overflow: hidden;
  border: 1px solid #ddd;
  /* width: 509px; */
  width: 584px;
}

.dropdown dt a span,
.multiSel span {
  cursor: pointer;
  display: inline-block;
  padding: 0 3px 2px 0;
}

.dropdown dd ul {
  background-color: #fff;
  border: 1px solid #ddd;
	border-top: 0px; 
  color: #2e3e4a;
  display: none;
  left: 0px;
  padding: 2px 15px 10px 5px;
  margin: auto;
  top: 2px;
  list-style: none;
  width: 503px;
  height: 200px;
  overflow: auto;
}

.dropdown span.value {
  display: none;
}

.dropdown dd ul li a {
  padding: 5px;
  display: block;
}

.dropdown dd ul li a:hover {
  background-color: #fff;
}
.hida {
	font-size: 16px;
	width: 100%;
	background: #fff url(../img/tt_ad_white.png) no-repeat scroll right center;
	}
.multiSel {
	font-size: 16px;
}
.btnfilter {
	margin: auto;
}
button {
    background-color: #eee;
    width: 100%;
    border: 1px solid #ddd;
    padding: 10px 0;
    margin: 20px 0px 5px 7px;
    text-align: center;
    color: #4F6877;
    display: block;
    font-weight: bold;
}
button:hover {
    background-color: #2e3e4a;
    color: #fff;
	border: 1px solid #2e3e4a;
}


/*---------------------Archive Item Block-----------------------------*/
.container{ max-width: 1200px; margin: 0 auto 0 auto; }
.block {
	position:relative;
	width: 23%;
	height:auto;
	float: left;
	margin:1%;
}
.block.noPic {
	width: 23%;
	height:auto;
	padding-top: 20px;
}
.archPics { position:relative; }
/*.archGisWrap{
	position:relative;
	width:100%;
	font-size: 14px;
	text-align:left;
	line-height: 22px;
	color: #2e3e4a;
	letter-spacing: 5px;

	-webkit-box-shadow: 3px 3px 7px -3px rgba(143,157,181,0.7);
	   -moz-box-shadow: 3px 3px 7px -3px rgba(143,157,181,0.7);
			box-shadow: 3px 3px 7px -3px rgba(143,157,181,0.7);
}*/
.archGisWrap.eng { font-size: 13px; line-height: 20px; letter-spacing: 3px;}
/*.archTit { font-size: 22px; line-height: 28px; padding: 12px 5% 5px 5%;  min-width: 90%; background:#ebdfd3; background:#f4f1ec; }*/
.archTit.eng { font-size: 19px; line-height: 24px;}
.archGis { padding: 0 5% 3% 5%; background:#ebdfd3; background:#f4f1ec; }
.archGis p{ line-height: auto; }
/*.archDate { font-size: 14px; letter-spacing: 5px; padding: 4px 4px 0px 11px; margin-top: -22px; background:#eee; box-shadow: 3px 3px 7px -3px rgba(143,157,181,0.7); }*/

.archSect { max-width:1170px; letter-spacing: 5px; color: #2e3e4a; padding-bottom: 10px; margin: 10px auto 10px auto; border-bottom: 1px dashed #CBCBCB;}
.archSect h1{ font-size: 26px; float: left; display: block; }

.archList { max-width:1170px; text-align:right; letter-spacing: 5px; color: #2e3e4a; padding-bottom: 10px; margin: 10px auto 10px auto; }
.archList h4{ font-size: 21px; color:#536171; }
.archList.eng h4 { font-size: 19px; letter-spacing: 3px; color:#536171; }


#filcat {
	float:right;
	display: block;
	font-size: 14px;
	letter-spacing: 0;
}

.hot, .hot:link {
	float: left;
	padding: 5px 15px;
	color: #000;
	background-color: #ebf4f9;
	margin: 10px 0px;
}

.hot:hover {
	color: #fff;
	background-color: #2e3e4a;
}

.hot.active {
	color: #fff;
	background-color: #068795;
}


@media screen and (max-width: 1600px) {
/*----------------------------Plain Header Banner-------------------------------*/
.plainHeader { /*height: 320px;*/ }
.banGisWrap { width: 80%;}
.banGis.left { width: 48%; margin-right: 2%;}
.banGis.right { width: 48%; margin-left: 2%; padding-top: 0; }
/*-----------------------------Archive Recommend Search-----------------------------*/
.seRecomBack { width:88%; }
/*-----------------------------Archive Recommend Search-----------------------------*/
.archRecomWrap { width:88%; height: auto; }
/*---------------------Archive Item Block-----------------------------*/
.archSect { max-width: 80%; margin-top: 40px; }
.archList { max-width: 80%;}
.container{ max-width: 82%; }
}
@media screen and (max-width: 1200px) {
/*----------------------------Plain Header Banner-------------------------------*/
.plainHeader { width: 100%; /*height: 280px;*/ }
.banGisWrap { width: 900px; padding-top: 6%; }
.banGis h1 { font-size: 18px; line-height: 28px; }
.banGis.left p { font-size: 14px; line-height: 22px; } 
.banGis.right p { font-size: 12px; line-height: 20px; }
/*-----------------------------Archive Search-----------------------------*/
.archSearchWrap { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; }
/*-----------------------------Archive Recommend Search-----------------------------*/
.archRecomWrap { width:88%; height: auto; }
.fieldContainer.se{ padding: 10px 15px 15px 15px; }
.recomFormWrap.se { padding: 11px 15px 15px 15px; }
.wanTxt { display: block; font-size: 16px; padding-bottom: 3px; text-align: left;}
select.selitem{ font-size: 16px; height: 26px;}
/*----------------------------Archive Channel Button----------------------------*/
section.arChan { max-width:none; width:525px;margin: 15px auto -3px auto;margin: 15px auto -6px auto; }
.arChanBtn.sm.row2 { clear:left; }
.arChanBtn.lg  { width:150px; }
.arChanBtn { margin-bottom: 1px; }
.archChnShw { bottom: 1px; }
a.moreChnBtn { 
	display:inline-block;
	color: #e7e7ef;
    font-size: 16px;
    letter-spacing: 5px;
    text-align: center;
	width: 525px;
	padding-top: 5px;
	margin: 0 auto 0 auto;
	position:absolute;
	left: 0;
	bottom: -25px;
	background: rgba(46,62,74,1);
}
.dwnArr{ width:30px; margin-top: -5px;}
/*----------------------------Archive category----------------------------*/
section.archCatWrap { margin: 0px 0px 25px 0px; padding: 0;}
ul.arCatUl { width: 525px; display: none;}
.archCat { max-width: 525px; margin: 0 auto;}
select.catWrap { display:block; }
/*---------------------Archive Item Block-----------------------------*/
.archSect { max-width: 86%; }
.archList { max-width: 85%;}
.container{ max-width: 88%; }
.dropdown dt a { width: 508px; }
.dropdown dd ul { width: 503px; }
.view { width: 525px; }
	

}
@media screen and (max-width: 1000px) {
.controls.hide { display: none;}
/*----------------------------Plain Header Banner-------------------------------*/
.plainHeader { /*height: 230px;*/ }
.banGisWrap { padding-top: 30px; width: 85%; }
.banGis.left { width: 48%; margin-right: 2%; }
.banGis.right { width: 48%; margin-left: 2%; }
.banGis.right p { font-size: 12px; line-height: 16px; }
/*-----------------------------Archive Recommend Search-----------------------------*/
.recomFormWrap { padding: 15px; }
.fieldContainer.se{ padding: 18px 15px 0px 15px; }
/*---------------------Archive Item Block-----------------------------*/
.block { width: 31.2%; }
/*.block.noPic { width: 31.2%; }*/
.archTit { font-size: 20px;}
.archDate { font-size: 12px; }

}
@media screen and (max-width: 825px) {
/*----------------------------Plain Header Banner-------------------------------*/
.plainHeader.arch { background-position: 52% 30%; background-size:auto; }
.banGisWrap { padding: 25px 0 0 0; width: 85%; }
.banGis.right h1 { line-height: 22px; margin-bottom: 6px;}
.banGis.left p { font-size: 12px; line-height: 20px; }
/*-----------------------------Archive Recommend Search-----------------------------*/
.recomBtnWrap { width:90%;}
#recomformMedia { margin-right: 2%; width: 39%;}
#recomformMedia.eng { margin-bottom: 15px; }
#recomformShow.eng { margin-bottom: 15px; }
#recomformShow { width: 50%; display: inline; }
/*#recomformShow.eng { margin-bottom: 15px; }*/
#search2btn { width: 15%; margin-left: 2%; }
select.selitem.med { width: 100%; }
select.selitem.show{ width: 39%; padding: 0 0 0 10px}
select.selitem.eng { font-size: 13px; }
	
/*---------------------Archive Item Block-----------------------------*/
.archSect h1{ font-size: 30px; }
.archList h4{ font-size: 16px; }
.archTit { font-size: 18px;}
.archDate { font-size: 12px; }
.archGisWrap.eng { font-size: 12px; line-height: 17px; letter-spacing: 2px;}
.archTit.eng { font-size: 15px; line-height: 19px; }
.archList.eng h4 { font-size: 16px; letter-spacing: 2px; }
}
@media screen and (max-width: 760px) {
.banGisWrap { width: 85%; }
}

@media screen and (max-width: 625px) {
/*-----------------------------Archive Recommend Search-----------------------------*/
.recomFormWrap { padding: 8px 15px 15px 15px; }
.recomBtnWrap { width:95%; }
#recomformMedia { margin-right: 2%; width: 38%;}
#search2btn { width: 15%; margin-left: 2%; }
select.selitem.show{ width: 39%; padding: 0 0 0 6px }
select.selitem{ font-size: 14px; }
.wanTxt { font-size: 14px; padding: 0 0 0px 5px;}

/*----------------------------Archive Channel Button----------------------------*/
section.arChan { width:300px; }
.arChanBtn.sm.row3 { clear:left; }
.arChanBtn.sm.row2 { clear:none; }
.arChanBtn.lg.row3 { clear:left; }
.arChanBtn.lg.row4 { clear:left; }
.archChnShw { display:none; }
a.moreChnBtn { font-size: 14px; width: 300px; }

/*----------------------------Archive category----------------------------*/
section.archCatWrap { margin: 0px 0px 15px 0; padding: 28px 0 0 0;}
.archCat { max-width: 300px; margin: 0 auto;}
select.catWrap { width: 292px; padding: 0; }

/*---------------------Archive Item Block-----------------------------*/
.archSect { max-width: 86%; }
.archList { max-width: 84%;}
.archList h4{ font-size: 14px; }
.view { width: 295px; }
.block { width: 48%; overflow: hidden; text-overflow:clip;}
/*.block.noPic { width: 48%;  overflow: hidden;}*/
.archGisWrap { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
/*.archTit { font-size: 18px; padding: 5px 5% 0;}*/
.archDate { font-size: 12px; }
.archList.eng h4 { font-size: 14px; letter-spacing: 2px; }
.dropdown dt a { width: 285px; }
.dropdown dd ul { width: 280px; }
}
@media screen and (max-width: 425px) {
/*----------------------------Plain Header Banner-------------------------------*/
.banGisWrap { display: none; width: 350px; }
.banGisWrap.footBk { display: block; width: 85%;}
.banGis.footBk.left {float: none; width:100%; margin-right: 0;  }
.banGis.footBk.right {float: none; width:100%; margin: 15px 0 0 0; }

/*-----------------------------Archive Search-----------------------------*/
.archSearchWrap { background: rgba(237,238,240,0.9);  }
#s1 { width:50%;}
/*-----------------------------Archive Recommend Search-----------------------------*/
.archRecomWrap { text-align:center; }
.recomFormWrap { display: inline-block; }
#recomformMedia { /*display: block;*/ display: inline-block; width: 70%; margin: 0 0 15px 0; }
#recomformShow { display: block; width: 100%; }
select.selitem.show{ width: 70%; }
select.selitem.show.eng { width: 70%; margin-bottom: 15px; }
#search2btn { width: 23%; margin-left: 5%; padding-top: 0; }
/*.catArr.bigS { display: none; }*/
.wanTxt { font-size: 14px; padding: 0 0 5px 5px;}

/*---------------------Archive Item Block-----------------------------*/
.archSect h1{ font-size: 30px; }
.archSect { max-width: none; width: 295px; padding-left: 10px;}
.archList { margin: 0 auto 10px; max-width: none; width: 300px;}
.view {max-width: none; width: 295px}
.container{ max-width: none; width: 300px; margin: 0 auto 10px auto; }
.block { width: 100%; margin: 5px 0; background:#ebdfd3; background:#f4f1ec; }
/*.block.noPic { width: 100%; padding-top: 0; }*/
.archPics { float:right; width:33%; border-left: 3px solid #EAEBED;}
.archGisWrap { float: left; width: 65%; min-height: auto;}
.archGisWrap.noPic { width: 100%;}
/*.archTit { float: left; font-size: 14px; width: 90%; line-height:22px; margin: 6px 0 0 0; padding: 0px 5% 4px 10px; min-width: auto; height:auto;  }*/
.archGis { display: none; }
.archDate { float: left;  width:100%; margin: 0 0 2px 0;   box-shadow: none; }
.archTit.eng {
    font-size: 14px;
    line-height: 19px;
}
.dropdown dt a { width: 285px; }
.dropdown dd ul { width: 280px; }
}