/* common */ /* space*/ .pad0 {padding:0 !important} .pad2 {padding:2px !important} .pad5 {padding:5px !important} .pad10 {padding:10px !important} .pad15 {padding:15px !important} .pad20 {padding:20px !important} .pt0 {padding-top:0px !important} .pt1 {padding-top:1px !important} .pt5 {padding-top:5px !important} .pt10 {padding-top:10px !important} .pt15 {padding-top:15px !important} .pt20 {padding-top:20px !important} .pr0 {padding-right:0 !important} .pr5 {padding-right:5px !important} .pr10 {padding-right:10px !important} .pr15 {padding-right:15px !important} .pr20 {padding-right:20px !important} .pb0 {padding-bottom:0px !important} .pb5 {padding-bottom:5px !important} .pb10 {padding-bottom:10px !important} .pb15 {padding-bottom:15px !important} .pb20 {padding-bottom:20px !important} .pl0 {padding-left:0px !important} .pl5 {padding-left:5px !important} .pl10 {padding-left:10px !important} .pl15 {padding-left:15px !important} .pl20 {padding-left:20px !important} .ptb0 {padding-top:0px !important; padding-bottom:0px !important} .ptb2 {padding-top:2px !important; padding-bottom:2px !important} .ptb5 {padding-top:5px !important; padding-bottom:5px !important} .ptb10 {padding-top:10px !important; padding-bottom:10px !important} .ptb15 {padding-top:15px !important; padding-bottom:15px !important} .ptb20 {padding-top:20px !important; padding-bottom:20px !important} .plr0 {padding-left:0px !important; padding-right:0 !important} .plr2 {padding-left:2px !important; padding-right:2px !important} .plr5 {padding-left:5px !important; padding-right:5px !important} .plr10 {padding-left:10px !important; padding-right:10px !important} .plr15 {padding-left:15px !important; padding-right:15px !important} .plr20 {padding-left:20px !important; padding-right:20px !important} .mAuto {margin:Auto !important} .m0 {margin:0 !important} .m3 {margin:3px !important} .m5 {margin:5px !important} .m7 {margin:7px !important} .m10 {margin:10px !important} .m15 {margin:15px !important} .m20 {margin:20px !important} .mt0 {margin-top:0px !important} .mt2 {margin-top:2px !important} .mt4 {margin-top:4px !important} .mt5 {margin-top:5px !important} .mt7 {margin-top:7px !important} .mt10 {margin-top:10px !important} .mt15 {margin-top:15px !important} .mt20 {margin-top:20px !important} .mt25 {margin-top:25px !important} .mr0 {margin-right:0px !important} .mr1 {margin-right:1px !important} .mr3 {margin-right:3px !important} .mr5 {margin-right:5px !important} .mr7 {margin-right:7px !important} .mr10 {margin-right:10px !important} .mr15 {margin-right:15px !important} .mr20 {margin-right:20px !important} .mr30 {margin-right:30px !important} .mb0 {margin-bottom:0px !important} .mb2 {margin-bottom:2px !important} .mb5 {margin-bottom:5px !important} .mb7 {margin-bottom:7px !important} .mb10 {margin-bottom:10px !important} .mb15 {margin-bottom:15px !important} .mb20 {margin-bottom:20px !important} .ml0 {margin-left:0px !important} .ml1 {margin-left:1px !important} .ml3 {margin-left:3px !important} .ml5 {margin-left:5px !important} .ml7 {margin-left:7px !important} .ml10 {margin-left:10px !important} .ml15 {margin-left:15px !important} .ml20 {margin-left:20px !important} .ml25 {margin-left:25px !important} .ml32 {margin-left:32px !important} .mmt1 {margin-top:-1px !important} .mmt2 {margin-top:-2px !important} .mmt5 {margin-top:-5px !important} .mmt7 {margin-top:-7px !important} .mmt10 {margin-top:-10px !important} .mmt15 {margin-top:-15px !important} .mml1 {margin-left:-1px !important} .mml2 {margin-left:-2px !important} .mml5 {margin-left:-5px !important} .mml10 {margin-left:-10px !important} .mml15 {margin-left:-15px !important} .mtbA {margin-top:auto !important; margin-bottom:auto !important} .mtb0 {margin-top:0px !important; margin-bottom:0px !important} .mtb1 {margin-top:1px !important; margin-bottom:1px !important} .mtb2 {margin-top:2px !important; margin-bottom:2px !important} .mtb5 {margin-top:5px !important; margin-bottom:5px !important} .mtb10 {margin-top:10px !important; margin-bottom:10px !important} .mtb15 {margin-top:15px !important; margin-bottom:15px !important} .mtb20 {margin-top:20px !important; margin-bottom:20px !important} .mlrA {margin-left:auto !important; margin-right:auto !important} .mlr0 {margin-left:0px !important; margin-right:0 !important} .mlr5 {margin-left:5px !important; margin-right:5px !important} .mlr10 {margin-left:10px !important; margin-right:10px !important} .mlr15 {margin-left:15px !important; margin-right:15px !important} .mlr20 {margin-left:20px !important; margin-right:20px !important} .absolute {position:absolute !important} .relative {position:relative !important} .absoluteList {position:absolute !important; bottom:0 !important; top:21px !important; padding:0} .absoluteList2 {position:absolute !important; bottom:0 !important; top:49px !important; padding:0} .left0 {left:0 !important} .right0 {right:0 !important} .bottom0 {bottom:0 !important} .bottom32{bottom:32px !important} .bottom40{bottom:40px !important} .bottom60{bottom:60px !important} .bottom64{bottom:64px !important} .bottom96{bottom:96px !important} .bottom128{bottom:128px !important} .bottom160{bottom:160px !important} .bottom192{bottom:192px !important} .bottom224{bottom:224px !important} .bottom256{bottom:256px !important} .bottom369{bottom:369px !important} .mtop2 {top:-2px !important} .top0 {top:0 !important} .top6 {top:6px !important} .top7 {top:7px !important} .top22 {top:22px !important} .top28 {top:28px !important} .top30 {top:30px !important} .top32 {top:32px !important} .top35 {top:35px !important} .top38 {top:38px !important} .top39 {top:39px !important} .top60 {top:60px !important} .top64 {top:64px !important} .top65 {top:65px !important} .top100 {top:100px !important} .top106 {top:106px !important} .top127 {top:127px !important} .top140 {top:140px !important} .top300 {top:300px !important} .top370 {top:370px !important} /* ������*/ .w10 { width:10px !important; display:inline-block} .w20 { width:20px !important; display:inline-block} .w30 { width:30px !important; display:inline-block} .w40 { width:40px !important; display:inline-block} .w50 { width:50px !important; display:inline-block} .w60 { width:60px !important; display:inline-block} .w65 { width:65px !important; display:inline-block} .w70 { width:70px !important; display:inline-block} .w80 { width:80px !important; display:inline-block} .w90 { width:90px !important; display:inline-block} .w100{width:100px !important; display:inline-block} .w115{width:115px !important; display:inline-block} .w120{width:120px !important; display:inline-block} .w130{width:130px !important; display:inline-block} .w140{width:140px !important; display:inline-block} .w150{width:150px !important; display:inline-block} .w174{width:174px !important; display:inline-block} .w180{width:180px !important; display:inline-block} .w200{width:200px !important; display:inline-block} .w230{width:230px !important; display:inline-block} .w240{width:240px !important; display:inline-block} .w250{width:250px !important; display:inline-block} .w270{width:270px !important; display:inline-block} .w300{width:300px !important; display:inline-block} .w340{width:340px !important; display:inline-block} .w400{width:400px !important; display:inline-block} .w450{width:450px !important; display:inline-block} .w500{width:500px !important; display:inline-block} .w600{width:600px !important; display:inline-block} .w700{width:700px !important; display:inline-block} .w800{width:800px !important; display:inline-block} .w900{width:900px !important; display:inline-block} .w1000{width:1000px !important; display:inline-block} .w10p {width:10% !important; display:inline-block} .w20p {width:20% !important; display:inline-block} .w24p {width:24% !important; display:inline-block} .w30p{width:30% !important; display:inline-block} .w31p{width:31% !important; display:inline-block} .w32p{width:32% !important; display:inline-block} .w33p{width:33% !important; display:inline-block} .w35p{width:35% !important; display:inline-block} .w40p{width:40% !important; display:inline-block} .w45p{width:45% !important; display:inline-block} .w47p{width:47% !important; display:inline-block} .w48p{width:48% !important; display:inline-block} .w49p{width:49% !important; display:inline-block} .w50p{width:50% !important; display:inline-block} .w60p{width:60% !important; display:inline-block} .w70p{width:70% !important; display:inline-block} .w80p{width:80% !important; display:inline-block} .w84p{width:84% !important; display:inline-block} .w88p{width:88% !important; display:inline-block} .w90p{width:90% !important; display:inline-block} .w92p {width: 92% !important; display: inline-block;} .w96p{width:96% !important; display:inline-block} .w97p{width:97% !important; display:inline-block} .w98p{width:98% !important; display:inline-block} .w99p{width:99% !important; display:inline-block} .w100p{width:100% !important; display:inline-block} .w100pF{width:100%; float:left !important; display:inline-block} .w50pF{width:50%; float:left !important; display:inline-block} .w100pm2{width:calc(100% - 2px) !important; display:inline-block} .mw100{min-width:100px !important} .mw115{min-width:115px !important} .mw120{min-width:120px !important} .mw130{min-width:130px !important} .mw140{min-width:140px !important} .mw150{min-width:150px !important} .mw180{min-width:180px !important} .mw200{min-width:200px !important} .mw230{min-width:230px !important} .mw240{min-width:240px !important} .mw250{min-width:250px !important} .mw270{min-width:270px !important} .mw300{min-width:300px !important} .mw340{min-width:340px !important} .mw400{min-width:400px !important} .mw500{min-width:500px !important} .mw600{min-width:600px !important} .mw700{min-width:700px !important} .mw800{min-width:800px !important} .mw900{min-width:900px !important} .mw1000{min-width:1000px !important} .hAuto { height:auto !important} .h100p { height:100% !important} .h100pm2 { height:calc(100% - 2px) !important} .h45 { height:45px !important} .h50 { height:50px !important} .h100 { height:100px !important} .h150 { height:150px !important} .h200 { height:200px !important} .h210 { height:210px !important} .h300 { height:300px !important} .h370 { height:370px !important} .h400 { height:400px !important} .h450 { height:450px !important} .h500 { height:500px !important} .h600 { height:600px !important} .h700 { height:700px !important} .topA { top:auto !important} .rightA { right:auto !important} .botA { bottom:auto !important} .leftA { left:auto !important} .t20p { display:inline-block; margin:auto; position:absolute; top:30% !important} .t30p { display:inline-block; margin:auto; position:absolute; top:30% !important} .t40p { display:inline-block; margin:auto; position:absolute; top:40% !important} .t50p { display:inline-block; margin:auto; position:absolute; top:49% !important} .t60p { display:inline-block; margin:auto; position:absolute; top:60% !important} .t70p { display:inline-block; margin:auto; position:absolute; top:70% !important} .t80p { display:inline-block; margin:auto; position:absolute; top:80% !important} .b20p { display:inline-block; margin:auto; position:absolute; bottom:20% !important} .b30p { display:inline-block; margin:auto; position:absolute; bottom:30% !important} .b40p { display:inline-block; margin:auto; position:absolute; bottom:40% !important} .b50p { display:inline-block; margin:auto; position:absolute; bottom:49% !important} .b60p { display:inline-block; margin:auto; position:absolute; bottom:60% !important} .b70p { display:inline-block; margin:auto; position:absolute; bottom:70% !important} .b80p { display:inline-block; margin:auto; position:absolute; bottom:80% !important} /* ���� */ .left {text-align:left !important} .center {text-align:center !important} .right {text-align:right !important} .fr {float:right !important} .fl {float:left !important; clear:none !important} .flL {float:left !important; text-align:left !important} .flR {float:left !important; text-align:right !important} .frR {float:right !important; text-align:right !important} .frL {float:right !important; text-align:left !important} .topT { vertical-align:top !important} .top { vertical-align:text-top !important} .bottom { vertical-align:text-bottom !important} .middle { vertical-align:middle !important} .pointer {cursor:pointer !important} .border0{ border:0} .border1{ border:1px solid #ddd} .none {display:none!important} .inherit {display:inherit!important} .block {display:block!important} .inblock {display:inline-block!important} .table {display:table!important} .tableCell {display:table-cell !important} .txt_inline {display:inline!important} .txt_block {display:block!important} .ws_nomal {white-space:normal!important} .ws_nowrap {white-space:nowrap!important} .txt_bold {font-weight:bold!important} .txt_nomal {font-weight:100 !important} .txt_11 {font-size:11px!important} .txt_12 {font-size:12px!important} .txt_14 {font-size:14px!important} .txt_oran {color:#d74e03!important} .txt_blue {color:#3C86C4!important} .txt_Lblue {color:#8EB1CC!important} .txt_comment{color:#8EB1CC!important; font-size:11px} .txt_ccc {color:#ccc!important} .txt_22 {color:#222!important} .txt_55 {color:#555!important} .txt_77 {color:#777!important} .txt_99 {color:#999!important} .txtpoint {font-size:11px!important; color: #ed892e;padding: 10px 0 5px 0; font-weight:100} .txt_info {color:#3C86C4!important; font-size:11px!important; font-weight:100} .txtTag{padding-left: 8px; font-size: 11px; color: #ed892e;} .txtPointColor{padding-left: 8px; font-size: 11px; color: #ed892e;} .byte{padding-left: 8px; font-size: 11px;} b {font-weight:bold!important} .bg_00 {background:#000 !important} .bg_22 {background:#222 !important} .bg_eee {background:#eee !important} .bg_f7 {background:#f7f7f7 !important} .bg_ff {background:#fff !important} .bg_Lblue {background:#f1f5f9 !important} .bg_gray {background:#f4f4f4 !important} .bg_yell {background:#f4eecb !important} .bg_oran {background:#f9dece !important} .bg_green {background:#e5f0d5 !important} .bg_blue {background:#4fa2dd !important} .selected {background: #e6edf3 } .disable { background:#eee; color:#999 !important} .bar { color:#ddd; padding:0 7px; vertical-align:middle} .line {border-top:1px solid #eee !important} .linedot {border-top:1px dashed #ddd !important} .linedotB {border-bottom:1px dashed #ddd !important} .lineBdot {border-top:1px dashed #333 !important} .lineBdotB {border-bottom:1px dashed #333 !important} .lineT {border-top:1px solid #ccc !important} .lineB {border-bottom:1px solid #ccc !important} .lineL { background-image:url(../images/bar3.gif) !important; background-position: left top; background-repeat: repeat-y !important} .lineR {background-image:url(../images/bar3.gif) !important; background-position: right top; background-repeat: repeat-y !important} .lineTee {border-top:1px solid #eee !important} .lineBee {border-bottom:1px solid #eee !important} .lineLee {border-left:1px solid #eee !important} .lineRee {border-right:1px solid #eee !important} .shadow { box-shadow:1px 1px 0 #ddd !important} .placeholder {color: #999;} .scrollAutoX { overflow-x:auto !important} .scrollAutoY { overflow-y:auto !important} .scroll_y{overflow-y: auto !important; overflow-x: hidden !important} .scroll_x{overflow-x: auto !important; overflow-y: hidden !important} .scroll_xy{overflow-x: auto !important; overflow-y: auto !important} /* pop */ .scrollPopWrap{} .scrollPopWrap .scrollPopContent{overflow: auto; overflow-y: scroll; overflow-x: auto; height: 385px;} .listPopFoot{background: #fff; border-top: 1px solid #d0d0d0; padding: 8px 0;} .tabContentWrap {background: #fff;} .tabContent {display: none;} /* .subtit{background:url(../images/ico/bul.gif) no-repeat left 3px; padding: 3px 0 5px 11px; color:#333333; font-weight: bold; margin-left:10px}*/ .subtit{background:url(../images/ico/bul.gif) no-repeat left 3px; padding: 0 0 5px 11px; color:#333333; font-weight: bold; margin-top:5px; margin-left:10px; line-height:1.5} /*.submit.item{ float:left; width:60px; margin:3px; margin-left:5px; padding-left:15px}*/ /* tabmenu */ .tabmenu{width: 100%;background:url(../images/bg_tabline.gif) repeat-x left bottom; margin-bottom: 12px;} .tabmenu ul {margin:0 0 0 0;overflow:hidden;} .tabmenu ul li {margin:0 3px 0 0;padding:0;float:left;display: inline;line-height:32px;color:#037ec3;font-weight:bold;} .tabmenu ul li a{display:block;background:url(../images/bg_tab.gif) no-repeat right -32px;padding:0 20px 0 0;margin:0;} .tabmenu ul li a span{margin:0;display:block;background:url(../images/bg_tab.gif) no-repeat left -32px;padding:0 0 0 20px; color: #333;} .tabmenu ul li a.current, .tabmenu ul li a:hover {color:#037ec3;font-weight:bold;background:url(../images/bg_tab.gif) no-repeat left 0;text-decoration:none;padding:0 0 0 20px;} .tabmenu ul li a.current span, .tabmenu ul li a:hover span{margin:0;display:block;line-height:32px;color:#037ec3;font-weight:bold;background:url(../images/bg_tab.gif) no-repeat right 0;padding:0 20px 0 0;} .groupTab {padding: 0;float: left; height:32px; width:100%; margin:10px 0 3px; background:url(../images/bg_tabline.gif)} /*.groupTab {padding: 0;float: left; height:34px; width:100%; margin:10px 0 3px}*/ /*.groupTab ul { display:flex; border-left:1px solid #ccc}*/ .groupTab ul { display:flex;} .groupTab li {float: left; padding: 0; margin:0; display:inline; text-align:center;} .groupTab li a { color:#777; font-weight:bold; line-height:1;height: 12px; padding:8px 10px; margin:0; background:#f7f7f7; display:block; text-decoration:none; border:1px solid #ccc; border-left:0} .groupTab li a span { float:left } .groupTab li a:hover {color:#555; text-decoration:none; background:} .groupTab li a.active {color:#222; font-weight:bold; line-height:1; padding:8px 10px; margin:0; background:#fff; display:block; text-decoration:none; border-bottom:1px solid #fff} .groupTab li:first-child{ border-left:1px solid #ccc} .groupTab2 {padding: 0;float: left; height:34px; width:100%; margin:10px 0 3px; background:url(../images/bg_tabline.gif)} /*.groupTab {padding: 0;float: left; height:34px; width:100%; margin:10px 0 3px}*/ /*.groupTab ul { display:flex; border-left:1px solid #ccc}*/ .groupTab2 ul { display:flex;} .groupTab2 li {float: left; padding: 0; margin:0; display:inline; text-align:center; min-width:100px} .groupTab2 li a { color:#777; font-weight:bold; line-height:1;height: 12px; padding:8px 10px; margin:0; background:#f7f7f7; display:block; text-decoration:none; border:1px solid #ccc; border-left:0} .groupTab2 li a:hover {color:#555; text-decoration:none; background:none;} .groupTab2 li a.active {color:#222; font-weight:bold; line-height:1; padding:8px 10px; margin:0; background:#fff; display:block; text-decoration:none; border-bottom:1px solid #fff} .groupTab2 li:first-child{ border-left:1px solid #ccc} .detailTab {padding: 0;float: left; height:28px; width:100%; margin:1px 0 0; /* background:url(../images/bg_tabDetail.gif) 0 -2px */} /*.detailTab {padding: 0;float: left; height:34px; width:100%; margin:10px 0 3px}*/ /*.detailTab ul { display:flex; border-left:1px solid #ccc}*/ .detailTab ul { display:flex; overflow: hidden;} /*.detailTab li {float: left; padding: 0; margin:0; display:inline; text-align:center}*/ .detailTab li {float: left; padding: 0; margin:0; display:inline; text-align:center} .detailTab li a { color:#555; line-height:1;height: 26px; padding:0 4px 0 5px; margin:0; background:#f7f7f7; display:block; text-decoration:none; border:1px solid #adadad; border-left:0; overflow:hidden; text-overflow: ellipsis; white-space:nomal} .detailTab li a span { line-height:2; white-space: nowrap; letter-spacing:-0.5px } .detailTab li a:hover {color:#fff; text-decoration:none; background:#0283dd } .detailTab li.active a {color:#0283dd; font-weight:bold; line-height:1; padding:0 10px; margin:0; background:#fff; display:block; text-decoration:none; border-bottom:1px solid #fff; white-space:nowrap;} /*.detailTab li:last-child a{ border-right:0}*/ .detailTab.n2 li { width:auto} .detailTab.n3 li { width:auto} .detailTab.n4 li { width:25%} .detailTab.n5 li { width:20%} .detailTab.n6 li { width:16.66666666666667%} .detailTab.n6 li.active { width:auto !important} .buttonTab { float: left; height: 21px; margin: 0 0 3px; padding: 0;} .buttonTab li { display: inline; float: left; margin: 0; padding: 0; text-align: center;} .buttonTab li a { background: #f7f7f7; border : 1px solid #ccc; border-left : 0; color: #777; display: block; margin: 0; padding: 2px 12px 2px; text-decoration: none;} .buttonTab li a:hover { color: #333; text-decoration: none;} .buttonTab li a.active { background: #fff ; color: #222; display: block; font-weight: bold; margin: 0; padding: 2px 15px 2px;} .buttonTab li:first-child { border-left: 1px solid #ccc;} .closeTab { float:right; margin:-1px -3px 0 15px; background:url(../images/btn/bu_closeS_off.gif) left top no-repeat; width:14px; height:13px} .closeTab:hover { float:right; margin:-1px -3px 0 15px; background:url(../images/btn/bu_closeS.gif) left top no-repeat; width:14px; height:13px} .tabAdd { margin:5px 10px; margin-left:10px; cursor:pointer; background:url(../images/btn/i_add.png) left top no-repeat; width:18px; height:19px; display:inline-block; cursor:pointer} .tabAdd:hover { background:url(../images/btn/i_add.png) left -19px no-repeat} .bu_AddBlue { margin:5px 10px; margin-left:10px; cursor:pointer; background:url(../images/btn/b_addTheme.png) left top no-repeat; width:18px; height:17px; display:inline-block; cursor:pointer} .bu_AddBlue:hover { background:url(../images/btn/b_addTheme.png) left -17px no-repeat} .im {background : url("../images/ico/bulR.gif") left 1px no-repeat; padding:0 0 0 13px; display:inline-block; vertical-align:middle} /* layerPopup */ .popLayerWrap{position: relative;width: 100%;background:#ffffff;} .popLayerHeader{position: relative; background: #2f2f2f; height: 39px;margin-bottom: 1px;} .popLayerHeader .popLayerTitle {font-size: 14px; color: #fff;padding: 12px 0 0 15px;} .popLayerHeader .titleBuR { margin:8px; margin-right:50px; float:right} .popLayerHeader .btnLayerClose {position: absolute; right: 10px; top:8px;} /*.popLayerContent {padding: 14px 16px 14px 16px; overflow-y:auto;}*/ .popLayerContent {padding: 14px 16px 14px 16px} .popLayerContent .scrollContent{overflow-y: scroll; overflow-x: hidden; _position: static; height:250px; margin-bottom:10px; border-bottom:1px solid #b0afaf} .popLayerContent .scrollContent_add{overflow-y: scroll; overflow-x: hidden; _position: static; height:120px; margin-top:5px; margin-bottom:20px; border-top: 1px solid #b0afaf; border-bottom:1px solid #b0afaf; clear:both} .popLayerContent .scrollContentMb0 {overflow-y: scroll; overflow-x: hidden; _position: static; height:250px; margin-bottom:0} .popLayerContent h2 { margin-left: 0;margin-bottom: 5px} .popLayerContent .news_add_tit h2 {float:left} .popLayerContent .news_add_tit span {float:right} .modal{display:none; background:#ffffff; border: 3px solid #2f2f2f; z-index:100;} .modal3{display:none; position:absolute; background:#ffffff; border: 3px solid #2f2f2f; z-index:100; top:0px; bottom:0px; left:0px; right:0px;} .modal2{display:none; background:#f4f4f4; border: 3px solid #2f2f2f;z-index:10;} .popAlertWrap{position: relative; padding: 5px 6px; background:#f4f4f4;} .popAlertContent{text-align: center; padding: 18px 0 0 0 ;} .popAlertContent p{font-size: 14px; color: #666666; font-weight: bold; text-align: center; min-height: 52px;} .popAlertContent p.alert02 {font-size: 14px; color: #666666; font-weight: bold; text-align: center; min-height: 52px;} .popAlertContent div.{font-size: 14px; color: #666666; font-weight: bold; text-align: center; min-height: 52px;} .popAlertWrap{position: relative; padding: 5px 6px; background:#f4f4f4;} .popAlert {background:#f4f4f4; text-align:center; border:3px solid #2f2f2f; font-size:14px; font-weight:bold} .popAlert .popAlertWrap{position: relative; padding:20px 20px 30px; font-size:14px} .popAlertContent2{text-align: center; padding: 18px 0 0 0 ;} .popAlertContent2 p{font-size: 14px; color: #666666; font-weight: bold; text-align: center; min-height: 30px;} .popAlertContent2 div.check {margin-bottom:20px; font-size:12px; color:#f90} .popAlertContent2 div.check span {font-weight:bold; color:#666; font-size:12px} .btnLayerClose{position: absolute; right: 6px;} .alertIcon{display:inline-block; background: url(../images/ico/ico_alert.gif); width:31px; height: 28px; text-indent: -9999px; font-size:0; margin-bottom: 16px;} @media screen and (max-device-width: 480px) { /* html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */ } @media print { * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } a, a:visited { color: #444 !important; text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3{ page-break-after: avoid; } } .message { display:block; padding:0px 15px 10px; color:#777} .alert { text-align:center!important; padding:50px 20px!important; border:0 !important; } .inputC {text-align:center ;color: #666; margin-right:3px} .date {text-align:center; border:1px solid #eee; width:90px} .datetime {text-align:center; border:1px solid #eee; width:120px} .snsOver {background:url(../images/ico/i_sns.png) no-repeat ; padding-left:16px; margin-right:3px; cursor:pointer} .snsOver.reple { background-position: 2px 2px !important ;} .snsOver.retweet { background-position: left -37px !important } .snsOver.favorit { background-position: 2px -76px !important} .snsOver.reple:hover { background-position: -84px 2px !important; color:#165481} .snsOver.retweet:hover { background-position: -86px -37px !important; color:#165481} .snsOver.favorit:hover { background-position: -84px -76px !important; color:#165481} .btn_search{ background:url(../images/btn/bu_searchDate.png) no-repeat!important;width:22px!important; height:22px; display:inline-block; cursor:pointer; vertical-align:middle; font-size:0} .btn_search:hover, .btn_search.on { background-position: 0 -22px!important} .btn_date{ background:url(../images/btn/bu_searchDate.png) -22px top no-repeat; width:23px; height:22px; display:inline-block; cursor:pointer; vertical-align:middle; font-size:0} .btn_date:hover,.btn_date.on { background-position: -22px -22px} .btn_add{background: url("../images/btn/b_addTheme.png") 0 1px no-repeat; cursor: pointer; display: inline-block; height: 18px; vertical-align: middle; width:18px; font-size:0} .btn_add:hover { background-position: 0 -16px} .btn_add2{background:url(../images/btn/i_add.png) 0 1px no-repeat; cursor: pointer; display: inline-block; height: 20px; vertical-align: middle; width:18px; font-size:0} .btn_add2:hover { background-position: 0 -18px} .btn_add4{background:url(../images/btn/i_add.png) 0 -18px no-repeat; cursor: pointer; display: inline-block; height: 20px; vertical-align: middle; width:18px; font-size:0} .btn_add4:hover { background-position: 0 -38px} .btn_delIcon{ background:url(../images/btn/buR_del.png) no-repeat;width:18px; height:18px; display:inline-block; cursor:pointer; vertical-align:middle; font-size:0} .btn_delIcon:hover {background:url(../images/btn/buR_del_o.png) no-repeat} .btn_delx{ background:url(../images/btn/bu_close.gif) no-repeat 0 0;width:14px; height:15px; display:inline-block; cursor:pointer; vertical-align:middle; font-size:0} .btn_delx:hover {background-position: 0 -21px} .btn_delx2{ background:url(../images/btn/bu_close.gif) no-repeat 0 -21px;width:14px; height:15px; display:inline-block; cursor:pointer; vertical-align:middle; font-size:0} .btn_delx2:hover {background-position: 0 -47px} .btn_del3{ background:url(../images/btn/i_delx.png) no-repeat 0 -18px;width:18px; height:20px; display:inline-block; cursor:pointer; vertical-align:middle; font-size:0} .btn_del3:hover {background-position: 0 -38px} .btn_copy { background:url(../images/btn/buR_copy.png) 0 0 no-repeat; width:16px; height:16px; display:inline-block; cursor:pointer;} .btn_copy:hover,.btn_copy.on { background:url(../images/btn/buR_copy_o.png) 0 0 no-repeat} .btn_date{ background:url(../images/btn/bu_searchDate.png) -22px top no-repeat; width:23px; height:22px; display:inline-block; cursor:pointer; vertical-align:middle; font-size:0} .btn_date:hover,.btn_date.on { background-position: -22px -22px} .date{ width:90px; text-align:center} .dateH{ width:120px; text-align:center} .btn_arrowP { background:url(../images/ico/i_list.png) left 3px no-repeat;width:14px; height:13px; display:inline-block; cursor:pointer; vertical-align:middle; margin-right:10px} .btn_arrowP.on { background-position: 0 -23px} .btn_arrow { background:url(../images/ico/i_menu.png) no-repeat;width:18px; height:13px; display:inline-block; cursor:pointer; vertical-align:middle} .btn_arrow:hover { background-position: 0 -22px} .btn_check{ background:url(../images/ico/thumIco.png) no-repeat -22px -22px;width:22px; height:22px; display:inline-block; cursor:pointer; vertical-align:middle; font-size:0} .btn_check:hover ,.btn_check.on{ background-position: -22px top} .refresh { background: url(../images/ico/btn_search_02.png) -45px 0px no-repeat; width: 23px; height: 23px; display: inline-block; cursor: pointer; vertical-align: text-bottom; font-size: 0; bottom: 3px; position: relative;} .refresh:hover { background: url(../images/ico/btn_search_02.png) -122px 0 no-repeat;;} .btn_write { background:url(../images/ico/ico_dash.png) left -16px no-repeat; width:16px; height:16px; display:inline-block; cursor:pointer; vertical-align:middle; font-size: 0} .btn_write:hover { background:#6eb2e3 url(../images/ico/ico_dash.png) left -16px no-repeat } .btn_link { background: url(../images/ico/thumIco.png) -44px top; /*display: inline-block;*/ height: 22px; margin:0; width: 22px; z-index: 1000; opacity:1; font-size:0} .btn_link.off { background: url(../images/ico/thumIco.png) -44px-22px; display: inline-block; height: 22px; margin:0; width: 22px; z-index: 1000; opacity:0.3;} .ico_notice { background:url(../images/ico/ico_dash.png) left top no-repeat; width:16px; height:16px; display:inline-block; vertical-align:middle; font-size: 0} .ico_list { background:url(../images/ico/ico_dash.png) left -32px no-repeat; width:16px; height:16px; display:inline-block; vertical-align:middle; font-size: 0} .ico_memo { background:url(../images/ico/ico_memo.png) left -32px no-repeat; width:16px; height:16px; display:inline-block; vertical-align:middle; font-size: 0} .ico_memo_o { background:url(../images/ico/ico_memo.png) left top no-repeat; width:16px; height:16px; display:inline-block; vertical-align:middle; font-size: 0} .bu_ico { background: url(../images/btn/list_Layerbu.png) !important no-repeat -4px 0 ; cursor: pointer; display: inline-block; font-size:0; width:17px} .bu_ico:hover { background: #fff url(../images/btn/list_Layerbu.png) no-repeat;} .bu_ico.select{ background: #e1ecf4 url(../images/btn/list_Layerbu.png) no-repeat;} .bu_ico li.bar { color:#ddd; padding:4px 2px 3px } .bu_ico.btn_ok { background-position: 2px 0;} .bu_ico.btn_edit { background-position: -29px 0;} .bu_ico.btn_del { background-position: -58px 0;} .bu_ico.btn_copy { background-position: -90px 0;!important} .bu_ico.btn_move { background-position: -116px 0;} .bu_ico.btn_freview { background-position: -145px 0;} .bu_ico.btn_packCheck { background-position: -174px 0;} .bu_ico.btn_packWrite { background-position: -203px 0;} .bu_ico.btn_tempCheck { background-position: -232px 0;} .bu_ico.btn_message { background-position: -289px 0;} .bu_ico.btn_mail { background-position: -317px 0;} .bu_ico.btn_writeNews { background-position: -347px 0;} .bu_ico.btn_writeImg { background-position: -377px 0;} .bu_ico.btn_html { background-position: -428px 0; width:30px} .bu_ico.btnImgLeft { background-position: 1px -63px;} .bu_ico.btnImgCenter { background-position: -29px -63px;} .bu_ico.btnImgRight { background-position: -58px -63px;} .bu_ico.btnImgCaptionAdd { background-position: -87px -63px;} .bu_ico.btnImgCaptionDel { background-position: -116px -63px;} .bu_ico.btnPrint { background-position: 1px -105px;} .bu_ico.btnSetting { background-position: -29px -105px;} .bu_ico.btnFavorit { background-position: -58px -105px;} .bu_ico.btnRe { background-position: -86px -104px;} .ccl { background: url(../images/ico/ccl.png) no-repeat ; cursor: pointer; display: inline-block; font-size:0; width:20px; height:20px} .ccl.c01 { background-position:0 0} .ccl.c02 { background-position:-22px 0} .ccl.c03 { background-position:-44px 0} .ccl.c04 { background-position:-66px 0} .ccl.c05 { background-position:-88px 0} table.pad0 tr th, tr.pad0 th { padding:0px;} table.pad0 tr td, tr.pad0 td { padding:0px;} table.pad3 tr td, tr.pad3 td { padding-top:3px; padding-bottom:3px} table.pad5 tr td, tr.pad5 td { padding-top:5px; padding-bottom:5px} table.pad10 tr td, tr.pad10 td { padding-top:10px; padding-bottom:10px} table.pad15 tr td, tr.pad15 td { padding-top:15px; padding-bottom:15px} table.pad20 tr td, tr.pad20 td { padding-top:20px; padding-bottom:20px} .pad0 li { padding-top:0px!important; padding-bottom:0px!important} .pad3 li { padding-top:3px!important; padding-bottom:3px!important} .pad5 li { padding-top:5px!important; padding-bottom:5px!important} .pad10 li { padding-top:10px !important; padding-bottom:10px!important} .pad15 li { padding-top:15px !important; padding-bottom:15px !important} .pad20 li { padding-top:20px !important; padding-bottom:20px !important} .paging.bottom0 { position:absolute; bottom:0; height:28px; border-top:1px solid #ddd; background:#fff } .bu_memo { background: url("../images/ico/ico_memo.png") no-repeat left -36px; display: inline-block; font-size: 0; height: 16px; vertical-align: middle; width: 16px;} .bu_memo.on { background: rgba(0, 0, 0, 0) url("../images/ico/ico_memo.png") no-repeat left 2px; display: inline-block; font-size: 0; height: 16px; vertical-align: middle; width: 16px;} .modal02 {display:none; background:#ffffff; z-index:100;}