a {text-decoration: none}
a:link {color:#ffffff}
a:visited {color:#ffffff} 
a:active {color:aqua} 
a:hover {color:#0013aa}
a.cominfo:link {color: #11CFFF}
a.cominfo:visited {color:#11CFFF} 
a.cominfo:active {color:gold} 
a.cominfo:hover {color:gold}
a.fromer-title-nm:link {color:#fff}
a.fromer-title-nm:visited {color:#FFF} 
a.fromer-title-nm:active {color:red} 
a.fromer-title-nm:hover {color:#0013aa}
 
body{background: url(img/bg_qsan.jpg) #000000;background-attachment : fixed; background-size:cover;font-size:12px;font-family: Georgia;}
body.p{background: url(img/bg_qsan_p.jpg) #000000;background-attachment : fixed; background-size:cover;font-size:12px;font-family: Georgia;}
h1{display:none;}
h2{display:none;}
.noshown{display:none;}
#div-l{width:340px; height:800px; background:url(img/bg-black.png); float:left; padding-top:10px;}
#div-r{width:900px; height:300px; float:left; margin-left:20px;}
#r-header{width:900px; height:20px;  border: 0px solid #ffffff; color: #ffffff;font-family: "Arial Black",arial,Gadget,sans-serif;font-weight: 900; font-size: 26px;}
#r-body{width:900px; min-height:700px;  border: 0px solid #ffffff; margin-top:180px; color:#ffffff;background-color: #000000; border-radius: 7px; box-shadow: rgba(0, 0, 0, 0.6) 0px 1px 4px 0px; background: url(img/bg-black.png)}
#menu{width:900px; height:20px; list-style-type:none;padding-top: 30px;padding-bottom: 6px;  }
ol#menu>li{display:inline-block;width:260px; text-align: center;}
#header-img{margin-left:680px;}
#content{display:inline-block; width:840px; height:700px; margin: 30px 30px 30px 30px; border: 0px solid #ffffff; font-family: Georgia, arial; font-size:16px;}
#content-p{display:inline-block; width:840px; min-height:700px; margin: 30px 30px 30px 30px; border: 0px solid #ffffff; font-family: Georgia, arial; font-size:12px;}
.p-div{margin-bottom: 10px;}
.p-img{float:left;}
.p-desc{font-size:16px;line-height:18px; font-family: Georgia;height: 142px;width: 400px; display:inline-block; vertical-align: middle;padding-top: 20px; padding-bottom: 20px; padding-left: 20px;}
#left-menu-product{margin-left:0px;background-image: url(img/left-info-p.png); width:300px; height:538px;}
#product-menu {padding-top: 160px;display:inline-block;}
#product-menu  ul li {text-align:left; color:#11CFFF; font-size: 16px; list-style-type: none; padding:4px; font-family: Georgia;}
.menu-title{font-weight: bold;  }
#metal{border:1px #11CFFF solid;  color:#fff;text-align:center;width:70px;height:24px;display:inline-block;font-size:16px;font-family: arial black;}
#metal-s{border:1px #11CFFF solid;color:#11CFFF; text-align:center;width:70px;height:24px;display:inline-block;font-size:16px;font-family: arial black;}
#nonmetal{margin-left:8px;border:1px gold solid;    color:#fff; text-align:center;width:108px;height:24px;display:inline-block;font-size:16px;font-family: arial black;}
#nonmetal-s{margin-left:8px;border:1px gold solid;  color:gold;text-align:center;width:108px;height:24px;display:inline-block;font-size:16px;font-family: arial black;}
.p-desc-t1{line-height:36px;font-size:14px;font-weight:bold;color:#11CFFF; }
form{margin-left:20px;}
.wiretable tr td{font-size:16px;line-height:20px;font-family: Georgia; }
.wiretable tr th{font-size:16px;line-height:20px;font-family: Georgia; background-color:#131313}
.color-note{color:#a1a1a1}



.header-main {display:block;width:1280px; height: 270px; margin-left:auto; margin-right:auto;margino-top:0; background: url(img/header.jpg)}
.content-main {display:block;width:1280px; max-height: 694px;  margin-left:auto; margin-right:auto; background: url(img/bg-body.png)}
.content-main-1 {display:block;width:1280px; height: 663px;  margin-left:auto; margin-right:auto; background: url(img/bg-body-1.png)}
.content-main-2 {display:block;width:1280px; height: 405px;  margin-left:auto; margin-right:auto; background: url(img/bg-body-2.png)}
.content-main-3 {display:block;width:1280px; height: 608px;  margin-left:auto; margin-right:auto; background: url(img/bg-body-3.png)}
.lang-bar{font-size: 12px; margin-left:30px;font-family: Arial;display:inline-block;border:0px solid green; width: 250px;height: 200px; vertical-align: top;}

.menu-home{background-image:url(img/menu.png); background-position:-2px -24px; border:0px solid green; width:266px; height: 50px;display: inline-block; margin-top: 28px; margin-left:24px;cursor:pointer;}
.menu-home-on{background-image:url(img/menu.png); background-position:-274px -24px; border:0px solid green; width:266px; height: 50px;display: inline-block; margin-top: 28px; margin-left:24px;cursor:pointer;}
.menu-ds{background-image:url(img/menu.png); background-position:-2px -82px; border:0px solid green; width:268px; height: 50px;display: inline-block; margin-top: 2px; margin-left:24px;cursor:pointer;}
.menu-ds-on{background-image:url(img/menu.png); background-position:-274px -82px; border:0px solid green; width:268px; height: 50px;display: inline-block; margin-top: 2px; margin-left:24px;cursor:pointer;}
.menu-about{background-image:url(img/menu.png); background-position:-2px -136px; border:0px solid green; width:268px; height: 44px;display: inline-block; margin-top: 0px; margin-left:24px;cursor:pointer;}
.menu-about-on{background-image:url(img/menu.png); background-position:-274px -136px; border:0px solid green; width:268px; height: 44px;display: inline-block; margin-top: 0px; margin-left:24px;cursor:pointer;}
.menu-contact{background-image:url(img/menu.png); background-position:-2px -190px; border:0px solid green; width:268px; height: 50px;display: inline-block; margin-top: 0px; margin-left:24px;cursor:pointer;}
.menu-contact-on{background-image:url(img/menu.png); background-position:-274px -190px; border:0px solid green; width:268px; height: 50px;display: inline-block; margin-top: 0px; margin-left:24px;cursor:pointer;}

.banner{margin-left:3px;display:inline-block;border:0px solid green;width: 772px;}
.icons{margin-left:290px;display:block;margin-top: 30px; height: 300px; width:764px;border:0px solid green; }
.icon{display:inline-block; width: 250px; height: 280px;  border:0px solid green;clear:both;  text-align:center; vertical-align:top; }
h2{font-size: 18px; font-family: Georgia; font-style: italic; text-align:center;}
h3{color: #525252;font-family: arial; font-size: 12px;word-wrap: wrapped; padding: 0 20px 0 20px; }
h2.ds-title{font-size: 18px; font-family: Georgia; font-style: italic; text-align:left; margin-left:30px; color: #434343}
h3.ds-name{font-size: 18px; font-family: Georgia; font-style: italic; text-align:center;}
.copyright{color: #565656;font-size: 10px; float: right;}
.copyright-contact{margin-top: 308px;color: #565656;font-size: 10px; float: right;}
.copyright-ds{margin-top: 30px;color: #565656;font-size: 10px; float: right;}
.content{margin-left:290px;display:block;margin-top: 30px; height: 300px; width:764px;border:0px solid green; }
.content-contact{margin-left:290px;display:block;margin-top: 10px; height: 300px; width:764px;border:0px solid green; }
.about{margin-left:30px; display:inline-block; height: 280px; width:690px;border:0px solid green;line-height: 24px; color: #434343; font-size:11pt;}

.ds-L{background: #fff; display:inline-block; width: 250px; height: 260px;  border:1px dotted #F94600;clear:both;  text-align:center; vertical-align:top; margin: 10px 10px 10px 120px;}
.ds-R{background: #fff; display:inline-block; width: 250px; height: 260px;  border:1px dotted #F94600;clear:both;  text-align:center; vertical-align:top; margin: 10px 10px 10px 30px;}
.ds-L img, .ds-R img{width:auto; max-height: 175px;}
.ps{color: #F94600;font-size: 11px; font-family: arial;padding: 14px;}

label { display: inline-block; width: 150px; }
input, select, button {
margin: 4px;
font: -webkit-small-control;
color: #fff;
letter-spacing: normal;
word-spacing: normal;
text-transform: none;
text-indent: 0px;
text-shadow: none;
display: inline-block;
text-align: start;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
background-color: #010101;
border: 1px solid #cccccc;
padding: 4px;
}
input.text{width:200px;}
textarea{resize : none;height:100px;width:520px;background-color: #010101;	
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;border: 1px solid #cccccc; COLOR:#FFF;
padding: 4px;margin-top:5px;}
.foot-note{color: #a1a1a1 ; font-size:11px;}

/*Homepage_KeyVisual Roller*/
	#keyv {
		  height: 357px; margin-bottom: 8px;
		border: 1px solid #ccc; margin-left:3px;display:inline-block;border:0px solid green;width: 772px;
	}
	#keyv #player {
		position: relative;
		overflow: hidden;
		height: 100%;display:inline-block;width: 772px;
	}
	#keyv ul.list {
		padding: 0;
		margin: 0;
		list-style: none;
		position: absolute;
		width: 100%;
		height: 100%;
	}
	#keyv ul.list li {
		float: left;
		width: 100%;
		height: 100%;
	}
	#keyv .list img{
		width: 100%;
		height: 100%;
		border: 0;
	}
	#keyv ul.playerControl {
		margin: 0;
		padding: 0;
		list-style: none;
		position: absolute;
		bottom: 5px;
		right: 5px;
		height: 20px;
	}
	#keyv ul.playerControl li {
		float: left;
		color: #fff;
		text-align: center;
		line-height: 20px;
		width: 20px;
		height: 20px;
		font-family: Arial;
		font-size: 12px;
		cursor: pointer;
		margin: 0px 2px;
		/*background: url(5/d.gif) no-repeat -21px 0;*/
	}
	#keyv ul.playerControl li.current { 
		color: gold;
		font-weight: bold;
		background-position: 0 0;
	}
	
	ul.menu, li.menu {
		margin: 0;
		padding: 0;
		list-style: none;
	}