


@media only screen and (max-width: 995px) { body{min-width:768px;} #main-div{width:768px; margin:auto;}
	#header{ height:98px; width:750px; margin:auto;}
	.logo{ width:160px; background:url(images/logo1.png) no-repeat;}
	#middle {width:750px; margin:auto;}
	/*--------------------------------------*/
	.coantendiv1{ width:584px;}
	.coantendiv1L{ float:left; width:400px; height:93px; /*background:url(images/uym-logo1.gif) no-repeat; margin-top:5px;*/}
	/*.coantendiv1L img{ float:left; width:90px; margin-right:13px;}*/
	.coantendiv1L p{ letter-spacing:normal; padding-top:24px;}
	.coantendiv1L span{ font-size:20px; letter-spacing:2.4pt; padding-left:0px;}
	.coantendiv1R{ float:right;}
	.coantendiv1R img{ width:180px;}
	/*--------------------------------------*/
	
	.coantendiv2L{ float:none; width:631px; margin:auto; padding-left:19px;}
	.coantendiv2L ul{margin:0px; padding:0px; list-style-type:none; text-align:left;}
	.coantendiv2L li{margin:0px 19px 20px 0px; padding:0px; float:left; width:107px; height:130px;}
	.coantendiv2R{ float:none; width:280px; margin:auto; text-align:center;}
	/*--------------------------------------*/
	.coantendiv3{ width:700px; margin:auto;}
	.coantendiv3L{ float:none; width:700px; margin:auto;}
	.coantendiv3R{ float:none; width:280px; margin:auto; text-align:center;}
	/*--------------------------------------*/
	.coantendiv4{width:744px; margin:auto;}
	.coantendiv4L{float:left; width:372px;}
	.coantendiv4L li{margin:0px; padding:11px; float:left; width:164px; height:77px; background:url(images/img-bg2.png) no-repeat center top;}
	.coantendiv4L li div{ height:67px; padding-top:10px;}
	.coantendiv4 a{font-size:20px;}
	.spes1{ border-bottom:solid 5px #de4827; height:82px; margin-bottom:20px;}
	
	/*--------------------------------------*/
	.footerdiv1{ width:700px; margin:auto;}
	.footerdiv1L{ float:left; width:340px;}
	.footerdiv1R{ float:right; width:340px;}
	/*--------------------------------------*/
	.footerdiv2a{ width:730px; margin:auto; height:auto; padding-bottom:30px;}
	.foot1{ float:left; width:280px; padding-right:20px; margin-left:20px;}
	.foot2{ float:left; width:214px; padding:0;}
	.foot3{ float:left; width:auto; margin:0}
    .foot3 img { width:114px}
	/*--------------------------------------*/
	.footerdiv2b{ width:700px; margin:auto;}
	
	/*Inner Page----------------------------------------*/
    .in-con1{ width:700px; margin:auto;}
	.in-con1L{ float:none; width:376px; margin:auto; padding-bottom:20px; text-align:center;}
	.in-con1R{ float:none; width:620px; margin:auto; margin-bottom:20px;}
	
	/*Dabase-Css-------*/
	.in-con2{ width:670px; margin:auto; padding:30px;}
	.in-con2L{float:left; width:160px; margin-right:10px;}
	.in-con2R{float:left; width:160px;}
	
	.row2{ margin-bottom:9px; font-family:Arial, Helvetica, sans-serif; color:#38332a;}
	.row2L{width:78px; margin-right:0px; float:none; line-height:28px; font-size:12px; color:#000;}
	.row2R{width:135px; float:none;}
	.input3{width:140px;}
	.select2{width:154px; padding-left:4px;}
	/*--------------------------------------*/
	.iframe{ width:670px; margin:auto;}
	
	/*--------------------------------------*/
	.in-con3{ width:670px; margin:auto; padding:30px;}
	.in-con3L{float:left; width:200px; margin-right:35px;}
	.in-con3La{float:left; width:435px; margin-right:35px;}
	.in-con3R{float:left; width:200px;}
	
	.row3L{width:200px; margin-right:0px; float:none;}
	.row3R{width:200px; float:none;}
	.row3Ra{width:480px; float:none;}
	.input4{width:188px; padding-left:10px;}
	.textarea2{width:410px; height:30px; padding:5px 10px;}
	
	/*--------------------------------------*/
	.in-con4{ width:670px; margin:auto; padding:30px;}
	
	/*-----------------------*/
	.in-con5L{ float:none; width:700px;}
	.in-con5R{ float:none; width:271px; margin:auto; margin-top:26px;}
	.tab-add{ margin-top:40px;}
	
	/*-----------------------*/
	.tablediv2{ width:670px; overflow:scroll;}
	
}


@media only screen and (max-width: 767px) and (max-width: 995px) { body{min-width:420px;} #main-div{width:420px; margin:auto;}
	#header{ height:98px; width:400px; margin:auto;}
	#middle {width:400px; margin:auto;}
	/*--------------------------------------*/	
	.coantendiv1L{ float:none; width:300px; height:217px; /*background:url(images/uym-logo2.gif) no-repeat;*/ }
	/*.coantendiv1L img{ float:none; margin-bottom:0px;}*/
	.coantendiv1L p{float:none; width:auto;}
	.coantendiv1R{ float:none; text-align:left; width: auto; margin:0;}
	.coantendiv1R img{ width:180px;}
	/*--------------------------------------*/
	
	.coantendiv2L{ float:none; width:253px; margin:auto; padding-left:19px;}
	.coantendiv2L ul{margin:0px; padding:0px; list-style-type:none; text-align:left;}
	.coantendiv2L li{margin:0px 19px 20px 0px; padding:0px; float:left; width:107px; height:130px;}
	.coantendiv2R{ float:none; width:253px; margin:auto; }
	.coantendiv2R img{width:253px;}
	/*--------------------------------------*/
	.coantendiv3{ width:300px; margin:auto;}
	.coantendiv3L{ float:none; width:300px; margin:auto;}
	.img1{ float:none; width:249px; margin:auto; padding-bottom:20px;}
	/*--------------------------------------*/
	.coantendiv4{width:256px; margin:auto;}
	.coantendiv4L{float:left; width:256px;}
	.coantendiv4L li{margin:0px; padding:15px; float:left; width:225px; height:117px; background:url(images/img-bg.png) no-repeat center top;}
	.coantendiv4L li div{ height:77px; padding-top:40px;}
	.coantendiv4 a{font-size:25px;}
	
	.spes1{ border-bottom:solid 5px #de4827; height:113px; margin-bottom:20px;}
	.coantendiv5 {padding-top:20px;}
	.coantendiv5 img{ padding-bottom:20px;}
	/*--------------------------------------*/
	.footerdiv1{ width:400px; margin:auto;}
	.footerdiv1L{ float:none; width:400px; background:url(images/con-spes.png) no-repeat bottom; padding-bottom:44px;}
	.footerdiv1R{ float:none; width:400px;}
	/*--------------------------------------*/
	.footerdiv2a{ width:400px; margin:auto; height:auto; padding-bottom:30px; text-align:center;}
	.foot1{ float:left; width:300px; padding: 0 0 30px; margin:0 0 30px; background:url(images/footer-spes1.jpg) no-repeat bottom center;}
	.foot2{ float:left; width:300px; padding: 0 0 30px 0; margin:0 0 30px; background:url(images/footer-spes1.jpg) no-repeat bottom center;}
	.foot3{ float:left; width:300px; text-align:center;}
	.foot-logo{ width:290px; height:100px; background:url(images/kraftwed-logo1.png) no-repeat center;}
	/*--------------------------------------*/
	.footerdiv2b{ width:300px; margin:auto; text-align:center;}
	.footL{ float:none; width:auto; margin:0 0 20px 0;}
	.footR{ float:none; width:auto;}
	
	/*Inner Page----------------------------------------*/
    .in-con1{ width:300px; margin:auto;}
	.in-con1L{ float:none; width:253px; margin:auto; height:auto; padding:0px 0px; text-align:center;}
	.in-con1L img{width:253px;}
	.in-con1R{ float:none; width:238px; margin:auto; margin-bottom:20px;}
	.add{float:none; width:250px; margin-right:0;}
	.form{float:none; width:250px; text-transform:none;}
	.img2{ text-align:left; margin-bottom:10px;}
	
	/*-----------------------*/
	.tablediv2{ width:260px; overflow:scroll;}
}

@media only screen and (max-width: 479px) { body{min-width:320px;} #main-div{width:320px; margin:auto;}
	#header{ height:98px; width:300px; margin:auto;}
	.logo{ width:140px; background:url(images/logo2.png) no-repeat; margin-top:10px;}
	#middle {width:300px; margin:auto;}
	/*--------------------------------------*/
	.coantendiv1{ width:300px; margin:auto;}
	.coantendiv1L{ float:none; width: auto; margin:0px; text-align:center;}
	/*.coantendiv1L img{ width:117px;}*/
	/*--------------------------------------*/
	
	.coantendiv2L{ float:none; width:253px; margin:auto; padding-left:30px;}
	.coantendiv2L li{margin:0px 10px 20px 0px; padding:0px; float:left; width:107px; height:130px;}
	/*--------------------------------------*/
	.footerdiv1{ width:300px; margin:auto;}
	.footerdiv1L{ float:none; width:300px; background:url(images/con-spes.png) no-repeat bottom; padding-bottom:44px;}
	.footerdiv1R{ float:none; width:300px;}
	/*--------------------------------------*/
	.footerdiv2a{ width:300px; margin:auto;}
	/*--------------------------------------*/
	.form1{ width:240px; margin:auto;}
	.row1{ margin-bottom:9px; font-family:Arial, Helvetica, sans-serif; color:#323232;}
	.row1L{width:110px; margin-right:16px; float:none;}
	.row1R{width:226px; float:none;}
	.row1a{ margin:0px;}
	
	/*Dabase-Css-------*/
	.in-con2{ width:260px; margin:auto; padding:20px;}
	.in-con2L{float:left; width:260px; margin-right:0px;}
	.in-con2R{float:left; width:260px;}
	.input3{width:250px;}
	.select2{width:260px; padding-left:0px;}
	
	.top-link{ width:320px;}
	.top-link a{font-size:12px; padding:0px 4px;}
	/*--------------------------------------*/
	.iframe{ width:260px; margin:auto;}
	
	/*--------------------------------------*/
	.in-con3{ width:260px; margin:auto; padding:20px;}
	.in-con3L{float:left; width:260px; margin-right:0px;}
	.in-con3La{float:left; width:260px; margin-right:0px;}
	.in-con3R{float:left; width:260px;}
	
	.row3L{width:260px; margin-right:0px; float:none;}
	.row3R{width:260px; float:none;}
	.row3Ra{width:290px; float:none;}
	.input4{width:260px; padding-left:0px;}
	.textarea2{width:254px; height:40px; padding:0px;}
	
	.button1{ float:none; margin:auto; margin-bottom:16px;}
	.but-div{ width:200px; margin:auto; padding-top:30px;}
	
	/*--------------------------------------*/
	.in-con4{ width:260px; margin:auto; padding:20px;}
	
	/*-----------------------*/
	.in-con5L{ float:none; width:300px;}
	.in-con5R{ float:none; width:300px; margin:auto; margin-top:26px;}
	.coantendiv6{ width:280px; overflow: scroll;}
	.coantendiv7{ width:280px;}
	.tab3 p{ padding:0 0 14px 14px;}
	
	/*-----------------------*/
	.gamediv{ margin-right:0px;}
	.gamediv li{ width:262px;}
	.gamediv1{ width:260px; margin:auto; padding:9px; border:solid 1px #bdac8f; background:#dbcaab;}
	.game-swf1{ display:none;}
	.game-swf2{ display:block;}
	
	.in-con6L{ float:none; width:260px;}
	.in-con6R{ float:none; width:auto; margin:20px 0 0 11px;}
	.download img{ width:250px; margin:24px 0 24px 11px;}
}













