/* CSS Document */
* {margin:0;padding:0;font-family:Arial, Helvetica, sans-serif}
body {text-align:center;background:#E6E6E6 url(bg.png) repeat-x left top}
.wrap {width:832px;margin-left:auto;margin-right:auto;text-align:left}
.wrap div {float:left;display:block}
.sub {font-weight:normal;vertical-align:sub;padding-right:3px}
a {color:#0000CC;text-decoration:underline}
a:hover {color:#FF6600;text-decoration:none}

.header {width:832px;height:75px;background:url(logo-compusyn.png) no-repeat left top;position:relative}
.header a {display:block;width:380px;height:75px;position:absolute;left:0;top:0;text-indent:-9999px;line-height:75px}

.mainnav {width:832px;height:70px;background:url(mainnav-bg.png) no-repeat left top;position:relative}
.mainnav a {position:absolute;display:block;height:70px;text-align:center;color:#fff;text-decoration:none}
.mainnav a:hover {background-image:url(mainnav-bg.png);background-repeat:no-repeat;color:#fff}
.mainnav a.but_home {width:70px;left:5px}
.mainnav a.but_home:hover {background-position:-5px -70px}
.mainnav a.but_ns {width:95px;left:77px}
.mainnav a.but_ns:hover {background-position:-77px -70px}
.mainnav a.but_fpo {width:110px;left:169px}
.mainnav a.but_fpo:hover {background-position:-169px -70px}
.mainnav a.but_ap {width:100px;left:281px}
.mainnav a.but_ap:hover {background-position:-281px -70px}
.mainnav a.but_om {width:85px;left:383px}
.mainnav a.but_om:hover {background-position:-383px -70px}
.mainnav a.but_kr {width:100px;left:473px}
.mainnav a.but_kr:hover {background-position:-473px -70px}
.mainnav a.but_qw {width:120px;left:580px}
.mainnav a.but_qw:hover {background-position:-580px -70px}
.mainnav a span {display:block;padding-top:22px;line-height:14px;font-size:11px;font-weight:bold}
.mainnav a.but_home span {padding:0;line-height:70px}
.mainnav a.but_ap span {padding:0;line-height:70px}
.mainnav .mark a {background-image:url(mainnav-bg.png)}
.mainnav .mark a.but_home,.mainnav .mark a.but_home:hover {background-position:-5px -140px}
.mainnav .mark a.but_ns,.mainnav .mark a.but_ns:hover {background-position:-77px -140px}
.mainnav .mark a.but_fpo,.mainnav .mark a.but_fpo:hover {background-position:-169px -140px}
.mainnav .mark a.but_ap,.mainnav .mark a.but_ap:hover {background-position:-281px -140px}
.mainnav .mark a.but_om,.mainnav .mark a.but_om:hover {background-position:-383px -140px}
.mainnav .mark a.but_kr,.mainnav .mark a.but_kr:hover {background-position:-473px -140px}
.mainnav .mark a.but_qw,.mainnav .mark a.but_qw:hover {background-position:-580px -140px}


.dropmenu {width:710px;display:block;float:left;position:relative}
.dropmenu ul {display:block;position:absolute;top:-4px;background:#333;z-index:999999;border:#fff 1px solid}
.dropmenu ul a {display:block;width:100%;padding:10px 0;color:#fff;border-bottom:#444 1px solid;text-decoration:none;background:url(bg-submenu.gif) no-repeat left top}
.dropmenu ul a:hover {background:#000 url(bg-submenu.gif) no-repeat left top;color:#fff}
.dropmenu ul a b {display:block;padding:0 20px;font-size:11px;line-height:14px;font-weight:normal}
.dropmenu ul#menu_1 {left:383px;width:200px}

.wrap-top {width:832px;height:10px;background:url(wrap-top.png) no-repeat left top;}
.wrap-content {width:710px;background:url(wrap-content.png) repeat-y left top}
.wrap-content .frame {padding:0 20px}
.content {padding:10px 0 30px 0}
.content h1,.content h2,.content h3 {padding:10px 0;margin:0 20px}
.content h4 {padding:0 0;margin:0 20px}
.content h1 {font-size:30px;color:#FF3300;font-family:"Times New Roman", Times, serif;}
.content h1 span {display:block;font-size:18px;padding-top:5px}
.content h1 span.lit {font-size:14px;font-weight:normal}
.content h2 {font-size:20px;color:#333;border-top:#ccc 2px solid}
.content h3 {font-size:18px;color:#0066CC}
.content h3 .sub {font-size:12px}
.content h4 {font-size:16px;color:#FF3300}
.content h4 .sub {font-size:12px}
.content h3.determination span {padding-right:20px}
.content h6 {margin:10px 20px;font-size:12px;background:#666;color:#fff}
.content h6 span {padding:5px 10px;display:block}
.content h6 a {color:#fff;font-size:11px;font-weight:normal}
.content p {padding:10px 20px;font-size:14px;line-height:20px;text-align:justify;color:#333}
.content p a {color:#0000CC;text-decoration:underline}
.content p a:hover {color:#FF6600;text-decoration:none}
.content p i a {color:#FF3300;font-weight:bold;font-size:14px}
.content ol {padding:10px 20px;margin:0 20px}
.content ol li {text-align:justify;font-size:12px;line-height:16px;padding-bottom:15px;color:#333;border-bottom:#eee 1px solid;margin-bottom:15px}
.content ol li b {color:#000}
.content ol li strong.red {color:#FF3300}
.content ol li u,.content ol li i {font-weight:bold;color:#000}
.content ol li span.sub {font-size:8px}
i.bigger {font-size:14px}

.content ul {padding:10px 20px;margin:0 20px}
.content ul li {text-align:justify;font-size:12px;line-height:16px;padding-bottom:15px;color:#333;border-bottom:#eee 1px solid;margin-bottom:15px}
.content ul li b {color:#000}
.content ul li strong {}
.content ul li strong.red {color:#FF3300}
.content ul li u,.content ul li i {font-weight:normal;color:#000}
.content ul li u.red {color:#FF3300;font-weight:normal}
.content ul li span.sub {font-size:8px}

.content ul.normal li {padding-bottom:3px;border-bottom:none;margin-bottom:0;}
.content hr {padding:10px 0;margin:0 20px;border-left:none;border-top:none;border-right:none;border-bottom:#ccc 2px solid}
.content p.download {position:relative;height:80px}
.content p.download a {display:block;position:absolute;left:223px;top:0;width:265px;height:69px;background:url(but_download.png) no-repeat left top;line-height:69px;text-indent:-9999px}
.content p.download a:hover {background:url(but_download.png) no-repeat left bottom}
.content p.download input {border:none;display:block;position:absolute;left:223px;top:0;width:265px;height:69px;background:url(but_download.png) no-repeat left top;line-height:69px;text-indent:-9999px;cursor:pointer}


a.but_view_example {display:block;width:206px;height:51px;background:url(but_view_example.png) no-repeat left top;text-indent:-9999px;line-height:51px}
a.but_view_example:hover {background:url(but_view_example.png) no-repeat left bottom}

a.but_view_analysis {display:block;width:356px;height:51px;background:url(but_view_analysis.png) no-repeat left top;text-indent:-9999px;line-height:51px}
a.but_view_analysis:hover {background:url(but_view_analysis.png) no-repeat left bottom}

a.but_view_data {display:block;width:356px;height:51px;background:url(but_view_data.png) no-repeat left top;text-indent:-9999px;line-height:51px}
a.but_view_data:hover {background:url(but_view_data.png) no-repeat left bottom}

a.but_view_summary {display:block;width:356px;height:51px;background:url(but_view_summary.png) no-repeat left top;text-indent:-9999px;line-height:51px}
a.but_view_summary:hover {background:url(but_view_summary.png) no-repeat left bottom}

a.but_view_slides {display:block;width:356px;height:51px;background:url(but_view_slides.png) no-repeat left top;text-indent:-9999px;line-height:51px}
a.but_view_slides:hover {background:url(but_view_slides.png) no-repeat left bottom}

a.but_view_001 {display:block;width:356px;height:51px;background:url(but_view_001.png) no-repeat left top;text-indent:-9999px;line-height:51px}
a.but_view_001:hover {background:url(but_view_001.png) no-repeat left bottom}

a.but_view_002 {display:block;width:356px;height:51px;background:url(but_view_002.png) no-repeat left top;text-indent:-9999px;line-height:51px}
a.but_view_002:hover {background:url(but_view_002.png) no-repeat left bottom}

a.but_view_003 {display:block;width:456px;height:51px;background:url(but_view_003.png) no-repeat left top;text-indent:-9999px;line-height:51px}
a.but_view_003:hover {background:url(but_view_003.png) no-repeat left bottom}

a.but_view_004 {display:block;width:356px;height:51px;background:url(but_view_004.png) no-repeat left top;text-indent:-9999px;line-height:51px}
a.but_view_004:hover {background:url(but_view_004.png) no-repeat left bottom}

a.but_view_005 {display:block;width:356px;height:51px;background:url(but_view_005.png) no-repeat left top;text-indent:-9999px;line-height:51px}
a.but_view_005:hover {background:url(but_view_005.png) no-repeat left bottom}

a.but_view_006 {display:block;width:356px;height:51px;background:url(but_view_006.png) no-repeat left top;text-indent:-9999px;line-height:51px}
a.but_view_006:hover {background:url(but_view_006.png) no-repeat left bottom}

.ad-index {width:670px;height:160px;background:url(index-ad.jpg) no-repeat left center}
.ad-index a {display:block;width:670px;height:150px;text-indent:-9999px;line-height:150px}

.footer {width:710px;height:100px;background:url(wrap-bottom.png) no-repeat left top}
.footer div {padding:20px 0 0 80px}
.footer div p {font-size:11px;color:#333;line-height:16px}

.register p b {font-size:11px;color:#000}


/*new item menu css*/

a.but_ns {
    width: 95px !important;

    
}

a.but_ns span{
	border-left: 1px solid #00000040;
	height: 43px;
}

a.but_fpo {
    width: 89px !important;

}

a.but_fpo span{
	border-left: 1px solid #00000040;
	height: 43px;
}

a.but_ap {
    width: 80px !important;
    left: 258px !important;

}

a.but_ap span{
	border-left: 1px solid #00000040;
	height: 62px;
}

a.but_om {
        width: 73px !important;
    left: 334px !important;

}

a.but_om span{
	border-left: 1px solid #00000040;
	height: 43px;
}


a.but_kr {left: 401px !important;
    width:103px !important;
}

a.but_kr span{
	border-left: 1px solid #00000040;
	height: 43px;
}

a.but_qw {
    left: 512px !important;
    width: 93px !important;

}


a.but_qw span{
	border-left: 1px solid #00000040;
	height: 43px;
}

a.but_qw.new_item {
    left: 595px !important;
}


a.but_qw.new_item span{
	border-left: 1px solid #00000040;
	height: 43px;
}

.mainnav .mark a.but_qw, .mainnav .mark a.but_qw:hover{
	background-position: -594px -140px !important; 
}
/*other css*/
a.but_qw.new_item {
    background-position: -568px -210px !important;
}



.mainnav a.but_qw.new_item:hover {
background-position: -580px -70px !important;
/* width: 101px !important; */
/* border-top-right-radius: 12px !important; */
/* border-bottom-left-radius: 12px !important; */
}

.mainnav a.but_qw.new_item {
width: 101px !important;
border-top-right-radius: 12px !important;
border-bottom-left-radius: 12px !important;
}

.mainnav a.but_qw {
background-position: -580px -70px !important;
}

.mainnav a.but_om {
width: 68px !important;
}

.mainnav a.but_qw{
 left: 502px !important;
}


a.but_qw.new_item {
    left: 592px !important;
    min-width: 114px !important;
    border-radius: 11px;
}