html, body
{
    background-position: left top;
    font-size: 9pt;
    font-family: Arial, Verdana, ËÎÌå;
    margin: 0px;
    color: #5a5a5a;
    background: #8acae6 url(../Images/bg_01.jpg) repeat-x left top;
}
a
{
    text-decoration: none;
}
img
{
    border-style: none;
}
li a
{
    color: #434343;
}
form
{
    margin: 0px;
}
.aLink
{
    color: #838383;
}
/*******
Skin
*******/
#sklist
{
color:#ffffff;
font-size:1px;
}
a.sk:link,a.sk:visited{color:#ffffff;font-size:1px;text-decoration:none;}
a.sk:hover{color:#ffffff;font-size:1px;text-decoration:none;}

#leftcd
{
	background-image: url('../Images/left.gif');
	padding-top: 21px;
}
a.tt:link,a.tt:visited{color:#013F8B;font-size:12px;text-decoration:none;padding-right:40px;}
a.tt:hover{color:#0000ff;font-size:12px;text-decoration:none;padding-right:30px;}
#mLogoDiv
{
    width: 900px;
    height: 98px;
    background: #ffffff url(../Images/Urlbg.gif) no-repeat right top;
    margin-right: auto;
    margin-left: auto;
}
#mLogoDiv div
{
    float: left;
    display: block;
}
#mUrl
{
    width: 635px;
    height: 39px;
    text-indent: 406px;
}
#mUrl img
{
    margin-top: 17px;
    margin-right: 12px;
}
#mMenuDiv
{
    width: 635px;
    height: 59px;
    background: url(../Images/Menubg.gif) no-repeat left top;
}
#mmIndex, .mmUrl
{
    width: 89px;
    height: 59px;
    display: block;
    float: left;
    line-height: 59px;
    font-weight: bold;
}
#mmIndex
{
    color: #445cae;
    text-align: center;

}
.mmUrl
{
    text-indent: 12px;
    color: #7d7d7d;
    background: url(../Images/MenuLine.jpg) no-repeat left top;
}
#mSubmenuInfo
{
    z-index: 2000;
    position: absolute;
    border: #3288e9 1px solid;
    background-color: #ffffff;
    visibility: hidden;
}
#mSubmenuInfo ul
{
    margin: 11px 0px;
    list-style-type: none;
    _width: 85px;/*For IE6*/
}
#mSubmenuInfo ul li
{
    line-height: 21px;
    height: 21px;
    background: url(../Images/Line_03.gif) no-repeat 13px center;
    text-indent: 22px;
}
#mSubmenuInfo ul li a
{
    margin-right: 13px;
}
#mSubmenuInfobg
{
    z-index: 1999;
    position: absolute;
    background-color: #00499c;
    visibility: hidden;
}
#mFlash
{
    background-color: #FFFFFF;
    width: 900px;
    height: 278px;
    margin-right: auto;
    margin-left: auto;
}
#mFlashAdsa, #mFlashAdsb
{
    display: block;
    float: left;
}
#mFlashAdsa
{
    width: 265px;
}
#mFlashAdsb
{
    width: 635px;
}
#mButtom
{
    background-position: left bottom;
    width: 900px;
    height: 110px;
    background-color: #FFFFFF;
    background-image: url('../Images/Buttombg.jpg');
    background-repeat: repeat-x;
    position: relative;
    margin-right: auto;
    margin-left: auto;
}
#mButtom hr
{
    width: 97%;
    height: 1px;
    color: #c8c8c8;
    margin-right: auto;
    margin-left: auto;
}
#mButtomTit
{
    background-image: url('../Images/Buttom_01.jpg');
    background-repeat: no-repeat;
    background-position: left top;
    width: 600px;
    position: absolute;
    top: 18px;
    left: 21px;
    padding-left: 25px;
}
#mButtomLogo
{
	position: absolute;
	top: 18px;
	left: 540px;
}
#mButtomLinks
{
    position: absolute;
    top: 15px;
    left: 640px;
}
/*******
Index
*******/
#iContent
{
    width: 900px;
    padding-top: 13px;
    background-color: #FFFFFF;
    margin-right: auto;
    margin-left: auto;
}
#iLeft, #iCenter, #iRight
{
    display: block;
    float: left;
    height: 366px;
}
#iLeft
{
    width: 260px;
}
#iCenter
{
    width: 409px;
    margin-left: 11px;
}
#icNewsTit
{
    height: 21px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #cccccc;
}
#icNewsTit center
{
    width: 100px;
    height: 21px;
    margin-right: 3px;
    line-height: 21px;
    background-image: url('../Images/iNewsTitbg.jpg');
    float: left;
    cursor: pointer;
}
.icNewsTitCenter
{
    font-weight: bold;
    background-position: 0px 0px;
    color: #FFFFFF;
}
.icNewsTitCenterB
{
    background-position: 0px -21px;
    color: #5d5d5d;
}
.icNewsInfo
{
    height: 88px;
    margin-top: 15px;
}
.icNewsInfo div, .icNewsInfo ul
{
    display: block;
    float: left;
    margin-top: 3px;
}
.icNewsInfo div
{
    width: 105px;
}
.icNewsInfo div img
{
    border: 5px solid #e7e7e7;
    width: 95px;
    height: 72px;
}
.icNewsInfo ul
{
    list-style-type: none;
    margin-left: 8px;
    width: 292px;
}
.icNewsInfo ul li
{
    background-image: url('../Images/Line_01.jpg');
    background-position: 5px center;
    background-repeat: no-repeat;
    line-height: 17px;
    position: relative;
    text-indent: 13px;
}
.icNewsInfo ul li span
{
    position: absolute;
    left: 210px;
}
#icProcuctImgTit
{
    height: 22px;
    margin-top: 10px;
}
#icProcuctImgDiv
{
    background-position: left top;
    height: 96px;
    background-image: url('../Images/iProcuctImg_02.jpg');
    background-repeat: repeat-x;
    position: relative;
}
#icProcuctImg
{
    margin-left: 10px;
    height: 88px;
    width: 385px;
    overflow: hidden;
}
#icpiLeft
{
    position: absolute;
    left: 0px;
}
#icpiRight
{
    position: absolute;
    left: 399px;
}
#icProcuctImg table
{
    margin-left: 28px;
    width: 93%;
    border-collapse: collapse;
    border-spacing: inherit;
}
.icpTxt
{
    width: 155px;
}
.icpTxt strong
{
    color: #242424;
    font-size: 11pt;
    font-family: ºÚÌå;
    letter-spacing: -2px;
}
.icpTxt p
{
    margin-top: 4px;
    text-indent: 2em;
}
.icpImg
{
    width: 147px;
}
.icpImg img
{
    width: 147px;
    height: 85px;
}
.icpNum img
{
    margin-left: 4px;
    width: 47px;
    height: 42px;
}
#iMrr
{
    background-position: right bottom;
    height: 83px;
    margin-top: 13px;
    background-image: url('../Images/iMrr_02.gif');
    background-repeat: no-repeat;
    position: relative;
}
#iMrrLeft
{
    position: absolute;
    top: 7px;
    z-index: 0;
}
#iMrr strong
{
    margin-left: 13px;
}
#iMrrDiv
{
    width: 380px;
    height: 53px;
    overflow: hidden;
    z-index: 1;
    position: absolute;
    top: 19px;
    left: 15px;
}
.iMrrtab
{
    border-collapse: collapse;
    border-spacing: inherit;
}
.iMrrtab td
{
    height: 53px;
}
.iMrrtab td img
{
    width: 74px;
    height: 53px;
    margin-right: 13px;
    margin-left: 13px;
}
#iRight
{
    margin-left: 11px;
    width: 199px;
}
#iLoginTit
{
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #c7c7c7;
    line-height: 20px;
    height: 21px;
    text-indent: 7px;
}
#iVoide
{
    background-position: left top;
    width: 192px;
    height: 150px;
    background-image: url('../Images/iVoide.gif');
    background-repeat: no-repeat;
    margin-right: auto;
    margin-left: auto;
    margin-top: 6px;
    position: relative;
}
#NSPlay
{
    position: absolute;
    left: 2px;
    top: 8px;
}
#iColor
{
    margin-top: 15px;
    text-align: center;
}
/*******
Cloumn
*******/
#mCenter
{
    width: 900px;
    background-color: #FFFFFF;
    margin-right: auto;
    margin-left: auto;
}
#mLeft, #mRight
{
    display: block;
    float: left;
}
#mLeft
{
    width: 265px;
    background-color: #ededed;
    padding-top: 15px;
}
.cLeftTit, .cLeftInfo, .cLeftDown, #cLoginTab, #cNewsDiv
{
    margin-right: auto;
    margin-left: auto;
}
.cLeftTit
{
    width: 230px;
    height: 36px;
    color: #00499c;
    font-weight: bold;
    text-indent: 29px;
    line-height: 40px;
    background-image: url('../Images/cLeftTit.gif');
}
.cLeftInfo
{
    background-color: #FFFFFF;
    width: 228px;
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: #cccccc;
    border-left-style: solid;
    border-left-width: 1px;
    border-left-color: #cccccc;
}
.cLeftDown
{
    background-image: url('../Images/cLeftDown.gif');
    margin-bottom: 10px;
    width: 230px;
    background-repeat: no-repeat;
    height: 23px;
}
#cLoginTab
{
    background-image: url('../Images/iLogin.gif');
    background-repeat: no-repeat;
    background-position: 9px top;
    width: 200px;
    margin-top: 5px;
}
.cLoginTabInput
{
    border: 1px solid #c7c7c7;
    background-color: #f5f5f5;
    height: 15px;
    width: 130px;
    color: #b1b1b1;
    font-size: small;
    font-family: Vrinda;
}
#cLoginTabUrl
{
    padding-top: 5px;
}
#cLoginTabUrl img
{
    margin-left: 10px;
}
.cLoginTabLeft
{
    width: 50px;
}
#cLogintrue
{
    margin-top: 10px;
    line-height: 150%;
    height: 130px;
    text-align: center;
}
#cLogintrue span
{
    color: #ff003a;
}
#cLogintrue a
{
    color: #008000;
}
#cNewsDiv
{
    width: 230px;
    height: 25px;
    position: relative;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #cccccc;
}
#cNewsDiv center
{
    color: #00499c;
    display: block;
    float: left;
    font-weight: bold;
    width: 113px;
    height: 26px;
    line-height: 26px;
    background-image: url('../Images/cNewsTit.gif');
    background-repeat: no-repeat;
    position: absolute;
    cursor: pointer;
}
.cNewsTitHover
{
    background-position: 0px -26px;
}
.cNewsPic
{
    width: 197px;
    height: 73px;
    margin-top: 17px;
    margin-right: auto;
    margin-left: auto;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #d4d4d4;
}
.cNewsPic img, .cNewsPic p
{
    display: block;
    float: left;
}
.cNewsPic img
{
    border: 4px solid #d4d4d4;
    width: 70px;
    height: 53px;
    margin-left: 5px;
}
.cNewsPic p
{
    margin-left: 11px;
    line-height: 150%;
    margin-top: 12px;
    font-weight: bold;
}
.cNewsList
{
    width: 197px;
    height: 93px;
    margin: 10px auto 2px auto;
    list-style-type: none;
}
.cNewsList li
{
    background-image: url('../Images/Line_01.jpg');
    background-position: 5px center;
    background-repeat: no-repeat;
    line-height: 18px;
    text-indent: 13px;
}
#cSearch
{
    width: 231px;
    height: 67px;
    margin: 0px auto 10px auto;
    background-image: url('../Images/cSearch.gif');
    background-repeat: no-repeat;
}
#cSearch table
{
    width: 160px;
    margin-top: 5px;
    margin-left: 50px;
}
.cSearchTabInput
{
    border: 1px solid #c7c7c7;
    background-color: #f5f5f5;
    height: 19px;
    width: 110px;
    color: #b1b1b1;
    font-size: small;
    font-family: Vrinda;
}
#cSearchSub
{
    margin-top: 2px;
}
#cProject
{
    margin: 10px auto 0px auto;
    list-style-type: none;
    width: 197px;
    height: 130px;
}
#cProject li
{
    display: block;
    float: left;
    width: 49%;
    text-align: center;
    margin-top: 4px;
    margin-bottom: 3px;
}
#cProject li img
{
    width: 76px;
    height: 52px;
}
#cAbout
{
    height: 59px;
    width: 230px;
    margin: 17px auto 30px auto;
}
#mRight
{
    width: 635px;
}
#mrTit
{
    width: 595px;
    height: 30px;
    margin: 17px auto 11px auto;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #d2d5da;
    text-indent: 7px;
}
#mrInfo
{
    width: 90%;
    margin: 20px auto 20px auto;
}
/*******
News
*******/
#nTit
{
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #d2d5da;
    width: 595px;
    height: 19px;
    margin-top: 29px;
    text-indent: 7px;
    color: #00499c;
    margin-right: auto;
    margin-left: auto;
}
#nTit a
{
    color: #00499c;
}
#nList
{
    width: 529px;
    margin: 23px auto 0px auto;
    list-style-type: none;
    color: #0000cc !important; 
}
#nList li
{
    background-image: url('../Images/Line_01.jpg');
    background-position: 5px center;
    background-repeat: no-repeat;
    line-height: 25px;
    text-indent: 13px;
    border-bottom-style: dotted;
    border-bottom-width: 1px;
    border-bottom-color: #8c8c8c;
}
#ListPages
{
    line-height: 38px;
    text-align: right;
    margin-top: 10px;
    width: 84%;
    margin-right: auto;
    margin-left: auto;
}
#ListPages span
{
    color: #ff0000;
}
#nMrrPicDiv
{
    width: 542px;
    height: 120px;
    margin: 16px auto 20px auto;
    background-image: url('../Images/nMrrPic.gif');
}
#nMrrPic
{
    width: 500px;
    height: 73px;
    margin-top: 25px;
    margin-left: 20px;
    overflow: hidden;
}
.nMrrPicTab
{
    border-collapse: collapse;
    border-spacing: inherit;
}
.nMrrPicTab td img
{
    height: 73px;
    width: 109px;
    margin-right: 10px;
    margin-left: 10px;
}
/*******
Product
*******/
#ProductListDiv
{
    margin: 0px auto 10px auto;
    width: 595px;
}
#ProductListA, #ProductListB, #ProductListC, #ProductListD, #ProductListE, #ProductListF, #ProductListG, #ProductListO, #ProductListP, #ProductListQ, #ProductListR, #ProductListS
{
    width: 180px;
    height: 436px;
    background-repeat: no-repeat;
    display: block;
    float: left;
    padding-top: 63px;
}
#ProductListA, #ProductListD, #ProductListG,#ProductListQ
{
    background-position: left top;
    padding-right: 13px;
    border-right-style: dotted;
    border-right-width: 1px;
    border-right-color: #828282;
}
#ProductListB, #ProductListE, #ProductListO,#ProductListR
{
    background-position: center top;
    padding-right: 13px;
    padding-left: 13px;
}
#ProductListC, #ProductListF, #ProductListP,#ProductListS
{
    background-position: right top;
    border-left-style: dotted;
    border-left-width: 1px;
    border-left-color: #828282;
    padding-left: 13px;
}
#ProductListA
{
    background-image: url('../Images/Product/a.gif');
}
#ProductListB
{
    background-image: url('../Images/Product/b.gif');
}
#ProductListC
{
    background-image: url('../Images/Product/c.gif');
}
#ProductListD
{
    background-image: url('../Images/Product/d.gif');
}
#ProductListD .TitColor
{
    color: #cc0000;
}
#ProductListD .InfoColor
{
    color: #0000cc;
}
#ProductListE
{
    background-image: url('../Images/Product/e.gif');
}
#ProductListF
{
    background-image: url('../Images/Product/f.gif');
}
#ProductListG
{
    background-image: url('../Images/Product/h.gif');
}
#ProductListO
{
    background-image: url('../Images/Product/g.gif');
}
#ProductListP
{
    background-image: url('../Images/Product/p.gif');
}
#ProductListQ
{
    background-image: url('../Images/Product/q.gif');
}
#ProductListR
{
    background-image: url('../Images/Product/r.gif');
}
#ProductListS
{
    background-image: url('../Images/Product/s.gif');
}
.ProductMainList
{
    list-style-type: none;
    width: 170px;
    margin: 13px auto 0px auto;
}
.ProductMainList li
{
    height: 18px;
}
.boxover
{
    width: 403px;
    height: 270px;
    background-image: url('../Images/boxbg.gif');
    background-repeat: no-repeat;
    position: relative;
}
.boxover strong
{
    color: #333333;
    position: absolute;
    top: 36px;
    left: 32px;
}
.boxover img
{
    position: absolute;
    top: 67px;
    left: 32px;
    width: 153px;
    height: 172px;
}
.boxover p
{
    position: absolute;
    top: 36px;
    left: 200px;
    width: 174px;
    height: 218px;
    text-indent: 2em;
}
/*******
ProductShow
*******/
#ProductTop
{
    width: 900px;
    height: 90px;
    border-top-style: solid;
    border-top-width: 5px;
    border-top-color: #3480c9;
    background-color: #FFFFFF;
    margin-right: auto;
    margin-left: auto;
}
#ProductLogoDiv
{
    background-position: 26px top;
    width: 862px;
    height: 79px;
    margin: 10px auto 0px auto;
    border-bottom-style: dotted;
    border-bottom-width: 1px;
    border-bottom-color: #666666;
    background-image: url('../Images/ProductLogo.gif');
    background-repeat: no-repeat;
    position: relative;
}
#ProductForm
{
    position: absolute;
    top: 46px;
    left: 650px;
}
#ProductPint
{
    position: absolute;
    top: 42px;
    left: 753px;
}
#ProductShow
{
    width: 900px;
    background-color: #FFFFFF;
    margin-right: auto;
    margin-left: auto;
}
#ProductShowTit
{
    height: 94px;
    text-align: center;
    width: 100%;
    margin-bottom: 25px;
}
#ProductShowTit strong
{
    margin-top: 23px;
    color: #000000;
    font-size: 18px;
    display: block;
}
#ProductShowLeft, #ProductShowRight
{
    display: block;
    float: left;
}
#ProductShowLeft
{
    width: 199px;
    margin-top: 24px;
    margin-left: 70px;
    margin-right: 58px;
}
#ProductShowLeft img
{
    width: 199px;
    height: 146px;
    margin-bottom: 18px;
}
#ProductShowRight
{
    width: 490px;
    overflow: hidden;
}
#ProductShowInfoTit
{
    background-position: 1px center;
    color: #005db7;
    font-size: 14px;
    font-weight: bold;
    background-image: url('../Images/Line_02.gif');
    background-repeat: no-repeat;
    text-indent: 16px;
}
/*******
Alone
*******/
.AloneMenu
{
    width: 182px;
    margin: 8px auto 0px auto;
    list-style-type: none;
}
.AloneMenu li
{
    height: 33px;
    line-height: 33px;
    background-image: url('../Images/Alone.gif');
    background-repeat: no-repeat;
    text-indent: 42px;
    margin-bottom: 6px;
}
.AloneMenu li a
{
    color: #00499c;
}
/*******
Order
*******/
#oTitleDiv
{
    background: url(../Images/Order_bg.jpg) repeat-x left top;
    margin: 15px auto 0px;
    width: 595px;
    height: 121px;
}
#oTitle
{
    background: url(../Images/Order_01.jpg) no-repeat left top;
    position: relative;
    height: 121px;
}
#oTitle img
{
    left: 587px;
    position: absolute;
    top: 7px;
}
#oTitle p
{
    text-indent: 2em;
    left: 46px;
    position: absolute;
    top: 65px;
    width: 385px;
    line-height: 150%;
}
#oInfoDiv
{
    margin: 0px auto;
    width: 595px;
    background-color: #e8e8e8;
}
#oInfoDiv dl
{
    line-height: 150%;
    margin: 20px auto 20px 30px;
}
#oInfoDiv dl dt, #oInfoDiv dl dd
{
    margin-left: 0px;
}
#oInfoDiv dl dt span
{
    color: #d00005;
}
#oInfoMale
{
    margin-left: 20px;
}
#oInfoFemale
{
    color: #fa1a6f;
}
#oInfoCode
{
    margin-left: 10px;
}
#oButtom
{
    margin: 0px auto 20px;
    width: 595px;
    height: 60px;
    background-color: #f2f2f2;
    position: relative;
    line-height: 60px;
    text-indent: 30px;
}
#oButtomLeft
{
    left: 0px;
    position: absolute;
    top: 52px;
}
#oButtomRight
{
    left: 587px;
    position: absolute;
    top: 52px;
}
/*******
Registration
*******/
#rInfoDiv
{
    margin: 30px auto;
    width: 595px;
}
#rInfoDiv dl
{
    line-height: 150%;
    margin: 0px;
}
#rInfoDiv dl dt, #rInfoDiv dl dd
{
    margin-left: 0px;
}
#rInfoDiv dl dt span
{
    color: #d00005;
}
/*******
Message
*******/
#msgInfo
{
    margin: 20px auto;
    width: 96%;
}
.msgTitle
{
    margin-top: 20px;
    width: 100%;
    color: #00499c;
    text-indent: 23px;
    line-height: 23px;
    height: 23px;
    background-color: #e8e8e8;
    position: relative;
}
.msgTitle span
{
    left: 330px;
    position: absolute;
    top: 0px;
}
.msgInfo
{
    margin: 23px auto 10px;
    width: 92%;
    line-height: 150%;
}
.msgRe
{
    border: #d9d9d9 1px solid;
    width: 92%;
    padding-bottom: 10px;
    padding-top: 10px;
    line-height: 150%;
    padding-right: 4%;
    padding-left: 4%;
}
.msgReInfo
{
    color: #b34c8f;
}
.msgRe div
{
    direction: rtl;
}
.msgRe div span
{
    color: #000080;
}
.msgEditurl
{
    text-indent: 20px;
}
.msgEditurl a
{
    color: #cc3300;
}
#msgInfobottom
{
    color: #e8e8e8;
    height: 14px;
    margin-top: 12px;
}
#msgPages
{
    margin-top: 10px;
    margin-bottom: 10px;
    width: 100%;
    text-align: right;
}
#msgEdittit
{
    width: 100%;
    height: 45px;
    background-image: url(../Images/Messages/gbook_Re_BG.gif);
}
#msgEdit
{
    margin: 10px auto 0px;
    width: 98%;
    list-style-type: none;
}
/*******
Project
*******/
#ProjectList
{
    margin: 38px auto 0px auto;
    width: 90%;
    list-style-type: none;
}
#ProjectList li
{
    background-color: #efefef;
    width: 33%;
    display: block;
    float: left;
    margin-bottom: 24px;
    text-align: center;
}
#ProjectList li img
{
    width: 160px;
    height: 120px;
    margin-top: 14px;
    margin-bottom: 10px;
}
#ProjectList li span
{
    margin-bottom: 10px;
    display: block;
}
