@charset "utf-8";

#wrapCen    {width:1000px; margin:0 auto; background:url(../images/software/i_visual.jpg) top center no-repeat;} /* sub header bg img */

/* link */
a.pageLink:link, a.pageLink:visited, a.pageLink:active {color:#288cbd; font-weight:bold;}
a.pageLink:hover {text-decoration:underline;}

/* form */
input.w200      {border:1px solid #bebaae; width:200px; height:18px; color:#777777; padding-left:3px;}
input.w300      {border:1px solid #bebaae; width:300px; height:18px; color:#777777; padding-left:3px;}
input.w400      {border:1px solid #bebaae; width:400px; height:20px; color:#777777; padding-left:3px;}
input.w530      {border:1px solid #bebaae; width:530px; height:18px; color:#777777; padding-left:3px;}
input.reivew    {border:1px solid #bebaae; width:530px; height:20px; color:#777777; padding-left:3px;}
textarea.reivew {border:1px solid #bebaae; width:530px; height:150px; color:#777777; padding-left:3px;}
textarea.formText {border:1px solid #bebaae; width:530px; height:150px; color:#777777; padding-left:3px;}

/* ul/li */
h4.stitH4   {clear:left; margin-bottom:7px; color:#000; font-weight:bold; height:18px; font-size:14px;}
h4.styH4    {clear:left; padding-top:15px; color:#80a0be; font-weight:bold; height:18px;}
h4.styH42   {clear:left; margin-top:5px; color:#80a0be; font-weight:bold; height:18px;}
h4.styH43   {clear:left; padding:15px 0 0 0; color:#80a0be; font-weight:bold; height:18px;}
h4.styH4s   {width:318px; padding-top:15px; margin-bottom:5px; color:#80a0be; font-weight:bold; height:18px; float:left;}
.buDot2     {clear:left; margin-bottom:10px; background:url(../images/common/bu_skyblue.gif) 2px 8px no-repeat; padding-left:10px; color:#654f3d; font-weight:bold;}
.arrBlack   {background:url(../images/common/bu_arr_black.gif) 2px 6px no-repeat; padding-left:10px;}

/* List Box */
.listImg    {width:145px; height:145px; margin-right:20px; border:1px solid #e1e1e1; float:left;} 
.listText   {width:550px; float:left;}
.listBu     {border-bottom:1px dashed #e1e1e1; background:url('../images/common/bu_skyblue.gif') 2px 11px no-repeat; padding:3px 0 0 10px; line-height:22px; height:22px;}
.listBu2     {border-bottom:1px dashed #e1e1e1; padding:3px 0 0 10px; line-height:22px; height:22px;}
.ourList    {border-bottom:1px dashed #e1e1e1; padding:3px 0 0 10px; line-height:22px; height:22px;}
p.cliBoxTop      {position:relative; float:left; width:718px; height:20px; }

ul.cliBoxCen    {position:relative; float:left; width:668px; height:100%; padding:0 25px 0 25px; background:url('../images/software/bg_listBox_cen.gif') left top no-repeat;}
ul.cliBoxCen li {width:150px; background:url('../images/common/bu_skyblue.gif') 2px 0 no-repeat; padding-left:10px; line-height:20px; float:left;}

ul.cliBoxCenSub    {position:relative; width:668px; height:100%; padding:0 25px 0 25px; background:url('../images/software/bg_listBox_cen.gif);'}
ul.cliBoxCenSub li.left {width:147px; padding-left:10px; line-height:20px; float:left;}
ul.cliBoxCenSub li.right {width:570px; background:url('../images/common/bu_skyblue.gif') 2px 10px no-repeat; padding-left:10px; line-height:20px; float:left;}
.cliBoxCenSub {position:relative; float:left; width:668px; height:100%; padding:0 25px 0 25px; background:url('../images/software/bg_listBox_cen.gif');}
.cliBoxCenSub ul.left li {float:left; width:152px;  font-weight:bold;}
.cliBoxCenSub ul.right {float:left; width:516px;}
.cliBoxCenSub ul.right li {float:left; width:157px;background:url('../images/common/bu_skyblue.gif') 2px 10px no-repeat; padding-left:10px; line-height:16px; margin:0 5px 10px 0;}
.cliTit         {clear:left; width:718px; padding-top:15px; height:20px; color:#80a0be; font-weight:bold; height:18px;}

.cliBoxBot      {position:relative; float:left; width:718px; height:20px; background:url('../images/software/bg_listBox_bottom.gif') left top no-repeat;}
.cliListBox     {width:164px; padding:10px 0 0 0 ; float:left;} 
.cliImg         {width:164px; height:164px;} 
.cliImg img { border:1px solid #e1e1e1; }
.cliName        {clear:left; width:164px; text-align:center; padding:5px 0 5px 0;}  
.backTit        {width:708px; height:15px; background:url('../images/ideas/ico_back_list.gif') 0 5px no-repeat; padding:0 0 5px 10px; color:#288cbd; font-size:10px; float:left;}
.grayBox        {clear:left; width:703px; height:15px; margin:15px 0 15px 0; padding:5px 10px 5px 5px; background-color:#f4f4f4; text-align:right;}
.categoryLBox  {width:114px; height:160px; padding:15px; margin-bottom:20px; background:url('../images/software/bg_categoryLeft.gif') no-repeat; float:left;}
.categoryL     {width:114px; height:160px; border:none; scrollbar-face-color: #FDFDFD; scrollbar-shadow-color: #c8c8c8; scrollbar-highlight-color: #c8c8c8; scrollbar-3dlight-color: #FDFDFD; scrollbar-darkshadow-color: #FDFDFD; scrollbar-track-color: #e9e9e9; scrollbar-arrow-color: #c8c8c8;}
.categoryCBox  {width:267px; height:160px; padding:15px; margin-bottom:20px; background:url('../images/software/bg_categoryCen.gif') no-repeat; float:left;}
.categoryC     {width:267px; height:160px; border:none; scrollbar-face-color: #FDFDFD; scrollbar-shadow-color: #c8c8c8; scrollbar-highlight-color: #c8c8c8; scrollbar-3dlight-color: #FDFDFD; scrollbar-darkshadow-color: #FDFDFD; scrollbar-track-color: #e9e9e9; scrollbar-arrow-color: #c8c8c8;}
.categoryRBox  {width:134px; height:160px; padding:15px; margin-bottom:20px; background:url('../images/software/bg_categoryRight.gif') no-repeat; float:left;}
.categoryR     {width:134px; height:160px; border:none; scrollbar-face-color: #FDFDFD; scrollbar-shadow-color: #c8c8c8; scrollbar-highlight-color: #c8c8c8; scrollbar-3dlight-color: #FDFDFD; scrollbar-darkshadow-color: #FDFDFD; scrollbar-track-color: #e9e9e9; scrollbar-arrow-color: #c8c8c8;}
.categoryArr   {width:30px; height:190px; background:url('../images/common/bu_arr_black.gif') 14px 90px no-repeat; float:left;}

.softBox       {clear:left; width:678px; margin:15px 0 15px 0; padding:20px; background-color:#f4f4f4;}
.softBoxTit    {background:url(../images/software/ico_soft.gif) 0 5px no-repeat; padding-left:12px; margin-bottom:5px; color:#c69c6d; font-weight:bold;}
.pBox {float:left; margin-top:30px;}

/* View Box */
.grayBox2   {clear:left; width:683px; height:15px; margin-bottom:15px; background:url(../images/ideas/ico_back_list.gif) 15px 9px no-repeat; padding:5px 10px 5px 25px; background-color:#f4f4f4; color:#288cbd; font-size:10px;}
.viewImg    {width:270px; height:190px; margin-right:20px; border:1px solid #e1e1e1; float:left;} 
.viewText   {width:426px; height:190px; float:left; margin-bottom:20px;} 
dl.viewBu   {width:426px; height:165px; float:left;}
dl.viewBu dt{color:#80a0be; font-weight:bold; margin-bottom:10px;}
.grayBoxFile{clear:left; width:394px; height:15px; background:url(../images/common/ico_file.gif) 10px 8px no-repeat; padding:5px 10px 5px 22px; background-color:#f4f4f4; color:#000; font-size:10px;}
.bgReivew   {background-color:#898989; padding:2px 7px 3px 7px; margin:2px 0 10px 0; color:#fff;}
.reivewList {width:718px; float:left; padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #e1e1e1;}
dl.name		{width:115px; float:left; padding:0 5px 0 5px;}
dl.name dt  {color:#8c6239; font-weight:bold;}
dl.name dd  {color:#999999; font-size:10px;}
dl.reivew	{width:580px; float:left; padding:0 5px 0 5px; border-left:1px dashed #e1e1e1;}
dl.reivew dt{color:#000; font-weight:bold; margin-bottom:5px;}
dl.reivew dd{padding:0 5px 0 5px;}
.rFormL     {width:160px; color:#8c6239; padding-left:7px; margin-bottom:10px; font-weight:bold; float:left;}
.rFormR     {width:530px; margin-bottom:10px; float:left;}
.viewImg2   {clear:left; width:354px; height:200px; border:1px solid #e1e1e1; float:left;} 

.formLeft	   {width:102px; line-height:20px; float:left; padding-left:28px; margin-top:10px; color:#000;}
.formRight     {width:588px; line-height:20px; float:left; margin-top:10px;}

/* table */  
table.tableSty     {font-size:12px; border-collapse:collapse; border-top:2px solid #313842; text-align:center;}
table.tableSty caption.capNone {display:none;}
table.tableSty caption.capL    {font-size:10px; text-align:left;}
table.tableSty caption.capR    {font-size:10px; text-align:right;}
table.tableSty th  {padding:4px 7px 4px 7px; border:1px solid #dedede; background-color:#f4f4f4; color:#313842; font-weight:bold; font-size:11px;}
table.tableSty td  {padding:4px 7px 4px 7px; height:15px; border:1px solid #dedede;}
table.taL    {text-align:left;}
table.taR    {text-align:right;}
table.p100   {width:100%;} /* body 100%=718px */
table.pL10   {padding-left:10px;}
table.pL12   {padding-left:12px;}