@charset "euc-kr";
@import url(default.css);
/* --------------------------------
	File Name : myoffice.css
	Generated Date : 2011-02-10
	Generated Author : Jung-eun
-------------------------------- */
p#location{margin-top:31px;}
p#location img{margin-bottom:10px;}
#wrapper #innerWrapper #container .myoffice { overflow:hidden; zoom:1; border-top:4px solid #a9a8a8; padding-top:0; margin-top:50px;}
.myoffice .paging a:hover,
.myoffice .paging a.active { color:#000 !important;}

.myoffice h1 { margin-bottom:12px;}
.myoffice h3 { float:right; margin-bottom:12px;}

.myoffice .snb { float:left; width:143px;}
.myoffice .snb h2 { margin-bottom:10px;}
.myoffice .snb ul { margin-bottom:15px;}
.myoffice .snb li { padding-left:10px; line-height:18px;}
.myoffice .snb li a { padding-left:10px; background:url(/images/qubridge/ico/bul_myofficeSnb.gif) no-repeat 0 0;}
.myoffice .snb li a:hover,
.myoffice .snb li a.active { font-weight:bold; letter-spacing:-1px; background-position:0 -25px;}
.myoffice .snb p { margin-bottom:25px;}
.myoffice .snb .banner { margin-bottom:5px;}

.myoffice .contWrap { overflow:hidden; zoom:1; float:right; width:804px;}
.myoffice .titTab { overflow:hidden; margin-bottom:40px; width:100%;height: 68px;}
.myoffice .titTab li { float:left; text-align:center;}
.myoffice .titTab li a { overflow:hidden; display:block; padding-top:68px; height:0; text-indent:-9999px; background-position:0 0;}
.myoffice .titTab li a:hover,
.myoffice .titTab li a.active { background-position:0 -68px !important;}
.myoffice .titTab li.bg { width:200px; height:68px; background:url(/images/qubridge/myoffice/bg_titTab.gif) no-repeat;}
.myoffice .titTab li.bg a { display:inline; padding:0; height:auto;}
.myoffice .titTab li.bg span { display:block; margin-bottom:10px; font-size:11px; line-height:18px; color:#b7d2df;}
.myoffice .titTab li.bg span strong { font-size:18px; color:#000;}
.myoffice .titTab li.bg span img { vertical-align:middle;}
.myoffice .titTab li.bg span.qpoint { font-weight:bold; color:#87b8d9;}
.myoffice .titTab li.bg span.coupon { font-weight:bold; color:#000;}
.myoffice .titTab li.bg span.coupon img { vertical-align:top;}

.myoffice .myInfo .titTab li.tit01 a { width:400px; background:url(/images/qubridge/myoffice/tit_myInfo01.gif) no-repeat;}
.myoffice .myInfo .titTab li.tit02 a { width:404px; background:url(/images/qubridge/myoffice/tit_myInfo02.gif) no-repeat;}
.myoffice .myInfo .titTab li.tit11 a { width:266px; background:url(/images/qubridge/myoffice/tit_myInfo11.gif) no-repeat;}
.myoffice .myInfo .titTab li.tit12 a { width:267px; background:url(/images/qubridge/myoffice/tit_myInfo12.gif) no-repeat;}
.myoffice .myInfo .titTab li.tit13 a { width:271px; background:url(/images/qubridge/myoffice/tit_myInfo13.gif) no-repeat;}
.myoffice .membership .titTab li.tit01 a { width:200px; background:url(/images/qubridge/myoffice/tit_membership01.gif) no-repeat;}
.myoffice .membership .titTab li.tit02 a { width:200px; background:url(/images/qubridge/myoffice/tit_membership02.gif) no-repeat;}
.myoffice .membership .titTab li.tit03 a { width:200px; background:url(/images/qubridge/myoffice/tit_membership03.gif) no-repeat;}
.myoffice .membership .titTab li.tit04 a { width:204px; background:url(/images/qubridge/myoffice/tit_membership04.gif) no-repeat;}
.myoffice .myDiary .titTab li.tit01 a { width:201px; background:url(/images/qubridge/myoffice/tit_myDiary01.gif) no-repeat;}
.myoffice .myDiary .titTab li.tit02 a { width:201px; background:url(/images/qubridge/myoffice/tit_myDiary02.gif) no-repeat;}
.myoffice .myDiary .titTab li.tit03 a { width:199px; background:url(/images/qubridge/myoffice/tit_myDiary03.gif) no-repeat;}
.myoffice .myDiary .titTab li.tit04 a { width:203px; background:url(/images/qubridge/myoffice/tit_myDiary04.gif) no-repeat;}

.myoffice .shopping .titTab li.tit01 a { width:100px; background:url(/images/qubridge/myoffice/tit_shopping01.gif) no-repeat;}
.myoffice .shopping .titTab li.tit02 a { width:100px; background:url(/images/qubridge/myoffice/tit_shopping02.gif) no-repeat;}
.myoffice .shopping .titTab li.tit03 a { width:100px; background:url(/images/qubridge/myoffice/tit_shopping03.gif) no-repeat;}
.myoffice .shopping .titTab li.tit04 a { width:100px; background:url(/images/qubridge/myoffice/tit_shopping04.gif) no-repeat;}
.myoffice .shopping .titTab li.tit05 a { width:100px; background:url(/images/qubridge/myoffice/tit_shopping05.gif) no-repeat;}
.myoffice .shopping .titTab li.tit06 a { width:100px; background:url(/images/qubridge/myoffice/tit_shopping06.gif) no-repeat;}
.myoffice .shopping .titTab li.tit07 a { width:100px; background:url(/images/qubridge/myoffice/tit_shopping07.gif) no-repeat;}
.myoffice .shopping .titTab li.tit08 a { width:104px; background:url(/images/qubridge/myoffice/tit_shopping08.gif) no-repeat;}
.myReport.event-List fieldset {padding: 15px;margin-bottom:20px;line-height:20px;text-align: center;border: 2px solid #b6b6b6;border-top: none;}
.myoffice .infoTxt:first-child{padding-bottom:0;}
/*201704_Å¥Æ÷ÀÎÆ®°³¼±*/
.myoffice .infoTxt { padding-bottom:5px; line-height:18px; color:#999;/*  background:url(/images/qubridge/myoffice/bg_infoTxt.gif) no-repeat 0 bottom; */}
/*//201704_Å¥Æ÷ÀÎÆ®°³¼±*/

.myoffice .infoTxt p { margin-bottom:5px;}
.myoffice .infoTxt p a.btn { margin-left:10px; padding:3px 7px 2px; text-decoration:none; color:#606060; background:#dde6eb; border-top:1px solid #ebf4f9; border-left:1px solid #ebf4f9; border-right:1px solid #c6cfd3; border-bottom:1px solid #c6cfd3;}
.myoffice .infoTxt em { color:#f00;}
.myoffice .infoTxt em.blue { color:#00a6ff;}
.myoffice .infoTxt small { font-size:11px;}
.myoffice .infoTxt2 { padding:0 20px 10px; line-height:18px; color:#999;}
.myoffice .infoTxt2 strong { color:#000;}
.myoffice .infoTxt3 { margin-top:15px; font-size:11px; line-height:18px; color:#a2a9ac;}

.myoffice .infoWrap { clear:both; margin-top:30px; font-size:11px; line-height:18px; color:#a2a9ac;}
.myoffice .infoWrap h4 { margin-bottom:5px; font-size:12px;}
.myoffice .infoWrap ul.bul { margin-top:-20px;}
.myoffice .infoWrap ul.bul li { margin-top:20px; padding-left:10px; background:url(/images/qubridge/ico/bul_txtM.gif) no-repeat 0 5px;}
.myoffice .infoWrap ul.bul li ul { margin-left:-10px;}
.myoffice .infoWrap ul.bul li ul li { margin:0; padding:0; background:none;}

.myoffice .infoWrap.wrap1 { padding:10px 18px; border:2px solid #cde1f0;}
.myoffice .infoWrap.wrap2 { padding:0 20px;}

/*201704_Å¥Æ÷ÀÎÆ®°³¼±*/
.myoffice .new-infoWrap{position:relative;margin-top: 43px;padding: 61px 0 40px 59px;background: #eef1f4;}
.myoffice .new-infoWrap .tit{position:absolute;top:0;left:0;padding: 10px  23px;background:#b5bdc4;color:#fff;font-size:14px;font-weight:bold;}
.myoffice .new-infoWrap dl dt{margin:26px 0 6px 0;}
.myoffice .new-infoWrap dl.dl-first dt{margin:0 0 6px 0;}
.myoffice .new-infoWrap dl dd{margin-bottom:6px;padding-left: 11px;}
/*//201704_Å¥Æ÷ÀÎÆ®°³¼±*/

.myoffice .borderBox { clear:both; overflow:hidden; border:2px solid #d1d1d1;}
.myoffice .myofficeMain .borderBox { width:797px; text-align:center; border:4px solid #dadada;}
.myoffice .myDiary .myReport .borderBox { margin-top:30px; width:797px; text-align:center; border:4px solid #dadada;}

.myoffice .orderInfo { clear:both; overflow:hidden; padding:15px 20px; line-height:18px; background:#eaf8ff url(/images/qubridge/myoffice/bg_infoTxt.gif) no-repeat 0 top;}
.myoffice .orderInfo p { color:#333;}
.myoffice .orderInfo dl { clear:both; overflow:hidden; margin-top:5px; width:750px;}
.myoffice .orderInfo dt { clear:both; float:left; padding-left:10px; width:100px; font-weight:bold; color:#333; background:url(/images/qubridge/ico/bul_arr08.gif) no-repeat 0 3px;}
.myoffice .orderInfo dd { float:left; font-weight:bold; color:#26aaf0;}
.myoffice .orderInfo dd small { font-weight:normal; font-size:11px; color:#666;}
.myoffice .orderInfo dd.date { width:80px;}
.myoffice .orderInfo dd.time { width:45px;}
.myoffice .orderInfo dd.delivery { width:500px;}

.myoffice .shopping .orderInfo { margin:-20px 0 20px; padding:10px 20px; background-image:none;}

.myofficeMain h4 { height:20px;}
.myofficeMain h4 small { margin-left:10px; font-weight:normal; font-size:11px; line-height:18px; color:#b2b2b2;}

.myofficeMain .wrap { clear:both; margin-top:30px; padding:0; border:0;}

.myofficeMain .tableT tbody th,
.myofficeMain .tableT tbody td { font-weight:bold;}
.myofficeMain .tableT tbody td a { color:#000;}
.myofficeMain .tableT tbody td a:hover { text-decoration:none; color:#ef2828;}
.myofficeMain .tableT tbody td a strong { color:#f00;}
.myofficeMain .tableT tbody th span { font-weight:normal;}

.myInfo .member.contBox { overflow:hidden; padding-bottom:35px; width:794px; border:5px solid #e2e2e2; border-top:none;}
.myInfo .member.contBox h4 { clear:both; overflow:hidden; padding:35px 0 3px 25px; width:100%; color:#000; border-bottom:2px solid #d0ecf5;}

.myInfo .member p { margin:0 25px;}
.myInfo .member dl { clear:both; overflow:hidden; position:relative; margin:5px 25px 0; width:790px; line-height:25px;}
.myInfo .member dl em { font-weight:bold;}
.myInfo .member dl strong { color:#ef2828;}
.myInfo .member dt { clear:both; float:left; width:150px; color:#999;}
.myInfo .member dd { float:left; width:640px; font-weight:bold; color:#000;}
.myInfo .member dd p { margin:0; color:#b8b8b8;}
.myInfo .member dd .interval { margin-bottom:10px;}
.myInfo .member dd .yesOrNo { margin-left:20px;}
.myInfo .member dd input.text { width:158px;}
.myInfo .member dd.tel select { width:47px;}
.myInfo .member dd.tel input.text { width:40px;}
.myInfo .member dd.receive_agree span{float:left; margin-top:2px; color:#333;}
.myInfo .member fieldset dl { line-height:22px;}
.myInfo .member fieldset dt { margin-top:10px; width:110px; font-weight:normal; line-height:14px; color:#666;}
.myInfo .member fieldset dd { margin-top:5px; width:680px; font-weight:normal; color:#666;}
.myInfo .member fieldset dt.delivery { position:absolute; top:0; left:290px;}
.myInfo .member fieldset dd.delivery { position:absolute; top:1px; left:320px;}
.myInfo .member fieldset dd.radioCheck span { display:inline-block; width:110px;}
/* 2012.10.18 Ãß°¡ */
.myInfo .member fieldset dd#moreItem { padding:5px 0;}
.myInfo .member fieldset dd#moreItem span { width:93px;}

.myInfo .secede { overflow:hidden; margin:20px 37px; line-height:18px;}
.myInfo .secede p { padding-left:7px; font-weight:bold; color:#82caef; background:url(/images/qubridge/ico/bul_arr07.gif) no-repeat 0 5px;}
.myInfo .secede ol { margin-top:25px;}
.myInfo .secede li { margin-top:20px; padding-left:20px;}
.myInfo .secede li.no01 { background:url(/images/qubridge/myoffice/ico_no01.gif) no-repeat;}
.myInfo .secede li.no02 { background:url(/images/qubridge/myoffice/ico_no02.gif) no-repeat;}
.myInfo .secede li.no03 { background:url(/images/qubridge/myoffice/ico_no03.gif) no-repeat;}
.myInfo secede li.no04 { background:url(/images/qubridge/myoffice/ico_no04.gif) no-repeat;}
.myInfo .myInfo  li textarea { display:block; margin:5px 0 0 -20px; width:100%;}
.myInfo .btnArea { margin-top:10px !important;}

.membership .wrap { clear:both; margin-top:30px;}
.membership .listT {/*margin:7px 0;*/}/*20160402_¼öÁ¤*/
.membership .listT tbody th { font-weight:bold; color:#767676;}

.membership .type2 td.rt { padding-right:20px;}
.membership .type2 th span { display:block; font-weight:normal;}

.membership .type3 { margin-top:0;}
.membership .type3 td { font-weight:bold;}

.membership .DCcoupon { clear:both; margin-bottom:20px; padding:15px; text-align:center; border:2px solid #b6b6b6;}
.membership .DCcoupon fieldset input.text { width:240px;}
.membership .DCcoupon fieldset h4 { float:left; margin-right:20px; padding-left:12px; line-height:21px; background:url(/images/qubridge/ico/bul_txtM_blue2.gif) no-repeat 0 8px; color:#333;}
.membership .DCcoupon fieldset div { float:right; color:#999;}

.membership .couponRec { clear:both; overflow:hidden; zoom:1; padding:15px 20px; background:#cde1f0;}
.membership .couponRec h4 { float:left; padding:4px 5px; width:135px; height:50px;}
.membership .couponRec fieldset { float:left; margin:4px 0; width:550px;}
.membership .couponRec fieldset label { display:inline-block; padding-left:8px; width:140px; background:url(/images/qubridge/ico/bul_txtS2.gif) no-repeat 0 center;}
.membership .couponRec .couponNo input.text { width:60px; border:1px solid #6587a1;}
.membership .couponRec .couponNo2 input.text { width:45px; border:1px solid #6587a1;}

.membership .qpointBox { clear:both; overflow:hidden; zoom:1; background:#f5fcff; border:2px solid #d1d1d1; border-top:none;}
.membership .qpointBox .qpoint { float:left; padding-top:15px; width:400px; height:31px; text-align:center; font-weight:bold; color:#87b8d9;}
.membership .qpointBox .qpoint strong { font-size:18px; color:#000;}
.membership .qpointBox .qpoint img { vertical-align:middle;}

.membership .class { border-width:1px;}
.membership .class th { padding:0; border:0;}
.membership .class td { padding:0; text-align:left; font-weight:normal; color:#a2a9ac; border:0;}
.membership .class td.fs11 { font-size:11px;}
.membership .class td li { padding-left:7px; background:url(/images/qubridge/ico/bul_arr_onoff.gif) no-repeat 0 4px;}
.membership .class .wrap { position:relative; z-index:1; margin:-1px 0; width:800px; border:2px solid #d1d1d1;}
.membership .class .wrap table th,
.membership .class .wrap table td { border:0;}
.membership .class .wrap em { font-weight:bold;}
.membership .class .on { z-index:10; border:2px solid #8e8e8e;}
.membership .class .on table th,
.membership .class .on table td { color:#000; background:#d3fffe;}
.membership .class .on strong,
.membership .class .on span { color:#f00;}
.membership .class .on li { background-position:0 -29px;}

.myDiary .inquiry { border:2px solid #b6b6b6; border-top:none;}
.myDiary .inquiry .wrap { padding:20px 80px; background:#eaf8ff;}
.myDiary .inquiry .wrap a { display:inline-block;}
.myDiary .inquiry .wrap div { float:right; font-weight:bold; color:#4fa5d2;}
.myDiary .inquiry .wrap div input.text { width:85px;}
.myDiary .inquiry .wrap div small { display:block; margin-top:5px; font-weight:normal; font-size:11px; color:#88abbf;}
.myDiary .inquiry .option { float:left; margin:20px 0 0 65px; color:#999;}
.myDiary .inquiry dl { clear:both; overflow:hidden; margin:5px 0 25px 65px; width:690px; line-height:21px; color:#999;}
.myDiary .inquiry dt { clear:both; float:left; margin-top:5px; padding-left:10px; width:63px; background:url(/images/qubridge/ico/bul_txtM_blue2.gif) no-repeat 0 7px;}
.myDiary .inquiry dd { float:left; margin-top:5px; width:612px;}
.myDiary .inquiry dd .yesOrNo { margin-left:10px;}
.myDiary .inquiry dd .yesOrNo input { margin-left:10px;}

.myDiary .myReport fieldset { padding:15px;line-height:20px; text-align:center; border:2px solid #b6b6b6; border-top:none;}
.myDiary .myReport fieldset input.text { width:80px;}
.myDiary .myReport .total { clear:both; overflow:hidden; padding:15px; text-align:center; color:#000; background:#eaf8ff;}
.myDiary .myReport .total strong { font-size:18px;}
.myDiary .myReport .total a { margin-left:10px;}
.myDiary .myReport table { margin-top:25px; color:#767676;}
.myDiary .myReport table thead th,
.myDiary .myReport table tbody td { padding-right:30px; text-align:right;}
.myDiary .myReport table tbody th { padding:0 0 0 30px; text-align:left; color:#767676;}
.myDiary .myReport table .lt { padding:0 0 0 30px;}

.myDiary .wish { clear:both; overflow:hidden; margin-top:-10px;}
.myDiary .wish .btnArea { text-align:right;}
.myDiary .wish .paging { display:block; margin:20px 0;}
.myDiary .wish .prodT { margin:-10px 0;}
.myDiary .wish .prodT tbody th,
.myDiary .wish .prodT tbody td { padding:10px 0 5px; border:none;}
.myDiary .wish .prodT .thumb { padding-left:10px;}
.myDiary .wish .prodT .thumb img { width:55px; height:55px; vertical-align:top; border:1px solid #ddd;}
.myDiary .wish .prodT th a { font-weight:normal; color:#00b1d0;}
.myDiary .wish .prodT th a:hover { color:#ef2828;}
.myDiary .wish .prodT th a strong { display:block; color:#000;}
.myDiary .wish .prodT th a:hover strong { color:#ef2828;}
.myDiary .wish .prodT ins { text-decoration:none;}
.myDiary .wish .prodT .memo th,
.myDiary .wish .prodT .memo td { padding:0 10px 16px 15px; background:url(/images/qubridge/common/bg_dotLineX2.gif) repeat-x 0 bottom;}
.myDiary .wish .prodT .memo input { display:block; float:left; margin:0;}
.myDiary .wish .prodT .memo input.text { width:91%; height:17px; border:1px solid #e3e3e3;}
/* 190423 ¼öÁ¤ */
.info_che{float:left; width:810px; height:20px; margin-bottom:30px; margin-top:10px;}
.my_inbox{margin-left:300px; float:left; width:810px; height:20px;}
.my_inbox input{float:left; margin-right:6px; margin-top:5px;}
.my_inbox p{float:left; width:160px; line-height:2.3em;}
.my_inbox span{float:left;}
/* 190423 ¼öÁ¤ end */
.myDiary .newItemApply { clear:both; overflow:hidden; margin-top:25px; text-align:center;}
.myDiary .newItemApply ul { clear:both; overflow:hidden; margin-top:-10px; padding-left:20px;}
.myDiary .newItemApply li { overflow:hidden; display:inline; float:left; margin:35px 30px 0 20px; width:144px;}
.myDiary .newItemApply li .thumb { position:relative; margin-bottom:3px;}
.myDiary .newItemApply li .thumb .ico { position:absolute; top:0; left:0;}
.myDiary .newItemApply li .thumb .ico img { width:30px; height:30px; border:none;}
.myDiary .newItemApply li .thumb img { width:140px; height:140px; border:2px solid #d5d5d5;}
.myDiary .newItemApply li .btn a { margin-bottom:10px; float:left;}
.myDiary .newItemApply li .info p { font-size:11px; line-height:16px; color:#999;}
.myDiary .newItemApply li .info p span { display:block; margin-bottom:5px; font-size:12px; color:#b7b7b7;}
.myDiary .newItemApply li .info p span strong { color:#000;}

.myDiary .counseling .type { clear:both; overflow:hidden; margin:20px 0 5px; text-align:right; color:#333;}
.myDiary .counseling .type span.type { margin-right:10px; padding-left:10px; background:url(/images/qubridge/ico/bul_txtM_blue2.gif) no-repeat 0 2px;}

.myDiary .counseling .boxArea { clear:both; padding:15px; text-align:center; border:2px solid #b6b6b6;}
.myDiary .counseling .boxArea fieldset input.text { width:240px;}
.myDiary .counseling .result_notFound { padding:15px; text-align:center; line-height:18px; color:#333; background:#eaf8ff;}

.myDiary .counseling table { margin-top:20px;}
.myDiary .counseling table th,
.myDiary .counseling table td { padding-left:10px; padding-right:10px;}
.myDiary .counseling table th span { color:#488ccf;}
.myDiary .counseling table th a { color:#767676;}
.myDiary .counseling table th a:hover { color:#ef2828;}
.myDiary .counseling table .active th,
.myDiary .counseling table .active td { font-weight:bold; color:#333; background:#effaff;}
.myDiary .counseling table .active th a { color:#333;}
.myDiary .counseling table .cont { padding:0; text-align:left;}
.myDiary .counseling table .cont .question { padding:20px 80px; line-height:22px; color:#25a0de; background:url(/images/qubridge/myoffice/bg_answer.gif) no-repeat 30px 0; border-top:2px solid #25a0de; border-bottom:2px solid #25a0de;}
.myDiary .counseling table .cont .question strong { display:block; color:#116f9e;}
.myDiary .counseling table .cont .answer { clear:both; margin-top:10px; color:#f00;}
.myDiary .counseling table .cont .answer img { display:block;}

.myDiary .review .prodList { padding:33px 45px 12px; background:#e9f8ff;}
.myDiary .review .prodList ul { margin-bottom:10px; width:714px; height:204px; background:url(/images/qubridge/myoffice/bg_prodList.gif) no-repeat;}
.myDiary .review .prodList li { display:inline; float:left; position:relative; margin:1px; width:100px; height:100px;}
.myDiary .review .prodList li .thumb img { width:100px; height:100px;}
.myDiary .review .prodList li .info { display:none; position:absolute; top:0; left:0; width:100px; height:100px;}
.myDiary .review .prodList li .info.on { display:block;}
.myDiary .review .prodList li .info .back { position:absolute; z-index:10; width:100px; height:100px; background:#000; opacity:0.5; filter:alpha(opacity=50);}
.myDiary .review .prodList li .info p { position:relative; z-index:20; padding-top:25px; text-align:center; color:#fff;}
.myDiary .review .prodList li .info p strong { display:block;}
.myDiary .review .prodList li .info a { position:absolute; z-index:20; bottom:0; left:13px;}
.myDiary .review .prodList .paging,
.myDiary .review .prodList .paging a { color:#9ac1d3;}
.myDiary .review .prodList .paging .prev { background:#e9f8ff;}

.myDiary .review table { margin-top:45px;}
.myDiary .review table .thumb { float:left; margin-right:10px;}
.myDiary .review table .thumb img { width:55px; height:55px;}
.myDiary .review table .info { float:left; text-align:left;}
.myDiary .review table .info strong,
.myDiary .review table .info span { display:block;}
.myDiary .review table tbody th { font-weight:bold; color:#242424;}
.myDiary .review table .cont { padding:0; text-align:left;}
.myDiary .review table .cont div { padding:20px 80px; line-height:22px; color:#25a0de; background:url(/images/qubridge/myoffice/bg_answer.gif) no-repeat 30px 0; border-top:2px solid #25a0de; border-bottom:2px solid #25a0de;}
.myDiary .review table .cont div p { clear:both;}

.shopping fieldset.searchBx { margin-bottom:20px; padding:15px; text-align:center; border:2px solid #b6b6b6; border-top:none;}
.shopping fieldset.searchBx input.text { width:80px;}
.shopping .btn { clear:both; padding:15px 0 7px; text-align:right;}

.shopping .type2 tbody th { text-align:center; font-weight:bold;}
.shopping .type2 tbody th a { color:#444;}
.shopping .type2 tbody th a:hover,
.shopping .type2 tbody th a.active { text-decoration:none; color:#f00;}
.shopping .type2 tbody td { padding-left:0; text-align:right;}
.shopping .type2 tbody td.ct { padding:0;}
.shopping .type2 tbody td.cont { padding:0; border-bottom:none;}
.shopping .type2 em { color:#f00;}
.shopping .type2 em.black { color:#444;}

.shopping .headT { width:100%;}
.shopping .headT th { padding:5px 0; font-weight:normal !important; text-align:center; font-size:11px; color:#8f8f8f; background:#f4f4f4; border:none;}
.shopping .bodyT { margin-bottom:10px; width:100%; color:#767676;}
.shopping .bodyT thead th { padding:5px 0; font-weight:normal; text-align:center; font-size:11px; color:#8f8f8f; background:#f4f4f4; border-top:1px solid #18191a; border-bottom:1px solid #ccc;}
.shopping .bodyT tbody th,
.shopping .bodyT tbody td { padding:10px; text-align:right; line-height:16px; border-bottom:1px solid #ececec;}
.shopping .bodyT tbody th { text-align:left; color:#767676;}
.shopping .bodyT tbody th span { display:block; font-weight:normal;}
.shopping .bodyT tbody td input.text { text-align:right;}
.shopping .bodyT tbody .last th,
.shopping .bodyT tbody .last td { border-bottom:1px solid #000;}
.shopping .bodyT tfoot td { padding:10px 190px 15px; text-align:right; font-weight:bold; color:#86bcd3; border:none; border-top:2px solid #ececec;}
.shopping .bodyT tfoot td.total { padding:15px 190px 20px; text-align:right; font-weight:bold; font-size:14px; color:#000; background:#dbfdff; border-top:1px solid #000;}
.shopping .bodyT em { color:#f00;}

.shopping .borderWrap { border:2px solid #000;}
.shopping .borderWrap .section { clear:both; overflow:hidden; zoom:1; padding:5px 10px; width:780px; text-align:left; color:#979797; background:#e1e1e1;}
.shopping .borderWrap .section h4 { float:left; margin-right:20px; font-weight:normal; line-height:18px;}
.shopping .borderWrap .section h4 strong { padding-left:10px; color:#000; background:url(/images/qubridge/ico/bul_arr_onoff.gif) no-repeat 0 2px;}
.shopping .borderWrap .section a { float:left; margin-left:4px;}
.shopping .borderWrap .section span strong { float:left; margin:2px 15px 0 0; color:#000;}
.shopping .borderWrap .total { padding:20px; background:#dffdff;}
.shopping .borderWrap .total strong { display:block; padding-right:190px; font-size:14px; color:#000;}
.shopping .borderWrap .total p { clear:both; margin-top:10px; width:100%; text-align:center; line-height:16px; color:#55a1c4;}
.shopping .borderWrap .total p em { font-weight:bold; color:#55a1c4;}

.shopping .totalWrap { clear:both; overflow:hidden; zoom:1; margin-top:50px; width:804px;}
.shopping .totalWrap dl { width:820px; line-height:37px;}
.shopping .totalWrap dt { float:left; width:100px; height:35px; text-align:center; font-weight:bold; color:#fff; background:#bcbfc4; border:1px solid #bcbfc4;}
.shopping .totalWrap dd { float:left; margin-right:6px; padding-right:10px; width:150px; height:35px; text-align:right; color:#464646; border:1px solid #bcbfc4;}
.shopping .totalWrap dd strong { font-size:18px;}

.shopping .orderProcess { clear:both; overflow:hidden; margin-top:50px;}
.shopping .orderProcess h4,
.shopping .orderProcess ul,
.shopping .orderProcess li { float:left;}
.shopping .orderProcess p { clear:both;}

.shopping .applyForm { clear:both; overflow:hidden; margin-top:35px; padding:25px 0 25px 85px; border:5px solid #e6e6e6;}
.shopping .applyForm .title label { margin-right:40px; font-weight:bold; font-size:14px;}
.shopping .applyForm .title label strong { color:#f00;}
.shopping .applyForm dl { clear:both; overflow:hidden; margin-top:10px; width:700px; line-height:25px;}
.shopping .applyForm dl label { display:inline-block; line-height:25px;}
.shopping .applyForm dt { clear:both; float:left; padding-left:10px; width:75px; height:25px; font-weight:bold; color:#999; background:url(/images/qubridge/ico/bul_txtM_blue2.gif) no-repeat 0 10px;}
.shopping .applyForm dd { float:left; width:615px; height:25px; color:#666;}
.shopping .applyForm p { clear:both; overflow:hidden; margin-top:10px; line-height:18px; color:#f00;}

/* 2011.12.21 Ãß°¡ */
.newClassBtn {width:505px; margin:10px auto 0; height:100px;}
.newClassBtn a {display:block; overflow:hidden; background:url('/images/qubridge/myoffice/newClass_btn.gif') no-repeat; width:160px; height:51px; color:#fff; font-size:11px; text-decoration:none; line-height:16px; float:left; margin:0 3px; text-align:center;}
.newClassBtn a:link {color:#fff; text-decoration:none;}
.newClassBtn a:visited {color:#fff; text-decoration:none;}
.newClassBtn a:hover {color:#fff; text-decoration:none; background-position:left bottom;}
.newClassBtn a:active {color:#fff; text-decoration:none; background-position:left bottom;}
.newClassBtn a span {display:block; padding-top:10px;}

/* 2013.09.16 Ãß°¡ */
.myDiary .des_inquiry{margin:-35px 0 30px 0;}




.myoffice .membership .qpointBox {clear:both; overflow:hidden; zoom:1; background:#f5fcff; border:2px solid #d1d1d1; border-top:none;}
.myoffice .membership .qpointBox .qpoint {float:left; padding-top:15px; width:265px; height:63px; text-align:center; font-weight:bold; color:#87b8d9;}
.myoffice .membership .qpointBox .okpoint{float:left; width:257px; background:#fffdf1; padding-top:15px;  height:63px; text-align:center; font-weight:bold; color:#87b8d9;}
.myoffice .membership .qpointBox .qpoint strong, .myoffice .membership .qpointBox .okpoint strong{ font-size:18px; color:#000; display:inline-block; height:35px;  line-height:35px; padding:10px 0 0 64px; vertical-align:top;}
.myoffice .membership .qpointBox .okpoint strong{background:url('/images/qubridge/myoffice/ico_ok_p.gif') no-repeat 0 5px;  }
.myoffice .membership .qpointBox .qpoint strong{background:url('/images/qubridge/myoffice/ico_q_p.gif') no-repeat 0 8px; }
.myoffice .membership .qpointBox span.txt_point{display:inline-block; height:35px;  line-height:35px; padding:10px 0 0 5px; vertical-align:top; }

.myoffice .membership .categoryTab {clear:both; overflow:hidden;  height:28px; background:url('/images/qubridge/myoffice/tab_point.gif') repeat-x 0 28px; margin:0 0 0 500px; width:300px;}/*20160402_¼öÁ¤*/
.myoffice .membership .categoryTab ul {display:inline; float:left; margin-left:5px;}
.myoffice .membership .categoryTab li {float:left; margin-right:3px; width:93px;}/*20160402_¼öÁ¤*/
.myoffice .membership .categoryTab li a {overflow:hidden; display:block; padding-top:28px; width:93px; height:0; font-size:0; line-height:0;  background:url('/images/qubridge/myoffice/tab_point.gif') no-repeat;}
.myoffice .membership .categoryTab li.tab01 a {background-position:0 0;}
.myoffice .membership .categoryTab li.tab01 a:hover,
.myoffice .membership .categoryTab li.tab01 a.active {background-position:0 -28px;}
.myoffice .membership .categoryTab li.tab02 a {background-position:-96px 0;}
.myoffice .membership .categoryTab li.tab02 a:hover,
.myoffice .membership .categoryTab li.tab02 a.active {background-position:-96px -28px;}
.myoffice .membership .categoryTab li.tab03 a {background-position:-192px 0;}
.myoffice .membership .categoryTab li.tab03 a:hover,
.myoffice .membership .categoryTab li.tab03 a.active {background-position:-192px -28px;}

.myoffice .membership .type2 th a.box{ position:relative; color:#767676; text-decoration:none;  display:inline-block; width:500px;}
.myoffice .membership .type2 th a.box span{display:none; }
.myoffice .membership .type2 th a.box:hover span{ display:inline-block; position:absolute; top:0; left:145px;}

.myoffice .membership .vline{vertical-align:middle; margin:-2px 0 0 8px; }
.myoffice .membership .point_r{color:#ff0000;}
.myoffice .membership .paging a{line-height:16px;}

/* 201704_Å¥Æ÷ÀÎÆ®°³¼± */
.new-point-box{position: relative;}
.new-point-box table{width:100%;border:2px solid #b3b8ba;}
.new-point-box table td{border:1px solid #d7dadb;}
.new-point-box table td strong{font-size:14px;}
.new-point-box table td.okcash-box{text-align: right;padding: 54px 30px 53px;}
.new-point-box table td.point-box{padding:0 21px 0 30px;text-align:right;}
.new-point-box table td.point-box.b1{background:url('/images/qubridge/myoffice/my_Qpoint.jpg') no-repeat 30px 35px; height:100px;}
.new-point-box table td.point-box.b2{height: 100px; background:url('/images/qubridge/myoffice/Qpoint_remove.jpg') no-repeat 30px 35px;}
.new-point-box table td.point-box strong{font-size:18px;}
.new-point-box table td.point-box.b2 strong{font-size:14px;color:#ec0000;}
.new-point-box table td.point-box .point-num-box{position: relative; /*top: 7px;right: 57px;*/}
.new-point-box table td.b1 .point-num-box{right:18px; top:-3px;}
.new-point-box table td.b2 .point-num-box{right:0; top:0;}
.new-point-box table td .txt_point{padding-left: 8px;font-weight: bold;color: #87b8d9;}
.wrap .n-point-Tab{position: relative;padding-top: 38px;border-bottom:2px solid #594f4e;}
.wrap .n-point-Tab ul:after{display:block;content:"";clear:both;}
.wrap .n-point-Tab ul li{float:left;font-weight:bold;text-align: center;}
.wrap .n-point-Tab ul li.Qtab.on a{position: relative;top: -7px;left: 0;padding: 10px 39px;background:#fff;border: 2px solid #333;border-bottom-color: #fff;border-bottom: none;font-size: 14px;color: #333;}
.wrap .n-point-Tab ul li.Qtab a{position: relative;top: -6px;left: 0px;padding: 9px 44px 9px;background: #e4f5fb;border: 1px solid #afe0f2;border-bottom: none;color: #2f91b5;}
.wrap .n-point-Tab ul li.Oktab a{position: relative;top: -6px;left: 0px;padding: 9px 24px 9px;background: #f7f7e5;border: 1px solid #e0e1b6;border-bottom: none;color: #8b8463;}
.wrap .n-point-Tab ul li.Oktab.on a{position: relative;top: -7px;left: 0;padding: 10px 20px;background: #fff;border: 2px solid #333;border-bottom-color: #fff;border-bottom: none;font-size: 14px;color: #333;}
.wrap .pointInfo-selectbox-wrap{padding: 27px 0 27px 89px;}
.wrap .pointInfo-selectbox-wrap .pointInfo-selectbox-1{margin-bottom:9px;padding-left: 26px;}
.wrap .pointInfo-selectbox-wrap .pointInfo-selectbox-1 select{width: 190px;height: 21px;}
.wrap .pointInfo-selectbox-wrap .pointInfo-selectbox-2 .btn-month{display: inline-block; width: 44px;height:13px;margin-right: 5px; padding: 4px 0 2px;vertical-align: middle;border: 1px solid #bdbdbd;border-radius: 2px;color: #999;font-size: 11px;text-align: center;}
.wrap .pointInfo-selectbox-wrap .pointInfo-selectbox-2 .btn-month.on{border-color:#000;color:#000;}
.wrap .pointInfo-selectbox-wrap .pointInfo-selectbox-2 .inp-1{margin-left:9px;}
.wrap .pointInfo-selectbox-wrap .pointInfo-selectbox-2 .inp-1,.wrap .pointInfo-selectbox-wrap .pointInfo-selectbox-2 .inp-2{position:relative;width:90px;height:17px;padding-left:6px;}
.wrap .pointInfo-selectbox-wrap .pointInfo-selectbox-2 .img-calendar{margin-top:2px;}
.wrap .paging{margin-top: 23px;}
.wrap .Qpoint-remove-tit{margin:20px 0 12px 0;}
.wrap .pointListTable table{width:100%;border:2px solid #594f4e;}
.wrap .pointListTable table thead tr th{height: 37px;background:#dae2e9;color:#555;font-weight:normal;}
.wrap .pointListTable table tbody tr.clear td{background:#f5f7f8;}
.wrap .pointListTable table tbody tr.clear td b{color:#ff0000;}
.wrap .pointListTable table tbody tr.clear .txt-r{color:#ff0000;}
.wrap .pointListTable table tbody tr.use .txt-g{color:#aaa;}
.wrap .pointListTable table tbody tr.use td.left{color:#aaa;}
.wrap .pointListTable table tbody tr.use td.right{color:#aaa;}
.wrap .pointListTable table tbody tr td:first-child{color:#767676;}
.wrap .pointListTable table tbody tr td{height: 39px;border:1px solid #d7dadb;text-align:center;}
.wrap .pointListTable table tbody tr td.left{padding-left:20px;text-align:left;}
.wrap .pointListTable table tbody tr td.right{padding-right:20px;text-align:right;}
/* //201704_Å¥Æ÷ÀÎÆ®°³¼± */