/* CSS Document */

.mstasr_cen{ width:80%; margin:0px auto; margin-top:0px!important;}
	.txt_ms{ padding-top:0.2em;}
  	.jijs{ width:23%; float:left; font-family: "΢ÈíÑźÚ"; margin-left:0.6%; margin-right:0.6%; height:250px; font-size:18px;}
	.jijs img{ width:100%;} 
	.jijs p{ color:#999999;}
	.logos{ width:210px; margin-top:50px;}
	.navs_bo{ text-align:center; border-bottom:1px solid #eeeeee; width:1120px; margin:60px auto; padding-bottom:50px; margin-top:80px;}
	.navs_bo a{ color:#d4dae6!important; font-family: Calibri, Helvetica, sans-serif; font-size:18px; width:24%; text-align:center; font-style:oblique;}
	.navs_bo a:hover{ color:#a6b5cf!important;text-decoration: line-through;}
	.navs_bo .now_css{ color:#a6b5cf!important; text-decoration: line-through;}
	.navs_bo span{ position:absolute; right:0px; margin-top:2em; font-size:20px; padding-right:10px; color:#999999;}
	.animate img{ width:50%;}
	.yx_mo{  color:#bbc5da; text-indent:0.6em; padding-top:10px; font-size:16px; padding-bottom:10px; font-family:Arial, Helvetica, sans-serif;}
	.imgs_nks02 .animate_nossr img{ width:50%;}
	
	 .projects .project{flex-basis: 25%; margin:10px auto; float:none;padding-right: 8px; padding-left: 8px;}
  body.dark{ background-color:#FFFFFF; color:#333333;}
    body.dark h1, body.dark h2, body.dark h3, body.dark h4, body.dark h5, body.dark h6{ color:#333!important;}
	body.dark .related h3.related-title{ border-bottom:1px solid #CCCCCC;}
	body.dark nav .burger-line, body.menu-open nav .burger-line{ background-color:#000000!important;}
	#nav-overlay{ background-color:#FFFFFF;}
	.nav-overlay-menu a.nav-item{ color:#333333;}
	body.dark nav #nav-logo, body.menu-open nav #nav-logo{ background-image:url(images/s2.png);}
.project-list{ padding-left:252px;padding-right:252px;}
.projects .project .project-details{ background-color:#efefef;}
.iframe-wrapper, .projects .project .project-details, .video-player .iframe-wrapper, .video-player .wrapper, .wrapper-16-9{ height:50%;}
.projects .project{ margin-bottom:7%;}
.fsrs{ text-align:left; color:#666666;font-family: GalaxieCopernicus-Book,serif; position:absolute; bottom:12px; left:18px;font-size: 28px;}
.projects .project .project-overlay{background-image: linear-gradient(0deg,rgba(0,0,0,.0),transparent);}
.projects .lins .project-details .project-title{ color:#000000; display:block;}

.imgs_nks p{ margin:0; padding:0; border:0px; margin:5px auto; text-align:center;-webkit-margin-before: 0em;
    -webkit-margin-after: 0em;line-height:0;}
.imgs_nks p img{ margin:0; padding:0; border:0px; margin-top:15px;}
.pho_text{ color:#C8C9CA; font-family:Arial, Helvetica, sans-serif; font-weight:lighter; width:50%; margin:0 auto; text-align:justify; padding-top:2em; line-height:28px; font-size:16px;}
.pho_text02{  font-family:"΢ÈíÑźÚ"; font-size:14px;}
.stesa{ margin-top:2em;}
.stesa img{ width:80px;}
.stesa p{ color:#A5B4CE; font-size:14px;font-family:"΢ÈíÑźÚ";}
.stesa p span{ display:block;}
.mstasr_cen .dibus{ width:80%; margin:0 auto;}
.mstasr_cen .dibus a{ color:#D3D9E5; font-size:8px; text-align:center; width:24%;}
.mstasr_cen .dibus a span{ text-decoration:underline; color:#A5B4CE;}
.mstasr_cen .dibus{ margin-bottom:1em; margin-top:2em;}

.tr_th1{ margin:0 auto; padding-bottom:2em; font-family:"΢ÈíÑźÚ";}
	.tr_th1 .header-date{ color:#999999; font-size:18px;}
  	.text-inner{ font-family:"΢ÈíÑźÚ"; text-align:justify; width:100%; padding-bottom:20px;}
	.text-inner p{ text-indent:2em;}
	.text{ padding-bottom:2em;}
  	.h3_cetners{ text-align:center; margin-top:-10px; padding-bottom:2em; font-family:"΢ÈíÑźÚ";}
	.bosuser_most{ width:100%; margin:0 auto; background-color:#f3f3f3; text-align:center; padding:50px 0px 50px 0px; color:#999999; font-size:16px; margin-top:30px; margin-bottom:30px;}
	.bosuser_most p{ text-align:justify;  width:96%; margin:10px auto; line-height:22px;}
	.projects .lins .project-details .project-title{ color:#000000; display:block;}
.imgs_nks p{ margin:0; padding:0; border:0px; margin:0 auto; text-align:center;-webkit-margin-before: 0em;
    -webkit-margin-after: 0em;line-height:0;}
.imgs_nks p img{ margin:0; padding:0; border:0px; width:100%;}

.clear{ clear:both;}
  .jijs_lieb{ margin-bottom:58px; border-bottom:1px solid #e9e9e9; padding-bottom:48px;}
  .jijs_lieb .img_msert{ width:30%; float:left;}
  .btns{ text-align:center; color:#CCCCCC; font-size:16px; cursor:pointer; padding-bottom:20px;  font-family:"΢ÈíÑźÚ"!important;}
  .mstasr_cen .jijs_lieb .img_msert img{ width:100%;}
  .txt_ms_msr{ color:#a6b5cf!important; line-height:26px; font-family:"΢ÈíÑźÚ"; font-weight:bold; font-size:18px;}
  .txt_ms_msr p{ color:#d9dada; padding-top:20px; text-align:justify; font-weight:lighter; font-family:"΢ÈíÑźÚ"; font-size:16px;}
  .jijs_lieb .txt_ms_msr{ width:66%; float:right; margin-top:-8px;}
  .jijs_lieb .txt_ms_msr span{ text-align:right; float:right; font-family:Arial, Helvetica, sans-serif; color:#a6b5cf; font-weight:lighter; font-style:oblique; color:#c0cadd; padding-top:10px;}
.txt_ms{ font-family:"΢ÈíÑźÚ"; color:#A5B4CE;}

.h3_cetners{ text-align:center; font-size:16px; color:#999999; margin-top:-10px; padding-bottom:2em;}
  	.bosuser_most{ width:100%; margin:0 auto; background-color:#f3f3f3; text-align:center; padding:50px 0px 50px 0px; color:#999999; font-size:16px; margin-top:30px; margin-bottom:30px;}
	.bosuser_most p{ text-align:justify;  width:96%; margin:10px auto; line-height:22px;}
.img_st{ margin-bottom:20px;}
	.img_st img{ width:20%;}
	.bosuser_most img{ text-align:center;}
.bds{ width:36%; margin-left:10%;}
  	.bds tr td{ color:#A5B4CE; font-size:16px; font-family:"΢ÈíÑźÚ"; padding-top:2em;}
	.bds tr td p{ margin-top:-5px; margin-bottom:5px;}
	.sends{ height:3rem; text-align:center; background-color:#A5B4CE; color:#FFFFFF; font-size:14px; border:none; padding-left:2em; padding-right:2em; border-radius:2px; cursor:pointer;}
  	.inpus_mst{ width:100%; border:1px solid #d8d8d8; background-color:#ffffff; height:2.5rem; text-indent:1em; margin-top:0.8em;}
	.inpus_mstt{ width:70%; border:1px solid #d8d8d8; background-color:#ffffff; height:2.5rem; text-indent:1em; margin-top:0.8em;}
	.inpus_mstt2{ width:29%; border:1px solid #d8d8d8; background-color:#ffffff; height:2.77rem; text-indent:1em; margin-top:0.8em; border-right:none;}
  	.mstasr_cen{ width:80%; margin:0px auto; margin-top:0px!important;}
	.inpus_mst02{ padding-top:1em; padding-bottom:1em; height:5em;}
	.msre_mst{ font-style:oblique;}
	.msre_mst em{ text-decoration:underline;}
	




 @media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
  
  
 .project-list{ padding-left:20px;padding-right:20px;}
   .projects .project{flex-basis: 47%; margin:8% auto; float:none;padding-right: 0px; padding-left: 0px;}
   
    .navs_bo span{ position: inherit; display:block; right:0px; margin-top:1em; font-size:20px; padding-right:10px; color:#999999;}
   
   .animate img{ width:100%;}
    .tr_th1 .header-date{ margin-top:1em;}
   .tr_th1{ width:96%; margin:0 auto;}
    .bds{ width:90%; margin:0 auto;}
   .img_st img{ width:20%;}
   	.mstasr_cen{ width:96%; margin:60px auto;}
	.txt_ms{ padding-top:0em;}
  	.jijs{ width:47%; float:left; font-family:"΢ÈíÑźÚ"; margin-left:1.6%; margin-right:1%; min-height:10rem; max-height:10.5rem; font-size:18px;}
	.jijs img{ width:100%;} 
	.jijs p{ color:#999999;}
	.logos{ width:150px; margin-top:50px;}
	.navs_bo{ text-align:center; border-bottom:1px solid #eeeeee; width:92%; margin:15px auto; margin-top:40px; padding-bottom:30px; margin-bottom:30px;}
	.navs_bo a{padding:10px 20px;}
	.navs_bo a{ color:#d4dae6!important; font-family: Arial, Helvetica, sans-serif; font-size:16px; width:24%; text-align:center; font-style:oblique;}
	.navs_bo a:hover{ color:#000000!important;}
   .imgs_nks p img{ width:100%;}
   .imgs_nks{ width:96%; margin:0 auto;}
   .pho_text{ width:100%;}
   
    .jijs_lieb .img_msert{ width:100%; float:none;}
   .jijs_lieb .txt_ms_msr{ width:100%; float:none; margin-top:10px;}
   
   .mostt_h1{ font-size:20px; color:#A5B4CE!important;}
   .h3_cetners{ margin-top:0px;}
   .bosuser_most{ width:96%;}
   .bosuser_most p{ width:88%;}
   .imgs_nks02 .animate_nossr img{ width:100%;}
   .stesa img{ width:80px;}
   .demo{width:100%; margin:10px auto}
   .mstasr_cen .dibus a{ width:22%; font-size:12px;}
   .my-gallery figure {
  display: block;
  float: left;
  margin: 0 0px 10px 10px;
  width: 16.5%; height:90px; background-color:#f2f2f2; overflow:hidden;vertical-align:middle; line-height:90px; text-align:center;
}

  }