@charset "utf-8";
/* CSS Document */
body{ margin:0px; padding:0px; background:#DFE8EF url(/images/makopo_images/bodyBG.gif) -100px 0 repeat-x; font-family:Tahoma;font-size:14px;}
div, p, ul, li, lo, h1, h2, h3, h4, h5, h6, dl, dt, dd, form{ margin:0px; padding:0px;}
.head, #container, #footer, #banner, #banner02{ width:950px; margin:0 auto;}
a img, img{ border:none;}
/* header */
#header{ background:url(/images/makopo_images/headBG.gif) 0 0 repeat-x; margin:0px; padding:0px; padding-top:29px;}
.head{}
.head .logo{ float:left;}
.head .menu{ background:url(/images/makopo_images/menuBG.png) right -30px no-repeat; height:30px; float:right; _ background:url(/images/makopo_images/menuBG.gif) right -30px no-repeat; _filter:alpha(opacity=90);_width:388px;}
.head .menu div{ background:url(/images/makopo_images/menuBG.png) 0 0 no-repeat;_background:url(/images/makopo_images/menuBG.gif) 0 0 no-repeat; height:30px; float:right;}
.head .menu ul{ background:url(/images/makopo_images/menuBG.png) 0 -60px repeat-x;_background:url(/images/makopo_images/menuBG.gif) 0 -60px repeat-x; height:30px; margin:0 6px; _margin:0 3px;}
.head .menu ul li{ list-style:none; float:left; background:url(/images/makopo_images/menu_icon.gif) 0 center no-repeat; height:30px; line-height:30px;}
.head .menu ul li a{ padding:0 5px; color:#152C3C; font-family:Verdana; font-size:12px; text-decoration:none; margin:0 0 0 5px; float:left;}
.head .menu ul li a.selected{ color:#DDE9F2; margin-right:5px; height:24px;background:#153C53 url(/images/makopo_images/menuSelected.gif) right -24px no-repeat; padding:0px; margin-top:3px; line-height:24px;}
.head .menu ul li a.selected span{ float:left; height:24px;background:url(/images/makopo_images/menuSelected.gif) 0 0 no-repeat; padding:0 5px;}
.head .menu ul li.first{ background:none;}
.head .menu ul li a.textMKPL{ background:url(/images/makopo_images/icon_textMKPL.gif) center no-repeat; width:94px; text-indent:-2000px;}
.head .phoneInfo{ color:#BE1313; font-size:20px; font-family:Arial; float:right; clear:right; line-height:35px; width:400px; text-align:right;}

#footer{ height:70px; background:#152C3C; margin-top:10px;}

#banner{ background:url(/images/makopo_images/banner.jpg) no-repeat; height:260px; margin-top:20px;}
#banner .butPut{ padding:165px 0 0 110px;}

.container01{ background:url(/images/makopo_images/containerBG.gif) repeat-x;}
.sideBar{float:left; width:235px;}
.sideBar .FUE{}
.sideBar .FUE .title{ text-indent:-1000px; font-size:12px; background:url(/images/makopo_images/title_FUE.gif) no-repeat; height:39px;}
.sideBar .FUE .FUE_info{ background:#EEF3F6; margin:0 5px 0 10px; padding-bottom:10px;}
.sideBar .FUE .FUE_info ul li{ float:left; width:93px; height:38px; border:1px solid #D6E0EC; margin:10px 0 0 10px; overflow:hidden; text-align:center;}

.download{ float:right; clear:right; width:640px; height:36px; text-align:right; padding:10px 10px 0 0; color:#D2E6ED; font-size:16px; background:url(/images/makopo_images/icon_textGUIDE.gif) 310px center no-repeat;}


.centent{ float:left; margin:0 0 0 0px; width:510px; background:#DFE8EF;}
.centent .news h1{ font-family:Tahoma; font-size:18px; font-weight:normal; margin:10px 15px;}
.centent .news .newsPc{border:1px solid #B5C7D2;width:84px;height:64px;overflow:hidden; margin:0 15px; float:left;}
.centent .news .news_info{ float:left; margin-left:10px;}
.centent .news .news_info ul li{ list-style:none;background:url(/images/makopo_images/new_icon.gif) left 10px no-repeat; padding:2px 0 0 10px;}
.centent .news .news_info ul li a{ font-family:Tahoma; font-size:12px; text-decoration:none; color:#152C3C;}
.centent .layer01{ margin:30px 15px 0 15px; background:#163B52; height:120px;}

.rightbar{ float:right; clear:right; width:200px; }
.rightbar .btnPut_go{border-left:1px solid #fff; background:#D5E0EC; height:105px; text-align:center;  padding-top:15px;}
.rightbar .quickLink{ background:#E8EEF3; margin:0px;}
.rightbar .quickLink ul{ padding:10px; list-style:none;}
.rightbar .quickLink ul li{list-style:none; background:url(/images/makopo_images/new_icon.gif) left 10px no-repeat; padding:2px 0 0 10px;}
.rightbar .quickLink ul li a{ font-size:14px; font-family:Tahoma; color:#152C3C; text-decoration:none;}
.rightbar .quickLink ul li a:hover{ text-decoration:underline;}

/*-02page-*/
#banner02{ background:url(/images/makopo_images/banner02.jpg) no-repeat; height:120px; margin-top:20px;}
#banner02 .butPut{ padding:66px 0 0 38px;}

.bread{ width:600px; float:left; margin-top:45px; height:30px; font-family:Tahoma; color:#000000; font-size:12px; line-height:30px; padding:0 6px;}

.container02{ background:#E8EEF3 url(/images/makopo_images/containerBG02.gif) repeat-x; }
.container02 .sideBar{ width:214px; background:url(/images/makopo_images/sidebar02BG02.gif) repeat-y; padding-bottom:150px;}
.catogery{ background:url(/images/makopo_images/sidebar02BG.gif) 0 0 no-repeat; }
.catogery .title{ padding-top:10px;}
.catogery h1{ margin:0 4px 0 10px; background:#E4EDF8; font-size:14px; color:#18394F; font-family:Arial; font-weight:normal; border-top:2px solid #fff; height:34px; line-height:34px; padding:0 12px;font-weight:bold;}
.catogery ul{ margin:0 4px 0 10px;list-style:none;}
.catogery ul li a{ list-style:none; background:#D6E4F6 url(/images/makopo_images/new_icon.gif) 10px 13px no-repeat; border-bottom:1px solid #C9D9EE; line-height:21px; padding:4px 10px 4px 18px; color:#152C3C; text-decoration:none; font-size:12px; font-weight:bold; float:left; width:172px;}
.catogery ul li a:hover{ background:#E8EEF3 url(/images/makopo_images/new_icon02.gif) 10px 12px no-repeat; color:#4D91C9;}

.container02 .centent{ margin:0 0 0 6px; background:#fff; width:730px}
.container02 .centent .moreInfo{ padding:20px 20px;}
.container02 .centent .moreInfo h1{ font-family:Tahoma; font-size:22px; color:#000; font-weight:normal;}
.container02 .centent .moreInfo p{ font-family:Arial; color:#000; font-size:12px; padding:10px 0; line-height:18px;}

/*--button--*/
.btn_start{ background:url(/images/makopo_images/btn_start.gif) no-repeat; width:116px; height:36px; border:0px; cursor:pointer;}
.btn_downLoad{ background:url(/images/makopo_images/btn_download.gif) no-repeat; width:80px; height:25px; border:0px; cursor:pointer;}
.btn_why01{ background:url(/images/makopo_images/btn_why01.gif) no-repeat; width:169px; height:44px; border:0px; cursor:pointer;}
.btn_start01{ background:url(/images/makopo_images/btn_start01.gif) no-repeat; width:169px; height:44px; border:0px; cursor:pointer;}
.btn_startB{ background:url(/images/makopo_images/btn_startB.gif) no-repeat; width:116px; height:38px; border:0px; cursor:pointer;}
.btn_why02{ background:url(/images/makopo_images/btn_why02.gif) no-repeat; width:169px; height:44px; border:0px; cursor:pointer;}
.btn_start02{ background:url(/images/makopo_images/btn_start02.gif) no-repeat; width:169px; height:44px; border:0px; cursor:pointer;}
.clearBoth{ font-size:1px; height:1px; clear:both;}

h1{font-size:22px;}
h2{font-size:18px;}
