
/*=================================================================
		     UTRUST RESPOND CSS - All Rights Reserved.
==================================================================*/

/*-------------------------------------
*            $SITE_STRUCTURE
*------------------------------------*/
@media(max-width:991px){
	.container { width: 930px;}
}

@media(max-width:935px){
	.container { width:inherit;}
}


/*header*/
@media(max-width:690px){
	.header .nav {
		float: inherit;
		width: 345px;
		margin: 10px auto 0;
	}
	h1.logo a { margin:15px auto 20px;}
}
@media(max-width:360px){
	h1.logo a { 
		background:none; 
		color: transparent;
		display:inherit;
		width:inherit;
		height:inherit;
		text-indent:inherit;
		margin:0 auto;
	}
	h1.logo a img { 
		width: 90%;
		margin: 0 auto 20px; 
	}
}

/*MainMeun*/
@media(max-width:766px){ 
	#MainMenu .nav-justified { width: 75%; margin: 0 auto;}
	#MainMenu .container .nav>li { 
		border-right: #7b7c35 dashed 1px;
		display: block;
		float: left;
	}
	#MainMenu .container .nav>li>a{ float: left; display: block; width: 63px;}
}
@media(max-width:747px){
	#MainMenu .nav-justified { width: inherit; display: table; margin: 0 auto;}
}
@media(max-width:605px){
	#MainMenu { padding:20px 0; border-top: #7b7c35 dashed 1px; border-bottom: #7b7c35 dashed 1px;}
	#MainMenu .nav-justified { width: 100%; display:inherit; margin:inherit;}
	#MainMenu .container .nav>li { float:inherit; }
	#MainMenu .container .nav>li>a {width: 33%;  /*border-radius:0;*/}
}
@media(max-width:450px){
	#MainMenu .container .nav>li>a { width:50%;}
}
@media(max-width:310px){
	#MainMenu .container .nav>li>a { width:100%;}
}


/*slider*/
@media(max-width:1199px){
	#slider .carousel-inner  { height: 259px;}
}
@media(max-width:1199px){
	#slider .carousel-inner>.item>img,
	#slider .carousel-inner>.item>a>img{ top:inherit;}
}
@media(max-width:765px){
	#slider .carousel-inner>.item>img,
	#slider .carousel-inner>.item>a>img { position:inherit;}
	#slider .carousel-inner { height:inherit;}
}
@media(max-width:605px){
	#sliderbox { display:none;}
	#slider { margin:0;}
}

/*BannerSet*/
@media(max-width:1199px){
	#BannerSet { width:100%;}
	#mainContent #BannerSet ul li { margin:inherit; padding:inherit; }
	#mainContent #BannerSet ul li a img { width:96%;}

}
@media(max-width:410px){
	#BannerSet { width:230px;}
	#mainContent #BannerSet ul li { width:100%;}
}

/*Linkslider*/
@media(max-width:991px){
	#Linkslider .carousel .item .row>div{ width: 25%;}
}
@media(max-width:805px){
	#Linkslider .carousel .item .row>div{ width:50%;}
	#Linkslider .carousel { position:relative;}
	#Linkslider .carousel a.carousel-control { position:absolute; top: 30%;}
	#Linkslider .carousel { position: relative; margin: 20px auto; }
}
}
@media(max-width:730px){
	#Linkslider .carousel .carousel-inner { width: 72%;}
}
@media(max-width:590px){
	#Linkslider .carousel .item .row>div { width: 100%; }
	#Linkslider .carousel a.carousel-control { top: 40%;}
	#Linkslider .carousel { width:65%; }
}
@media(max-width:530px){
	#Linkslider .carousel { width:100%; }
	#Linkslider .carousel .carousel-inner {
		width: 85%;
	}
}
@media(max-width:410px){
	#Linkslider .carousel  { width:270px;}
}

@media(max-width:335px){ 
	#Linkslider .carousel { margin-left: -30px;}
}

/*footer*/
@media(max-width:1199px){ 
	.footer .col-lg-8 { clear:both;}
	.footer .footInfo { margin:0;}
	.footer .container { width:860px;}
	.footer .footLink>div { height: 165px;}
	/*.footer .footLink { overflow:auto;}*/
}
@media(max-width:991px){ 
	.footer .container { width:inherit;}
	.footer .footLink { margin: 0; height: inherit; }
}
@media(max-width:733px){
	.footer .footLink>ul>li { width:21%;}
}
@media(max-width:555px){
	.footer .footLink>ul>li { width:29%;}
}
@media(max-width:518px){
	.footer .footLink>ul>li { width:45%;}
}
@media(max-width:456px){
	.footer .footLink>ul>li { width:100%; }
	.footer .footLink ul li ul { min-height: initial;}
}
/*
@media(max-width:767px){ 
	.footer .footLink>div { height: initial; }
}

@media(max-width:400px){ 
	.footer .footLink>div { width:100%;}
}
*/





/*
     FILE ARCHIVED ON 3:50:10 七月 20, 2023 AND RETRIEVED FROM THE
     AN OPENWAYBACK INSTANCE ON 13:35:45 五月 27, 2026.
     JAVASCRIPT APPENDED BY OPENWAYBACK, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
