@charset "utf-8";
/* smarteditor tool - layer, bullet setting...
 * @latest 2021.04.12 cwk
 * @latest 2021.05.14 SSJ
*/


.edt-addbtn-group {margin:5px 0;}
.edt-btn-simple-gray {width:100px; padding:10px 10px 10px 40px; position:relative; display:inline-block;
                   border:1px solid #373536; background:#353535; border-radius:3px;
                   font-size:13px; font-weight:400; color:#fff; text-align:left; text-decoration:none; vertical-align:middle;
                  -webkit-transition:background 1s; transition:background 1s;}
.edt-btn-simple-gray:HOVER  {border:1px solid #496169; background:#545559;}
.edt-btn-simple-gray:ACTIVE {text-decoration:none; color:#fff; outline:none;} 
.edt-btn-simple-gray:LINK   {text-decoration:none; color:#fff;} 
  
/* template add btn style */
.edt-addbtn-group .edt-btn-simple-gray:before {font-size:15px; position:absolute; top:0; left:15px; height:34px; line-height:34px;}
.edt-addbtn-group button {outline:none;}

.edt-btn-simple-navy {border:1px solid #090592; color:#fff; background:#0b56a7; padding:8px 25px; display:inline-block;
                      font-size:12px; font-weight:400; vertical-align:middle; text-decoration:none;}
.edt-btn-simple-navy:HOVER {border:1px solid #090592; color:#fff; background:#094180; padding:8px 25px; display:inline-block;
                             font-size:12px; font-weight:400; vertical-align:middle; text-decoration:none;}
.edt-btn-simple-navy:ACTIVE,
.edt-btn-simple-navy:LINK,
.edt-btn-simple-navy:VISITED {text-decoration:none;color:#fff;}
  
  
.edt-btn-control {border:1px solid #496169; box-sizing:border-box; color:#fff; background:#808080; padding:5px 10px; float:left; margin:5px 1.5% 5px 0;
                 display:inline-block; font-size:11px; vertical-align:middle; text-decoration:none; text-align:center; width:32%;}
.edt-btn-control:last-child {margin:5px 0 5px;}
.edt-btn-control:HOVER {border:1px solid #496169; box-sizing:border-box; color:#fff; background:#9a9a9a; padding:5px 10px;
                        display:inline-block; font-size:11px; vertical-align:middle; text-decoration:none; text-align:center;}


/* template btn style */
.edt-template-box {width:100%; margin:5px 0; float:left; clear:both; box-sizing:border-box; position:relative;
                  vertical-align:top; border:1px solid #e7e7e7; padding: 15px;}
.edt-template-box ul {padding-left: 0 !important;}
.edt-template-box ul > span {font-size:15px;margin-bottom: 10px; width: 10%;font-weight: 600;color: #4c4c4c;position: absolute;left: 2px;top: 2px;font-weight: 600;padding: 5px 0;}
.edt-template-box ul li>div {}
.edt-template-box ul li>div .sample {width: auto;}
.edt-template-box ul li>div .sample a {width: auto;display: block;position: relative;}
.edt-template-box ul li>div .sample a:hover {background:#333;}
.edt-template-box ul li>div .sample a:hover img {opacity:0.5;}
.edt-template-box ul li>div .sample a:after {content:"";width:50px;height:50px;display:inline-block;vertical-align:middle;line-height:normal;text-indent:-9999px;overflow:hidden;border-radius:100%;/* margin-right:-4px; *//* margin-left:10px; */background:url(/images/wzwg/site/mngr/menu/module_hover.png) no-repeat #71bddd;background-position: -7px -6px;transition:background-color 0.5s;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%); opacity:0; transition:opacity 0.5s;}
.edt-template-box ul li>div .sample a:hover:after {opacity:1;}

.edt-template-box ul li>div .sample img {}
.edt-template-box .name ~ img {border: 1px solid #ececec; padding: 10px;}
.edt-template-box .name ~ img:hover {border-color:#333;}
.edt-template-box img {cursor:pointer;margin:0;/* padding: 10px; */transition: opacity 1s;max-width: 100%;}
.edt-template-box .popBox {position:absolute; box-sizing:border-box; border:1px solid #c0c0c0; background:#eaeaea; border-radius:3px; top:45px; left:130px; z-index:1;}
.edt-template-box .popBox .header {line-height:23px; height:23px; text-align:center; /*color:#999;*/ padding:5px 5px 0; font-weight:600; font-size:14px;}
.edt-template-box .popBox .body {}
.edt-template-box .popBox .body .btn-content {text-align:center; margin:10px; box-sizing:border-box; border:2px dashed #d0d0d0; border-radius:3px; padding:10px;}
.edt-template-box .popBox .body .edt-pop-control {text-align:right;padding:5px; line-height:30px;}
.edt-template-box .popBox .body .edt-pop-control > div {clear:both; display:block;}
.edt-template-box .popBox .body .edt-pop-control > div > input#edt-pop-btn-name {width:72%; padding:0 5px; height:30px; float:left;}
.edt-template-box .popBox .body .edt-pop-control > div > select#edt-pop-btn-target {float:left; margin-left:4px; height:32px !important;}
.edt-template-box .popBox .body .edt-pop-control > div > input#edt-pop-btn-link {width:96% !important; margin-right:0; margin-top:5px; padding:0 5px; height:30px; float:left;}
.edt-template-box .popDim {position:absolute; background:rgba(0,0,0, 0.05); top:0px; left:0px; width:100%; height:100%;}

.edt-layer-sample {width:400px; clear:both; display:flex; height:35px;}
.edt-template-sample {width:90%;}

.edt-layer-sample .name {float:left; width:15%; vertical-align:middle;}
.edt-layer-sample .sample {float:left; width:80%;}
.edt-layer-sample .sample div {font-size: 13px;line-height: 150%;float:left;overflow:hidden;border: solid 1px #909090;box-shadow: 2px 3px 1px rgba(0,0,0,0.1);box-sizing:border-box;text-align:center;vertical-align:middle;color:#aaa;/* padding: 15px 0; */min-height: 50px;line-height: 50px;}
.tmplatCn_layer .edt-layer-sample:hover div {color: #dadada;border-color: #d6d6d6;box-shadow: 2px 2px 1px rgba(0,0,0,0.1);}

/* layer preview */
.edt-layer-sample .sample .edt-layer-2 {width: 49% !important;}
.edt-layer-sample .sample .edt-layer-2:last-child {float:right;}
.edt-layer-sample .sample .half37_l {width: 29% !important;}
.edt-layer-sample .sample .half37_r {width: 69% !important;}
.edt-layer-sample .sample .half73_l {width: 69% !important;}
.edt-layer-sample .sample .half73_r {width: 29% !important;}
.edt-layer-sample .sample .edt-layer-3 {width:31% !important; margin-right:3.333%;}
.edt-layer-sample .sample .edt-layer-3:last-child {margin-right:0;}
.edt-layer-sample .sample .edt-layer-4 {width: 23.5% !important;margin-right: 2%;}
.edt-layer-sample .sample .edt-layer-4:last-child {margin-right:0;}
.edt-layer-sample .sample .layer3_np {width: 33.333% !important;margin-right:0;border-right-width: 0;}
.edt-layer-sample .sample .layer4_np {width:25% !important;margin-right:0;border-right-width: 0;}
.edt-layer-sample .sample .layer3_np:last-child,
.edt-layer-sample .sample .layer4_np:last-child {border-right-width: 1px;}
.edt-layer-sample .sample > div > .layerimg {width:104%;margin:-1px;min-height: 25px;line-height: 25px;border-bottom: 1px dashed #ddd;box-shadow: none;}
.edt-layer-sample .sample > div > .layerimg:last-child {border-top:none;}

.edt-resp-box {width:100%; display:block;  clear:both; margin:10px 0;}
.edt-resp-box table.layertable {width:100% !important; box-sizing:border-box;}
.edt-resp-box table.layertable tr td {box-sizing:border-box;word-break:keep-all;vertical-align:top;line-height:150%;padding:5px 0;font-size: 16px;}
.edt-resp-box table.layertable tr td img.bullet {width:auto;} 
.edt-resp-box table.layertable tr td img {max-width:100%;}


/*bullet btn*/
.tmplatCn_bullet div {width:50%;min-height:30px;line-height:30px;float:left;padding-left: 10%;box-sizing:border-box;position:relative;margin-top: 10px;}
.tmplatCn_bullet div:first-child, .tmplatCn_bullet div:nth-child(2) {margin-top:0;}
.tmplatCn_bullet div:nth-child(2n+1) {clear:both;max-width: 600px;}
.tmplatCn_bullet div > span {font-weight:600;line-height: 150%;position:absolute;left:0;font-size: 15px;color: #4c4c4c;width:90px;padding-top: 5px;}
/*dot*/.tmplatCn_bullet div:nth-child(3) img {padding:4px 10px; margin-top:3px;}


/*link btn*/
.tmplatCn_button > div:first-child {width:50%; float:left; padding-left:125px; box-sizing:border-box; position:relative;}
.tmplatCn_button > div:first-child > span {font-weight:600; line-height:30px; position:absolute; left:0; font-size:13px; width:100px;}


/*layer*/
.edt-template-box > ul {width:100%;float:left;padding-left: 10% !important;box-sizing:border-box;position:relative;list-style:none;}
.edt-template-box > ul li {width:33%;max-width: 270px;float:left;margin-right:0 !important;clear: none !important;list-style:none !important;margin-bottom: 15px;}
  .tmplatCn_layer .edt-layer-sample { width:90%; height:auto; float:left; clear:none; display:inline;
                    box-sizing:border-box; -webkit-transition:background 1s; transition:background 1s; position: relative;}
  .tmplatCn_layer .edt-layer-sample:nth-child(4) {clear:both;}
  .tmplatCn_layer .edt-layer-sample div.name {width:100%;height: 100%;padding:0;position: absolute;left: 0;top: 0;opacity: 0;transition: opacity 1s;}
  .tmplatCn_layer .edt-layer-sample:hover div.name {opacity:1;}
  .tmplatCn_layer .edt-layer-sample div.name button {width:100%; height: 100%; background: rgba(0,0,0,0.5); color:#fff;
                                                      -webkit-transition:background 1s; transition:background 1s;
                                                      font-weight:600; position:relative; font-size: 1px; line-height: 1px; text-indent: -999px; overflow: hidden;}
  .tmplatCn_layer .edt-layer-sample div.name:after {content:"";width: 30px;height: 30px;display:inline-block;vertical-align:middle;line-height:normal;overflow:hidden;border-radius:100%;background:url(/images/wzwg/site/mngr/menu/module_hover.png) no-repeat #71bddd;background-size: 123px;background-position: -6px -7px;transition:background-color 0.5s;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);text-indent: 0 !important;}
  .tmplatCn_layer .edt-layer-sample div.sample {width:100%;}

      @media (max-width:990px){
        .tmplatCn_bullet div {width:100%;padding-left: 20%;}
        #cntnts_area ul {padding-left:0 !important;}
        .edt-template-box > ul>span {position: relative;left: 0;padding: 0;width: 100%;float: left;}
        .edt-template-box > ul li {margin-bottom: 15px !important;}
        .edt-template-box ul li>div .sample a:after {width:30px;height:30px;background-size: 123px;background-position: -6px -7px;}
      }



/* layer contents template */
  .edt-resp-box.layer2_grp {width:50%; float:left; clear:none; box-sizing:border-box;}
  .edt-resp-box.layer3_grp {width:33.333%; float:left; clear:none; box-sizing:border-box;}
  .edt-resp-box.layer4_grp {width:25%; float:left; clear:none; box-sizing:border-box;}


.se2_te_selection {outline:dashed #333;}
#cntntsTmplatForm .edt-resp-box table.layertable tr td, 
#cntntsFrm .edt-resp-box table.layertable tr td,
.subCon .edt-resp-box table.layertable tr td {outline:none !important;}

#cntntsCnListFrm iframe {max-width:1496px;}



@media (min-width:600px){
  .edt-layer-2 {width:50% !important;}
  .edt-layer-3 {width:33.333333% !important;}
  .edt-layer-2.half37_l {width:30% !important;}  .edt-layer-2.half37_r {width:70% !important;}
  .edt-layer-2.half73_l {width:70% !important;}  .edt-layer-2.half73_r {width:30% !important;}

  .edt-resp-box table.layertable tr td.edt-layer-2:first-child {padding-right:7px;}
  .edt-resp-box table.layertable tr td.edt-layer-2:last-child {padding-left:7px;  outline:2px dashed #bdd5ed;}
  .edt-resp-box table.layertable tr td.edt-layer-3:first-child {padding-right:10px;}
  .edt-resp-box table.layertable tr td.edt-layer-3:nth-child(2) {padding:0 5px; outline:2px dashed #bdd5ed;}
  .edt-resp-box table.layertable tr td.edt-layer-3:last-child {padding-left:10px;}

    .edt-resp-box.layer_nopadding tr td {padding:0 !important;}
    .edt-resp-box.layer2_grpl {padding-right:7px;} 
    .edt-resp-box.layer2_grpr {padding-left:7px;}

    .edt-resp-box.layer3_grpl {padding-right:10px; clear:both;} 
    .edt-resp-box.layer3_grpc {padding:0 5px;} 
    .edt-resp-box.layer3_grpr {padding-left:10px;}
}

@media (min-width:800px){
  .edt-layer-4 {width:25% !important;}
    .edt-resp-box table.layertable tr td.edt-layer-4:first-child {padding-right:10px;}
    .edt-resp-box table.layertable tr td.edt-layer-4:nth-child(2) {padding:0 7px 0 5px; outline:2px dashed #bdd5ed;}
    .edt-resp-box table.layertable tr td.edt-layer-4:nth-child(3) {padding:0 5px 0 7px;}
    .edt-resp-box table.layertable tr td.edt-layer-4:last-child {padding-left:10px; outline:2px dashed #bdd5ed;}

    .edt-resp-box.layer4_grpl {padding-right:10px; clear:both;} 
    .edt-resp-box.layer4_grpl + .edt-resp-box.layer4_grpc {padding:0 7px 0 5px;} 
    .edt-resp-box.layer4_grpc + .edt-resp-box.layer4_grpc {padding:0 5px 0 7px;} 
    .edt-resp-box.layer4_grpr {padding-left:10px;}
}

@media (min-width:600px) and (max-width:799px){
  .edt-layer-4 {width:50% !important; float:left; margin-bottom:20px;}
    .edt-resp-box table.layertable tr td.edt-layer-4:nth-child(2n+1) {padding-right:7px; outline:2px dashed #bdd5ed; clear:both;}
    .edt-resp-box table.layertable tr td.edt-layer-4:nth-child(2n) {padding-left:7px;}

    .edt-resp-box.layer4_grp {width:50%; float:left; margin-bottom:20px;}
    .edt-resp-box.layer4_grpl {padding-right:7px; clear:both;}
    .edt-resp-box.layer4_grpl + .edt-resp-box.layer4_grpc {padding-left:7px;}
    .edt-resp-box.layer4_grpc + .edt-resp-box.layer4_grpc {padding-right:7px; clear:both;}
    .edt-resp-box.layer4_grpr {padding-left:7px;}
}

@media (max-width:599px){
  .edt-resp-box table.layertable tr td {font-size: 15px;width:100% !important;clear:both;float:left;margin-bottom: 10px;padding: 0;}

  .edt-resp-box.layer2_grp {width:100%;} .edt-resp-box.layer2_grp tr td {margin-bottom:0;}
  .edt-resp-box.layer3_grp {width:100%;} .edt-resp-box.layer3_grp tr td {margin-bottom:0;}
  .edt-resp-box.layer4_grp {width:100%;} .edt-resp-box.layer4_grp tr td {margin-bottom:0;}
}