img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto} 
.NewsCont h1 {  height:40px !important;}

.sp_header{height:50px;overflow:hidden;background:#fff;position:absolute;z-index:10; right:20px;top:20px;width:20%;display:none;}

.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:15px}
.sp_nav span{display:block;background:#c9141e;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:10px}
.sp_nav span:nth-of-type(3){top:20px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
.sjj_nav{position:fixed;z-index:9;background:#eee;width:100%;height:calc(100% - 104px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
.nav_show{top:110px;z-index:1001;}
.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 70px)}
.sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px}
.sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}
.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px #ddd solid;margin-left:20px;position:relative;line-height:40px;font-size:14px}
.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#666;width:80%}
.sjj_nav ul li ul li a{color:#999;display:block;text-align:left;}
.sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#c9141e}
.sjj_nav ul li ul li>ul{margin-left:10px}

@media screen and (max-width: 769px) {
     .OutWrapper , .InnerPageWrap { width:760px; }
	 .Logo img{width:100%; height:auto; left:0px; top:0%;position:relative;}
	 
	 .ImageSliderShow {width:760px;}
	 .ImageSliderShow form.HomeSearchBox { width:500px; left:156px; bottom:45px;}
	 form.HomeSearchBox input.HomeSearchCont {width:330px;text-indent:5px;}
	 .HomeNews1{ width:250px;}

   	 .GlobalNav ul li { display:inline-block;_float:left; width:68px; height:25px; text-align:center; letter-spacing:0.1em;}
	 .GlobalNav ul li a {  width:67px; padding-left:2px;}
	 .InLeftCont {width:240px;}
	 .InRightCont { width:495px;}
	 .MemberLibrary ul li {width:140px;}
	
   	 
}

@media screen and (max-width: 600px) {
      .sp_header{display:block;}
	  .GlobalNav{display:none;}

     .OutWrapper , .InnerPageWrap { width:100%; }
	 
	 .Logo {width:280px;top:20px;left:5px;}

	 .Logo img {width:100%; height:auto; top:5%;position:relative; } 
	 .LibraryShow { width:100%;}
	 .ImageSliderShow { width:100%; height:300px;margin:auto;overflow:auto;}

	 .ImageSliderShow form.HomeSearchBox { width:360px; left:30px; bottom:45px;z-index:999;}

	 form.HomeSearchBox input.HomeSearchCont {width:260px;text-indent:2px;font-size:12px;line-height:40px;}
	 .HomeSearchBox p{ height:40px;}
	 form.HomeSearchBox input.HomeSearchBtn {width:60px; font-size:14px;margin-left:14px;}
	 .ImageSliderShow form.HomeSearchBox input { height:40px;}
	 fieldset label.infield { font-size:14px;letter-spacing:0.2em;}
	 

	 .ImageSliderShow .tWrapper{width:100%;height:300px;}
	 .ImageSliderShow .tWrapper img{width:100%; height:300px;}
	 /*.ImageSliderShow ul li { height:300px; width:414px; }*/
	 .ImageSliderShow ul li dl { width:100%; height:300px;background-size:100%;  }
	 .tWrapper ul li dl dt { width:100%; height:300px;background-size:100%;  }


	 #ThirdGridForm { width:100%; height:500px; margin-top:12px; position:relative;}

	 .HomeLibraryInfo { width:100%; }


	 .HomeNews1 { top:260px; left:0px; width:100%; height:248px; background-color:#113a7f; }

	 .AdverBox01 {
	
	width:50%;
	height:248px;
	position:absolute;
	top:0px;
	left:50%;
	
}    
    
	.AdverBox02 {
	
	width:50%;
	height:248px;
	position:absolute;
	top:0px;
	left:0px;
	
}
    .AdverBox01 img,.HomeInfoImg img{width:100%;}
 
	 #InnerLoaction{width:98%; margin:auto;}
	 #InnerBanner{display:none;}

	 .InLeftCont { width:98%; float:none; margin-left:10px;margin-right:15px;}
	 #InnerContact{display:none;}
	 .InnerAdverBox{width:97%;  letter-spacing:0.5em;}/**text-align:left;
	 .InnerAdverBox a{padding-left:10px;}*/

	 .InRightCont {width:95%; float:none; margin-left:10px;margin-right:15px;}
	 #DoubleLine { width:98%;} 
	 
	 .left{left:25%!important;}

	 .InnerSearch form input.InSearchBox{width:290px;}
	 .InnerSearch form span.InSearchBtn{right:10px;}

	 .DigitalTabContWrap ul.DigTabContOutUL ul >li:nth-child(2n+1) { margin-left:0px;}
     .DigitalTabContWrap ul.DigTabContOutUL ul li { margin-left:38px; width:148px;}

	 .DataBaseCont ul >li:nth-child(2n+1) { margin-left:0px;}
	  ul.DataBaseList li {width:99%;}

	 #ShareSource{height:auto;}
/**ping**/
 .PlatSource , .CouponSource , .FreeSource , .TrialSource {  position:static; float:none;height:440px;}
	  
	 .PlatSource { width:80%;margin:auto;}
	 .CouponSource { width:80%;margin:auto;}

	
	 .FreeSource { width:80%;margin:auto;}
	 .TrialSource {width:80%;margin:auto;}
	 .PlatSource span { background-repeat: repeat;background-size:100%;}

     .CouponSource span { background-repeat: repeat;background-size:100%;}

     .FreeSource span {background-repeat: repeat;background-size:100%;}

     .TrialSource span { background-repeat: repeat;background-size:100%;}
	


	/* .PlatSource { width:48%;float:left;}
	 .CouponSource {width:52%;float:left;background-color:#113a7f;}
	 .FreeSource {  width:50%;float:left;}
	 .TrialSource { width:50%;float:left;}
 */
	
      ul.ShareSourceAmount li { width:49%;}


	  .list{width:95%;}

      .slide_screen{width:95%;}
	  .slide_screen li.liA{width:100%;}
	  .slide_screen li.liA .window{width:100%;}
	  .slide_screen li.liA,.slide_screen li.liA .piece,.slide_screen li.liA img{width:100%;}


	  .ImageSliderShow .arrow div{background:none;}

	   ul.dlm-downloads li div.DocInfo { width:75%;}

	   ul.dlm-downloads li a.DownLoadBtn {width:75px;height:28px;right:0px;}

	   #Foot { margin-top:10px; padding-bottom:10px;clear:both; overflow:hidden;}
	   #Foot h1 { float:none; line-height:15px; font-size:12px; padding-left:10px;}
	   #Foot ul.ContactUs { height:60px; padding-top:5px;}
     

       #Foot ul { width:100%; margin-top:10px; color:#41494d;} 
	   #Foot ul li { line-height:40px; padding-left:10px; width:90%;}
       
       #Foot ul.ContactUs li {text-align:left; border-right:none;}

	   .HomeContactUs { margin-top:15px;}

}
@media screen and (max-width: 400px) {

 /**ping**/
     .PlatSource , .CouponSource , .FreeSource , .TrialSource{float:none;}
	 .PlatSource { width:90%;margin:auto;}
	 .CouponSource { width:90%;margin:auto;}


	 .FreeSource {width:90%;margin:auto;}
	 .TrialSource {width:90%;margin:auto;}
	 .PlatSource span { background-repeat: repeat;background-size:100%;}

     .CouponSource span { background-repeat: repeat;background-size:100%;}

     .FreeSource span {background-repeat: repeat;background-size:100%;}

     .TrialSource span { background-repeat: repeat;background-size:100%;}
	 }