/* Member ************************************************GLOBALS***/ * { word-wrap: break-word; word-break: break-all; } body, th, td, input, select, textarea, button { font: 12px/1.5em Verdana, "Lucida Grande", Arial, Helvetica, sans-serif; } body, h1, h2, h3, h4, h5, h6, p, ul, dl, dt, dd, form, fieldset { margin: 0; padding: 0; } h1, h2, h3, h4, h5, h6 { font-size: 1em; } ul li { list-style: none; } .face { margin: 0 1px; vertical-align: middle; } .r_option { float: right; font-size: 12px; font-weight: normal; } .r_option .active { font-weight: bold; } .floatleft{ float: left; } .floatright{ float: right; } .clear, .s_clear { clear: both; } .s_clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .s_clear { display: inline-block; } /* Hide from IE Mac \*/ .s_clear { display: block; } /* End hide from IE Mac */ /*yellow radius*/ .ye_r_t, .ye_l_t, .ye_r_b, .ye_l_b{ background: url(yel_bg.gif) no-repeat; } .ye_r_t { width: 100%; background-position: right top; } .ye_l_t { padding: 5px 0 0; background-position: left top; } .ye_r_b { background-position: right bottom; } .ye_l_b { padding: 0 5px 5px; background-position: left bottom; } .ybg { margin-bottom: 2px; padding: 10px; border: 1px solid #EBE6C9; background: #FCF9E6; } .ybg table { width: 100%; } body { background: #FFF; } #wrap { margin: 0 auto; width: 970px; } /*************************************************HEADER***/ #header { margin: 0 0 20px; } .headerwarp { margin: 0 auto; padding: 0 20px; width: 930px; height: 40px; background: #FF8E00 url(header_bg.gif); color: #FFF; } .headerwarp a { color: #FFF; } .headerwarp .logo { float: left; margin: 0 30px 0 0; } .menu { float: left; height: 40px; font-size: 14px; font-weight: bold; } .menu li { float: left; padding: 10px; line-height: 20px; vertical-align: top; } .menu .edit { padding-left: 4px; color: #FFF; font-size: 12px; font-weight: normal; } .nav_account { float: right; width: 200px; white-space:nowrap; overflow: hidden; } .login_thumb { float: left; margin: 6px 6px 0 0; padding: 3px 0 0 3px; width: 24px; height: 24px; background: url(thumb20bg.gif) no-repeat; display: block; } .login_thumb img{ width: 20px; height: 20px; } li.notify { margin: 9px 0 0; padding: 0 0 0 18px; width: 72px; height: 20px; background: url(notify_bg.gif); color: #FFF; font-size: 12px; font-weight: normal; } .menu li.dropmenu { margin: 0 10px 0 0; padding: 10px 15px 10px 10px; height: 20px; background: url(triangle.gif) no-repeat right center; overflow: hidden; } .dropmenu_drop { margin: -1px 0 0; padding: 0 10px 10px; width: 150px; border: 1px solid #EBE6C9; background: #FFF; z-index: 200; } .dropmenu_drop li { padding: 5px 10px; border-bottom: 1px solid #EEE; } .dropmenu_drop li a { color: #2C629E; font-size: 12px; font-weight: normal; } .dropmenu_drop .active { font-weight: bold; } textarea { border: 1px solid #ddd; overflow: auto; } .button { padding: 0 5px; margin: 0 0 0 3px; height: 24px; border: none; background: #DDD; color: #333; line-height: 20px; letter-spacing: 1px; cursor: pointer; } .submit { padding: 0 5px; height: 24px; border: none; background: #FF8901; color: #FFF; line-height: 20px; letter-spacing: 1px; cursor: pointer; } a.submit { padding: 5px; } a.button { padding: 5px; } .c_form { padding: 0.5em 3em; } .c_form .caption { padding: 10px 0; color: #666; font-size: 12px;} .c_form .caption h2 { padding-bottom: 4px; border-bottom: 1px solid #CCC; color: #333; font-size: 14px; background:none; } .c_form .caption p { margin-top: 8px; } .c_form .caption {} .c_form .divButton {} .formtable { width: 100%; } .formtable caption { } .formtable caption h2 { padding-bottom: 8px; border-bottom: 1px solid #CCC; color: #333; font-size: 14px; } .formtable caption p { margin-top: 8px; } .formtable td, .formtable th { padding: 5px; } .formtable th { padding-right: 1em; text-align: right; } #footer { padding: 10px 0 10px 0; border-top: 1px solid #EBE6C9; color: #333; text-align: center; } #footer .footerBar { background:#ff8e00; width:100%; height:10px;} #footer a { color: #333; } .noimage{ float: left; margin: 0 5px 0 0; } #ajaxwaitid { position: absolute; width: 100px; height: 1.6em; background: #DD0000; color: #FFF; line-height: 1.6em; z-index: 100; top: 0px; right: 0px; overflow: hidden; display: none; } .showmessage { margin: 50px auto; width: 600px; background: #FCF9E6; } .showmessage h2 { font-size: 14px; } .showmessage .ye_l_b { padding: 15px 20px 20px; } .showmessage p { padding: 2em 1em; font-size: 14px; overflow: hidden; } .showmessage .op { font-size: 12px; text-align: right; } .advFamily { width:100%; } .advFamily .advTitle { background:#ca7000; height:32px; line-height:32px; width:100%; color:#fff; font-weight:600; text-indent:32px; font-size:14px;} .chk_error { background:url( check_error.gif ) no-repeat; text-indent:20px; color:Red; display:inline-block; line-height:14px;} .chk_right { background:url( check_right.gif ) no-repeat; text-indent:20px; color:#6c3; display:inline-block; line-height:14px;} .tipinfo { color:#ca7000;} /******************************************************************************************/ #mainMenu { width:100%; height:90px; position:relative; margin-bottom:10px;} #mainMenu .wrap { float:left;width:100%; height:100%;} #mainMenu .content{ margin-left:30.1px;height:100%;} #mainMenu .logo { float:left;width:30px;margin-left:-100%; background:url(back/backheader.gif) no-repeat;height:100%;} #mainMenu .line1 { height:60px;background:url(back/logo.gif) 5px 0px no-repeat;} #mainMenu .line2 { width:100%;height:30px; background:#f90; line-height:30px;} #mainMenu .line1 .tip { height:30px; width:100%; text-align:right; line-height:21px;} #mainMenu .line1 .menu { height:30px; margin-left:0px;} #mainMenu ul li,#mainMenu ul li span,#mainMenu ul.tipBar li a {background:url(back/backheader.gif);} #mainMenu ul { padding:0px; margin:0px; height:100%;} #mainMenu ul li { padding:0px; margin:0px; list-style-type:none; float:left; height:100%; position:relative; font-size:10pt; margin-left:1px;line-height:30px;} #mainMenu ul li span { position:absolute; top:0px; background-repeat:no-repeat; display:block; height:100%;width:4px;} #mainMenu ul.tabBar { margin-left:280px;} #mainMenu ul.tabBar li.Selected { position:relative; font-size:10pt; } #mainMenu ul.tabBar li a { text-decoration:none; padding:0 10px; color:#000;} #mainMenu ul.tabBar li a:hover { color:#f00;} #mainMenu ul.tabBar li.Selected a {} #mainMenu ul li { background-position:0px -123px;} #mainMenu ul.tabBar li.Selected { background-position:0px -186px;} #mainMenu ul.tabBar li span.l { background-position:0px -91px;left:0px;} #mainMenu ul.tabBar li span.r { background-position:100% -91px;right:0px;} #mainMenu ul.tabBar li.Selected span.l { background-position:0px -154px;left:0px;} #mainMenu ul.tabBar li.Selected span.r { background-position:100% -154px;right:0px;} #mainMenu ul.tipBar { margin-right:0px; float:right; display:block; height:21px; line-height:21px;} #mainMenu ul.tipBar li { background-position:0px -268px;margin-right:3px; margin-top:3px;} #mainMenu ul.tipBar li span.l { background-position:0px -247px; width:3px; left:0px;} #mainMenu ul.tipBar li span.r { background-position:-27px -247px; width:3px; right:0px;} #mainMenu ul.tipBar li a { display:block; height:15px; line-height:15px; padding:0 5px; float:left; font-size:12px; text-indent:0px; color:#000; width:65px; margin-top:3px; background-repeat:no-repeat; text-decoration:none; } #mainMenu ul.tipBar li a:hover { color:#f00;} #mainMenu ul.tipBar li a.lnkExit { background-position:-2px -289px; } #mainMenu ul.tipBar li a.lnkPass { background-position:-2px -319px; } #mainMenu ul.tipBar li a.lnkEdit { background-position:-2px -334px; } #mainMenu ul.tipBar li a.lnkHelp { background-position:-2px -304px; } #mainMenu ul.tipBar li a.lnkLogn { background-position:-2px -359px; } #mainMenu ul.tipBar li.msg { background:none; line-height:21px;} div.splitbar {background-color:#f90; font-size:5px; height:5px; padding:0; margin:0;} /* ==============================================================================================*/ .PageSpliter { margin-top:20px;} .PageSpliter .PgSpliter { text-align:center; height:16px; line-height:16px; margin-top:20px;} .PageSpliter .PgSpliter a { background:url(../../cyhshop/_images/back/backgreen.png) no-repeat;display:inline-block; font-size:14px; height:16px; text-decoration:none; line-height:16px; margin:0px 3px 0px 3px; } .PageSpliter .PgSpliter span.cur { height:16px; font-weight:600; font-size:16px; text-align:center; margin-left:5px; margin-right:5px; display:inline-block;} .PageSpliter .PgSpliter a.btnFirst { background-position:0px -581px; width:16px;} .PageSpliter .PgSpliter a.btnFirst:hover { background-position:0px -613px;} .PageSpliter .PgSpliter a.btnLast { background-position:-15px -581px; width:16px;} .PageSpliter .PgSpliter a.btnLast:hover { background-position:-15px -613px;} .PageSpliter .PgSpliter a.btnPrev { background-position:0px -597px; width:16px;} .PageSpliter .PgSpliter a.btnPrev:hover { background-position:0px -629px;} .PageSpliter .PgSpliter a.btnNext { background-position:-15px -597px; width:16px;} .PageSpliter .PgSpliter a.btnNext:hover { background-position:-15px -629px;} .PageSpliter .PgSpliter a.btnIndex,.PageSpliter .PgSpliter a.more { background:none;} table { width:100%; } table.pdcSrcTbl { font-size:9pt;color:#333;} table.pdcItem { color:#333;} table.tblItemSel { color:#666; background-color:#ececec; border:solid 1px #f90;} table.tblItemSel td {white-space:nowrap;} table.tblItemSel .msg { color:#333} table tr.tbline0 { background-color:#fc6; color:#000; line-height:18px; text-align:center;} table tr.tbline1 { background-color:#ff9; color:#000; line-height:18px; text-align:center;} table tr.tbline3 { background-color:#fc9; line-height:18px; text-align:center;} table tr.tbline5 { background-color:#06c; color:#fff; line-height:18px; text-align:center;} td.red { text-align:left; color:#f00;} tr.tblHeader td { color:#fff; font-weight:600; text-align:center; height:24px; line-height:24px; background-color:#FF9900; background-image:-moz-linear-gradient(top, #fc9,#f90, #f60); vertical-align:middle; } tr.tblHeader a { color:#fff; text-decoration:none;} tr.tblHeader a:hover { color:#f00; text-decoration:underline;} table td.tbline3 { background-image:none;background-color:#fc9; } .modalPopup { border:solid 2px #f90; background:#fff; -moz-box-shadow:-1px -1px 3px rgba(255, 255, 255, 0.5); background-image:-moz-linear-gradient(top,#FFF,#ffc, #fc9) ;} .modalPopup .caption { cursor: move;background-color:#c30;color:#fff; height:20px; line-height:20px; margin:0px;} .modalPopup .caption p { display:block; float:left; text-indent:10px;} .modalPopup .caption div {float:right; background-color:#666; border:solid 1px #eee; font-size:12px; font-family:Arial Black; cursor:pointer; height:14px; margin-top:2px; margin-right:2px; padding-left:2px; padding-right:2px; line-height:14px; } .modalPopup .popBody p { margin:36px; font-size:12px; color:#000;} .modalPopup .buttonDiv { text-align:center; height:36px; margin-top:5px;} .HoverMenu { border:solid 1px #f90; background:#fff;background-image:-moz-linear-gradient(top,#FFF,#ffc, #fc9) ;} .HoverMenu a { display:block; width:100%; background:transparent; height:18px; line-height:18px; text-align:left; text-indent:10px; text-decoration:none;} .HoverMenu a:hover { background:#f63; color:#fff;} .pdcTipDiv span,.srcBar .barLft1 .pre, div.clip, a.lnkHome, a.buy, a.lnkInsert span,a.lnkSearch ,a.lnkExit, a.lnkPass, a.lnkEdit, a.lnkHelp, a.lnkLogn,a.choose , a.lnkDownDetail,a.lnkDownReturn,a.lnkEditor,a.lnkReturn,a.lnkSave { background-image:url(../../cyhshop/_images/back/icon.png) ; background-repeat:no-repeat;} a.lnkDownDetail { background-position:0px -617px; width:18px; height:18px; display:inline-block; margin:0 auto; margin-top:2px; text-indent:20px;} a.lnkDownDetail:hover { background-position:-33px -617px;} a.lnkDownReturn { background-position:0px -635px; width:18px; height:18px; display:inline-block; margin:0 auto;} a.lnkDownReturn:hover { background-position:-33px -635px;}