/*'**************************************************************************************************
'*** 程序 Author: 188720868@qq.com (on7cn@qq.com)  Copyright (c) 2009, All rights reserved. /***
'***************************************************************************************************/

/* h2 color #282628 */

@charset "utf-8";
body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; background: repeat-x; background-color: white; }
.bodytext { font: normal 11px/19px Arial, Helvetica, sans-serif; }

.right_icon { float: right; height: 99px; width: 98px; margin-right: 15px; }


#body_ { width: 787px; margin-right: auto; margin-left: auto; }

#top_ .livechat { height: auto; width: 76px; position: absolute; clip: rect(auto,auto,auto,auto); top: 100px; margin-left: 1px; }
#top_ .INNO-tech { color: #FFF; font-weight: bold; font-size: 15px; margin-right: auto; margin-left: auto; text-align: center; }

#center_ { height: auto; }


#studio .philo_bt_right { text-align: right; }

#studio .p1 { height: 233px; background: #f8f8f8; padding-top: 17px; padding-left: 25px; margin-right: 10px; margin-left: 10px; }

#studio .p2 { height: auto; background: #f8f8f8; padding-top: 17px; padding-left: 25px; margin-right: 10px; margin-left: 10px; }

#studio .p1 td,#studio .p2 td{font-size: 12px; color: #656565;line-height: 15px;}
#studio .p1 td h2,#studio .p2 td h2{}
#studio .engineering{margin: 8px 0;}
#studio .phlio_text h2{ font-size: 13px;}
#studio .phlio_text {font-size: 11px;line-height: 15px;}
#studio .phlio_text p{text-align: justify;}
#studio .padT{padding-top: 20px;}
#studio .brank { height: 10px; }

#studio .contactus_main { height: 385px; background: #f8f8f8; }

.red{background-color: #ff4041;}

iframe{overflow: hidden;}

/* menu */

#top_ .submenu { height: 39px;  padding-left: 390px;}
#top_ .submenu .item1,#top_ .submenu .item2,#top_ .submenu .item3,#top_ .submenu .item4{width: 80px;height: 20px;float: left;padding-left: 10px;}
#top_ .submenu .item1{margin-left: 12px}
#top_ .submenu .item2{margin-left: 5px}
#top_ .submenu .item3{margin-left: 10px}
#top_ .submenu .item4{margin-left: 10px}
#top_ .submenulist {  float: left; padding-left: 10px; height: 20px; line-height: 20px; }
#top_ .submenulist:hover {  background: url(../../images/submenu_dot.jpg) no-repeat left 6px;}
#top_ .submenulistOver {  float: left; padding-left: 10px; height: 20px; line-height: 20px; background: url(../../images/submenu_dot.jpg) no-repeat left 6px; padding-left: 10px; }
#top_ .submenulist a ,#top_ .submenulistOver a { color: #C1C1C1; text-decoration: none; }
#top_ .workspace {width: 110px;height: 20px;float: left;}
#top_ .newspace {width: 200px;height: 20px;float: left;}
#top_ .studio{background: url(../../images/top_menu_03.gif);cursor: pointer;}
#top_ .work{background: url(../../images/top_menu_04.gif);cursor: pointer;}
#top_ .news{background: url(../../images/top_menu_05.gif);cursor: pointer;}
#top_ .awards{background: url(../../images/top_menu_06.gif);cursor: pointer;}
#top_ .studioover,#top_ .studio:hover{background: url(../../images/top_menu_03over.gif);}
#top_ .workover,#top_ .work:hover{background: url(../../images/top_menu_04over.gif);}
#top_ .newsover,#top_ .news:hover{background: url(../../images/top_menu_05over.gif);}
#top_ .awardsover,#top_ .awards:hover{background: url(../../images/top_menu_06over.gif);}
/* menu end */

/* footer */
#bottom_ { background: url(../../images/bottom_bg.jpg) repeat-x bottom; height: 94px; }
#bottom_  .text { margin-left: 135px; padding-top: 60px; }
#bottom_ .home_copyright li{float: left;margin: 0 5px;}
#bottom_ .home_copyright {position: relative; bottom: -60px;right: -85px;}
/* footer end */


/* index */
#index #home_left { float: left; width: 242px; margin-right: 16px; }
#index #home_right { float: left; width: 529px; /*text-align:justify;*/ }
#index .bodytext { font: normal 11px/19px Arial, Helvetica, sans-serif; }
#index .bodytext .lnSpace {height: 25px;}
#index .bodytext .lnSpace2 {height: 35px;}
#index .bodytext p {text-align: justify}
#index .bodytext h2 {font: bold 15px/15px Arial, Helvetica, sans-serif; }
#index .bodytext .right_icon { float: right; height: 99px; width: 98px; padding: 5px; margin: 0px }
#index p{margin: 0px;}
#index .DANNYTSANG{width: 519px;padding: 5px; border: 2px solid #CCC;}
#index .DANNYTSANG h2{font: bold 12px/15px Arial, Helvetica, sans-serif; }
#index .DANNYTSANG p{font: bold 10px/15px Arial, Helvetica, sans-serif;}
/* index end */



/* caseStudies */
#case #number {clear:both;float: right;}
#case #number li{margin: 0 3px;float: left;}
#case #number li img{cursor: pointer;}
#case #thumb { background-color: #f1f2f1; display: block; height: auto; width: 100%; margin-top: 5px; float: left; line-height: 51px; }
#case #thumb span{line-height: 51px;}
#case .livechat { height: auto; width: 76px; position: absolute; clip: rect(auto,auto,auto,auto); top: 100px; margin-left: 1px; }
#case .INNO-tech { color: #FFF; font-weight: bold; font-size: 15px; margin-right: auto; margin-left: auto; text-align: center; }
#case #desc{float: left;margin-top: 15px;}
#case #desc h2{font-size: 38px;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;}
#case #descLogo{float: right;margin-top: 15px;}

/* caseStudies end */





#showcase #thumb .pro_list { width: 50px; height: 50px; float: left; margin-right: 5px; margin-left: 5px; padding-top: 5px; text-align: center; }