/* -----------------------------------------------------------

 * FileName:            style.css
 * Description:         Global CSS
 * Version:             1.0.0(2010-01-14)
 * Website:             http://protop.com
 * Author:              TinAKeo
 * E-Mail:              tinakeo#hotmail.com
 
 ==STRUCTURE:=================================================
 
 * Page width:          1004px
 * Number of columns:    2
 
----------------------------------------------------------- */
/* ==STRUCTURE INDEX:=========================================
$__wrapper   body frame
$__header    Header Definitions
$__popimage  flash popular image show
$__navigate  Global Site Navigation
$__sidebar   this is a topic navigate in sidebar
$__content   Everything within the content
$__footer    display Copyright information
----------------------------------------------------------- */
body {margin:0 auto;padding:0;background:url(../images/bg.jpg) 0 0 repeat-x;color:#000;text-align:center;}
a:link,a:visited {color:#000;}
a:hover,a:active {color:#07728d;}
.singleLine {background:#f5f5f5;}
.red {color:#f00;}

/*  __wrapper
--------------------------------------*/
#wrapper {width:1004px;margin:0 auto;padding:0;background:#fff;text-align:left;overflow:hidden;}

/*  __header
--------------------------------------*/
#header {margin:0;padding:0;background:#ccc;}
#header .topinfo {width:1004px;background:url(../images/header_extrainfo_bg.gif) 0 0 repeat-x;overflow:hidden;}
#header .topinfo li {display:block;float:left;height:26px;line-height:24px;}
#header .topinfo li.desc {width:829px;color:#666;text-indent:6px;}
#header .topinfo li.jmenu {width:169px;padding-right:6px;text-align:right;}

#header h1 {clear:both;height:95px;background:url(../images/logo_banner.jpg) 0 0 no-repeat;text-indent:-2000px;}

/*  __navigate. last modified by tinakeo
--------------------------------------*/
#navigate {float:left;width:1004px;margin:0;padding:0;background:url(../images/menu_bg.png) 0 0 repeat-x;overflow:hidden;}
#navigate li {display:block;float:left;height:30px;padding:1px 0;line-height:30px;}
#navigate li.blankSpace {width:360px;}
#navigate li a {display:block;height:28px;line-height:28px;padding:0 18px;color:#fff;font-size:14px;font-weight:bold;}
#navigate li a:hover {background:url(../images/menu_hover.png) 0 0 repeat-x;}
#navigate #clock {color:#fff;font-size:10px;font-family:Verdana;text-indent:12px;}

#logomenu {clear:both;width:1004px;height:123px;margin:0;padding:0;border-bottom:4px #bb5312 solid;overflow:hidden;}
#logomenu h1 {float:left;width:249px;height:123px;margin:0;padding:0;background:url(../images/logo.jpg) 0 0 no-repeat;text-indent:-2000px;}
#menu {float:left;width:755px;padding-top:95px;background:url(../images/banner.png) 0 0 no-repeat;}
#menu li {display:block;float:left;height:28px;margin-left:1px;line-height:28px;}
#menu li a {display:block;width:145px;height:28px;text-indent:-2000px;}
#menu li.m1 {background:url(../images/menu.png) 0 0 no-repeat;}
#menu li.m2 {background:url(../images/menu.png) -145px 0 no-repeat;}
#menu li.m3 {background:url(../images/menu.png) -290px 0 no-repeat;}
#menu li.m4 {background:url(../images/menu.png) -435px 0 no-repeat;}
#menu li.m5 {background:url(../images/menu.png) -580px 0 no-repeat;}
#menu li.m1 a:hover {background:url(../images/menu.png) 0 -28px no-repeat;}
#menu li.m2 a:hover {background:url(../images/menu.png) -145px -28px no-repeat;}
#menu li.m3 a:hover {background:url(../images/menu.png) -290px -28px no-repeat;}
#menu li.m4 a:hover {background:url(../images/menu.png) -435px -28px no-repeat;}
#menu li.m5 a:hover {background:url(../images/menu.png) -580px -28px no-repeat;}

#menu li.m11 {background:url(../images/menu.png) 0 -28px no-repeat;}
#menu li.m21 {background:url(../images/menu.png) -145px -28px no-repeat;}
#menu li.m31 {background:url(../images/menu.png) -290px -28px no-repeat;}
#menu li.m41 {background:url(../images/menu.png) -435px -28px no-repeat;}
#menu li.m51 {background:url(../images/menu.png) -580px -28px no-repeat;}

/*  __popimage
--------------------------------------*/
#popImage {clear:both;width:1004px;height:196px;margin:0;padding:1px 0;}

/* sidebar sub menu, __sNav */
#sNav {width:306px;margin:0 !important;margin:-8px 0 0 0;padding:0;overflow:hidden;}
#sNav li {display:block;width:306px;margin:0;padding:0;overflow:hidden;background:#fa7831;}
#sNav li.header {height:7px;background:url(../images/sBlock_top.gif) 0 0 no-repeat;}
#sNav li.footer {margin-top:0 !important;margin-top:-8px;height:7px;background:url(../images/sBlock_bottom.gif) 0 0 no-repeat;}
#sNav li.sNavbg {margin:0;padding:0;background:url(../images/sBlock_middle.gif) 0 0 repeat-y;}
#sNav li.sNavbg ul {width:258px;margin:12px 24px;padding:0;background:#c64a07;color:#000;font-size:14px;overflow:hidden;}
#sNav li.sNavbg ul li {display:block;height:32px;margin:0;padding:0;line-height:32px;border-top:1px #fff solid;text-indent:36px;cursor:pointer;}
#sNav li.active {background:#c64a07;font-size:16px;font-weight:bold;color:#fff;}
#sNav li a {display:block;color:#000;}
#sNav li a:hover {color:#fff;}
/*
.active {background:#c64a07;font-size:16px;font-weight:bold;color:#fff;}
.normal {background:#fa7831;cursor:pointer;}
.none {display:none;}
*/

/*  __sidebar
--------------------------------------*/
#sidebar {float:left;width:306px;margin:14px 23px 0 13px !important;margin:14px 23px 0 0;padding:0 !important;padding:0 0 0 13px;overflow:hidden;}
#sidebar h3 {width:290px;height:30px;margin:0;padding:0;text-indent:-2000px;}
#sidebar h3.prolist {background:url(../images/sTopic.gif) 0 0 no-repeat;}
#sidebar .listQuote {height:189px;padding:7px 8px;background:url(../images/sBlock_bg.gif) 0 0 no-repeat;}
#sidebar .listQuote .proselect {margin:0 auto;text-align:center;color:#666;}
#sidebar .listQuote .proselect select {width:260px;margin:13px 0 0 0;padding:3px 2px 2px 2px;overflow:hidden;color:#333;font-size:10px;font-family:Verdana;}
#sidebar .listQuote .proselect select option {width:230px;overflow:hidden;}

/* product search */
#sidebar .searchpro {height:155px;padding:7px 8px;background:url(../images/sBlock_spro.gif) 0 0 no-repeat;}
#sidebar .searchpro h3 {background:url(../images/sTopic.gif) 0 -30px no-repeat;}
#sidebar .searchpro .proselect {margin:0 auto;text-align:center;color:#666;}
#sidebar .searchpro .proselect select {width:260px;margin:13px 0 0 0;padding:3px 2px;overflow:hidden;color:#333;font-size:10px;font-family:Verdana;}
#sidebar .searchpro .proselect select option {width:230px;overflow:hidden;}
#sidebar .searchpro .proselect .sTxt {width:256px;margin:6px 0 4px 0;padding:3px 2px;border:1px #b3b3b3 solid;color:#000;}
.sInput {padding:6px 0 0 14px;text-align:left;}
.sBtn {padding:4px 0 0 0;text-align:left;}

/* member login */
#sidebar h3.mlogin {background:url(../images/sTopic.gif) 0 -60px no-repeat;}
#sidebar .member {height:179px;padding:7px 8px;background:url(../images/sBlock_mlogin_bg.gif) 0 0 no-repeat;}
#sidebar .member ul {margin-top:8px;padding:0 0 0 19px;}
#sidebar .member li {display:block;height:32px;line-height:32px;}
#sidebar .member label {display:block;float:left;width:74px;}
#sidebar .member input {width:159px;padding:3px 2px;border:1px #b3b3b3 solid;color:#000;vertical-align:middle;}
#sidebar .member .mbutton {width:auto;border:0 transparent solid;}
#sidebar .member li.btn {padding-left:72px;}

/* logined */
#sidebar h3.mlogined {background:url(../images/sTopic.gif) 0 -150px no-repeat;}
#sidebar .member {height:179px;padding:7px 8px;background:url(../images/sBlock_mlogin_bg.gif) 0 0 no-repeat;}
#sidebar .member .userinfo {width:290px;margin-top:8px;padding:0;}
#sidebar .member .userinfo li {display:block;height:28px;margin:1px 0;padding:0 12px;line-height:28px;background:#f9f9f9;border:1px #fff solid;}

/* new products & special products */
#sidebar .public {width:306px;margin:0;padding:0;overflow:hidden;}
#sidebar .public h4 {height:45px;margin:0;padding:0;}
#sidebar .public .newpro {background:url(../images/newpro.png) 0 0 no-repeat;}
#sidebar .public .spepro {background:url(../images/spepro.png) 0 0 no-repeat;}
#sidebar .public h4 a {display:block;height:45px;text-indent:-2000px;}

/*  __content
--------------------------------------*/
#content {float:left;width:650px;margin:14px 0 0 0;padding:0;overflow:hidden;}
#content .mTop {height:12px;background:url(../images/mTopButtom.gif) 0 0 no-repeat;}
#content .mBottom {height:12px;background:url(../images/mTopButtom.gif) 0 -12px no-repeat;}
#content .mMiddle {width:650px;background:url(../images/mMiddle.gif) 0 0 repeat-y;}
#main {width:592px;margin:0;padding:0 29px;}
#main .top {height:30px;background:url(../images/mWelcome.gif) 0 0 no-repeat;}
#main .quicklnk {width:592px;height:30px;line-height:29px;background:url(../images/quicklnk.gif) 0 0 no-repeat;text-indent:20px;}
#main .dispModel {width:592px;height:30px;line-height:30px;margin:10px 0;border-bottom:1px #f0f0f0 solid;font-size:16px;font-weight:bold;overflow:hidden;}
#main .dispModel span {color:#0195c5;}
#main .selList {width:592px;margin:10px 0;border-bottom:1px #f0f0f0 solid;color:#0195c5;font-size:16px;overflow:hidden;} /*modify on 2011-1-7 10:07*/

#main .mBlock {width:592px;margin:7px 0 0 0;padding:0 0 7px 0 !important;padding:0 0 7px 8px;overflow:hidden;border-bottom:1px #d3d3d3 solid;}
#main .mBlock .intr {float:left;width:394px;margin:8px 0 0 0;}
#main .mBlock h3 {width:394px;height:30px;line-height:30px;margin:0;padding:0;text-indent:-2000px;cursor:pointer;border:none;}
#main .mBlock .intr .introText {padding:8px 6px 0 16px;}
#main .mBlock .showImg1 {float:left;width:177px;margin:8px !important;margin:8px 8px 8px 0;height:145px;background:url(../images/mShowimg.jpg) 0 0 no-repeat;}
#main .mBlock .showImg1 a {display:block;width:177px;height:145px;background:transparent;text-indent:-2000px;}
#main .mBlock h3.toner {background:url(../images/mTopic.gif) 0 0 no-repeat;}
#main .mBlock .showImg2 {float:left;width:177px;margin:8px !important;margin:8px 8px 8px 0;height:145px;background:url(../images/mShowimg.jpg) 0 -145px no-repeat;}
#main .mBlock .showImg2 a {display:block;width:177px;height:145px;background:transparent;text-indent:-2000px;}
#main .mBlock h3.fuser {background:url(../images/mTopic.gif) 0 -30px no-repeat;}
#main .mBlock .showImg3 {float:left;width:177px;margin:8px !important;margin:8px 8px 8px 0;height:145px;background:url(../images/mShowimg.jpg) 0 -290px no-repeat;}
#main .mBlock .showImg3 a {display:block;width:177px;height:145px;background:transparent;text-indent:-2000px;}
#main .mBlock h3.opc {background:url(../images/mTopic.gif) 0 -60px no-repeat;}
#main .mBlock .showImg4 {float:left;width:177px;margin:8px !important;margin:8px 8px 8px 0;height:145px;background:url(../images/mShowimg.jpg) 0 -435px no-repeat;}
#main .mBlock .showImg4 a {display:block;width:177px;height:145px;background:transparent;text-indent:-2000px;}
#main .mBlock h3.diagram {background:url(../images/mTopic.gif) 0 -90px no-repeat;}
/* CET Upgraded Version Products */
#main .mBlock h3.tech {width:576px;height:30px;margin:7px 8px 0 8px;background:url(../images/mTopic_tech.gif) 0 0 no-repeat;}
#main .mBlock ul {clear:both;width:532px;margin:0;padding:20px;}
#main .mBlock ul li {display:block;float:left;width:266px;height:24px;line-height:24px;overflow:hidden;}
#main .mBlock li a {display:block;width:256px;height:22px;line-height:22px;text-indent:10px;overflow:hidden;}
#main .mBlock li a:hover {border:1px #fff solid;background:url(../images/arrow_tech.gif) 2px 7px no-repeat;}

.contentTonerBg {height:159px;background:url(../images/content_toner_bg.gif) 0 0 no-repeat;}
.contentFuserBg {height:159px;background:url(../images/content_fuser_bg.gif) 0 0 no-repeat;}
.contentOpcBg {height:159px;background:url(../images/content_opcdrum_bg.gif) 0 0 no-repeat;}
.contentDiagramBg {height:159px;background:url(../images/content_diagram_bg.gif) 0 0 no-repeat;}
.contentUpgradedBg {height:194px;background:url(../images/content_upgraded_bg.gif) 0 0 no-repeat;}
.contentUpgradeBg a.red {color:#f00;}

/* ShowModel.asp */
#main #dataTab th, td {height:28px;line-height:28px;border:1px solid #e0e0e0;text-align:center;}
#main #dataTab th {background:#e9e9e9;}
/*#main #dataTab td {font-size:10px;font-family:Verdana;}*/
#main #dataTab .alignLeft {text-align:left;padding-left:8px;}
.font10px {font-size:10px;}
.font10px td {font-size:10px;}
#main #dataTab .oneLineDisplay {width:200px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}

/* DisplayPro.asp */
#main .proData {margin:0;padding:0;overflow:hidden;}
#main h3 {width:592px;height:30px;line-height:30px;margin:10px 0;border-top:1px #f0f0f0 solid;border-bottom:1px #f0f0f0 solid;font-size:18px;font-weight:bold;overflow:hidden;color:#0195c5;}
#main .proData img {margin:12px auto;padding:5px;border:1px #e0e0e0 solid;}
#main .proData .title {width:100px;height:auto;margin:0;padding:1px;background:#f9f9f9;text-indent:12px;font-weight:bold;color:#555;text-align:left;}
#main .proData .proInfo {text-align:left;padding-left:8px;}
#main .proData .imgreset img {margin:0;padding:0;border:0;} /*2011-12-06,this css style for displaypro.asp, limited img border of the color property*/

/* ShowNewPro.asp */
#main #newProTab th, td {height:28px;line-height:28px;border:1px solid #e0e0e0;text-align:center;font-size:10px;}
#main #newProTab th {background:#e9e9e9;}
#main #newProTab .alignLeft {text-align:left;text-indent:8px;}

/* for NewProds.asp page. __nptabs */
.nptabs {width:502px;margin:0 auto;padding:0 0 12px 0;overflow:hidden;font-family:Arial;text-align:center;}
.nptabs span {float:left;display:block;width:158px;height:32px;line-height:32px;margin:3px 3px;border:1px #ccc solid;background:#f9f9f9;color:#555;font-size:14px;}
.nptabs span a {display:block;height:32px;line-height:32px;background:#fff;}
.nptabs span a:hover {background:#f1f1f1;}

/* for NewProds.asp page. __npNews */
.npNews {line-height:180%;font-size:14px;}
.npNews p {margin:12px 0 0 0;}
.npNews p img {padding:3px;border:1px #ccc solid;}
.npNews .imgshow {text-align:center;}

/* three category, product.asp page*/
#oMyTabs {width:590px;margin:0 auto;padding:0;text-align:center;overflow:hidden;}
#oMyTabs a {float:left;display:block;height:25px;line-height:25px;cursor:pointer;margin-right:1px;}
.isSelect {width:84px;background:url("../images/tabs_bg_s.gif") 0 0 no-repeat;color:#fff;font:bold 14px Arial;}
.unSelect {width:84px;background:url("../images/tabs_bg_s.gif") 0 -24px no-repeat;font:14px Arial;}
.isSelectSp {width:170px;background:url("../images/tabs_bg_b.gif") 0 0 no-repeat;color:#fff;font:bold 14px Arial;}
.unSelectSp {width:170px;background:url("../images/tabs_bg_b.gif") 0 -24px no-repeat;font:14px Arial;}

.showData {clear:both;width:576px;margin:0;padding:0 12px;border:1px #e0e0e0 solid;overflow:hidden;}
.showData h5 {clear:both;width:576px;margin:3px 0;padding:4px 0;background:#f5f5f5;font-size:16px;}
.showData h4 {clear:both;width:576px;height:28px;line-height:28px;margin:0;color:#f00;border-bottom:1px #e0e0e0 dotted;}
.showData h4 em {color:#555;font-weight:normal;font-style:normal;}
.showData ul {float:left;width:552px;margin:10px 0 10px 0;padding:0 12px;}
.showData li {display:block;float:left;width:276px;height:25px;line-height:25px;white-space:nowrap;overflow:hidden;}
.showData li a {display:block;width:256px;text-indent:6px;}
.showData li a:hover {border:1px #86ebfa solid;}

.modelList {width:576px;margin:0;padding:0 12px;border:1px #e0e0e0 solid;overflow:hidden;}
.modelList h4 {clear:both;width:576px;height:28px;line-height:28px;margin:0;color:#f00;border-bottom:1px #e0e0e0 dotted;}
.modelList h4 em {color:#555;font-weight:normal;font-style:normal;}
.modelList ul {width:552px;margin:10px 0;padding:0 12px;overflow:hidden;}
.modelList li {display:block;width:552px;overflow:hidden;}
.modelList li a {display:block;height:25px;line-height:25px;color:#333;text-indent:6px;}
.modelList li a:hover {height:23px;line-height:23px;border:1px #86ebfa solid;color:#f00;}

/* Fuser Diagram List. __diagramList for page diagram.asp 2010-12-01 */
.diagramList {width:542px;margin:0 25px;padding:10px 0 15px 0;background:url(../images/diagram_bg.gif) right center no-repeat;overflow:hidden;}
.diagramList li {padding:7px 0 5px 0;background:url(../images/arrow_diagram.gif) 0 9px no-repeat;border-bottom:1px #ccc dotted;text-indent:24px;}
.diagramList li a {display:block;color:#000;}
.diagramList li a:hover {color:#f00;}

/* Show Diagram information. __diagramInfo for page ShowDiagram.asp */
.diagramInfo {width:592px;margin:0;padding:0;}
.diagramInfo table {border-collapse:collapse;}
.diagramInfo td {border:0;}
.diagramInfo td.bgw {background:#fff;}

.diagramInfo .partsList {border-collapse:collapse;}
.diagramInfo .partsList th {height:28px;line-height:28px;background:#e5e5e5;text-align:center;}
.diagramInfo .partsList th, .diagramInfo .partsList td {border:1px #ccc solid;}
.diagramInfo .partsList .bgw {background:#f9f9f9;}
.diagramInfo .partsList .alignLeft {text-align:left;text-indent:8px;}

/* member login */
.userlog {width:400px;margin:0 auto;padding:20px 0 145px 0;text-align:center;}
.userlog p {margin:4px 0;padding:3px 0;border:1px #c1c1c1 dotted;}
.userlog p label {height:28px;padding-right:12px;line-height:28px;font-weight:bold;}
.userlog p input {width:64px;padding:3px 0px;border:1px #0b6b8b solid;background:#fff;color:#0b6b8b;}
.userlog p input.txt {width:200px;padding:3px 2px;border:1px #ccc solid;vertical-align:middle;}

/* CET Upgraded Version Products */
.showPic {width:592px;overflow:hidden;}
.showPic img {margin:0;padding:4px;border:1px #ccc solid;cursor:pointer;}
.showPic p {margin:15px 0;padding:4px 12px;border:1px #ccc dotted;}

.upgradedList {width:542px;margin:0 25px;padding:10px 0 15px 0;overflow:hidden;}
.upgradedList li {padding:7px 0 5px 0;background:url(../images/arrow_upg.gif) 0 9px no-repeat;border-bottom:1px #ccc dotted;text-indent:24px;}
.upgradedList li span {float:right;color:#666;}
.upgradedList li a {display:block;color:#000;}
.upgradedList li a:hover {color:#f00;}

/* Aboutus.asp __Show Info */
.showinfoArea {width:590px;margin:2px 0 0 0;padding:0;border:1px #000 solid;}
.showinfoArea h4 {margin:0;padding:3px 0;background:#000;color:#fff;text-align:center;}
.showinfoArea img {float:left;padding:3px;}
.showinfoArea ul {float:left;margin:0 0 0 24px;}
.showinfoArea ul li {padding:9px 0 0 0;}

#main .subContent {width:568px;margin:12px 0 0 0;padding:0 0 12px 0;overflow:hidden;}
#main .subContent .flvPlayer {width:400px;height:265px;margin:0 auto;border:solid 5px #fcedda;text-align:center;}
#main .subContent ul {margin:0;padding:0}
#main .subContent ul li {display:block;clear:both;height:28px;line-height:28px;border-bottom:1px #ccc dotted;}
#main .subContent ul li .dtime {float:right;}
#main .subContent ul li a {display:block;background:url(../images/arrow_news.gif) 0 9px no-repeat;text-indent:16px;}
#main .subContent ul li a:hover {background:url(../images/arrow_news_hover.gif) 0 9px no-repeat;}

.topic {width:592px;height:30px;line-height:30px;margin:10px 0;border-bottom:1px #ccc dotted;color:#0195c5;text-align:center;font-size:16px;font-weight:bold;overflow:hidden;}
#main .subContent a img {border:1px #ccc solid;padding:2px;}

#main .cetManager {width:566px;margin:12px 0 0 0;padding:12px;color:#444;line-height:150%;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;overflow:hidden;border:1px #e1e1e1 solid;border-right:1px #c1c1c1 solid;border-bottom:1px #c1c1c1 solid;}
#main .cetManager img {float:left;width:174px;height:131px;margin:0 10px 0 0;padding:6px;border:1px #ccc solid;}
#main .cetManager .intrtxt {float:left;width:368px;}
#main .cetManager strong {color:#333;font-size:16px;/*font-weight:normal;border-bottom:2px #0195c5 solid;*/}
#main .cetManager em {color:#047;font-size:14px;font-weight:bold;}
#main .cetManager ul {float:left;width:390px;margin:0 0 0 14px;padding:0;color:#047;}
#main .cetManager ul li {height:28px;line-height:28px;border-bottom:1px #ccc dotted;}
#main .cetManager ul li.name {color:#777;font-size:18px;}

/* contact.asp */
#main .subContentEx {width:568px;margin:12px 0 0 0;padding:0 0 12px 0;overflow:hidden;}
#main .subContentEx h4.mTitle {margin:0;padding:0;color:#f00;}
#main .subContentEx .contact {margin:0 18px;padding-bottom:12px;}
#main .subContentEx .contact li {display:block;clear:both;height:28px;line-height:28px;border-bottom:1px #ccc dotted;}
#main .subContentEx .contact .arrow {float:left;display:block;width:64px;text-indent:18px;font-size:10px;color:#06769f;}
#main .subContentEx .contact .tel {background:url(../images/arrow_tel.gif) 0 8px no-repeat;}
#main .subContentEx .contact .fax {background:url(../images/arrow_fax.gif) 0 8px no-repeat;}
#main .subContentEx .contact .email {background:url(../images/arrow_email.gif) 0 8px no-repeat;}
#main .subContentEx .contact .home {background:url(../images/arrow_home.gif) 0 8px no-repeat;}
#main .subContentEx .contact .contacter {background:url(../images/arrow_contacter.gif) 0 8px no-repeat;}
.contactBg {background:url(../images/contact_bg.jpg) right bottom no-repeat;}

/* download.asp */
#main .download {margin:10px 0 0 0;padding:0 0 10px 0;overflow:hidden;}
#main .download th, td {height:28px;line-height:28px;border:1px solid #e0e0e0;text-align:center;font-size:12px;}
#main .download th {background:#e9e9e9;}
#main .download .alignLeft {text-align:left;text-indent:8px;}
.fileInf {margin:0;padding:0;overflow:hidden;}
.fileInf h4.title {margin:0;padding:0;background:#f9f9f9;}
.fileInf h4 a {color:#fc7031;}
.fileInf h4 a:hover {text-decoration:underline;}
.fileInf ul {float:left;width:590px;padding-bottom:12px;overflow:hidden;}
.fileInf ul li {display:block;float:left;}
.fileInf ul li.remark {width:274px;padding:0 8px;text-align:left;}
.fileInf ul li.date {width:150px;}
.fileInf ul li.downtime {width:150px;}

/* for regist.asp page. 2010-12-9  __#regTabs */
#regTabs {margin:0;padding:0;background:#f9f9f9;}
#regTabs th, #regTabs td {height:32px;line-height:32px;text-align:left;text-indent:6px;}
#regTabs th {color:#f33;border-bottom:1px solid #aaa;background:#f1f1f1;font-size:16px;}
#regTabs label {font-weight:bold;text-indent:12px;}
#regTabs input {padding:3px 2px;vertical-align:middle;}
#regTabs input.itext {width:180px;border:1px #ccc solid;border-right:1px #aaa solid;border-bottom:1px #aaa solid;letter-spacing:1px;}
#regTabs input.ibtn {width:auto;height:auto;padding:2px 4px;background:#fff;border:1px #666 solid;}
#regTabs input[type=submit] {color:#090;}
#regTabs input[type=reset] {color:#666;}
#regTabs span {color:#f90;font-size:14px;}
#regTabs a:link, #regTabs a:visited {color:#693;text-decoration:underline;}

/*  __footer
--------------------------------------*/
#footer {clear:both;width:979px;height:70px;margin:10px 0 0 13px;background:url(../images/footer_bg.gif) 0 0 no-repeat;}
#footer .context {float:right;width:960px;padding:14px 0 9px 0;}
#footer .context .kexin {float:left;width:128px;height:47px;}
#footer .context .copy {float:right;padding-right:24px;text-align:right;color:#656565;line-height:180%;}
#footer .context .copy a {color:#656565;}
#footer .context .copy a:hover {color:#333;text-decoration:underline;}
#footer .context .copy a.domain {color:#04c1f8;text-decoration:none;}
#footer .context .copy a.domain:hover {text-decoration:underline;}


/*
ColorBox,Custom CSS for DisplayBox.asp page.
Last Modify by tinakeo.j, date on 2011-11-17 PM
*/
#homer h3 {margin:0 0 3px 0;padding:3px 6px;background:#f1f1f1;border:1px #ccc solid;}
#homer .cboxProdInfo {border-collapse:collapse;}
#homer .cboxProdInfo td {padding:0 6px;border:1px #e1e1e1 solid;background:#fff;text-align:left;}
#homer .cboxProdInfo td.pTopic {width:6%;background:#f5f5f5;}