/* CSS Document */

/* css basic template v1.01 */

/* You may use this file as a foundation for any new work, but you may find it easier to start from scratch. */
/* Not all elements are defined in this file, so you'll most likely want to refer to the xhtml as well. */
/* Images should be linked as if the CSS file sits in the same folder as the images. ie. no paths. */

/* basic elements */
* { margin: 0; padding: 0; }
body { font:12px/1.6em "ËÎÌå", Verdana, Arial, Helvetica, sans-serif; color:#ffffff; background-color:#780000; text-align: center; }
img { border: 0; }


a:link { color: #ffffff; text-decoration: none; }
a:visited { color: #ffffff; text-decoration: none; }
a:hover { color:#FF0000; text-decoration: underline; }




h2, h3, h4, h5, p, ul, ol  { margin: 0; padding: .5em 0; }

/* common style */
.block{ display:block;}
.clear { clear:both; }
.hide, .dupe { display: none; }

/**
*  Homepage 
*  Defining homepage style 
*/

li{color:#000000; list-style:none;}

#container { width:1250px; margin:0 auto; text-align:left; background-color:#780000; } /* Width of all pages : 1003px  */
#containerl{ width:142px; height:453px; float:left; background:url(../images/sy_01.gif) no-repeat;}
#containerm{ width:967px; height:453px; float:left; }
#containerr{ width:141px; height:453px; float:left; background:url(../images/sy_04.gif) no-repeat;}

/*ÄÚÈÝ*/
#top{ width:967px; height:152px; float:left;}
#top_l{ width:406px; height:152px; float:left; background:url(../images/sy_02.gif) no-repeat;}
#top_r{ width:561px; height:152px; float:left; }
#top_r_t{ width:561px; height:75px; float:left; background:url(../images/sy_03.gif) no-repeat; }
#top_r_d{ width:501px; height:68px; float:left; background:url(../images/sy_05.gif) no-repeat; padding:10px 40px 0 20px; font-size:13px; line-height:30px; color:#FFFFFF;  }

/*ÄÚÈÝ1*/
#st{ width:967px; height:301px; float:left;}
#st_l{ width:304px; height:301px; float:left;}
#st_l_t{ width:174px; height:23px; float:left; background:url(../images/sy_06.gif) no-repeat; padding:5px 0 0 130px;}
#st_l_d{ width:264px; height:233px; float:left; background:url(../images/sy_09.gif) no-repeat; padding:20px; line-height:24px; }
#st_m{ width:359px; height:301px; float:left;}
#st_m_t{ width:209px; height:24px; float:left; background:url(../images/sy_07.gif) no-repeat; padding:8px 0 0 150px; }
#st_m_d{ width:359px; height:269px; float:left; background:url(../images/sy_12.gif) no-repeat; }
#st_m_d_l{ width:7px; height:269px; float:left; background:url(../images/sy_11.gif) no-repeat; }
#st_m_d_m{ width:345px; height:269px; float:left; background:url(../images/sy_12.gif) no-repeat; }
#st_m_d_r{ width:7px; height:269px; float:left; background:url(../images/sy_13.gif) no-repeat; }
#st_r{ width:304px; height:301px; float:left;}
#st_r_t{ width:174px; height:23px; float:left; background:url(../images/sy_06.gif) no-repeat; padding:5px 0 0 130px;}
#st_r_d{ width:264px; height:233px; float:left; background:url(../images/sy_10.gif) no-repeat; padding:20px; }
#st_r_d ul{ width:264px; height:220px; float:left; line-height:24px;}
#st_r_d li{ width:264px; height:20px; float:left; color:#FFFFFF;}

#st_mm{ width:967px; height:11px; float:left; background:url(../images/sy_15.gif) no-repeat; font-size:1px;}


#st2{ width:967px; height:auto; float:left; }
#st2a{ width:932px; height:28px; float:left; background:url(../images/sy_17.gif) no-repeat; padding:5px 0 0 35px;}
#st2b{ width:967px; height:6px; float:left; background:url(../images/sy_18.gif) no-repeat; font-size:1px;}
#st2c{ width:967px; height:auto; float:left; background:url(../images/sy_24.gif) repeat-y; color:#333333;}
#st2c dl{ margin:5px 0 0 10px; width:169px; height:210px; float:left; border:1px solid #CCCCCC; padding:2px;}
#st2c dt{ width:168px; height:186px; float:left;  }
#st2c dd{ margin:3px 0 0 0; width:167px; height:20px; float:left; border:1px solid #CCCCCC; text-align:center;}


#st2d{ width:967px; height:40px; float:left; background:url(../images/sy_26.gif) no-repeat;}

#st3{ width:967px; height:145px; float:left; background:url(../images/sy_27.gif) no-repeat;}


#st4{ width:967px; height:474px; float:left;}
#st4a{ width:932px; height:26px; float:left; background:url(../images/sy_28.gif) no-repeat;padding:5px 0 0 35px; }
#st4b{ width:965px; height:313px; float:left; border-left:1px solid #000000;  border-right:1px solid #000000; background-color:#c81816;}
#st4b dl{ margin:10px 0 0 15px; width:225px; height:125px; float:left; display:inline;}
#st4b dt{ width:100px; height:123px; float:left; border:1px solid #CCCCCC;}

#st4b dd{ margin:3px 0 0 10px; width:105px; height:18px; float:left; display:inline;}



#st4c{ width:967px; height:30px; float:left; background:url(../images/sy_34.gif) no-repeat; }
#st5{ width:955px; height:auto; float:left; border:1px solid #CCCCCC; background-color:#000000; padding:5px; text-align:center;}

/*ÄÚÒ³*/
#stnc{ width:927px; height:auto; float:left; background:url(../images/sy_24.gif) repeat-y; color:#000000; padding:20px; }