/* COMMON LAYOUT */ #tosDb {} /* GLOBAL */ .clearfix::after{display:block;content:'';clear:both} /* COMMON TITLE */ #tosDb .tosDbCommonTitle { display: inline; float: left; width: 710px; height: 35px; overflow: hidden; text-decoration: none; font:bold 15px/35px 굴림,gulim; letter-spacing: -1px; text-indent: 25px; color: #ffffff; background: url('//static.inven.co.kr/image_2011/tos/dataninfo/common/title_710x35_boardtitle1a.jpg') no-repeat left top; text-align: left; margin-left: 15px; } /* COMMON TOP */ #tosDb .tosDbCommonTop { width: 710px; clear: both; overflow: hidden; margin-top: 10px; margin-left: 15px; } /* COMMON VIEW */ #tosDb .tosDbCommonView { width: 710px; clear: both; overflow: hidden; margin-top: 15px; margin-left: 15px; } /* COMMON SEARCH */ #tosDb .tosDbCommonSearch { width: 710px; clear: both; overflow: hidden; margin-top: 10px; margin-left: 15px; } /* COMMON FILTER */ #tosDb .tosDbCommonFilter { width: 710px; clear: both; overflow: hidden; margin-top: 15px; margin-left: 15px; margin-bottom: -15px; } /* COMMON LIST */ #tosDb .tosDbCommonList { width: 710px; clear: both; overflow: hidden; margin-left: 15px; background: transparent url('//static.inven.co.kr/image_2011/arpiel/dataninfo/tableheader_710x31_bg1a.jpg?v=20151125a') left top no-repeat } #tosDb div.tosDbCommonList table { width: 100%; clear: both; overflow: hidden; border-bottom: 2px solid #a5a5a5; table-layout:fixed; } #tosDb div.tosDbCommonList table th, #tosDb div.tosDbCommonList table td { border-bottom: 1px solid #777f88; padding: 6px 0 5px; _padding: 7px 0 4px } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { #tosDb div.tosDbCommonList table td { padding: 8px 0 3px; } } #tosDb div.tosDbCommonList table th { line-height: 14px; background-color: transparent; color: #9300e0; font-weight: bold; letter-spacing: -1px; height: 31px; } #tosDb div.tosDbCommonList table td { color: #000000; padding: 10px 0; } #tosDb div.tosDbCommonList table td a { color: #000000; } #tosDb div.tosDbCommonList table td a span.iname {font-weight:bold;} #tosDb div.tosDbCommonList table thead th { border: 0; padding: 9px 0 8px; _padding: 10px 0 7px; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { #tosDb div.tosDbCommonList table thead th { padding: 11px 0 6px; } } #tosDb div.tosDbCommonList table thead th { background: transparent url('//static.inven.co.kr/image_2011/arpiel/dataninfo/th_split_2x13_1a.jpg?v=20151125a') 0px center no-repeat; } #tosDb div.tosDbCommonList table thead th.last { background-image: none; } #tosDb div.tosDbCommonList table tbody th, #tosDb div.tosDbCommonList table tbody td { background-color: #FFF; border-bottom: 1px solid #d1d1d1; text-align: center; position: relative; } #tosDb div.tosDbCommonList table tbody td.left { text-align: left; /*padding-left: 5px;*/ padding: 5px 5px 5px 5px;} #tosDb div.tosDbCommonList table tbody td.cardimg { padding: 15px 0px; } #tosDb div.tosDbCommonList table tbody td.cardimg img.cardslot{ position: absolute; width: 53px; height: 74px; top: 7px; left: 3px;} #tosDb div.tosDbCommonList table tbody td.cardimg img.bg_13{ width: 57px;height: 81px; top: 2px;left: 1px;} #tosDb div.tosDbCommonList table tbody tr.cardtype19 td.cardimg { } #tosDb div.tosDbCommonList table tbody tr.cardtype19 td.cardimg .cardicon {position: absolute;width: 45px;height: 60px;top: 50px;left: 8px; } #tosDb div.tosDbCommonList table tbody tr.cardtype19 td.cardimg .cardslot {position: absolute;width: 53px;height: 74px;top: 42px;left: 4px; } /* COMMON DETAIL */ #tosDb .tosDbCommonDetail { width: 710px; clear: both; overflow: hidden; margin-top: 18px; margin-left: 15px; } /* COMMON INFO */ #tosDb .tosDbCommonInfo { width: 710px; clear: both; overflow: hidden; margin-top: 15px; margin-left:15px; } /* COMMON COMMENT */ #tosDb .tosDbCommonComment { width: 710px; clear: both; overflow: hidden; margin-top: 15px; margin-left: 15px; } /* COMMON DATABOARD */ #tosDb .tosDbCommonDataboard { width: 710px; clear: both; overflow: hidden; margin-top: 15px; margin-left: 15px; } /* COMMON COMPONENTS */ /* COMMON TOP */ #tosDb div.tosDbCommonTop { width: 708px; _width: 710px; border: 1px solid #359da7; clear: both; overflow: hidden; } #tosDb div.tosDbCommonTop div.menuGroups { width: 706px; _width: 708px; border: 1px solid #bce0e3; clear: both; overflow: hidden; } #tosDb div.tosDbCommonTop div.menuGroup { width: 696px; _width: 706px; border: 5px solid #359da7; clear: both; overflow: hidden; background-color: #359da7; } #tosDb div.tosDbCommonTop table { width: 100%; clear: both; overflow: hidden; margin-bottom: -1px; overflow: hidden !important;} #tosDb div.tosDbCommonTop table col.col1 { width: 146px; } #tosDb div.tosDbCommonTop table col.col2 { width: 550px; } #tosDb div.tosDbCommonTop table th, #tosDb div.tosDbCommonTop table td { line-height: 15px; padding: 8px 0 7px 0; } #tosDb div.tosDbCommonTop table th { text-align: center; font-weight: bold; color: #035a62; background-color: #bce0e3; border-bottom: 1px solid #359da7; } #tosDb div.tosDbCommonTop table td { padding-left: 8px; color: #000000; background-color: #ffffff; border-bottom: 1px solid #a9a7a7; } #tosDb div.tosDbCommonTop table td.subTitle { background: #daf1f3; text-align: center; padding-left: 0; color: #0ca1ae; font-weight: bold; } #tosDb div.tosDbCommonTop table td.last { border-bottom: 1px solid #359da7 !important;} #tosDb div.tosDbCommonTop table td input.checkbox { margin-right: 4px; vertical-align: -1px; float: left; } #tosDb div.tosDbCommonTop table td ul {/* width: 100%;*/ margin-left: -18px; clear: both; } #tosDb div.tosDbCommonTop table td ul li { margin-left: 18px; float: left; } #tosDb div.tosDbCommonTop table td ul li a { color: #000000; } #tosDb div.tosDbCommonTop table td ul li.right { margin-left: 0; margin-right: -10px; float: right; } #tosDb div.tosDbCommonTop .menuGroup a.selected { font-weight: bold; letter-spacing: -1px; color: red; } #tosDb div.tosDbCommonTop .menuGroup td { overflow: hidden !important; } #tosDb div.tosDbCommonTop .menuGroup ul { margin-left: -20px !important; } #tosDb div.tosDbCommonTop .menuGroup li { margin-left: 0; padding-left: 13px; padding-right: 2px; margin-left: 10px !important; background: transparent url('//static.inven.co.kr/image_2011/fsg/dataninfo/common/menu_seperator_1x11_gray1.png') left 1px no-repeat; } #tosDb div.tosDbCommonTop .menuGroup div.subMenuWrap { width: 684px; _width: 694px; margin: 0 1px; padding: 0 5px; } #tosDb div.tosDbCommonTop .menuGroup div.subMenuWrap-top { height: 5px; overflow: hidden; background: transparent url('//static.inven.co.kr/image_2011/eloa/dataninfo/bg_table_items_top_1a.png') left top no-repeat; } #tosDb div.tosDbCommonTop .menuGroup div.subMenuWrap-mid { background: transparent url('//static.inven.co.kr/image_2011/eloa/dataninfo/bg_table_items_mid_1a.png') left top repeat-y; } #tosDb div.tosDbCommonTop .menuGroup div.subMenuWrap-mid table tbody td { border-bottom-color: #664f78; } #tosDb div.tosDbCommonTop .menuGroup div.subMenuWrap-bot { height: 5px; overflow: hidden; background: transparent url('//static.inven.co.kr/image_2011/eloa/dataninfo/bg_table_items_bot_1a.png') left top no-repeat; } /* COMMON SEARCH */ #tosDb .tosDbSearch { width: 710px;height: 45px;overflow: hidden;} #tosDb .tosDbSearch form fieldset p {display: inline;float: left;width: 710px;margin: 0;padding: 0;} #tosDb .tosDbSearch form fieldset p label {display: inline;float: left;height: 16px;overflow: hidden;text-indent: -10000em; cursor: pointer;} #tosDb .tosDbSearch form fieldset p input.text { display: inline; float: left; width: 378px; height: 24px; overflow: hidden; color: black; font-size: 12px; line-height: 15px; border: 1px solid #000000; background: white; margin: 11px 0 0 15px; padding: 2px 0 0 5px; _padding: 5px 5px 0; } #tosDb .tosDbSearch form fieldset p input.submit { display: inline; float: left; width: 65px; height: 24px; overflow: hidden; text-indent: -10000em; cursor: pointer; background: url('//static.inven.co.kr/image_2011/tos/dataninfo/item/bttn_65x24_pp1_search.png') no-repeat left top; border: none; margin: 11px 0 0 9px; padding: 0; } /* COMMON LIST */ #tosDb div.tosDbCommonList { width: 710px; clear: both; overflow: hidden; margin-left: 15px; background: url(//static.inven.co.kr/image_2011/tos/dataninfo/common/table_header_bg_710x34_gray1.gif) left top no-repeat; } #tosDb div.tosDbCommonList table { width: 711px; clear: both; overflow: hidden; border-bottom: 1px solid #aeaeae; table-layout: fixed; } #tosDb div.tosDbCommonList table th, #tosDb div.tosDbCommonList table td { border-bottom: 1px solid #aeaeae; padding: 6px 0 5px; _padding: 7px 0 4px; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { #tosDb div.tosDbCommonList table td { padding: 7px 0 4px; } } #tosDb div.tosDbCommonList table th { line-height: 14px; background-color: transparent; color: #676767; font-weight: bold; letter-spacing: -1px; } #tosDb div.tosDbCommonList table td { color: #4e4e4e; } #tosDb div.tosDbCommonList table thead th { border: 0; padding: 10px 0 10px; _padding: 11px 0 9px; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { #tosDb div.tosDbCommonList table thead th { padding: 12px 0 8px; } } #tosDb div.tosDbCommonList table thead th { background: transparent url('//static.inven.co.kr/image_2011/tos/dataninfo/common/list_sep_1x13_gray1.gif') right center no-repeat; } #tosDb div.tosDbCommonList table thead th.last { background-image: none; } #tosDb div.tosDbCommonList table tbody th, #tosDb div.tosDbCommonList table tbody td { text-align: center; background-color: #ffffff; } #tosDb div.tosDbCommonList table tbody td.left { text-align: left; padding-left: 5px; } #tosDb div.tosDbCommonList table td .comment { font-size: 11px; color: #f00; margin-left: 3px; } #tosDb .tosDbCommonList table tbody td a.itemname { font-weight: bold; } /* COMMON BOARD VIEW */ #tosDb .tosDbCommonBoardView { padding-bottom: 13px; } #tosDb .tosDbCommonBoardView .title { display: inline; clear: both; margin: 29px 0 0 50px; } #tosDb .tosDbCommonBoardView .viewBody { width: 650px; margin: 0 0 0 25px; } #tosDb .tosDbCommonBoardView .importantNote { width: 618px; _width: 620px; margin-top: 10px; margin-left:44px; padding: 6px 0 2px; border: solid 1px #F00; color: #F00; font-weight: bold; letter-spacing: -1px; text-align: center; } #tosDb .tosDbCommonBoardView .boardContent { width: 650px; margin-top: 20px; margin-left: 0px; padding-bottom: 20px; line-height: 184%; } #tosDb .tosDbCommonBoardView .boardContent td.column { padding-left: 20px; } #tosDb .tosDbCommonBoardView .links { width: 650px; margin-top: 20px; margin-left:44px; padding-bottom: 10px; } #tosDb .tosDbCommonBoardView .links a { color: #000088; font-weight: bold; letter-spacing: -1px; } #tosDb .tosDbCommonBoardView .wrap710BU1 { width: 708px; _width: 710px; background: #eeeeee; border: 1px solid #b7b7b6; } #tosDb .tosDbCommonBoardView .wrap710BU1inner { width: 700px; background: white; margin: 4px; } #tosDb .tosDbCommonBoardView .title600PP1 { width: 620px; height: 24px; _width: 650px; _height: 30px; padding: 11px 0 0 30px; _padding-top: 9px; color: #ffffff; font-weight: bold; margin: 20px 0 0 25px; background: url('//static.inven.co.kr/image_2011/tos/common/title_650x35_brown.png') no-repeat left top; font-size: 14px; line-height: 14px; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { #tosDb .tosDbCommonBoardView .title600GR1 { line-height: 18px; } } /* Board Overwrite */ #tosDb .tosDbCommonBoardView .boardContent div, #tosDb .tosDbCommonBoardView .boardContent h1, #tosDb .tosDbCommonBoardView .boardContent h2, #tosDb .tosDbCommonBoardView .boardContent h3, #tosDb .tosDbCommonBoardView .boardContent h4, #tosDb .tosDbCommonBoardView .boardContent h5, #tosDb .tosDbCommonBoardView .boardContent h6 { float: none; display: block; } #tosDb .tosDbCommonBoardView .boardContent ul, #tosDb .tosDbCommonBoardView .boardContent ol { float: none; display: block; margin: 0 0 0 30pt; padding: 0px; } #tosDb .tosDbCommonBoardView .boardContent li, #tosDb .tosDbCommonBoardView .boardContent li { float: none; display: list-item; padding: 0px; margin: 0px; } #tosDb .tosDbCommonBoardView .boardContent h1, #tosDb .tosDbCommonBoardView .boardContent h2, #tosDb .tosDbCommonBoardView .boardContent h3, #tosDb .tosDbCommonBoardView .boardContent h4, #tosDb .tosDbCommonBoardView .boardContent h5, #tosDb .tosDbCommonBoardView .boardContent h6 { font-weight: bold; } /* ITEM */ /* ITEM TOP */ #tosDb #tosDbItemTop table col.col1 { width: 76px; } #tosDb #tosDbItemTop table col.col2 { width: 76px; } #tosDb #tosDbItemTop table col.col3 { width: 230px; } #tosDb #tosDbItemTop table col.col4 { width: 71px; } #tosDb #tosDbItemTop table col.col5 { width: 263px; } #tosDb #tosDbItemTop table td.pad8 ul li { padding-left: 8px !important; padding-right: 4px; margin-left: 4px !important; } #tosDb #tosDbItemTop table td.pad8 ul li:first-child { padding-left: 11px !important; margin-left: 10px !important; } /* ITEM SEARCH */ #tosDb .tosDbItemSearch { background: url('//static.inven.co.kr/image_2011/tos/dataninfo/item/bg_710x45_brown_sitem_b.jpg') no-repeat left top; } #tosDb .tosDbItemSearch form fieldset p label {width: 80px;margin: 12px 0 0 72px;} /* ITEM FILTER */ #tosDb .tosDbItemFilter { overflow: hidden; margin: 15px 0 0 15px; } #tosDb .tosDbItemFilter .wrapFilter { height: 31px; overflow: hidden;clear: both; } #tosDb .tosDbItemFilter .wrapFilter div { float: left; overflow: hidden; } #tosDb .tosDbItemFilter .filterBody li { display: inline; height: 20px; line-height: 16px; color: #fffefe; } #tosDb .tosDbItemFilter .filterBody li label { vertical-align: 2px; cursor: pointer; margin-right: 3px;} #tosDb .tosDbItemFilter .wrapFilter .wrapFilLeft { width: 2px; height: 31px; background: url('//static.inven.co.kr/image_2011/tos/dataninfo/item/wrap_leftFilter_a.png') no-repeat left top; } #tosDb .tosDbItemFilter .wrapFilter .wrapFilRight { width: 2px; height: 31px; background: url('//static.inven.co.kr/image_2011/tos/dataninfo/item/wrap_rightFilter_a.png') no-repeat left top; } #tosDb .tosDbItemFilter .wrapFilter .wrapFilMid { height: 31px; background: url('//static.inven.co.kr/image_2011/tos/dataninfo/item/wrap_centerFilter_b.png') repeat-x left top; } #tosDb .tosDbItemFilter .wrapFilter .filterTitle { color: #cbd98b; font-weight: bold; letter-spacing: -1px; padding-top: 8px; _padding-top: 10px; text-indent: 8px; } .ie10 #tosDb .tosDbItemFilter .wrapFilter .filterTitle { padding-top: 10px; } #tosDb .tosDbItemFilter .wrapFilter .filterBody { padding: 7px 2px 0 2px; } /* ITEM LIST */ #tosDb .tosDbItemList-weapon col.itemname { width: 310px; } #tosDb .tosDbItemList-weapon col.reqlevel { width: 46px; } #tosDb .tosDbItemList-weapon col.itemoption { /*width: 182px;*/ } #tosDb .tosDbItemList-weapon col.baseoption { /*width: 182px;*/ width: 160px;} #tosDb .tosDbItemList-armor col.itemname { width: 310px; } #tosDb .tosDbItemList-armor col.reqlevel { width: 46px; } #tosDb .tosDbItemList-armor col.itemoption { /*width: 182px; */} #tosDb .tosDbItemList-armor col.baseoption { /*width: 182px;*/ width: 150px;} #tosDb .tosDbItemList-gem col.itemname { width: 310px; } #tosDb .tosDbItemList-gem col.itemtype { width: 97px; } #tosDb .tosDbItemList-gem col.gemoption { width: 313px; } #tosDb .tosDbItemList-etc col.itemname { width: 310px; } #tosDb .tosDbItemList-etc col.itemtype { width: 97px; } #tosDb .tosDbItemList-etc col.itemdesc { width: 313px; } #tosDb .tosDbItemList table td.itemname { padding-left: 10px; } #tosDb .tosDbItemList table td.itemname a { font-weight: bold; } #tosDb .tosDbItemList table td.itemname a:hover { text-decoration: none; } #tosDb .tosDbItemList table td.itemname a span.itemname {display: inline-block; max-width: calc(100% - 80px); padding-left: 6px; font-weight: bold; vertical-align: middle;} @-moz-document url-prefix() { /* Only firefox hack */ #tosDb .tosDbItemList table td.itemname a span.itemname { letter-spacing: -1px; } } #tosDb .tosDbItemList table td.itemname a.icon { float: left; width: 46px; height: 46px; margin: 0 0 0 21px; } #tosDb .tosDbItemList table td.itemname a img.bgicon { width: 44px; height: 44px; vertical-align: middle;} #tosDb .tosDbItemList table td.itemname a img.bdicon { width: 48px; height: 48px; margin-left: -50px; vertical-align: -2px; vertical-align: middle;} #tosDb .tosDbItemList table td.itemname a img.itemicon { width: 44px; height: 44px; overflow: hidden; margin-left: -50px; vertical-align: middle;} #tosDb .tosDbItemList table td.itemname .seticon, #tosDb .tosDbItemList table td.itemname .crafticon {margin: 0 3px; vertical-align: top;} #tosDb .tosDbItemList table td.itemname .comment {display: inline-block; color: #ff3c00; font-size: 11px; font-weight: normal; letter-spacing: normal; vertical-align: middle;} #tosDb .tosDbItemList table td.itemoption ul { width: 100%; padding-left: 5px; } #tosDb .tosDbItemList table td.itemoption ul li { width: 100%; line-height: 18px;} #tosDb .tosDbItemList table td.itemoption ul li img { width: 14px; height: 14px; margin: 0 3px 0 1px; vertical-align: -1px; } #tosDb .tosDbItemList table td.baseoption ul { width: 100%; padding-left: 5px; } #tosDb .tosDbItemList table td.baseoption ul li { width: 100%; line-height: 18px;} #tosDb .tosDbItemList table td.baseoption ul li img { width: 14px; height: 14px; margin: 0 3px 0 1px; vertical-align: -1px; } #tosDb .tosDbItemList table td.gemoption ul { padding-left: 5px; } #tosDb .tosDbItemList table td.gemoption ul li { width: 100%; line-height: 18px; } #tosDb .tosDbItemList table td.gemoption ul li.title { font-weight: bold; } #tosDb .tosDbItemList table td.gemoption ul li img { width: 14px; height: 14px; margin: 0 3px 0 1px; vertical-align: -1px; } /* ITEM DETAIL */ /* Basic Info */ #tosDb #tosDbItemDetail .basicInfo { margin-left: 10px; } #tosDb #tosDbItemDetail .basicInfo table { width: 336px; } #tosDb #tosDbItemDetail .basicInfo table col.th { width: 115px; } #tosDb #tosDbItemDetail .basicInfo table col.td { width: 221px; } #tosDb #tosDbItemDetail .basicInfo table th.type1 { color: #005ab3; } #tosDb #tosDbItemDetail .basicInfo table th.type2 { color: #cb1300; } /* Layer Info */ #tosDb #tosDbItemDetail .layerInfo { width: 350px; overflow: hidden; background: url(//static.inven.co.kr/image_2011/tos/dataninfo/item/layer_mid_bg_a.png) repeat-y left top; } #tosDb #tosDbItemDetail .layerInfo .tosDbItemLayer { position: static; display: inline; } #tosDb #tosDbItemDetail .layerInfo .tosDbItemLayer .top_bg { width: 350px; height: 2px; overflow: hidden; background: url(//static.inven.co.kr/image_2011/tos/dataninfo/item/layer_top_bg_a.png) no-repeat left top; } #tosDb #tosDbItemDetail .layerInfo .tosDbItemLayer .bot_bg { width: 350px; height: 2px; overflow: hidden; background: url(//static.inven.co.kr/image_2011/tos/dataninfo/item/layer_bot_bg_a.png) no-repeat left top; margin-top: 10px; } /* Basic Info */ #tosDb .tosDbCommonDetail { width: 710px; } #tosDb .tosDbCommonDetail .infoGroup { clear: both; overflow: hidden; } #tosDb .tosDbCommonDetail .infoBody { clear: both; border: 1px solid #116971; } #tosDb .tosDbCommonDetail .infoBody .infoWrap { border: 1px solid #bce0e3; } #tosDb .tosDbCommonDetail .infoBody .infoWrap .infoBorder { border: 5px solid #359da7; } #tosDb .tosDbCommonDetail .infoBody .infoWrap .infoBorder table tr td img.crafticon { width: 16px; height: 16px; vertical-align: -3px; margin-right: 4px; } #tosDb .tosDbCommonDetail.infoGemEnchant .infoBody .infoWrap .infoBorder table { width: 696px; border-bottom: 1px solid #a9a7a7; } #tosDb .tosDbCommonDetail.infoGemEnchant .infoBody .infoWrap .infoBorder table tr td img, #tosDb .tosDbCommonDetail .infoBody .infoWrap .infoBorder table tr td.awakening img, #tosDb .tosDbCommonDetail .infoBody .infoWrap .infoBorder table tr td.awakening img, #tosDb .tosDbCommonDetail .infoBody .infoWrap .infoBorder table tr td.enchant img { width: 14px; height: 14px; margin: 0 2px 0 2px; vertical-align: -2px; } #tosDb .tosDbCommonDetail .infoBody .infoWrap .infoBorder table tr td ul li.collectionInfo { width:100%; } /* SKILL */ /* SKILL TOP */ #tosDbSkillTop .tosTabWrap { clear: both;height: 35px;overflow: hidden;} #tosDbSkillTop .tosTabWrap ul { clear: both;height: 35px;overflow: hidden; } #tosDbSkillTop .tosTabWrap ul li a { display: inline;float: left;height: 70px;overflow: hidden;text-indent: -10000em; } #tosDbSkillTop .tosTabWrap ul li a.selected, #tosDbSkillTop .tosTabWrap ul li a:hover { margin: -35px 0 0; } #tosDbSkillTop, #tosDbSkillTop .tosTabWrap ul li a { background: url('//static.inven.co.kr/image_2011/tos/dataninfo/skiil/menu_jobtab1.jpg') no-repeat left top; } #tosDbSkillTop .tosTabWrap ul { width: 710px; } #tosDbSkillTop .tosTabWrap ul li.swordman a { width: 186px; background-position: 0px 0px; } #tosDbSkillTop .tosTabWrap ul li.archer a { width: 183px; background-position: -186px 0px; } #tosDbSkillTop .tosTabWrap ul li.wizard a { width: 171px; background-position: -369px 0px; } #tosDbSkillTop .tosTabWrap ul li.cleric a { width: 170px; background-position: -540px 0px; } /* COLLECTION LIST */ /* COLLECTION TOP */ #tosDb #tosDbCollectionTop table col.col1 { width: 76px; } #tosDb #tosDbCollectionTop table col.col2 { width: 620px; } /* COLLECTION SEARCH */ #tosDb .tosDbCollectionSearch { background: url('//static.inven.co.kr/image_2011/tos/dataninfo/collection/bg_710x45_brown_scollection_a.jpg') no-repeat left top; } #tosDb .tosDbCollectionSearch form fieldset p label {width: 80px;margin: 12px 0 0 72px;} /* COLLECTION FILTER */ #tosDb .tosDbCollectionFilter { overflow: hidden; margin: 15px 0 0 15px; } #tosDb .tosDbCollectionFilter .wrapFilter { height: 31px; overflow: hidden;clear: both; } #tosDb .tosDbCollectionFilter .wrapFilter div { float: left; overflow: hidden; } #tosDb .tosDbCollectionFilter .filterBody {width:213px;} #tosDb .tosDbCollectionFilter .filterBody li { display: inline; width: 48px; height: 20px; line-height: 16px; color: #fffefe; } #tosDb .tosDbCollectionFilter .filterBody li.collectionall {width: 49px} #tosDb .tosDbCollectionFilter .filterBody li.collectionbox {width: 74px;} #tosDb .tosDbCollectionFilter .filterBody li.collectionquest { width: 85px; } #tosDb .tosDbCollectionFilter .filterBody li input{ } #tosDb .tosDbCollectionFilter .filterBody li label { vertical-align: 2px; _vertical-align: 0; cursor: pointer; } #tosDb .tosDbCollectionFilter .wrapFilter .wrapFilLeft { width: 2px; height: 31px; background: url('//static.inven.co.kr/image_2011/tos/dataninfo/item/wrap_leftFilter_a.png') no-repeat left top; } #tosDb .tosDbCollectionFilter .wrapFilter .wrapFilRight { width: 2px; height: 31px; background: url('//static.inven.co.kr/image_2011/tos/dataninfo/item/wrap_rightFilter_a.png') no-repeat left top; } #tosDb .tosDbCollectionFilter .wrapFilter .wrapFilMid { height: 31px; background: url('//static.inven.co.kr/image_2011/tos/dataninfo/item/wrap_centerFilter_b.png') repeat-x left top; } #tosDb .tosDbCollectionFilter .wrapFilter .filterTitle { color: #cbd98b; font-weight: bold; letter-spacing: -1px; padding-top: 8px; _padding-top: 10px; text-indent: 8px; } .ie10 #tosDb .tosDbCollectionFilter .wrapFilter .filterTitle { padding-top: 10px; } #tosDb .tosDbCollectionFilter .wrapFilter .filterBody { padding: 7px 6px 0 4px; _padding: 6px 6px 0 4px; } /*COLLECTION LIST*/ #tosDb .tosDbCollectionList table col.icon { width: 60px; } #tosDb .tosDbCollectionList table col.product { width: 250px; } #tosDb .tosDbCollectionList table col.itemoption { width: 144px; } #tosDb .tosDbCollectionList table td.itemicon{ padding-left: 10px; } #tosDb .tosDbCollectionList table td.itemname a:hover { text-decoration: none; } #tosDb .tosDbCollectionList table td.itemicon a.icon { float: left; width: 46px; height: 46px; margin: 0 0 0 21px; } #tosDb .tosDbCollectionList table td.itemicon img.bgicon { width: 44px; height: 44px; } #tosDb .tosDbCollectionList table td.itemicon img.bdicon { width: 48px; height: 48px; margin-left: -50px; vertical-align: -2px; } #tosDb .tosDbCollectionList table td.itemicon img.itemicon { width: 44px; height: 44px; overflow: hidden; margin-left: -50px; } #tosDb .tosDbCollectionList table td.itemname li { font-weight: bold; width: 250px; overflow: hidden; } #tosDb .tosDbCollectionList table td.itemname li img { vertical-align: -4px; margin-left: 4px; } #tosDb .tosDbCollectionList table td.itemname li .questname { color:blue; } #tosDb .tosDbCollectionList table td.itemname li a.questname:hover { font-weight:bold; text-decoration: underline; letter-spacing: -1px; } #tosDb .tosDbCollectionList table td.itemoption ul { width: 100%; padding-left: 5px; } #tosDb .tosDbCollectionList table td.itemoption ul li { width: 100%; line-height: 18px;} #tosDb .tosDbCollectionList table td.itemoption ul li img { width: 14px; height: 14px; margin: 0 3px 0 1px; vertical-align: -1px; } #tosDb .tosDbCollectionList table td.baseoption ul { width: 100%; padding-left: 5px; } #tosDb .tosDbCollectionList table td.baseoption ul li { width: 100%; line-height: 18px;} #tosDb .tosDbCollectionList table td.baseoption ul li img { width: 14px; height: 14px; margin: 0 3px 0 1px; vertical-align: -1px; } #tosDb .tosDbCollectionList table td.gemoption ul { padding-left: 5px; } #tosDb .tosDbCollectionList table td.gemoption ul li { width: 100%; line-height: 18px; } #tosDb .tosDbCollectionList table td.gemoption ul li.title { font-weight: bold; } #tosDb .tosDbCollectionList table td.gemoption ul li img { width: 14px; height: 14px; margin: 0 3px 0 1px; vertical-align: -1px; } #tosDb .tosDbCollectionList img.iconimg { width: 16px; background-color:#ddd2b2; } #tosDb .tosDbCollectionList .materials ul li { padding: 3px 2px 4px; width: 250px; text-align: left; } #tosDb .tosDbCollectionList .materials ul li span { padding: 0px 10px; } /* CARD */ /* CARD TOP */ #tosDb #tosDbCardTop table col.col1 { width: 76px; } #tosDb #tosDbCardTop table col.col2 { width: 620px; } #tosDb #tosDbCardTop td input[type=checkbox] { vertical-align: middle; } #tosDb #tosDbCardTop td li { background: transparent url('//static.inven.co.kr/image_2011/fsg/dataninfo/common/menu_seperator_1x11_gray1.png') left center no-repeat; } #tosDb #tosDbCardTop td li span img { width: 20px; vertical-align: middle; margin-right: 8px; } /* CARD SEARCH */ #tosDb #tosDbCardSearch { background: url('//static.inven.co.kr/image_2011/tos/dataninfo/card/bg_710x45_brown_card_a.png') no-repeat left top; } #tosDb #tosDbCardSearch form fieldset p label { width: 80px; margin: 12px 0 0 72px; } /* CARD LIST */ #tosDb .tosDbCardList { margin-top: 10px; } #tosDb .tosDbCardList table col.cardimg { width: 60px; } #tosDb .tosDbCardList table col.cardname { width: 140px; } #tosDb .tosDbCardList table col.cardtype { width: 70px; } #tosDb .tosDbCardList table col.cardrace { width: 70px; } #tosDb .tosDbCardList table col.carddesc { width: 370px; } /* #tosDb .tosDbCardList table col.addoption { width: 120px; } */ #tosDb .tosDbCardList table td.cardoption ul { width: 100%; padding-left: 5px; } #tosDb .tosDbCardList table td.cardoption ul li { width: 100%; line-height: 18px;} #tosDb .tosDbCardList table td.addoption ul { width: 100%; } #tosDb .tosDbCardList table td.addoption ul li { width: 100%; line-height: 18px; text-align: center; } /* ITEM FILTER */ #tosDb .tosDbCardFilter { overflow: hidden; margin: 15px 0 0 15px; } #tosDb .tosDbCardFilter .wrapFilter { height: 31px; overflow: hidden;clear: both; } #tosDb .tosDbCardFilter .wrapFilter div { float: left; overflow: hidden; } #tosDb .tosDbCardFilter .filterBody li { display: inline; height: 20px; line-height: 16px; color: #fffefe; margin-right: 5px; } #tosDb .tosDbCardFilter .filterBody li input{ } #tosDb .tosDbCardFilter .filterBody li label { vertical-align: 2px; _vertical-align: 0; cursor: pointer; } #tosDb .tosDbCardFilter .wrapFilter .wrapFilLeft { width: 2px; height: 31px; background: url('//static.inven.co.kr/image_2011/tos/dataninfo/item/wrap_leftFilter_a.png') no-repeat left top; } #tosDb .tosDbCardFilter .wrapFilter .wrapFilRight { width: 2px; height: 31px; background: url('//static.inven.co.kr/image_2011/tos/dataninfo/item/wrap_rightFilter_a.png') no-repeat left top; } #tosDb .tosDbCardFilter .wrapFilter .wrapFilMid { height: 31px; background: url('//static.inven.co.kr/image_2011/tos/dataninfo/item/wrap_centerFilter_b.png') repeat-x left top; } #tosDb .tosDbCardFilter .wrapFilter .filterTitle { color: #cbd98b; font-weight: bold; letter-spacing: -1px; padding-top: 8px; _padding-top: 10px; text-indent: 8px; } .ie10 #tosDb .tosDbCardFilter .wrapFilter .filterTitle { padding-top: 10px; } #tosDb .tosDbCardFilter .wrapFilter .filterBody { padding: 7px 6px 0 4px; _padding: 6px 6px 0 4px; } /* ADDED */ #tosDb .tosDbCommonDetail .basicInfo.tradeInfo .infoBody .infoWrap .infoBorder table tr td a:hover {text-decoration: none;} #tosDb .tosDbCommonDetail .basicInfo.tradeInfo .infoBody .infoWrap .infoBorder table tr td span.row {display: inline-block; float:left;} #tosDb .tosDbCommonDetail .basicInfo.tradeInfo .infoBody .infoWrap .infoBorder table tr td span.row.icon {width:20px;} #tosDb .tosDbCommonDetail .basicInfo.tradeInfo .infoBody .infoWrap .infoBorder table tr td span.row.content {width:188px;} #tosDb .tosDbCommonDetail .basicInfo.tradeInfo .infoBody .infoWrap .infoBorder table tr td img.transcend, #tosDb .tosDbCommonDetail .basicInfo.tradeInfo .infoBody .infoWrap .infoBorder table tr td img.reinforce {margin-right:0px;} /* class n skill */ .class_filter {width: 710px; margin: 10px 0 0 15px; border: 4px solid #45a4ae; box-sizing: border-box;} .class_filter .tab_class li {float: left;} .class_filter .tab_class li:first-child a.active {border-left-color: #bce0e3;} .class_filter .tab_class li:last-child a {width: 140px; border-right: 1px solid #8abec3;} .class_filter .tab_class li a {display: block; width: 139px; height: 24px; border: 1px solid #8abec3; border-right: 0; background: #eee; color: #777; font-weight: bold; line-height: 24px; text-align: center; text-decoration: none;} .class_filter .tab_class li a.active {background: #bce0e3; border-color: #bce0e3; color: #035a62; border-left-color: #8abec3;} .class_filter .tab_content {width: 702px; background: #bce0e3;} .class_filter .class_list li {float: left; width: 140px; margin: 4px 0;} .class_filter .class_list li:nth-child(5n) {width: 141px;} .class_filter .class_list li:nth-child(5n) a::before {display: none;} .class_filter .class_list li a {display: block; position: relative; height: 18px; padding: 0 12px; color: #000; line-height: 18px; text-align: left; text-decoration: none; letter-spacing: -1px;} .class_filter .class_list li a::before {display: block; content: ''; position: absolute; top: 50%; right: -1px; width: 1px; height: 1px; margin-top: -4px; border-top: 3px solid #9ca3bc; border-bottom: 3px solid #9ca3bc;} .class_filter .class_list li a.selected {color: #ff0101; font-weight: bold;} .class_filter .class_list li .icon {display: inline-block; width: 18px; height: 18px; margin-right: 14px; vertical-align: top;} .class_filter .class_list li .icon img {width: 100%; height: 100%;} .class_info_area {width: 710px; margin: 12px 0 0 15px;} .class_info_area .class_info {position: relative; float: left; width: 348px; padding: 6px; border: 1px solid #116971; background: #1e7174; box-sizing: border-box; z-index: 10;} .class_info_area .class_info::before {display: block; content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 1px solid #2e989c;} .class_info_area .class_info .img_wrap {position: relative; width: 98px; height: 97px; border: 1px solid #035a62; background: #bce0e3; z-index: 20;} .class_info_area .class_info .img_wrap img {width: 98px; height: 98px;} .class_info_area .class_info .desc {position: relative; width: 220px; margin-left: 14px; color: #fff; z-index: 20;} .class_info_area .class_info .desc .name {display: block; margin: 5px 0;} .class_info_area .class_info .desc .text {max-height: 74px; margin: 0; line-height: 18px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; word-wrap: break-word;} .class_info_area .class_stat {float: right; width: 354px;} .class_info_area .class_stat .title {position: relative; width: 180px; height: 23px; border: 1px solid #116971; border-bottom: 0; background: #1e7174; color: #fff; font-weight: bold; line-height: 23px; text-align: center; box-sizing: border-box; z-index: 10;} .class_info_area .class_stat .title::before {display: block; content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 1px solid #4ec3ce;} .class_info_area .class_stat .box {position: relative; padding: 6px; border: 1px solid #116971; background: #359da7;} .class_info_area .class_stat .box::before {display: block; content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 1px solid #bce0e3;} .class_info_area .class_stat .table {position: relative; width: 340px; border: 1px solid #116971; box-sizing: border-box; z-index: 20;} .class_info_area .class_stat .table, .class_info_area .class_stat .table th, .class_info_area .class_stat .table td {border-collapse: collapse; border-spacing: 0;} .class_info_area .class_stat .table thead th, .class_info_area .class_stat .table tbody td {width: 67px; border-right: 1px solid #359da7; text-align: center;} .class_info_area .class_stat .table thead th:last-child, .class_info_area .class_stat .table tbody td:last-child {width: 66px; border-right: 0;} .class_info_area .class_stat .table thead th {width: 67px; height: 30px; border-bottom: 1px solid #359da7; background: #bce0e3; color: #035a62; font-weight: bold; line-height: 30px;} .class_info_area .class_stat .table tbody td {height: 39px; background: #fff; line-height: 39px;} span.clrsubject{ color :#ffba00 !important; } span.clrlvoption{ color :#c3af09 !important; } span.clrrmbuff{ color :#8e0000 !important; } span.clrrmdebuff{ color :#004e00 !important; } span.stepoption1{ color :#ffcc66 !important; } span.stepoption2{ color :#ffa800 !important; } span.clrpvpdis { color :#ff0000 !important; } span.clrunlock { color:#5252d9 !important; } span.clrtrade { color:#c3271f !important; }