@charset "UTF-8";
.main {
  padding-top: 0; }

/*.nav_box_v1{border-bottom: 0;}*/
.n_bg {
  background: none !important; }

.list img {
  text-align: center; }

.bg_w li {
  background: #fff; }

.light_bg {
  background-color: #eee; }

.cc, .hd {
  display: none; }

.light_bg .hd, .show_pan .hd {
  display: inline; }

.create_new {
  float: left; }

.g li {
  margin-right: 15px; }

.top_bar {
  margin-top: 60px;
  background: #1c1e37;
  font-size: 28px;
  color: #e15616; }

.top_bar .wrap {
  min-height: 158px;
  background: url(../images/ui_bn.jpg) no-repeat center; }

.top_bar .wrap {
  text-indent: -9999px; }

.g > .fl {
  width: 830px; }

.g > .fr {
  width: 330px; }

.g .designer-list, .g .con, .con .bt span, .pic_a .con {
  background: #fff;
  line-height: 1.6em;
  font-size: 14px;
  color: #666;
  width: 100%; }

.g .designer-list .tx {
  border-radius: 8px;
  margin-right: 10px;
  width: 70px;
  height: 70px; }

.slide_pics {
  width: 1200px;
  position: absolute;
  top: 0; }

.slide_pics .prev, .slide_pics .next {
  display: block;
  position: absolute;
  width: 60px;
  height: 60px;
  background: url(../images/slide-bar.gif) no-repeat; }

.slide_pics .prev {
  left: 0; }

.slide_pics .prev:hover {
  background-position: -60px 0; }

.slide_pics .next {
  background-position: 0 -60px;
  right: 0; }

.slide_pics .next:hover {
  background-position: -60px -60px; }

.slide_pics .p_pic {
  width: 100%;
  height: 100%;
  text-align: center;
  position: relative; }

.slide_pics .show_cur {
  max-width: 1200px;
  vertical-align: middle; }

.g .des strong {
  font-size: 16px;
  font-weight: 700;
  padding-right: 10px; }

.designer-list .list_item span {
  padding-right: 10px; }

.designer-list .list_item {
  padding: 15px;
  color: #666;
  height: 71px; }

.designer-list .sec_left {
  float: left;
  width: 380px;
  height: 70px; }

.designer-list .sec_right {
  float: right; }

.bar {
  background: #f28e42;
  text-align: center; }

.no_user .bar {
  background: url(../images/px1.jpg) repeat-x left top; }

.no_user {
  background: url(../images/px1.jpg) repeat-x 0 0 !important; }

.bar .tip {
  position: absolute;
  top: 300px;
  left: 590px; }

.no_user .tip {
  top: 280px;
  left: 540px; }

.bar .tip a {
  display: inline-block;
  border-radius: 15px;
  padding: 4px 20px;
  border: 1px solid;
  color: #fff;
  font-size: 18px;
  margin-right: 15px; }

.s_C {
  color: #e15717 !important; }

.blue {
  border: 1px solid #2b8bc8;
  background: #329cec;
  filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#79C6FF,endColorStr=#1383d9);
  background: -ms-linear-gradient(top, #79C6FF, #1383d9);
  background: -moz-linear-gradient(top, #79C6FF, #1383d9);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#79C6FF), to(#1383d9));
  background: -o-linear-gradient(top, #79C6FF, #1383d9);
  color: #fff !important; }

/*背景*/
.icon, .qq-upload-button, .i_o, .h_btn, .drp {
  background: url(../images/icon.png) no-repeat -280px -20px; }

/*按钮*/
.u_btn {
  background: url(../images/icons.png) no-repeat 0 0; }

.o_btn {
  display: block;
  width: 75px;
  height: 30px;
  line-height: 30px;
  color: #fff;
  background: #ef6306;
  border: 0;
  text-align: center;
  cursor: pointer; }

.com_ed {
  background-color: #FFAC75; }

.o_btn:active {
  background: orange; }

a.o_btn {
  width: 100%; }

.hd .btn {
  padding: 6px 8px; }

#btn_sub {
    padding: 5px 50px;
    /*background-color: #00a0e9;*/
    background-color: #F43700;
    cursor: pointer;
    border: none;
    border-radius: 5px;
    font-size: 16px;
}

.u_btn {
  background-position: -294px -290px;
  width: 160px;
  height: 50px;
  float: right;
  display: block;
  margin: 22px 25px 0 0; }

.h_btn {
  position: relative;
  float: left;
  z-index: 3;
  display: block;
  width: 111px;
  height: 111px;
  background-position: -54px 0;
  cursor: pointer; }

/*分类*/
.works_cate {
  padding: 15px;
  background: #fff;
  font-size: 14px;
  line-height: 24px; }

.works_cate a:hover {
  color: #FF7800; }

.crumbs {
  font-size: 16px; }

.crumbs i {
  font-family: simsun;
  font-style: normal; }

.crumbs i, .crumbs em {
  padding: 0 4px;
  font-size: 14px; }

.cate_nav span, .sort_nav span, .rec_nav span {
  padding: 0 4px 0 10px; }

/*作品列表*/
.nick_name:hover {
  color: #e15616; }

.cover_tip {
  font-size: 14px; }

.cover_tip i {
  display: inline-block;
  padding: 2px 10px;
  background: #333;
  color: #fff;
  margin: 0 8px; }

/*新样式*/
.pic_c .txt_center {
  margin-bottom: 15px; }

.lou {
  font-size: 12px;
  border: solid 1px #F3DDB3;
  background: #FFFEF4;
  padding: 4px;
  color: #999; }

.lou .com_t, .lou .l_des {
  padding-bottom: 10px; }

.rp_rp {
  font-size: 12px;
  border-top: dashed 1px #F3DDB3;
  background: #FFFEF4;
  padding: 4px 5px;
  color: #999; }

.w {
  width: 1200px;
  margin: 0 auto;
  overflow: hidden;
  zoom: 1; }

.index .op_l {
  width: 1230px; }

.cl_f {
  display: none;
  clear: both;
  overflow: hidden; }

.t_t {
  padding: 20px 30px;
  font-size: 24px;
  float: left; }

.h {
  overflow: hidden;
  zoom: 1; }

.b_b {
  border-bottom: 3px solid orange;
  background: #fff;
  margin-top: 30px; }

.t_t * {
  height: 31px;
  line-height: 31px;
  float: left; }

.t_t i {
  display: inline-block;
  width: 4px;
  border-radius: 4px;
  background: #1a96ec;
  height: 31px;
  margin-right: 8px;
  vertical-align: middle; }

.cn {
  font-size: 20px;
  margin-bottom: 30px;
  padding: 10px 50px;
  background: #fff; }

.cn .t1, .cn .t2, .cn .t3 {
  padding: 3px 8px;
  line-height: 1em;
  background: #f2f2f5;
  border: 1px solid #c2c2c2;
  vertical-align: top;
  *vertical-align: 0px;
  width: 1138px; }

.cn .t3 {
  line-height: 22px; }

.row .wr {
  width: 87%;
  position: relative; }

.row .wl {
  width: 8%;
  position: relative;
  font-size: 16px; }

.more2 {
  font-size: 16px;
  padding-top: 16px;
  line-height: 1;
  font-weight: bold;
  color: #555;
  vertical-align: baseline; }

.cus_cate_txt i.drp {
  position: absolute;
  background-position: 100% -45px;
  width: 28px;
  height: 28px;
  display: block;
  right: 0;
  top: 0; }

.wr .Validform_checktip {
  position: absolute;
  height: 30px;
  line-height: 30px;
  right: 0;
  bottom: 2px;
  font-size: 14px; }

.c_tip {
  font-size: 14px;
  color: red;
  line-height: 30px;
  margin-left: 12px; }

.row {
  padding: 20px 0;
  border-bottom: 1px solid #F4F4F4;
  line-height: 1.3; }

.row label {
  margin-right: 10px; 
  font-size: 16px;
}

.row select {
  padding: 4px 10px;
  line-height: 1.5em;
  background: #f2f2f5;
  border: 1px solid #c2c2c2;
  vertical-align: top;
  *vertical-align: 0px;
  width: 1138px; }

#up_form .t1 {
  width: 810px; 
  height: 22px;
  line-height: 22px;
  border-radius: 4px;
}

.r_pan .t3 {
  width: 100%; }

textarea.t3 {
  width: 100px; }

.tip {
    font-size: 12px;
    color:#F43700;
    padding: 10px 0;
    clear: both;
}

.row .mark {
  display: block;
  float: left;
  padding: 5px 35px;
  margin-right: 9px;
  border: 1px solid #c2c2c2;
  font-size: 14px;
  margin-bottom: 9px;
  cursor: pointer; }

#classify input {
  opacity: 0;
  filter: alpha(opacity=0);
  width: 0;
  height: 0; }

.row span.mark.cur {
  background: #2784dd;
  color: #fff;
  border-color: #2784dd; }

.s_sort {
  line-height: 30px; }

.hd * {
  margin-right: 10px; }

.icon {
  display: inline-block;
  line-height: 30px;
  font-size: 16px;
  font-style: normal;
  padding-left: 25px;
  margin: 0 15px;
  color: #0e85d8;
  cursor: pointer; }

.i_s * {
  font-size: 14px;
  font-style: normal;
  display: inline-block;
  margin-top: 45px;
  cursor: pointer; }

.face {
  display: block !important;
  background: #efefef;
  padding: 10px 15px; }

.t_m_f {
  display: block; }

.i_s em {
  height: 16px;
  vertical-align: middle;
  text-align: center;
  color: #333; }

.i_s i {
  width: 20px;
  height: 16px;
  background: url(../images/del.png) no-repeat center center;
  vertical-align: top; }

.i_v {
  margin-top: 20px;
  position: relative; }

.i_p {
  background: #f2f2f2;
  margin-bottom: 15px;
  padding: 14px 0;
  overflow: hidden;
  zoom: 1; }

.i_p img {
  max-width: 154px;
  max-height: 103px;
  vertical-align: middle; }

.i_s_v {
  width: 154px;
  height: 103px;
  line-height: 103px;
  background-color: #fff;
  font-size: 0;
  text-align: center;
  cursor: pointer; }

.i_s em:hover {
  color: #FF7800; }

#cover {
  padding: 22px 0; }

.i_p > div {
  float: left;
  margin-right: 15px;
  vertical-align: middle; }

.i_p .i_b {
  width: 439px; }

.i_p .inv {
  margin-right: 0; }

.i_o {
  width: 50px;
  height: 103px;
  background-position: 0 28px;
  margin-left: 15px;
  cursor: move; }

input[type="button"].s_i {
  padding: 8px 10px 8px 35px; }

.upImg {
  position: relative;
  width: 128px;
  height: 50px; }

.i_des {
  width: 100%;
  height: 89px;
  padding: 6px; }

.row .m {
  position: relative;
  border: 1px solid #c2c2c2;
  overflow: hidden; }

.row .m span, .m_c1 span {
  background: #0e85d8;
  display: inline-block;
  padding: 3px 7px;
  font-size: 14px;
  line-height: 1em;
  color: #fff;
  cursor: pointer;
  margin-left: 3px; }

.row .m i {
  font-style: normal;
  cursor: pointer;
  margin-left: 6px; }

.row .add_m {
  background: #f2f2f5;
  border: none;
  width: 827px;
  padding: 6px;
  vertical-align: top; }

.m_t {
  position: relative;
  font-size: 20px;
  display: inline-block;
  width: 140px;
  margin-right: 10px;
  line-height: 35px;
  text-align: center;
  border: 1px solid #cacaca; }

.m_c {
  border: solid #c4c4c4;
  border-width: 0 1px 1px;
  font-size: 14px; }

.m_c2 {
  padding: 14px 6px; }

.m_c1 {
  float: left; }

.m_c1 span, .m_c2 span {
  background: #e5e5e5;
  color: #929292;
  margin-left: 8px; }

.m_tt {
  padding: 6px 4px; }

.m_tt span {
  display: inline-block;
  padding: 3px 8px;
  cursor: pointer; }

.white {
  background: #fff; }

.m_t .cus_cate_txt {
  position: relative;
  display: block;
  text-align: left;
  margin-left: 15px;
  width: 205px;
  height: 28px; }

.m_t select {
  width: 100%;
  z-index: 4;
  position: absolute;
  height: 35px;
  line-height: 35px;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  opacity: 0;
  *margin-top: 12px;
  filter: alpha(opacity=0);
  cursor: pointer;
  font-size: 16px; }

.tags .p_f {
  background: transparent; }

.p_f, .p_title, .cate_navs {
  margin: 15px;
  font-size: 12px;
  font-weight: 500;
  color: #999;
  background: #fff;
  overflow: hidden; }

.sec_title {
  padding: 15px 0;
  line-height: 40px; }

.sec_title .t_name {
  font-size: 24px;
  vertical-align: middle; }

.works_title:hover {
  color: #FF7800; }

.detail_middle .slide_left {
  float: left;
  width: 840px;
  font-size: 14px;
  overflow: hidden;
  zoom: 1;
  background: #fff;
  margin: 15px 10px 0 0; }

.detail_middle > .fr, #erwei {
  width: 336px; }

.ret_req {
  padding: 15px;
  background: #fff;
  font-size: 16px;
  color: #999; }

.ret_req strong {
  vertical-align: middle; }

.ret_req span {
  padding: 0 6px; }

em.m, a.m {
  font-style: normal;
  border: 1px solid;
  padding: 0px 7px;
  color: #666;
  margin-right: 6px; }

a.m:hover {
  color: #fff;
  background: #FF7800; }

em.m:hover {
  border-color: #FF7800; }

.com_pan_title {
  font-size: 18px;
  border-top: 1px solid #ddd;
  padding: 8px 0; }

.c_lts a {
  cursor: pointer; }

.c_lts a:hover {
  color: #d50; }

.author_other .author {
  float: left;
  width: 300px;
  margin-right: 20px; }

.author_other .other {
  float: left; }

.author_other .user_tx {
  float: left;
  margin-right: 10px; }

.author_other .other .fl {
  width: 176px;
  margin-right: 10px; }

.author_other .other .more4 {
  display: inline-block;
  vertical-align: middle;
  width: 65px;
  height: 130px;
  background: url(../images/more-op.png) no-repeat center center; }

.detail_top .title_panel {
  width: 740px;
  float: left;
  padding: 20px; }

.detail_top .user_panel {
  width: 336px;
  float: right; }

.detail_bottom .bg_eee {
  padding: 4px 8px;
  border: 1px solid #c2c2c2;
  background-color: #eee; }

.detail_bottom .bg_eee .t1, .detail_bottom .bg_eee .t2 {
  width: 100%;
  line-height: 1.5em;
  background: none;
  border: 0;
  outline: 0;
  vertical-align: top;
  *vertical-align: 0px; }

.works_con .ob {
  padding: 1px 3px;
  line-height: 1.6em;
  font-size: 12px;
  color: #fff;
  background: #ff5a00; }

/* .works_con . */
.p_i {
  line-height: 40px;
  font-size: 16px;
  overflow: hidden;
  zoom: 1; }

.p_i h2 {
  font-size: 20px;
  color: #666; }

.page {
  text-align: center;
  padding: 50px;
  clear: both; }

.page span, .page a {
  display: inline-block;
  width: 35px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  color: #656565;
  font-size: 12px;
  background: #e5e5e5;
  border: 1px solid #c5c5c5;
  background: -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#d5d5d5));
  background: linear-gradient(#f0f0f0, #d5d5d5); }

.page a:hover, .page a.cur {
  background: #f17035;
  color: #fff; }

.d_d {
  border-bottom: 1px solid #ddd;
  padding-bottom: 34px; }

.l_h {
  line-height: 2em; }

.pic_c img {
  max-width: 780px;
  height: auto;
  margin-bottom: 15px;
  vertical-align: middle; }

.op_m {
  margin-top: 10px;
  font-size: 16px;
  color: #000; }

.op_m span a {
  padding: 2px 6px;
  background: #c80000;
  color: #fff;
  font-size: 14px; }

.op_ui {
  position: relative;
  width: 232px;
  margin: 10px auto 0;
  font-size: 24px;
  color: #000;
  padding-bottom: 15px; }

.op_ui .ui-item {
  display: block;
  position: relative;
  float: left;
  width: 111px;
  text-align: center; }

.op_ui .plus {
  position: absolute;
  left: 38%;
  top: 0%;
  color: red;
  z-index: 2;
  opacity: 1; }

.op_ui .collect {
  display: block;
  cursor: pointer;
  vertical-align: top;
  width: 111px;
  height: 111px;
  text-indent: -99em; }

.collect.disabled {
  background-position: -192px -458px; }

.great.disabled {
  background: url(../images/icons.png) no-repeat -192px -120px; }

.collect {
  background: url(../images/icons.png) no-repeat -192px -342px; }

.c_d .p_f {
  font-size: 18px;
  margin: 45px 0;
  border-top: 1px solid #eee;
  background: #fefefe; }

.c_s {
  margin-bottom: 15px;
  background: #fff; }

.c_s .user_tx, .c_s .nick_name {
  float: left;
  line-height: 40px; }

.c_s .nick_name {
  width: 144px; }

.c_s .works_con .work_mark {
  line-height: 40px; }

.sd_title {
  background: #fff;
  padding: 15px; }

.p_f .tip {
  font-size: 14px;
  padding: 0; }

.tip a {
  color: #e60012; }

.com_l {
  margin: 40px 0; }

.c_box {
  overflow: hidden;
  zoom: 1;
  margin-bottom: 30px; }

.c_box img {
  border-radius: 50%; }

.c_box > .fl {
  width: 70px;
  margin-right: 20px; }

.c_box > .fr {
  width: 1020px;
  border: 1px solid #dcdcdc;
  padding: 15px;
  border-radius: 4px;
  position: relative; }

.c_box .corner {
  width: 13px;
  height: 10px;
  display: block;
  position: absolute;
  left: -13px;
  top: 20px;
  background: url(../images/c.jpg) no-repeat; }

.c_box .sep {
  padding: 0 6px; }

.c_box .great i {
  display: inline-block;
  background: url(../images/icons.png) no-repeat -28px -563px;
  width: 20px;
  height: 20px;
  vertical-align: bottom; }

.r_pan {
  background: #fff;
  clear: both; }

.org {
  color: #ff5a00; }

.a_msg {
  padding: 15px 0 0;
  overflow: hidden; }

.a_msg .fl img {
  border-radius: 50%;
  margin: 0 20px 20px; }

.a_msg .fl *, .m_attr * {
  display: block; }

.a_msg > .fl span {
  line-height: 2.5em;
  font-size: 16px; }

.m_attr, .avg {
  position: relative;
  border-top: 1px solid #ddd;
  clear: both;
  text-align: center;
  width: 100%;
  overflow: hidden;
  padding: 6px 0; }

.avg {
  width: 100%; }

.avg .fl a {
  color: #666; }

.m_attr .fl, .avg .fl {
  width: 111px;
  border-right: 1px solid #eee;
  box-sizing: border-box; }

.m_attr .no_bd {
  border: 0; }

.c_s .p {
  padding: 15px 8px 0; }

.c_s .b {
  border-top: 1px solid #eee; }

.page {
  text-align: center;
  padding: 50px;
  clear: both; }

.page .next b, .page .prev b {
  width: 0;
  height: 0;
  border-width: 6px;
  border-style: solid;
  font-size: 0;
  line-height: 0;
  border-color: transparent transparent transparent #4e4e4e;
  position: absolute;
  left: 16px;
  top: 12px; }

.page .prev b {
  border-color: transparent #4e4e4e transparent transparent;
  left: 8px; }

.page span, .page a {
  display: inline-block;
  font: bold 13px/35px '微软雅黑';
  width: 35px;
  height: 35px;
  text-align: center;
  color: #656565;
  *background: #fff;
  border: 1px solid #c5c5c5;
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f0f0f0));
  background: linear-gradient(#fff, #f0f0f0);
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  margin: 2px; }

.page a.cur, .page a:hover {
  background: #ffba00;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffba00), to(#ffc62d));
  background: linear-gradient(#ffba00, #ffc62d);
  color: #fff;
  border-color: #eca224; }

.page .disabled {
  cursor: default;
  background: #eee;
  border-color: #c5c5c5; }

.page a.cur {
  cursor: default; }

.page em {
  font-weight: bold;
  margin: 0 6px; }

#where {
  background: #fff;
  padding: 20px 15px;
  border-radius: 10px;
  text-align: center;
  width: 300px;
  overflow: hidden;
  zoom: 1; }

#where a {
  padding: 4px 12px;
  text-align: center;
  margin-top: 15px; }

.pass {
  font-size: 18px; }

.pass i, .up-success i {
  background: url(../images/icons.png) no-repeat -30px 0;
  width: 67px;
  height: 67px;
  display: inline-block; }

.pass a {
  background: rgba(0, 0, 0, 0.5);
  border-radius: 6px;
  padding: 6px 12px;
  color: #fff; }

.pic_lis .con {
  padding: 20px 19px; }

.pic_lis .con .fl {
  margin-right: 17px;
  *display: inline; }

.pic_lis .con .fl:last-child {
  margin: 0px; }

.pic_lis .cor_info {
  text-align: center;
  position: absolute;
  width: 130px;
  height: 130px;
  top: 130px;
  left: 0;
  color: #fff;
  z-index: 10; }

.pic_lis h3 {
  position: absolute;
  top: 35%;
  bottom: 35%;
  text-align: center;
  width: 100%;
  z-index: 21; }

.pic_lis .cor_bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .5;
  filter: alpha(opacity=50); }

.pic_lis .p_r {
  overflow: hidden; }

/*文件上传*/
.dd-list .dd-list {
  padding-left: 30px; }

.dd-collapsed .dd-list {
  display: none; }

.dd-item > button {
  display: block;
  position: relative;
  cursor: pointer;
  float: left;
  width: 25px;
  height: 20px;
  margin: 5px 0;
  padding: 0;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  border: 0;
  background: transparent;
  font-size: 12px;
  line-height: 1;
  text-align: center;
  font-weight: bold; }

.dd-item > button:before {
  content: '+';
  display: block;
  position: absolute;
  width: 100%;
  text-align: center;
  text-indent: 0; }

.dd-item > button[data-action="collapse"]:before {
  content: '-'; }

.dd-placeholder,
.dd-empty {
  margin-bottom: 15px;
  background: #f2fbff;
  border: 1px dashed #b6bcbf; }

.dd-empty {
  border: 1px dashed #bbb;
  min-height: 100px;
  background-color: #e5e5e5;
  background-image: -webkit-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff), -webkit-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
  background-image: -moz-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff), -moz-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
  background-image: linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff), linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
  background-size: 60px 60px;
  background-position: 0 0, 30px 30px; }

.dd-dragel {
  position: absolute;
  pointer-events: none;
  z-index: 9999; }

.dd-dragel > .dd-item .dd-handle {
  margin-top: 0; }

.dd-dragel .dd-handle {
  -webkit-box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, 0.1); }

.qq-upload-button {
  display: inline-block;
  width: 128px;
  height: 50px;
  background-position: -174px -252px;
  text-indent: -200px; }

#upimg .qq-upload-button span {
  display: none; }

/*lightbox效果*/
#dd_lightBox_overlay {
  position: fixed;
  left: 0;
  top: 0;
  background: #000000;
  opacity: 0.8;
  width: 100%;
  height: 100%;
  display: none;
  z-index: 9998; }

#dd_lightBox {
  position: fixed;
  left: 0;
  top: 0;
  display: none;
  background: url(../images/loading.gif) no-repeat center center #ffffff;
  width: 200px;
  height: 200px;
  overflow: hidden;
  padding: 10px 10px 50px 10px;
  margin-left: -5px;
  margin-top: -25px;
  z-index: 9999; }

#dd_lightPanel {
  height: 100%;
  width: 100%;
  overflow-x: hidden;
  overflow-y: scroll; }

#dd_lightBox #dd_img_wrap {
  background: #ff0000;
  padding: 12px;
  overflow: hidden; }

#dd_lightBox #dd_iframe {
  width: 640px;
  height: 360px; }

#dd_lightBox #dd_title {
  position: absolute;
  left: 10px;
  bottom: 25px;
  font: 14px dotum;
  color: #777777; }

#dd_lightBox #dd_page {
  position: absolute;
  left: 10px;
  bottom: 10px;
  font: bold 11px verdana, helvetica;
  color: #888888; }

#dd_lightBox #dd_next, #dd_lightBox #dd_prev {
  position: absolute;
  right: 0px;
  top: 50%;
  margin-top: -20px;
  background: url(../images/slide-bar.gif) no-repeat 0 0;
  width: 60px;
  height: 60px;
  cursor: pointer; }

#dd_lightBox #dd_next {
  right: 0;
  background-position: 0 -60px; }

#dd_lightBox #dd_prev {
  left: 0; }

#dd_lightBox #dd_close {
  position: absolute;
  right: 10px;
  bottom: 10px;
  background: url(../images/lightbox-btn-close.gif) no-repeat;
  width: 66px;
  height: 22px;
  cursor: pointer; }

/*@media(max-width:767px) {
    .w, .index .op_l {width:auto}
    .g>.fl{width:auto}
    .fr.i_A_w{float:left!important}
}*/
.cleditorMain {
  border: 1px solid #999;
  padding: 0 1px 1px;
  background-color: white; }

.cleditorMain,
.cleditorPopup,
.cleditorMain * {
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }

.cleditorMain iframe {
  border: none;
  margin: 0;
  padding: 0; }

.cleditorMain textarea {
  overflow-y: scroll;
  font: 10pt Arial,Verdana;
  resize: none;
  outline: none; }

.cleditorToolbar {
  background: url(../images/toolbar.gif) repeat; }

.cleditorGroup {
  float: left;
  height: 26px; }

.cleditorButton {
  float: left;
  width: 24px;
  height: 24px;
  margin: 1px 0 1px 0;
  background: url(../images/buttons.png); }

.cleditorDisabled {
  opacity: 0.3;
  filter: alpha(opacity=30); }

.cleditorDivider {
  float: left;
  width: 1px;
  height: 23px;
  margin: 1px 0 1px 0;
  background: #CCC; }

.cleditorPopup {
  border: solid 1px #999;
  background-color: white;
  color: #333333;
  position: absolute;
  font: 10pt Arial,Verdana;
  cursor: default;
  z-index: 10000; }

.cleditorList div {
  padding: 2px 4px 2px 4px; }

.cleditorList p,
.cleditorList h1,
.cleditorList h2,
.cleditorList h3,
.cleditorList h4,
.cleditorList h5,
.cleditorList h6,
.cleditorList font {
  padding: 0;
  margin: 0;
  background-color: Transparent; }

.cleditorColor {
  width: 150px;
  padding: 1px 0 0 1px; }

.cleditorColor div {
  float: left;
  width: 14px;
  height: 14px;
  margin: 0 1px 1px 0; }

.cleditorPrompt {
  background-color: #F6F7F9;
  padding: 8px;
  font-size: 8.5pt; }

.cleditorPrompt label {
  padding-bottom: 8px; }

.cleditorMsg {
  background-color: #FDFCEE;
  width: 150px;
  padding: 4px;
  font-size: 8.5pt; }

/*# sourceMappingURL=up.css.map */
.t_t > a {
    display: inline-block;
    padding-right: 10px;
    cursor: pointer;
    font-size: 18px;
}

.t_t > a:hover{
    color: #ffb121;
}

.ti_wroks {
    border-right: #00a0e9 2px solid;
}

.ti_article {
    padding-left: 10px;
}