/*powerd by pushauction jin*/
/*jin 2023.6.28*/

.picturelayout5 label{border:2px solid #ccc; display:inline-block;width:50px!important; height:42px; cursor:pointer; text-align:center; line-height:20px; font-family:Arial; font-size:0; margin-right:6px; margin-top:5px;}
.picturelayout5 label.ant-radio-button-wrapper:first-child{border:2px solid #ccc!important;}
.picturelayout5 label.ant-radio-button-wrapper-checked{border:2px solid #0073AA!important; display:inline-block;position:relative;box-shadow:none}
.picturelayout5 label.ant-radio-button-wrapper:first-child.ant-radio-button-wrapper-checked{border:2px solid #0073AA!important;}
.picturelayout5 label.ant-radio-button-wrapper-checked i{  }
.picturelayout5 label:nth-of-type(4n){ margin-right:0;}
.picturelayout5 label:nth-of-type(1), 
.picturelayout5 label:nth-of-type(2), 
.picturelayout5 label:nth-of-type(3), 
.picturelayout5 label:nth-of-type(4), 
.picturelayout5 label:nth-of-type(5){ margin-top:5px}
.picturelayout5 .picturelayout1, 
.picturelayout5 .picturelayout1.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled){ background:#ccc url(/dist/assets/layouts/layout/img/picture_layout.png) -1px -1px  no-repeat!important;}
.picturelayout5 .picturelayout2, 
.picturelayout5 .picturelayout2.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled){ background:#ccc url(/dist/assets/layouts/layout/img/picture_layout.png) -55px -1px no-repeat!important;}
.picturelayout5 .picturelayout3, 
.picturelayout5 .picturelayout3.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled){ background:#ccc url(/dist/assets/layouts/layout/img/picture_layout.png) -109px -1px no-repeat!important;}
.picturelayout5 .picturelayout4, 
.picturelayout5 .picturelayout4.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled){ background:#ccc url(/dist/assets/layouts/layout/img/picture_layout.png) -163px -1px no-repeat!important;}
.picturelayout5 .picturelayout5, 
.picturelayout5 .picturelayout5.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled){ background:#ccc url(/dist/assets/layouts/layout/img/picture_layout.png) -217px -1px no-repeat;}
.picturelayout5 .picturelayout6, 
.picturelayout5 .picturelayout6.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled){ background:#CCC url(/dist/assets/layouts/layout/img/picture_layout.png) -271px -1px no-repeat;}
.picturelayout5 .picturelayout7, 
.picturelayout5 .picturelayout7.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled){ background:#CCC url(/dist/assets/layouts/layout/img/picture_layout.png) -1px -43px no-repeat;}
.picturelayout5 .picturelayout8, 
.picturelayout5 .picturelayout8.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled){ background:#CCC url(/dist/assets/layouts/layout/img/picture_layout.png) -55px -43px no-repeat;}
.picturelayout5 .picturelayout9, 
.picturelayout5 .picturelayout9.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled){ background:#CCC url(/dist/assets/layouts/layout/img/picture_layout.png) -109px -43px no-repeat;}
.picturelayout5 .picturelayout10, 
.picturelayout5 .picturelayout10.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled){ background:#CCC url(/dist/assets/layouts/layout/img/picture_layout.png) -163px -43px no-repeat;}
.picturelayout5 .picturelayout11, 
.picturelayout5 .picturelayout11.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled){ background:#CCC url(/dist/assets/layouts/layout/img/picture_layout.png) -217px -43px no-repeat;}
.picturelayout5 .picturelayout12, 
.picturelayout5 .picturelayout12.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled){ background:#CCC url(/dist/assets/layouts/layout/img/picture_layout.png) -271px -43px no-repeat;}
.picturelayout5 .picturelayout13, 
.picturelayout5 .picturelayout13.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled){ background:#CCC url(/dist/assets/layouts/layout/img/picture_layout.png) -1px -84px no-repeat;}
.picturelayout5 .picturelayout14, 
.picturelayout5 .picturelayout14.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled){ background:#CCC url(/dist/assets/layouts/layout/img/picture_layout.png) -54px -84px no-repeat;}
.picturelayout5 .picturelayout15, 
.picturelayout5 .picturelayout15.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled){ background:#CCC url(/dist/assets/layouts/layout/img/picture_layout.png) -108px -84px no-repeat;}
.picturelayout5 .picturelayout16, 
.picturelayout5 .picturelayout16.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled){ background:#CCC url(/dist/assets/layouts/layout/img/picture_layout.png) -162px -84px no-repeat;}
.picturelayout5 .picturelayout17, 
.picturelayout5 .picturelayout17.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled){ background:#CCC url(/dist/assets/layouts/layout/img/picture_layout.png) -217px -84px no-repeat;}
.picturelayout5 .picturelayout18, 
.picturelayout5 .picturelayout18.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled){ background:#CCC url(/dist/assets/layouts/layout/img/picture_layout.png) -271px -84px no-repeat;}
.picturelayout5 .picturelayout19, 
.picturelayout5 .picturelayout19.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled){ background:#CCC url(/dist/assets/layouts/layout/img/picture_layout.png) -1px -127px no-repeat;}
.picturelayout5 .picturelayout20, 
.picturelayout5 .picturelayout20.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled){ background:#CCC url(/dist/assets/layouts/layout/img/picture_layout.png) -55px -127px no-repeat;}
.picturelayout5 .picturelayout21, 
.picturelayout5 .picturelayout21.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled){ background:#CCC url(/dist/assets/layouts/layout/img/picture_layout.png) -109px -127px no-repeat;}
.picturelayout5 .picturelayout22, 
.picturelayout5 .picturelayout22.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled){ background:#CCC url(/dist/assets/layouts/layout/img/picture_layout.png) -163px -127px no-repeat;}

.picturelayout5 .ant-radio-button-wrapper:first-child{border-left:2px solid #eee!important;}
.picturelayout5 .ant-radio-button-wrapper-checked:first-child{border-left:2px solid #DB0011!important;}
.picturelayout5 .picturelayout1.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled), 
.picturelayout5 .picturelayout2.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled), 
.picturelayout5 .picturelayout3.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled), 
.picturelayout5 .picturelayout4.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled), 
.picturelayout5 .picturelayout5.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled), 
.picturelayout5 .picturelayout6.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled), 
.picturelayout5 .picturelayout7.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled), 
.picturelayout5 .picturelayout8.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled), 
.picturelayout5 .picturelayout5.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled), 
.picturelayout5 .picturelayout6.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled), 
.picturelayout5 .picturelayout7.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled), 
.picturelayout5 .picturelayout8.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled), 
.picturelayout5 .picturelayout9.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled), 
.picturelayout5 .picturelayout10.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled), 
.picturelayout5 .picturelayout11.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled), 
.picturelayout5 .picturelayout12.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled), 
.picturelayout5 .picturelayout13.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled), 
.picturelayout5 .picturelayout14.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled), 
.picturelayout5 .picturelayout15.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled), 
.picturelayout5 .picturelayout16.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled), 
.picturelayout5 .picturelayout17.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled), 
.picturelayout5 .picturelayout18.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled), 
.picturelayout5 .picturelayout19.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled), 
.picturelayout5 .picturelayout20.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled), 
.picturelayout5 .picturelayout21.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled), 
.picturelayout5 .picturelayout22.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled){ background-color:#08C!important;}

/* variation picture layout */
.picturelayout5 .v_picturelayout1, 
.picturelayout5 .v_picturelayout1.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled){ background:#ccc url(/dist/assets/layouts/layout/img/v_picture_layout.png) -1px -1px  no-repeat!important;}
.picturelayout5 .v_picturelayout2, 
.picturelayout5 .v_picturelayout2.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled){ background:#ccc url(/dist/assets/layouts/layout/img/v_picture_layout.png) -53px -1px no-repeat!important;}
.picturelayout5 .v_picturelayout3, 
.picturelayout5 .v_picturelayout3.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled){ background:#ccc url(/dist/assets/layouts/layout/img/v_picture_layout.png) -105px -1px no-repeat!important;}
.picturelayout5 .v_picturelayout4, 
.picturelayout5 .v_picturelayout4.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled){ background:#ccc url(/dist/assets/layouts/layout/img/v_picture_layout.png) -157px -1px no-repeat!important;}
.picturelayout5 .v_picturelayout1.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled){ background-color:#08C!important;}
.picturelayout5 .v_picturelayout2.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled){ background-color:#08C!important;}
.picturelayout5 .v_picturelayout3.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled){ background-color:#08C!important;}
.picturelayout5 .v_picturelayout4.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled){ background-color:#08C!important;}

.templatepreview_Mobile .pa_variationpicture_section_pictures.layout1 .variationpicture { width: 100%; }
.templatepreview_Mobile .pa_variationpicture_section_pictures.layout2 .variationpicture { width: 100%; }
.templatepreview_Mobile .pa_variationpicture_section_pictures.layout3 .variationpicture { width: 100%; }
.templatepreview_Pad .pa_variationpicture_section_pictures.layout1 .variationpicture { width: 50%; }
.templatepreview_Pad .pa_variationpicture_section_pictures.layout2 .variationpicture { width: 50%; }

.thumbnail-block{border:1px solid #ddd;float:left;justify-content:center;align-items:center;flex-direction:column; margin-bottom:10px; margin-right:10px; text-align:center;position:relative;}
.thumbnail-block img{ margin:1%; max-width:98%}
.thumbnail-block p{  width:100%; float:left; text-align:center;}
.thumbnail-block p:first-child{ margin-top:49%!important; }
.thumbnail-block  i{ position:absolute; top:49%; left:49%}


.skinsetting5 .ant-radio-wrapper {float: left;}
.skinsetting5 .ant-radio-wrapper .ant-radio { display: none;}
.skinsetting5 .ant-radio-wrapper { border: 1px solid #ccc; background:#fff; display: inline-block; width:22.6%!important; margin-right:3%!important; margin-top:10px;  cursor: pointer; text-align: center; line-height: 20px; font-family: Arial; float:left;}   
.skinsetting5 .ant-radio-wrapper:nth-of-type(1), .skinsetting5 .ant-radio-wrapper:nth-of-type(2), .skinsetting5 .ant-radio-wrapper:nth-of-type(3), .skinsetting5 .ant-radio-wrapper:nth-of-type(4){ margin-top:2px!important}
.skinsetting5 .ant-radio-wrapper:nth-of-type(4n){ margin-right:0!important;}
.skinsetting5 .ant-radio-wrapper.ant-radio-wrapper-checked {  border: 1px solid #DB0011; display: inline-block; position: relative;  }
.skinsetting5 .ant-radio-wrapper.ant-radio-wrapper-checked i { position: absolute;top: 0; right: 0; font-size: 0; margin: 0px; width: 0;height: 0; border-top: 0px solid transparent;border-right: 14px solid #DB0011;border-bottom: 14px solid transparent;}
.skinsetting5 .ant-radio-wrapper img{ width:90%;float:left; margin:2px 5%; margin-bottom:0;}
.skinsetting5 .ant-radio-wrapper label{ color:#333;font-size:11px!important; width:100%;float:left;display:block; margin-bottom:0!important;overflow:hidden;}
.skinsetting5 .ant-radio-wrapper span.ant-radio + *{ padding-left:0; padding-right:0;}

.effectssetting5 ul, .effectssetting5 ul li { padding: 0; margin: 0; list-style-type: none;}
.effectssetting5 .ant-radio-wrapper {float: left; }
.effectssetting5 .ant-radio-wrapper .ant-radio {display: none;}
.effectssetting5 .ant-radio-wrapper span{ color:#333!important}
.effectssetting5 .ant-radio-wrapper {border: 2px solid #eee;background:#fff; display: inline-block;width:22.6%!important; margin-right:3%!important; margin-bottom:10px; color:#333!important; cursor: pointer; text-align: center;line-height: 20px; font-family: Arial;}
.effectssetting5 .ant-radio-wrapper:nth-of-type(4n){ margin-right:0!important;}
.effectssetting5 .ant-radio-wrapper.ant-radio-wrapper-checked { border: 2px solid #DB0011;display: inline-block;position: relative;}
.effectssetting5 .ant-radio-wrapper.ant-radio-wrapper-checked i {position: absolute;top: 0; right: 0;font-size: 0; margin: 0px;width: 0;height: 0;border-top: 0px solid transparent;border-right: 14px solid #DB0011;border-bottom: 14px solid transparent;}
.effectssetting5 .ant-radio-wrapper img{ width:90%;float:left; margin:2px 5%; margin-bottom:0;}
.effectssetting5 .ant-radio-wrapper label{ color:#333;font-size:11px; margin-bottom:0!important}
.effectssetting5 span.ant-radio + *{ padding:0!important;}

.quick_select_color{ width:100%;float:left;}
.quick_select_color span{ float:left; width:12.5%; height:25px; margin-right:5%; margin-bottom:8px;/*border:1px solid #666!important;*/border-radius:var(--pa-border-radius)!important; cursor:pointer;}
.quick_select_color span:nth-of-type(6n){ margin-right:0;}
.quick_select_color span:after{content:"";/*border:1px solid #fff;*/ display:block; width:100%;height:23px;}

.template_builds_body{ width:100%; float:left;}
.template_builds_head{ width:100%; float:left; height:48px!important; background:#5A5F6B; line-height:20px!important;padding-inline:0!important}

.template_builds_title{ float:left; width:30%; color:#fff; font-size:16px;font-family:Arial;line-height:48px;}
.template_builds_title p{ width:26px;font-size:19px!important; text-align:center;color:#f00!important;font-weight:bold; line-height:24px; padding:0; margin:0;float:left; margin-right:12px;margin-top:10px;margin-left:10px; border:1px solid #F00;border-radius:30px!important;}
.template_builds_title span{ color:#fff; padding-left:8px;}

.template_builds_previews{ margin:0 auto; width:400px; text-align:center; color:#fff;}
.template_builds_previews span{ display:inline-block; height:48px; float:left; line-height:48px;}
.template_builds_previews .dark-icon, .template_builds_previews .light-icon{ display:inline-block; width:46px;height:48px; color:#A8A9AC; cursor: pointer; font-size: 27px; line-height: 47px;}
.template_builds_previews .light-icon{ color: #fff; }
.template_builds_previews .dark-icon:hover, .template_builds_previews .light-icon:hover{color:#fff!important; background: #6a6f7d;}
.template_builds_previews .dark-icon.active, .template_builds_previews .light-icon.active{ background-color:#6A6F7D;color:#fff}

.template5_builds_previews{position:absolute;top:0;left:40%; margin:0 auto; width:400px; text-align:center; color:#fff;}
.template5_builds_previews span{ display:inline-block; height:47px; float:left; line-height:48px;}
.template5_builds_previews .dark-icon, .template5_builds_previews .light-icon{ display:inline-block; width:46px;height:47px; color:#A8A9AC; cursor: pointer; font-size: 27px; line-height: 47px;}
.template5_builds_previews .light-icon{ color: #fff; }
.template5_builds_previews .dark-icon:hover, .template5_builds_previews .light-icon:hover{background-color:#ddd;color:#fff!important; background: #6a6f7d;}
.template5_builds_previews .dark-icon.active, .template5_builds_previews .light-icon.active{ background-color:#6A6F7D;color:#fff}

.template5_profile_preview { text-align:center;}
.template5_profile_preview iframe{ margin:0 auto;}

.preview_pc { background:url(../img/template_preview.png) 0 6px no-repeat}
.preview_pc:hover, .preview_pc.active { background: url(../img/template_preview.png) 0 -42px no-repeat}
.preview_640{ background:url(../img/template_preview.png) -44px 6px no-repeat}
.preview_640:hover{ background:url(../img/template_preview.png) -44px -42px no-repeat}
.preview_768{ background:url(../img/template_preview.png) -88px 6px no-repeat}
.preview_768:hover{ background:url(../img/template_preview.png) -88px -42px no-repeat}
.preview_360{ background:url(../img/template_preview.png) -132px 6px no-repeat}
.preview_360:hover{ background:url(../img/template_preview.png) -132px -42px no-repeat}
.preview_480{ background:url(../img/template_preview.png) -176px 6px no-repeat}
.preview_480:hover{ background:url(../img/template_preview.png) -176px -42px no-repeat}
.preview_320{ background:url(../img/template_preview.png) -220px 6px no-repeat}
.preview_320:hover{ background:url(../img/template_preview.png) -220px -42px no-repeat}

.template_builds_right_buttons{float:right; width:30%;}
.template_builds_right_buttons .btn{ float:right;margin:8px 10px 5px 0;color:#fff;}

/*build content*/
.template_builds_content {float: left;width: 100%; background: #ced3e0;}

/*build left frame*/
.template_builds_left {  background:#fff!important; }

/*build right frame*/
.template_builds_right { background:#fff!important; }
.template_style_style{overflow:auto;overflow-x:hidden;background:#fff!important;}
:where(.css-dev-only-do-not-override-1ed6d5z)[class^="ant-layout"], 
:where(.css-dev-only-do-not-override-1ed6d5z)[class*=" ant-layout"]{font-size:12px!important}

/*tabs*/
.template_builds_tab{float:left; width:100%; background:#fff;border-bottom:4px solid #E6E6E6;}
.template_builds_tab ul, .template_builds_tab ul li{ padding:0; margin:0;list-style-type:none;}
.template_builds_tab ul li{color:#fff;  width:33.33%;float:left;cursor:pointer;text-align:center; padding-top:5px;padding-bottom:5px;}
.template_builds_tab ul li p{ display:none}
.template_builds_tab ul li span{ width:100%; text-align:center; display:block;color:#333;font-size:14px;}
.template_builds_tab ul li i{ color:#333;font-size:14px;margin:4px 0;}
.template_builds_tab ul li:hover{ background:#eee;}
.template_builds_tab ul li.active, .template_builds_tab li.active:hover{ background:#E6E6E6;position:relative;}
.template_builds_tab ul li div{color:#333;}

/*store tab*/
.template_builds_storetab{float:left; width:40px; background:#eee;}
.template_builds_storetab ul li{color:#fff; line-height:40px; height:40px; cursor:pointer; text-align:center;}
.template_builds_storetab ul li p{ display:none}
.template_builds_storetab ul li:hover{ background:#ddd;}
.template_builds_storetab ul li.active, .template_builds_storetab li.active:hover{ background:#08C;position:relative;}
.template_builds_storetab ul li.active i{color:#fff;}
.template_builds_storetab ul li.active p{display:block; padding:0!important; margin:0!important; position:absolute; top:40%;right:-6px; width: 0; height: 0;  border-top:4px solid transparent; border-left:6px solid #08c; border-bottom:4px solid transparent;}


.storeicon{ background:url(/dist/assets/layouts/layout/img/icon_store_left.png); display:block; width:20px; height:18px; float:left; margin:9px; display:block;}
.icon_global{ background-position:-22px 0;}
.icon_center{ background-position:-22px -21px;}
.icon_left{ background-position:-22px -42px;}
.icon_right{ background-position:-22px -63px;}
.template_builds_storetab ul li.active .icon_global{ background-position:0 0;}
.template_builds_storetab ul li.active .icon_center{ background-position:0 -21px;}
.template_builds_storetab ul li.active .icon_left{ background-position:0 -42px;}
.template_builds_storetab ul li.active .icon_right{ background-position:0 -63px;}

/*module*/
.template_builds_module{ width:100%;float:left;background:#FEFEFE;overflow:auto;overflow-x:hidden;}


/*frame*/
.template_builds_frame{overflow:auto;background:#CED3E0;}
.template_builds_framein{margin-left:10px; margin-right:0px; text-align:center;overflow:hidden;}
.template_builds_framein #preview{margin:0 auto;transition:width 0.3s ease 0.5s; display:table; margin-bottom:30px;}
.template_builds_framein iframe{margin:0 auto;border:none!important;}

.template_builds_frame_msg{ }
.data_frame{ padding-top:13px;}
.template_style_module{ width:100%;float:left;}
.template_style_modulecnt{ padding-bottom:13px;}

.template_style_head_title{ width:100%;float:left; height:42px; line-height:42px; background:#fff;border-bottom:1px solid #eee; padding:0; margin:0;font-weight:bold; font-size:14px;}
.template_style_head_title span{ margin-left:13px;}
.template_style_head_title i{ float:right; margin:5px; display:block; padding:8px; text-align:center; background:#eee;border-radius:2px;}
.template_style_head_title i:hover{ background:#ccc;cursor:pointer;}
.template_style_head_title img{ max-height:30px; margin:3px;border:1px solid #ccc; margin-left:5px;}

.template_builds_right_head_title{ width:100%;float:left; height:42px; line-height:42px; background:#fff;border-bottom:3px solid #e6e6e6; padding:0; margin:0; font-size:14px;}
.template_builds_right_head_title span{ width:50%; text-align:center; display:block;float:left;cursor:pointer;}
.template_builds_right_head_title span.active{ background:#e6e6e6;font-weight:bold;}

.template_style_addmodule{width:220px; margin:0 auto;position:relative; margin-top:46px; height:46px; }


.blockbody{width:260px;float:left; background:#fff; padding-top:3px;}
.module_close{position:absolute; background:#f00;border-radius:30px!important; top:-12px; right:-12px; display:block;color:#fff; width:24px; height:24px;text-align:center;cursor:pointer;z-index:9999999}

/*moudule add */
.addmodule{ position:absolute; left:0;top:0; margin:0 auto;margin-top:10px; background:#08C; width:220px; height:36px; line-height:30px; display:block; text-align:center;color:#fff;font-size:14px;}
.addmodule:hover{color:#fff!important;}
.addmodule.disabled { background:#ccc; cursor: not-allowed; }
.empty_msg{ text-align:center; width:260px;text-align:center; position:fixed;top:50%;color:#f60}

.module_header{float:left; width:60px;margin-bottom:15px;left:0px;left:280px; position:fixed}
.module_header span{ display:block;width:100%; float:left; margin-right:10px;cursor:pointer;border-radius:3px!important;width:50px;height:50px;background:#f1f1f1; margin-bottom:5px;position:relative}

.module_header span.select_all{background:#f1f1f1 url(../img/block_icon_all.png) top right; }/*all*/
.module_header span.selected.select_all{background:#08C url(../img/block_icon_all.png) top left; }

.module_header span.select_logobar{background:#f1f1f1 url(../img/block_icon_logo.png) top right; }/*logo*/
.module_header span.selected.select_logobar{background:#08C url(../img/block_icon_logo.png) top left; }

.module_header span.select_menu{background:#f1f1f1 url(../img/block_icon_menu.png) top right; }/*menu*/
.module_header span.selected.select_menu{background:#08C url(../img/block_icon_menu.png) top left; }

.module_header span.select_description{background:#f1f1f1 url(../img/block_icon_product.png) top right; }/*product*/
.module_header span.selected.select_description{background:#08C url(../img/block_icon_product.png) top left; }

.module_header span.select_tab{background:#f1f1f1 url(../img/block_icon_tabs.png) top right; }/*tabs*/
.module_header span.selected.select_tab{background:#08C url(../img/block_icon_tabs.png) top left; }

.module_header span.select_video{background:#f1f1f1 url(../img/block_icon_video.png) top right; }/*video*/
.module_header span.selected.select_video{background:#08C url(../img/block_icon_video.png) top left; }

.module_header span.select_banner_slider{background:#f1f1f1 url(../img/block_icon_slider.png) top right; }/*slider*/
.module_header span.selected.select_banner_slider{background:#08C url(../img/block_icon_slider.png) top left; }

.module_header span.select_item_slider{background:#f1f1f1 url(../img/block_icon_item_slider.png) top right; }/*itemslider*/
.module_header span.selected.select_item_slider{background:#08C url(../img/block_icon_item_slider.png) top left; }

.module_header span.select_size_chart{background:#f1f1f1 url(../img/block_icon_size_chart.png) top right; }/*sizechart*/
.module_header span.selected.select_size_chart{background:#08C url(../img/block_icon_size_chart.png) top left; }

.module_header span.select_item_specific{background:#f1f1f1 url(../img/block_icon_specific.png) top right; }/*specific*/
.module_header span.selected.select_item_specific{background:#08C url(../img/block_icon_specific.png) top left; }

.module_header span.select_content{background:#f1f1f1 url(../img/block_icon_content.png) top right; }/*content*/
.module_header span.selected.select_content{background:#08C url(../img/block_icon_content.png) top left; }

.module_header span.select_feedback{background:#f1f1f1 url(../img/block_icon_feedback.png) top right; }/*feedback*/
.module_header span.selected.select_feedback{background:#08C url(../img/block_icon_feedback.png) top left; }

.module_header span.select_variation_image{background:#f1f1f1 url(../img/block_icon_image.png) top right; }/*image*/
.module_header span.selected.select_variation_image{background:#08C url(../img/block_icon_image.png) top left; }

.module_header span.select_footer{background:#f1f1f1 url(../img/block_icon_footer.png) top right; }/*footer*/
.module_header span.selected.select_footer{background:#08C url(../img/block_icon_footer.png) top left; }

.module_header span.select_product_comparison{background:#f1f1f1 url(../img/block_icon_product_comparison.png) top right; }/*product_comparison*/
.module_header span.selected.select_product_comparison{background:#08C url(../img/block_icon_product_comparison.png) top left; }


.module_header span.selected i{position:absolute; top:20px;right:-6px; border-top:6px solid transparent;border-left: 6px solid #08C;border-bottom: 6px solid transparent;}

.module_header span.selected{ font-weight:bold; color:#08C;}

.module_list{ float:right; width:190px;}
.module_list_select{ width:100%;float:left;border:1px solid #ccc;margin-bottom:15px;cursor:pointer; text-align:center;position:relative;}
.module_list_select i{ display:none!important;}
.module_list_select.module_active{border:2px solid #f00;position:relative;}
.module_list_select.module_selected{border:2px solid #08C}
.module_list_select.module_active:hover{border:2px solid #f00;}
.module_list_select.module_selected i{ display:block!important; position: absolute;top:4px;right:4px;color:#08C; font-size:16px;  width:12px;height:12px; }

.module_list_select img{ margin:2px auto; max-width:100% }
.module_list_select:hover{ border-color:#aaa;}

.template_data_edit .module_list{ float:right; width:100%; }
.template_data_edit .module_list_select{ width:190px; margin-right: 15px; }

.module_list ~ .ant-pagination{ width:100%;float:left; margin-top:10px; padding-right: 2%; text-align: right; }

/* module region select */
.modal_storelayout{ width:14%; margin: auto; margin-left: 1%; margin-right: 2%; float: left; position: absolute; }
.modal_storelayout_header{ width:100%; height:45px; line-height:16px; border:2px solid #ccc; color:#ccc; font-size:11px; margin-bottom: 5px; }
.modal_storelayout_header:hover { cursor: pointer; border-color: #aaa; color: #aaa; }
.modal_storelayout_header.checked { border-color: #08C; color: #08C; }
.modal_storelayout_body{ width:100%; margin-bottom: 5px; display: flex; justify-content: space-between; }
.modal_storelayout_category{ width:40px; height:90px; color:#ccc; font-size:11px; }
.modal_storelayout_category:hover { cursor: pointer; }
.modal_storelayout_content { width:100%; height:90px; border:2px solid #ccc; color: #ccc; }
.modal_storelayout_content:hover { cursor: pointer; border-color: #aaa; color: #aaa; }
.modal_storelayout_content.checked { border-color: #08C; color: #08C; }
.modal_storelayout_footer{ width:100%; height:45px; line-height:16px; border:2px solid #ccc; color:#ccc; font-size:11px; position:relative; }
.modal_storelayout_footer:hover { cursor: pointer; border-color: #aaa; color: #aaa; }
.modal_storelayout_footer.checked { border-color: #08C; color: #08C; }
.modal_storelayout_header,.modal_storelayout_category,
.modal_storelayout_content,.modal_storelayout_footer{ font-size: 15px; display: flex; justify-content: center; align-items: center; }
.layout2 .modal_storelayout_category span{ -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); }
.layout2 .modal_storelayout_category.checked span{ color: #08C; }
.layout3 .modal_storelayout_category span{ -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); }
.layout3 .modal_storelayout_category.checked span{ color: #08C; }
.layout2 .modal_storelayout_category{ border:2px solid #ccc; }
.layout2 .modal_storelayout_category.checked{ border:2px solid #08C; }
.layout3 .modal_storelayout_category{ border:2px solid #ccc; order: 1; }
.layout3 .modal_storelayout_category.checked{ border:2px solid #08C; order: 1; }
.layout2 .modal_storelayout_content, .layout3 .modal_storelayout_content { width:calc(100% - 45px); }


.template_style_style{position:relative;}
.style_tabs{  width:100%;float:left;}
.style_tabs span{ display:block; width:33.333%;float:left; line-height:34px; text-align:center;color:#fff;cursor:pointer;}
.style_tabs span i{ margin-right:5px;}
.style_tabs span:first-child{background:#eee;}
.style_tabs span:nth-child(2){ background:#eee;}
.style_tabs span.close{ background:#eee;}
.style_tabs span.unactive{ background:#fff;color:#333;border-bottom:2px solid #ccc; }
.style_tabs span.active{ background:#fff;border-bottom:2px solid #08c; color:#08c;}
.style_tabs span.active i{ color:#fff;}



.floataction_l{ position:absolute; top:0; left:-30px;}
.floataction_l span{ display:block; width:30px; height:30px; line-height:28px; background:#08C; text-align:center;color:#fff!important;border-top-left-radius:4px!important;border-bottom-left-radius:4px!important; margin-bottom:5px;}
.floataction_l i{font-size:14px;}
.floataction_r{ position:absolute; top:0; right:-30px;}
.floataction_r span{ display:block; width:30px; height:30px; line-height:28px; background:#08C; text-align:center;color:#fff!important;border-top-right-radius:4px!important;border-bottom-right-radius:4px!important; margin-bottom:5px;}
.floataction_l span:hover,
.floataction_r span:hover{ background:#0073AA;cursor:pointer}

.floataction_r .floataction_delete{ background:#f00;}

.floataction_r span.deleteicon{ background:#E04C43}
.floataction_r span.deleteicon .fa.fa-trash.fa-lg{}

.select_style_list{ width:100%;float:left; margin-bottom:10px;}

.style_edit_line_head{border-top:1px solid #E0E0E0; width:100%;float:left; padding:5px 0}
.style_edit_line_head span{ float:left; margin-left:10px;}
.style_edit_line_head a{ float:right; margin-right:10px;}

.style_edit_content{ width:90%; margin-left:5%; float:left;  margin-bottom:10px; text-align:left; padding-top:10px;}

.style_edit_title{ width:84%; float:left; margin-left:8%; margin-bottom:8px;margin-top:5px; padding-top:5px; text-align:left;text-align:left;font-weight:bold;border-top:1px solid #666;}

.style_edit_line{ width:100%; float:left;  margin-bottom:8px; text-align:left;}
.style_edit_line label{ width:100%; float:left; }
.style_edit_line .ant-radio-group{ /*width:100%;*/}
.style_edit_line .ant-radio-wrapper{ width:30.9%; float:left;}
.style_edit_line .ant-radio-wrapper:nth-of-type(3){ margin-right:0;}
.style_edit_line .ant-radio-wrapper span{ display:block; }
.style_edit_line .ant-input{}
.style_edit_line .ant-input-number-input{ height:26px!important }
.style_edit_line:last-child{ margin-bottom:0!important}

.store_category_display{ width:100%}
.store_category_display .ant-radio-wrapper{ width:46%;float:left;}

.style_edit_line .style_color_choose {position: relative;}
.style_edit_line .style_color_input{ width:100%;}
.style_edit_line .style_color_button{ position:absolute; top:-3px; right:2px;width:26px; height:26px;}
.style_edit_line .input_line{position:relative; width:100%;float:left;}
.style_edit_line .input_line .style_color_button{ position:absolute; top:-4px; right:3px;width:23px!important; height:23px!important;border:1px solid #ccc!important; padding:3px 5px;}

.linemargin_bottom0{ margin-bottom:0!important}

.right_check{float:right;}

.style_edit_line2{ width:100%; float:left; margin-bottom:10px; text-align:left;position:relative;}
.style_edit_line2 label{ width:50%; float:left;}
.style_edit_line2 .right_input{ width:50%;float:right; text-align:right;}
.style_edit_line2 .right_input .ant-input-number,.style_edit_line2 .right_input .ant-input, .style_edit_line2 .right_input .ant-select{width:100%}
.style_edit_line2 .style_color_button{ position:absolute; top:3px; right:3px;width:23px!important; height:23px!important;border:1px solid #ccc!important; padding:3px 5px;border-radius:var(--pa-border-radius)!important}
.style_edit_line2 .ant-input-number-input{ height:26px!important }

.style_edit_line_responsive{ width:100%; float:left; margin-bottom:10px; text-align:left;position:relative;}
.style_edit_line_responsive label{ width:70%; float:left;}
.style_edit_line_responsive .right_input{ width:30%;float:right; text-align:right;}
.style_edit_line_responsive .right_input .ant-input-number, 
.style_edit_line_responsive .right_input .ant-input, 
.style_edit_line_responsive .right_input .ant-select{width:100%}
.style_edit_line_responsive .style_color_button{ position:absolute; top:3px; right:3px;width:23px!important; height:23px!important;border:1px solid #ccc!important; padding:3px 5px;border-radius:0!important}
.style_edit_line_responsive .ant-input-number-input{ height:26px!important }



.style_edit_line_cp{ width:100%; float:left; margin-bottom:8px; text-align:left;position:relative;}
.style_edit_line_cp label{ width:40%; float:left;}
.style_edit_line_cp .right_input{ width:60%;float:right; text-align:right;}
.style_edit_line_cp .right_input .ant-input-number,
.style_edit_line_cp .right_input .ant-input, 
.style_edit_line_cp .right_input .ant-select{width:100%}
.style_edit_line_cp .style_color_button{ position:absolute; top:3px; right:3px;width:23px!important; height:23px!important;border:1px solid #ccc!important; padding:3px 5px;border-radius:0!important}
.style_edit_line_cp .ant-input-number-input{ height:26px!important }
.style_edit_line_cp .left_switch_title { width: calc(100% - 44px); display: inline-block; vertical-align: middle; margin: 0; line-height: 22px; }
.style_edit_line_cp .left_switch_title i { margin-left: 5px; cursor: pointer; }
.style_edit_line_cp .right_switch { width: 44px; display: inline-block; vertical-align: middle; }


.selectpromotionrow{width:100%}
.selectpromotionrow .ant-radio-button-wrapper{ width:26px; height:26px;line-height:26px; display:block; text-align:center;padding:0; margin-right:5px; margin-bottom:5px; border:1px solid #eee; border-radius: var(--pa-border-radius);}
.selectpromotionrow .ant-radio-button-wrapper:nth-child(5n){ margin-right:0;}
.selectpromotionrow .ant-radio-button-wrapper.ant-radio-button-wrapper-checked{border:1px solid #f60}
.selectpromotionrow .ant-radio-button-wrapper.ant-radio-button-wrapper-disabled{color:#ccc!important;}

.style_edit_line3{ width:100%; float:left; margin-bottom:8px; text-align:left;position:relative; padding-top:10px;}
.style_edit_line3 label{ width:50%; float:left;}

/* cross promotion edit */
.cp_edit .style_edit_line.sub .assist_block { display: inline-block; float: left; width: 15px; margin-right: 5px; margin-top: 5px; height:15px; }
.cp_edit .style_edit_line.sub .assist_block > span { display: inline-block; float: right; width: 8px; height:8px; border: 1px solid #888; border-top: 0; border-right: 0; }
.cp_edit .style_edit_line.sub label { width: calc(100% - 21px); }
.cp_edit .style_edit_line4 { margin-bottom: 8px; }
.cp_edit .style_edit_line4 label { width: calc(100% - 26px); }
.cp_edit .style_edit_line4 .right_input { display: inline-block; width: 26px; }
.cp_edit .style_edit_line .selected_item { padding-left: 21px; margin-top: 5px; }
.cp_edit .style_edit_line .selected_item .ebay_id, .cp_edit .style_edit_line .selected_item .category_id, .cp_edit .style_edit_line .selected_item .site_id { display: inline-block; vertical-align: top; }
.cp_edit .style_edit_line .selected_item .ebay_id, .cp_edit .style_edit_line .selected_item .site_id { margin-right: 5px; }
.cp_edit .style_edit_line .selected_item .line1 { padding-top: 5px; }
.cp_edit .style_edit_line .selected_item .line1 > div { display: inline-block; vertical-align: top; width: calc(100% - 14px); }
.cp_edit .style_edit_line .selected_item .category_id, .cp_edit .style_edit_line .selected_item .category_path { color: #999; }
.cp_edit .style_edit_line .selected_item .ant-tag, .cp_edit .style_edit_line .selected_item .fa-times { display: inline-block; vertical-align: top; }
.cp_edit .style_edit_line .selected_item .ant-tag { width: calc(100% - 14px); padding-left: 0; margin: 0!important; background: #fff; }
.cp_edit .style_edit_line .selected_item .fa-times { width: 14px; color: #888; padding-top: 4px; }

.cp_edit .template_builds_left{ width:300px;float:left;}
.cp_edit .template_builds_frame{ margin-left:300px;}

/* end cross promotion edit */
.style_edit_select {
    padding-top: 15px;
}
.style_edit_select .ant-select {width: 230px;}

.margingroup{ width:100%;float:left;}
.margingroupbottom{ width:100%;float:left; margin-bottom:10px;}
.margingroup_div{ float:left; width:48%;margin-bottom:10px;}
.margingroup_div:nth-child(2n){float:right}
.margingroup_div span{ display:block; width:24%;padding-bottom:2px; text-align:center;color:#666;float:left; line-height:28px;}
.margingroup_div .ant-slider{ margin-top:2px!important;}
.margingroup_div div.ant-input-number{ width:76%!important; float:right; }

.paddingroup_div{width:100%;float:left;text-align:center;}
.paddingroup_div_text{ text-align:center; padding:0 10px;}
.paddingroup_div_t{width:100%;float:left;}
.paddingroup_div_c{width:100%;float:left; padding:5px 0;}
.paddingroup_div_l{ width:50%;float:left;}
.paddingroup_div_r{ width:50%;float:right;}
.paddingroup_div_b{width:100%;float:left;}
.paddingroup_div .ant-input-number{  width:60px;}

.style_edit_line_head .fa-caret-down{ padding-right:10px;}

.menupostionfloattype{ width:100%;float:left;}
.menupostionfloattype .ant-radio-wrapper{ display:block; width:50%;float:left;margin-right:0!important}
.menupostionfloattype  .ant-radio-wrapper span{ display:inherit!important;float:left;}



.tb_pictureupload{ width:100%;float:left;position:relative;}

.tb_picture_img{ height:75px; position:relative;vertical-align:middle; width:46%;float:left; border:1px solid #ccc; background:#fff url(../img/upload_bg.png) repeat;}
.tb_picture_img_inner{position:absolute;top:0; left:0;right:0;bottom:0; text-align:center;}
.tb_picture_img_inner .picture_inner_img{vertical-align:middle; max-width:94%; max-height:100%;}
.mfe-img-helper{ display:inline-block;height:100%;vertical-align:middle;}
.template-thumbnail .tb_picture_img{ height:200px;width:180px;}

.tb_picture_upload{float:right;width:50%; }
.tb_picture_upload .upload_selectpicture{ display:block!important; margin-bottom:5px;width:100%;float:right!important;border:1px solid #ccc!important; background:#eee;color:#333;}
.tb_picture_upload .upload_pictureupload{  width:100%!important;float:right;}
.tb_picture_upload .ant-upload.ant-upload-select{ width:100%!important}
.tb_pictureupload .fa.fa-times{border:1px solid #f00;position:absolute;z-index:999; top:0;left:10px; background:#f00;color:#fff!important; width:22px; height:22px; line-height:20px;border-bottom-left-radius:4px;border-bottom-right-radius:4px; text-align:center;vertical-align:middle}
.tb_pictureupload .fa.fa-times:hover{ background:#b20000;cursor:pointer;}
.upload_close_button{border:1px solid #f00;}
.template-thumbnail .tb_picture_upload{ float:left;width:200px;margin-left:20px;}

.templateimg_upload_msg{/*position:absolute;left:0;top:0;*/ width:100%; float:left;font-size:12px!important;border:1px solid #f90; background:#fff; padding:4px;color:#333; margin-bottom: 7px; }
.templateimg_upload_msg .anticon.anticon-close{border:1px solid #f00;border-radius:2px!important; background:#f00;color:#fff!important;margin:0 0 0 5px;float:right;}
.templateimg_upload_msg .anticon.anticon-close:hover{ background:#b20000;}

.data_input_group{ width:100%; float:left;margin-bottom:10px;}
.data_input_group_list{ width:100%; float:left; }
.data_input_group_list.marginbottom{ margin-bottom:10px;}
.data_input_group_list .ant-input{padding-left:24px;}
.data_input_group_list .data_group_link {position:relative;}
.data_input_group_list .data_group_link i{position:absolute;top:7px; left:5px;color:#333;}

.data_input_msg{ color:#f60; width:100%;float:left;}
.data_input_msg b{ padding:0 10px}

.data_menu_list{ width:100%;float:left;}
.data_menu_list_div{ width:100%;float:left;line-height:25px; margin-top:6px; }
.data_menu_list_div .fa-angle-right{ display:none}
.data_menu_list_div .data_menu_list_dbody{ width:100%;background:#eee;float:left;cursor:move;}

.data_menu_list_div.submenu .data_menu_list_dbody{ width:92%;float:right;cursor:move;}
.data_menu_list_div.submenu{ width:100%;float:left; line-height:26px; margin-top:2px;}
.data_menu_list_div.submenu .fa-angle-right{float:left; margin:6px 0;  display:block;color:#333;font-size:14px;}

.data_menu_list_div .data_menu_name{float:left;color:#333!important; margin-left:10px;}

.data_menu_action{float:right;}
.data_menu_action  i{ display:block; width:20px; height:20px; line-height:18px; text-align:center; margin-left:5px;color:#333;border-radius:2px!important;cursor:pointer;}
.data_menu_action  i.fa-trash{color:#DB0011;}

.style_edit_data_line{ margin:0 13px;}


.pt_style_thumbnail{border:1px solid #eee;}

.template_style_select{position:relative; width:48%;float:left;  height:60px;border:2px solid #ccc; background:#fff; margin-bottom:10px;overflow:hidden;cursor:pointer;}
.template_style_select label{ text-align:center;color:#333; overflow:hidden}
.template_style_select:nth-of-type(2n){ float:right;}
.template_style_select.active{border:2px solid #DB0011}
.template_style_select.active i{}
.template_style_select.active .floataction{position:absolute;top:-2px;z-index:999; right:0px;color:#fff!important; text-align:center; background:#DB0011; width:24px;height:24px; line-height:22px;border-bottom-left-radius:4px!important;border-bottom-right-radius:4px!important;}
.template_style_select.active .floataction:hover{ background:#08c;color:#fff;}
.select_style_list{ padding:0!important; height:37px!important; margin:0!important}


.templatepreview_Pad [class*="_body"]{ width: 100% !important; /*margin:0 1%!important*/}
 
.templatepreview_Mobile [class*="_body"]{ width: 100% !important; /*margin:0 2%!important*/}

.templatepreview_Mobile [class*="_body"] table{ width: 100% !important; /*margin:0 2%!important*/}

.templatepreview_Mobile img[class*="_body"]{ width: 100% !important; }

.templatepreview_Pad .pa_logobar_section_img,
.templatepreview_Mobile .pa_logobar_section_img{ width:240px!important; margin:20px auto;min-height:auto;clear:both!important;position:relative!important; left:0!important;top:0!important;right:0!important;bottom:0!important}

.templatepreview_Mobile .pa_logobar_section_img{width:200px!important;}

.templatepreview_Pad .pa_menu_section_bodyin,
.templatepreview_Mobile .pa_menu_section_bodyin{ clear:both!important;position:relative!important; left:0!important;top:0!important;right:0!important;bottom:0!important}

.templatepreview_Pad .pa_logobar_section_img img,
.templatepreview_Mobile .pa_logobar_section_img img{ width:100%!important}


.templatepreview_Pad .pa_description_section_img, 
.templatepreview_Mobile .pa_description_section_img{ width:100%!important}
.templatepreview_Pad .pa_description_section_text, 
.templatepreview_Mobile .pa_description_section_text{ width:100%!important;padding-top:10px;}
.templatepreview_Pad .pa_description_section_product_desc, 
.templatepreview_Mobile .pa_description_section_product_desc{ width:100%!important;}

 /* Terms list */
.templatepreview_Mobile #terms input {display: none;}
.templatepreview_Mobile #terms label{ width:auto; float:left;}
.templatepreview_Mobile #terms label.headlabel1 {display: none;}
.templatepreview_Mobile #terms label.headlabel2 {display: none;}
.templatepreview_Mobile #terms label.headlabel3 {display: none;}
.templatepreview_Mobile #terms label.headlabel4 {display: none;}
.templatepreview_Mobile #terms label.headlabel5 {display: none;}
.templatepreview_Mobile #terms #patemplate_termscontent_1,
.templatepreview_Mobile #terms #patemplate_termscontent_2,
.templatepreview_Mobile #terms #patemplate_termscontent_3,
.templatepreview_Mobile #terms #patemplate_termscontent_4{display: block; width:100%; float:left; margin-bottom:10px;}
.templatepreview_Mobile #terms #patemplate_termscontent_5{display: block;width:100%; float:left; }

.templatepreview_Mobile #terms #tab1:checked ~ #patemplate_termscontent_1 .template_terms_contentin,
.templatepreview_Mobile #terms #tab2:checked ~ #patemplate_termscontent_2 .template_terms_contentin,
.templatepreview_Mobile #terms #tab3:checked ~ #patemplate_termscontent_3 .template_terms_contentin,
.templatepreview_Mobile #terms #tab4:checked ~ #patemplate_termscontent_4 .template_terms_contentin,
.templatepreview_Mobile #terms #tab5:checked ~ #patemplate_termscontent_5 .template_terms_contentin {display: block;}

.templatepreview_Mobile #terms #tab1:checked ~ #patemplate_termscontent_1 label i:after,
.templatepreview_Mobile #terms #tab2:checked ~ #patemplate_termscontent_2 label i:after,
.templatepreview_Mobile #terms #tab3:checked ~ #patemplate_termscontent_3 label i:after,
.templatepreview_Mobile #terms #tab4:checked ~ #patemplate_termscontent_4 label i:after,
.templatepreview_Mobile #terms #tab5:checked ~ #patemplate_termscontent_5 label i:after {content:"+"; color:#fff;font-size:24px;font-family:Arial; font-weight:bold;}
.templatepreview_Mobile #terms .template_terms_contentin_t{ display:block!important; width:100%;  background:#333;color:#fff; position:relative;background:#333; text-align:left; background-repeat:repeat!important;}

/* Terms list 条款  */
.templatepreview_Mobile #terms label i{ display:block; width:26px;height:26px;line-height:24px;text-align:center; position:absolute; top:9px; right:5px;}
.templatepreview_Mobile #terms label i:after{content:"—"; color:#fff;font-size:16px; font-family:Arial; font-weight:bold;}
.templatepreview_Mobile #terms label {display: block; width:40%!important; padding:0;font-weight: 600;text-align:left!important;color: #fff;background:none; cursor:pointer; margin-left:10px!important;}
.templatepreview_Mobile #terms label:hover {color: #fff;background:none; cursor:pointer;}
.templatepreview_Mobile #terms .template_terms_contentin{ display:none}

.spacing_postion{width:100%;float:left;position:relative;}
.style_edit_decimalstep_box{ width:100%;float:left;}
.style_edit_decimalstep_icon{float:left;width:16%;float:left; padding:1px 0}
.style_edit_decimalstep_icon .border_radius_style_TL{background:url(../img/border_radius_bg.png) 0 0 no-repeat; width:21px; height:21px; display:block;}
.style_edit_decimalstep_icon .border_radius_style_TR{background:url(../img/border_radius_bg.png) -22px 0 no-repeat; width:21px; height:21px; display:block;}
.style_edit_decimalstep_icon .border_radius_style_BL{background:url(../img/border_radius_bg.png) 0 -23px no-repeat; width:21px; height:21px; display:block;}
.style_edit_decimalstep_icon .border_radius_style_BR{background:url(../img/border_radius_bg.png) -22px -23px no-repeat; width:21px; height:21px; display:block;}
.style_edit_decimalstep_icon .border_radius_style{background:url(../img/border_radius_bg.png) -46px 0px no-repeat; width:21px; height:21px; display:block;}

.style_edit_decimalstep_icon .padding_spacing_T{background:url(../img/spacing_bg.png) 0 0 no-repeat; width:22px; height:22px; display:block;}
.style_edit_decimalstep_icon .padding_spacing_B{background:url(../img/spacing_bg.png) -23px 0 no-repeat; width:22px; height:22px; display:block;}
.style_edit_decimalstep_icon .padding_spacing_L{background:url(../img/spacing_bg.png) 0 -23px no-repeat; width:22px; height:22px; display:block;}
.style_edit_decimalstep_icon .padding_spacing_R{background:url(../img/spacing_bg.png) -23px -23px no-repeat; width:22px; height:22px; display:block;}
.style_edit_decimalstep_icon .padding_spacing{background:url(../img/spacing_bg.png) -69px -23px no-repeat; width:22px; height:22px; display:block;}

.style_edit_decimalstep_icon .margin_spacing_T{background:url(../img/spacing_bg.png) -46px 0 no-repeat; width:22px; height:22px; display:block;}
.style_edit_decimalstep_icon .margin_spacing_B{background:url(../img/spacing_bg.png) -46px -23px no-repeat; width:22px; height:22px; display:block;}

.style_edit_decimalstep_icon .shade{background:url(../img/spacing_bg.png) -69px -0px no-repeat; width:22px; height:22px; display:block;}

.lockspacing_icon{position:absolute;top:-25px; right:2px;cursor:pointer}
.lockedspacing_icon{position:absolute;top:-25px; right:2px;cursor:pointer;color:#08C}

.style_edit_decimalstep_cnt{float:right;width:84%}


.style_edit_decimalstep{ width:100%; height:30px;float:left;margin-bottom:5px;}


.style_edit_decimalstep .ant-slider{margin:6px 0!important;}

.style_edit_decimalstep .ant-slider{ float:left; width:60%}
.style_edit_decimalstep .ant-slider-handle{border-radius:100%!important;border-color:#08C!important}
.style_edit_decimalstep .ant-slider-track{background-color:#08C!important;border-radius:2px!important;}
.style_edit_decimalstep .ant-slider-step{border-radius:2px!important}
.style_edit_decimalstep .ant-input-number{ float:right; width:32%; margin:0!important; height:26px;}
.style_edit_decimalstep .ant-input-number-input{  margin:0!important; height:26px!important; padding:0 6px!important}


/*--------------------------- Mobile & Pad ---------------------------*/

.templatepreview_Mobile .pa_content_section4{ padding:10px 0 0 0!important;}
.templatepreview_Mobile [class*="_section4_picture"] { width:100%!important; margin-bottom:10px;}

.templatepreview_Mobile .pa_content_section16{ padding:10px 0 0 0!important;}
.templatepreview_Mobile [class*="_section16_picture"] { width:49%!important; margin-bottom:10px;}
.templatepreview_Mobile [class*="_section16_picture"]:nth-of-type(2n){margin-right:0!important}

.templatepreview_Mobile .template_terms_contentin{ padding-top:20px!important;}
.templatepreview_Mobile .template_terms_contentin ul{padding:0; margin:0;margin-top:30px; margin-left:15px;}

.templatepreview_Mobile .pa_content_section7{ padding:10px 0 0 0!important;}
.templatepreview_Mobile [class*="_section7_picture"] { width:100%!important; margin-bottom:10px;}

.templatepreview_Mobile .pa_content_section8{ padding:10px 0 0 0!important;}
.templatepreview_Mobile [class*="_section8_picture"] { width:100%!important; margin-bottom:10px;}
.templatepreview_Mobile [class*="_section8_text"] { width:100%!important; margin-bottom:10px;}

.templatepreview_Mobile .pa_content_section9{ padding:10px 0 0 0!important;}
.templatepreview_Mobile [class*="_section9_picture"] { width:100%!important; margin-bottom:10px;}
.templatepreview_Mobile [class*="_section9_text"] { width:100%!important; margin-bottom:10px;}

.templatepreview_Mobile .pa_content_section11{ padding:10px 0 0 0!important;}
.templatepreview_Mobile .pa_content_section11_1{ width:100%!important;}
.templatepreview_Mobile .pa_content_section11_2{ width:100%!important;}
.templatepreview_Mobile [class*="_section11_picture"] { width:100%!important; margin-bottom:10px;}
.templatepreview_Mobile [class*="_section11_text"] { width:100%!important; margin-bottom:10px;}

.templatepreview_Mobile .pa_content_section12{ padding:10px 0 0 0!important;}
.templatepreview_Mobile .pa_content_section12_1{ width:100%!important;}
.templatepreview_Mobile .pa_content_section12_2{ width:100%!important;}
.templatepreview_Mobile [class*="_section12_picture"] { width:100%!important; margin-bottom:10px;}
.templatepreview_Mobile [class*="_section12_text"] { width:100%!important; margin-bottom:10px;}

.templatepreview_Mobile .pa_content_section13{ padding:10px 0 0 0!important;}
.templatepreview_Mobile .pa_content_section13_1{ width:100%!important;}
.templatepreview_Mobile .pa_content_section13_2{ width:100%!important;}
.templatepreview_Mobile .pa_content_section13_3{ width:100%!important;}
.templatepreview_Mobile [class*="_section13_picture"] { width:100%!important; margin-bottom:10px;}
.templatepreview_Mobile [class*="_section13_text"] { width:100%!important; margin-bottom:10px;}

.templatepreview_Mobile .pa_content_section18 { padding: 10px 0 0 0 !important;}
.templatepreview_Mobile [class*="_section18_picture"] { width:100%!important; margin-bottom:10px;}
.templatepreview_Mobile .pa_content_section1{ padding:10px 0 0 0!important;}
.templatepreview_Mobile [class*="_section1_picture"] { width:100%!important; margin-bottom:10px;}
.templatepreview_Mobile .pa_content_section2{ padding:10px 0 0 0!important;}
.templatepreview_Mobile [class*="_section2_picture"] { width:100%!important; margin-bottom:10px;}
.templatepreview_Mobile .pa_content_section5{ padding:10px 0 0 0!important;}
.templatepreview_Mobile [class*="_section5_picture"] { width:100%!important; margin-bottom:10px;}
.templatepreview_Mobile .pa_content_section6{ padding:10px 0 0 0!important;}
.templatepreview_Mobile [class*="_section6_picture"] { width:100%!important; margin-bottom:10px;}


.templatepreview_Mobile .pa_content_section20 { padding: 10px 0 0 0 !important;}
.templatepreview_Mobile .pa_content_section20_picture_l{ width:100%!important; margin-bottom:14px;} 
.templatepreview_Mobile .pa_content_section20_picture_r { width:100%!important; margin-bottom:14px;}
.templatepreview_Mobile .pa_content_section21 { padding: 10px 0 0 0 !important;}
.templatepreview_Mobile .pa_content_section21_picture_l{ width:100%!important; margin-bottom:14px;} 
.templatepreview_Mobile .pa_content_section21_picture_r { width:100%!important; margin-bottom:14px;}

.templatepreview_Mobile .pa_content_section22 { padding: 10px 0 0 0 !important;}
.templatepreview_Mobile .pa_content_section22_picture_l{ width:100%!important; margin-bottom:14px;} 
.templatepreview_Mobile .pa_content_section22_picture_r { width:100%!important; margin-bottom:14px;}
.templatepreview_Mobile .pa_content_section23 { padding: 10px 0 0 0 !important;}
.templatepreview_Mobile .pa_content_section23_picture_l{ width:100%!important; margin-bottom:14px;} 
.templatepreview_Mobile .pa_content_section23_picture_r { width:100%!important; margin-bottom:14px;}

.templatepreview_Mobile .pa_content_section24 { padding: 10px 0 0 0 !important;}
.templatepreview_Mobile .pa_content_section24_picture_l{ width:100%!important; margin-bottom:14px;} 
.templatepreview_Mobile .pa_content_section24_picture_r { width:100%!important; margin-bottom:14px;}
.templatepreview_Mobile .pa_content_section25 { padding: 10px 0 0 0 !important;}
.templatepreview_Mobile .pa_content_section25_picture_l{ width:100%!important; margin-bottom:14px;} 
.templatepreview_Mobile .pa_content_section25_picture_r { width:100%!important; margin-bottom:14px;}

.templatepreview_Mobile .pa_content_section26 { padding: 10px 0 0 0 !important;}
.templatepreview_Mobile .pa_content_section26_picture_l{ width:100%!important; margin-bottom:14px;} 
.templatepreview_Mobile .pa_content_section26_picture_r { width:100%!important; margin-bottom:14px;}
.templatepreview_Mobile .pa_content_section27 { padding: 10px 0 0 0 !important;}
.templatepreview_Mobile .pa_content_section27_picture_l{ width:100%!important; margin-bottom:14px;} 
.templatepreview_Mobile .pa_content_section27_picture_r { width:100%!important; margin-bottom:14px;}

.templatepreview_Mobile .pa_content_section28 { padding: 10px 0 0 0 !important;}
.templatepreview_Mobile .pa_content_section28_picture_l{ width:100%!important; margin-bottom:14px;} 
.templatepreview_Mobile .pa_content_section28_picture_r { width:100%!important; margin-bottom:14px;}
.templatepreview_Mobile .pa_content_section29 { padding: 10px 0 0 0 !important;}
.templatepreview_Mobile .pa_content_section29_picture_l{ width:100%!important; margin-bottom:14px;} 
.templatepreview_Mobile .pa_content_section29_picture_r { width:100%!important; margin-bottom:14px;}

.templatepreview_Mobile .pa_content_section30 { padding: 10px 0 0 0 !important;}
.templatepreview_Mobile .pa_content_section30_picture_l{ width:100%!important; margin-bottom:14px;} 
.templatepreview_Mobile .pa_content_section30_picture_r { width:100%!important; margin-bottom:14px;}
.templatepreview_Mobile .pa_content_section31 { padding: 10px 0 0 0 !important;}
.templatepreview_Mobile .pa_content_section31_picture_l{ width:100%!important; margin-bottom:14px;} 
.templatepreview_Mobile .pa_content_section31_picture_r { width:100%!important; margin-bottom:14px;}

.templatepreview_Mobile .pa_content_section32 {width:100%!important;margin-bottom:14px; }
.templatepreview_Mobile .pa_content_section32_picture_l{ width:100%!important; margin-bottom:14px;} 
.templatepreview_Mobile .pa_content_section32_picture_c { width:100%!important; margin-bottom:14px;margin-left:0;}
.templatepreview_Mobile .pa_content_section32_picture_c img{ width:100%;}
.templatepreview_Mobile .pa_content_section32_picture_r { width:100%!important; margin-bottom:14px;}


.templatepreview_Mobile .pa_content_section35_content1, 
.templatepreview_Mobile .pa_content_section35_content2{ width:100%!important; margin-bottom:14px;} 

.templatepreview_Mobile .pa_content_section36_content1, 
.templatepreview_Mobile .pa_content_section36_content2, 
.templatepreview_Mobile .pa_content_section36_content3{ width:100%!important; margin-bottom:14px;} 

.templatepreview_Mobile .pa_content_section37_content1, 
.templatepreview_Mobile .pa_content_section37_content2,  
.templatepreview_Mobile .pa_content_section37_content3, 
.templatepreview_Mobile .pa_content_section37_content4{ width:100%!important; margin-bottom:14px;} 

.templatepreview_Mobile .pa_content_section38_content1, 
.templatepreview_Mobile .pa_content_section38_content2, 
.templatepreview_Mobile .pa_content_section38_content3, 
.templatepreview_Mobile .pa_content_section38_content4, 
.templatepreview_Mobile .pa_content_section38_content5{ width:100%!important; margin-bottom:14px;} 


.templatepreview_Mobile #paItemSliderGalleryContainer {width: 180px}

.templatepreview_Pad #paItemSliderGalleryContainer {width: 540px}
.templatepreview_Pad .pa_content_section5_picture2{ margin-bottom:11px;}
.templatepreview_Pad .pa_content_section6_picture1{ margin-bottom:11px;}

.templatepreview_Pad .pa_content_section7_picture1{ margin-bottom:11px;}
.templatepreview_Pad .pa_content_section7_picture2{ margin-bottom:0;}
.templatepreview_Pad .pa_content_section7_picture3{ margin-bottom:11px;}
.templatepreview_Pad .pa_content_section7_picture4{ margin-bottom:0;}


.templatepreview_Pad .pa_content_section11{ padding:10px 0 0 0!important;}
.templatepreview_Pad [class*="_section11_picture"] { width:100%!important; margin-bottom:10px;}
.templatepreview_Pad [class*="_section11_text"] { width:100%!important; margin-bottom:10px;}

.templatepreview_Pad .pa_content_section12{ padding:10px 0 0 0!important;}
.templatepreview_Pad [class*="_section12_picture"] { width:100%!important; margin-bottom:10px;}
.templatepreview_Pad [class*="_section12_text"] { width:100%!important; margin-bottom:10px;}

.templatepreview_Pad .pa_content_section13{ padding:10px 0 0 0!important;}
.templatepreview_Pad [class*="_section13_picture"] { width:100%!important; margin-bottom:10px;}
.templatepreview_Pad [class*="_section13_text"] { width:100%!important; margin-bottom:10px;}


.templatepreview_Mobile .pa_menu_section{display:none!important}

.style_color_select { width:100%;float:left; padding:0; margin:0;}
.style_color_select .ant-radio-wrapper{ width:100%;float:left;}
.style_color_select .ant-radio-wrapper:first-child{height:28px;}

.style_edit_line3{width:100%; float:left;  text-align:left;position:relative; }
.style_edit_line3  label{ display:block; width:100%; float:left; }
.style_edit_line3 .style_color_select label{  margin-top:5px;}
.style_edit_line3 .right_input{ width:50%;float:right; text-align:right;}
.style_edit_line3 .right_input .ant-input-number,
.style_edit_line3 .right_input .ant-input{width:100%}
.style_edit_line3 .style_color_button{ position:absolute; top:2px; right:3px;width:23px!important; height:23px!important;border:1px solid #ccc!important; padding:3px 5px;}

.border_bottom{border-bottom:1px solid #999;  padding-bottom:13px;}

.style_label_title{line-height:23px;}


.template5edit_previe_list{ float:left;background:#fff; margin:10px;}
.template5edit_previe_list .name{ text-align:center; font-weight:bold; padding-bottom:10px;}
.template5edit_previe_list .action{ line-height:20px; text-align:left; float:left;  width:100%; margin-bottom:3px;border:1px solid #ccc;border-top:none!important;border-bottom-left-radius:2px!important;border-bottom-right-radius:2px!important}
.template5edit_previe_list .action .action_left{ width:50%;float:left; text-align:center; display:block; line-height:30px;}
.template5edit_previe_list .action .action_right{ width:50%;float:right; text-align:center; display:block; line-height:30px;border-left:1px solid #ccc;}
.template5edit_previe_list .action a:hover{ background:#eee;}

.template5edit_previe_wrap {
    width: 400px;
    position: relative;
    background-repeat: no-repeat;
    background-color: transparent;
    background-position: 48px 13px;
    background-size: 76% auto;
    -webkit-transition: background-position-y 5s ease-out;
    -moz-transition: background-position-y 5s ease-out;
    -ms-transition: background-position-y 5s ease-out;
    -o-transition: background-position-y 5s ease-out;
    transition: background-position-y 5s ease-out;
    max-width: 400px;
    height: 230px;
}
.template5edit_previe_wrap:hover{ background-position: 48px 100%;}

.template5edit_previe_wrap img{ width:100%}

.template5_preview_modal .pa-modal-content { padding:0!important; margin:0!important}


.mystore5_box_mobilepic1{width:160px; float:left;text-align:center;padding-bottom:7px; height:320px; background:url(/dist/assets/layouts/layout/img/phone_mobile_bg.png) 0 0 no-repeat; background-size:100%;}
.mystore5_box_mobilepic1 .mystore_box_title{ margin-left:1px; margin-bottom:6px;}
.mystore5_box_mobilepic1 .small_tempimg{ width:160px; height:280px; overflow:hidden; display:block; margin-left:0px; margin-top:23px;}
.mystore5_box_mobilepic1 .small_tempimg img { width:140px;}

.template5_builds_previews iframe{ background:#ccc}

.sizetablesetting5 .ant-radio-wrapper {float: left;}
.sizetablesetting5 .ant-radio-wrapper:after{ display:none;}
.sizetablesetting5 .ant-radio-wrapper.ant-radio-wrapper{ line-height:0!important;}
.sizetablesetting5 .ant-radio-wrapper .ant-radio { display: none;}
.sizetablesetting5 .ant-radio-wrapper { border: 1px solid #ccc; background:#fff; display: inline-block; width:22.6%!important; margin-right:3%!important; margin-top:10px;  cursor: pointer; text-align: center; line-height: 20px; font-family: Arial; float:left;}   
.sizetablesetting5 .ant-radio-wrapper:nth-of-type(1), .sizetablesetting5 .ant-radio-wrapper:nth-of-type(2), .sizetablesetting5 .ant-radio-wrapper:nth-of-type(3), .sizetablesetting5 .ant-radio-wrapper:nth-of-type(4){ margin-top:2px!important}
.sizetablesetting5 .ant-radio-wrapper:nth-of-type(4n){ margin-right:0!important;}
.sizetablesetting5 .ant-radio-wrapper.ant-radio-wrapper-checked {  border: 1px solid #DB0011; display: inline-block; position: relative; }
.sizetablesetting5 .ant-radio-wrapper.ant-radio-wrapper-checked i { position: absolute;top: 0; right: 0; font-size: 0; margin: 0px; width: 0;height: 0; border-top: 0px solid transparent;border-right: 14px solid #DB0011;border-bottom: 14px solid transparent;}
.sizetablesetting5 .ant-radio-wrapper img{ float:left; margin:4px;width:100%}
.sizetablesetting5 .ant-radio-wrapper label{ color:#333;font-size:11px; width:100%;float:left;display:block; margin-bottom:0!important}
.sizetablesetting5 .ant-radio-wrapper span{padding-left:0!important}

.pa_category_section .pa_category_section_header{ padding:10px; text-align:left;}
.pa_category_section ul, .pa_category_section ul li{ padding:0; margin:0; list-style-type:none; text-align:left;}
.pa_category_section ul li{ width:100%;float:left;}
.pa_category_section ul li a{ width:100%;float:left; padding:8px 0; padding-left:10px; }
.pa_category_section ul .subcategory a{ padding:8px 0; padding-left:30px;list-style-type:disc}

.storedata{ padding-top:10px; width:100%;float:left;}
.link_edit{ padding-left:10px;}
.subcategory{ margin-left:10%;}
.pa_template_frame_body{padding-bottom:30px}

.frame1 .pa_template_frame_body{ width:100%;float:left;}
.frame1 .pa_template_frame_header{width:100%;float:left;}
.frame1 .pa_template_frame_main{width:100%;float:left;}
.frame1 .pa_template_frame_main_body{width:100%;float:left;}
.frame1 .pa_template_frame_category{display:none}
.frame1 .pa_template_frame_content{width:100%;float:right;}
.frame1 .pa_template_frame_footer{width:100%;float:left;}

.frame2 .pa_template_frame_body{ width:100%;float:left;}
.frame2 .pa_template_frame_header{width:100%;float:left;}
.frame2 .pa_template_frame_main{width:100%;float:left;}
.frame2 .pa_template_frame_main_body{ margin:0 auto;}
.frame2 .pa_template_frame_category{width:20%;float:left;}
.frame2 .pa_category_section .pa_category_section_header{ padding:10px; text-align:left;}
.frame2 .pa_category_section [class*="_body"]{ width:100%!important;}
.frame2 .pa_template_frame_content{width:78%;float:right;}
.frame2 .pa_template_frame_content [class*="_body"]{ width:100%!important;}
.frame2 .pa_template_frame_footer{width:100%;float:left;}

.frame3 .pa_template_frame_body{ width:100%;float:left;}
.frame3 .pa_template_frame_header{width:100%;float:left;}
.frame3 .pa_template_frame_main{width:100%;float:left;}
.frame3 .pa_template_frame_main_body{margin:0 auto;}
.frame3 .pa_template_frame_category{width:20%;float:right;}
.frame3 .pa_category_section [class*="_body"]{ width:100%!important;}
.frame3 .pa_template_frame_content{width:78%;float:left;}
.frame3 .pa_template_frame_content [class*="_body"]{ width:100%!important;}
.frame3 .pa_template_frame_footer{width:100%;float:left;}

.templatepreview_PC .frame2 .pa_template_frame_content #paItemSliderGalleryContainer{ width:720px!important}
.templatepreview_PC .frame3 .pa_template_frame_content #paItemSliderGalleryContainer{ width:720px!important}
.templatepreview_Mobile, .templatepreview_Pad{ margin:0 auto!important;}
.templatepreview_Mobile .pa_template_frame_category, .templatepreview_Pad .pa_template_frame_category{ display:none}
.templatepreview_Mobile .pa_template_frame_content, .templatepreview_Pad .pa_template_frame_content{ width:100%!important}
.templatepreview_Mobile .pa_template_frame_main_body, .templatepreview_Pad .pa_template_frame_main_body{ width:100%!important; margin:0!important}

.pa_template_frame_category .pa_category_section_header{ padding:10px; text-align:left;}
.pa_template_frame_category ul, .pa_template_frame_category ul li{ padding:0; margin:0; list-style-type:none; text-align:left;}
.pa_template_frame_category ul li{ width:100%;float:left;}
.pa_template_frame_category ul li a{ width:100%;float:left; padding:8px 0;  }
.pa_template_frame_category ul li a span{ margin-left:10px;}
.pa_template_frame_category ul .subcategory a{ padding:8px 0; background-image:url(../images/category_bg.png); background-position:11px -5px; background-repeat:no-repeat}
.pa_template_frame_category ul .subcategory a span{ margin-left:20px}


.storelayout_preview{width:100%;border:2px solid #ccc}
.storelayout_preview_header{width:100%; height:15px; line-height:14px; border-bottom:2px solid #ccc;color:#333;font-size:8px;}
.storelayout_preview_min{width:100%; height:65px;}
.storelayout_preview_category{width:18px; height:65px;color:#333;font-size:10px!important;position:relative;}
.storelayout_preview_footer{width:100%; height:15px; line-height:14px;border-top:2px solid #ccc;color:#333;font-size:8px;position:relative;}
.storelayout_preview_content { line-height:65px; }
.storelayout2 .storelayout_preview_category, .storelayout3 .storelayout_preview_category  { position:relative;}
.storelayout2 .storelayout_preview_category span{-moz-transform: rotate(-90deg);-webkit-transform: rotate(-90deg); display:block; position:absolute;left:0;top:54px;}
.storelayout3 .storelayout_preview_category span{-moz-transform: rotate(-90deg);-webkit-transform: rotate(-90deg); display:block; position:absolute;right:0px;top:54px;}
.storelayout2 .storelayout_preview_category{ float:left;border-right:2px solid #ccc;}
.storelayout3 .storelayout_preview_category{ float:right;border-left:2px solid #ccc;}

.ant-radio-group.store_layout .ant-radio-wrapper.ant-radio-wrapper-checked .storelayout_preview_header{border-bottom:2px solid #08C;background:#d2f0ff}
.ant-radio-group.store_layout .ant-radio-wrapper.ant-radio-wrapper-checked .storelayout_preview{border:2px solid #08C}
.ant-radio-group.store_layout .ant-radio-wrapper.ant-radio-wrapper-checked .storelayout_preview_content{background:#d2f0ff}
.ant-radio-group.store_layout .ant-radio-wrapper.ant-radio-wrapper-checked .storelayout2 .storelayout_preview_category{border-right:2px solid #08C;background:#d2f0ff}
.ant-radio-group.store_layout .ant-radio-wrapper.ant-radio-wrapper-checked .storelayout3 .storelayout_preview_category{border-left:2px solid #08C;background:#d2f0ff}
.ant-radio-group.store_layout .ant-radio-wrapper.ant-radio-wrapper-checked .storelayout_preview_footer{border-top:2px solid #08C;background:#d2f0ff}

.ant-radio-group.store_layout .ant-radio-wrapper{padding-top:10px;line-height:0;}
.ant-radio-group.store_layout {width: 100%; text-align:center;}
.style_edit_line .store_layout .and-radio-wrapper {text-align:center;}
.style_edit_line .store_layout .ant-radio{ display:none;padding:0!important;margin:0!important}
.style_edit_line .store_layout .ant-radio ~ span{padding:0!important;margin:0!important}
.style_edit_line .store_layout span{ width:100%}


.storedata_header{ width:100%;float:left; margin-bottom:10px;}
.storedata_header label{ display:block; width:10%;float:left;line-height:32px;}
.storedata_header .storedata_input{ display:block; width:30%;float:left;line-height:32px;}
.storedata_header .storedata_button{ float:right;}
.storedata_body{ padding-bottom:30px; width:100%;float:left;}

.storedata_head{ background:#eee; width:100%;float:left;line-height:32px;border:1px solid #ccc;border-bottom:0;}
.storedata_order{ width:5%;float:left;border-right:1px solid #ccc;height:42px; line-height:32px;padding:5px; cursor: move;}
.storedata_name{ display:block; width:30%;float:left;border-right:1px solid #ccc;line-height:32px; padding:5px;}
.storedata_link{ display:block; width:55%;float:left;border-right:1px solid #ccc;line-height:32px;padding:5px;}
.storedata_action{ width:10%;float:left; line-height:32px;padding:5px;}
.storedata_action a{ padding-right:10px;}
.storedata_list {width: 100%;background:#fff;border:1px solid #ccc;border-top:0; width:100%;float:left;}
.storedata_list:nth-column(2n) {background:#eee;}
.storedata_list_child { width: 100%; float: left; border-top: 1px solid #ccc }

.addnewline{ padding-top:10px;float:left;}


@media(min-width:240px) and (max-width:1400px) {
    .pa_productcomparison_section_body{width:100%!important}
    .pa_feedback_section_body .pa_feedback_section_main table { width: 100% !important}
     div#picdes_lis_11 .floatleft img, div#picdes_lis_12 .floatleft img { max-width:100% !important }
}


.style_HEADER{border-bottom:2px dashed #ddd;width:100%;float:left;}
.style_BODY{border-left:2px dashed #ddd;width:70%;float:right;min-height:180px}
.style_CATEGORY{ width:30%;float:left;}
.style_FOOTER{border-top:2px dashed #ddd;width:100%;float:left;}
.style_HEADER .module_incloud img, .style_FOOTER .module_incloud img{ width:150px;}
.style_CATEGORY .module_incloud img{ width:44px;}

.template_style_modulecnt.style1 .style_BODY{ border-left:none;width:100%;}

.template_style_modulecnt.style3 .style_CATEGORY{ width:30%;float:right;}
.template_style_modulecnt.style3 .style_BODY{ width:70%;float:left;border-right:2px dashed #ddd;border-left:0;}


.module_preview { position: relative;width: 100%; float: left;}
.module_preview ~ div {margin: 0 auto;}
.module_preview.active,.module_preview.active:hover{box-shadow:0px 0px 0px 3px #08C; z-index: 9999;}
.module_preview:hover{box-shadow:0px 0px 0px 3px #999; z-index: 9999;}
.section{position:relative;}
.floataction_action{ position: absolute; top: -42px; left: 50%; margin-left:-42px; width:auto;height:42px; display:none}
.style_CATEGORY .floataction_action{ position: absolute; top: -42px;left:0; margin-left:0; width:90px;height:42px; display:none}

.floataction_icon{background:#08C;width:100%;float:left; padding:2px;border-radius:4px;}
.floataction_icon:before { content:"";position:absolute; bottom:5px; left:48%; border-left:6px solid transparent;border-right:6px solid transparent;border-top: 6px solid #08C;}
.floataction_icon label{float:left;color:#fff;font-size:12px; padding:4px;}
.floataction_icon span i{font-size:14px;}
.floataction_icon span {float:left; display: block; width: 27px;height: 27px; line-height: 22px; background: #08C; text-align: center; color: #fff !important;}
.floataction_icon span:hover, .floataction_r span:hover {  background: #0073AA; cursor: pointer}
.floataction_icon .floataction_delete { background: #f00;}

.moreaction{position:relative;}
.moreaction ul{display:none; width:140px; text-align:left;box-shadow:0px 0px 10px #bababa; border-radius: var(--pa-border-radius); background:#F7F7F7;}
.moreaction ul, .moreaction ul li{ padding:0; margin:0; list-style-type:none;}
.moreaction ul li{color:#333;font-size:12px;}
.moreaction ul li:hover{ background:#eee;}
.moreaction ul li a{ padding:0 10px;}
.moreaction ul li.borderline{border-bottom:1px solid #eee;}
.moreaction:hover ul{display:block;margin-top:4px;position:absolute;top:24px;right:0;z-index:999999999}

.style_CATEGORY .floataction_action .moreaction:hover ul{left:0!important;}

.module_incloud{width:90%; margin:0 auto; margin-top:10px;border:1px solid #eee;position:relative; background:#fff;text-align:center;}
.module_incloud:hover{box-shadow:0px 0px 0px 3px #08C;}
.module_incloud img{ width:150px; margin:0 auto;}
.module_incloud.active{box-shadow:0px 0px 0px 3px #08C;}
.module_incloud .floataction_action{ display:none;}
.module_incloud:hover .floataction_action{ display:block;}
.module_incloud:hover .floataction_action span.deleteicon{ color:#E04C43}

.module_incloud.sortable-chosen{border:1px double #f60!important}

.module_region_title { height: 24px; color:#333;padding: 5px 12px;font-size:12px;}

.template_style_modulecnt_action{ width:100%; text-align:center; padding:5px;}
.template_style_modulecnt_action i{ display:block; width:50px; height:28px; text-align:center;border:1px dashed #eee; line-height:26px!important;}
.template_style_modulecnt_action i.disabled{color:#eee;cursor:not-allowed}
.template_style_modulecnt_action:hover i{ border:1px solid #08C; cursor:pointer;}
.template_style_modulecnt_action:hover  i.disabled{border:1px dashed #eee;}

.actioniconhide2{ display:none!important;}

.template_image_mobile_review_panel { width: 100%; background: #f7f7f7; }
.template_image_mobile_review_panel .mobile_panelin { width: 400px; margin: auto auto;}
.template_image_mobile_review_panel .mobileexampelimage { transition: bottom, 1s ease; } 
.template_image_mobile_review_panel .arrow-up, .arrow-down { width: 0; height: 0; border-left: 12px solid transparent; border-right: 12px solid transparent; display: block; }
.template_image_mobile_review_panel .arrow-up { border-bottom: 20px solid #eee; }
.template_image_mobile_review_panel .arrow-down { border-top: 20px solid #eee;  margin-top: 344px; }
.template_image_mobile_review_panel .arrows { position: absolute; top: 10px; left: 336px; top: 96px; }
.template_image_mobile_review_panel .mobileexample {  background-image: url(../img/phone_mobile_bg.png); width: 360px;background-repeat: no-repeat; height: 620px; float: left; position: relative;}
.template_image_mobile_review_panel .mobileinner { background-color: #fff; overflow: hidden; height: 540px;  left: 16px; position: absolute; top: 39px; width: 280px; }
.template_image_mobile_review_panel .mobileinner img { width: 280px; position: relative; }
.template_image_mobile_review_panel .panel { margin-left: -20px; min-height: 300px; padding: 10px 20px 10px 20px; width: 970px; border-top: 1px solid #fff; }
.template_image_mobile_review_panel .panel.white { border-top: 1px solid #eee;width: 100%; float: left;}
.template_image_mobile_review_panel .panel .arrow-up { border-bottom: 20px solid #555;}
.template_image_mobile_review_panel .panel .arrow-down { border-top: 20px solid #555; }


.bg_vertical_top{ display:block; width:23px; height:26px; background:url(../img/background_hv_bg.png) 0 -26px no-repeat; margin:2px auto}
.bg_vertical_center{ display:block;width:23px; height:26px; background:url(../img/background_hv_bg.png) -27px -26px no-repeat; margin:2px auto}
.bg_vertical_bottom{ display:block;width:23px; height:26px; background:url(../img/background_hv_bg.png) -54px -26px no-repeat; margin:2px auto}
.bg_horizontal_left{ display:block;width:23px; height:26px; background:url(../img/background_hv_bg.png) 0 0 no-repeat; margin:2px auto}
.bg_horizontal_center{ display:block;width:23px; height:26px; background:url(../img/background_hv_bg.png) -27px 0 no-repeat; margin:2px auto}
.bg_horizontal_right{ display:block;width:23px; height:26px; background:url(../img/background_hv_bg.png) -54px 0 no-repeat; margin:2px auto}

.backgroundalight{ float:right;}
.backgroundalight .ant-radio-button-wrapper { width:34px;height:28px; padding:0; text-align:center; border:none!important;}
.backgroundalight .ant-radio-button-wrapper-checked{ background:#ddd!important;}

.bg_repeat_vertical{margin:3px auto;display:block; width:24px; height:22px; background:url(../img/background_repeat_bg.png) -58px 0 no-repeat;}
.bg_repeat_horizontal{margin:3px auto;display:block; width:24px; height:22px; background:url(../img/background_repeat_bg.png) -92px 0 no-repeat;}
.bg_repeat_all{margin:3px auto;display:block; width:25px; height:22px; background:url(../img/background_repeat_bg.png) -29px 0 no-repeat;}
.bg_repeat_none{margin:3px auto;display:block; width:24px; height:22px; background:url(../img/background_repeat_bg.png) 0 0 no-repeat;}

.backgroundrepeat{ float:right;}
.backgroundrepeat .ant-radio-button-wrapper { width:34px;height:28px; padding:0; text-align:center;border:none!important;}
.backgroundrepeat .ant-radio-button-wrapper-checked{ background:#ddd!important;}

.backgroundselect{ float:right;}
.backgroundselect .ant-radio-button-wrapper { width:34px; padding:0; text-align:center;border:none!important;}
.backgroundselect .ant-radio-button-wrapper-checked{ background:#eee!important;}
.backgroundselect .fa.fa-graient{background:linear-gradient(0deg, #000, #ccc)!important;color:transparent!important}

.style_edit_line_bg{ width:100%; float:left; margin-bottom:8px; text-align:left;position:relative;}
.style_edit_line_bg label{ width:34%; float:left;}
.style_edit_line_bg .right_input{ width:66%;float:right; text-align:right;}
.style_edit_line_bg .right_input .ant-input-number, 
.style_edit_line_bg .right_input .ant-input, 
.style_edit_line_bg .right_input .ant-select{width:100%}
.style_edit_line_bg .style_color_button{ position:absolute; top:3px; right:3px;width:23px!important; height:23px!important;border:1px solid #ccc!important; padding:3px 5px;border-radius:0!important}
.style_edit_line_bg .ant-input-number-input{ height:26px!important }

.gradient_background_group{width:100%;float:left;}
.gradient_background_color{ width:65%;float:left;}
.gradient_background_color_row{ width:100%;float:left;}
.gradient_background_color_row:nth-child(1){ margin-bottom:5px;}
.gradient_background_color_row .ant-input{ width:110px!important; height:28px!important;position:relative}
.gradient_background_color_row .style_color_choose{position:relative}
.gradient_background_color_row span .style_color_button{ position:absolute; top:-4px; right:3px;width:22px!important; height:22px!important;border:1px solid #ccc!important; padding:3px 5px;border-radius:0!important}
.gradient_background_color_row span .ant-input-number-input{ height:26px!important }

.gradient_background_set{width:35%;float:right; text-align:right;}
.gradient_background_set_action{float:right; margin-bottom:5px; text-align:right}
.gradient_background_set_action .action_button{display:block;float:left; border:1px solid #ccc;width:28px; height:28px; text-align:center; margin-left:6px;cursor:pointer;}
.gradient_background_set_action .action_button i{margin:6px 4px;}
.gradient_background_set_action .action_button:hover{background:#eee;}
.gradient_background_set_angle{}
.gradient_background_set_angle .ant-input-number{ width:62px!important;float:right}

.description_layout_1{margin:3px auto;display:block; width:24px; height:22px; background:url(../img/description_layout.png) 0 0 no-repeat;}
.description_layout_2{margin:3px auto;display:block; width:24px; height:22px; background:url(../img/description_layout.png) -25px 0 no-repeat;}
.description_layout_3{margin:3px auto;display:block; width:25px; height:22px; background:url(../img/description_layout.png) -50px 0 no-repeat;}

.description_layout_radio{ width:100%;}
.description_layout_radio .ant-radio-button-wrapper { width:33.33%;height:28px; padding:0; text-align:center; border:none!important;}
.description_layout_radio .ant-radio-button-wrapper-checked{ background:#ddd!important;}

.border_border-top, 
.border_border-bottom, 
.border_border-left, 
.border_border-right{ display:block; width:27px; height:27px; background:url(../img/border_bg.png) no-repeat;}

.border_border-top {background-position:0 0;}
.border_border-right{background-position:-28px 0;}
.border_border-bottom{background-position:-56px 0;}
.border_border-left{background-position:-84px 0;}

.border_style_group{ float:right}

.bordertype{display:block; width:27px; height:27px;float:left;cursor:pointer; margin-left:3px;}
.bordertype.selected{background:#eee;}


.border_style_dotted{display:block; width:27px; height:27px; background:url(../img/border_type_bg.png) -84px 0 no-repeat;}
.border_style_dashed{display:block; width:27px; height:27px; background:url(../img/border_type_bg.png) -56px 0 no-repeat;}
.border_style_solid{display:block; width:27px; height:27px; background:url(../img/border_type_bg.png) 0 0 no-repeat;}
.border_style_double{display:block; width:27px; height:27px; background:url(../img/border_type_bg.png) -28px 0 no-repeat;}
.border_style_groove{display:block; width:27px; height:27px; background:url(../img/border_type_bg.png) 0 -28px no-repeat;}
.border_style_ridge{display:block; width:27px; height:27px; background:url(../img/border_type_bg.png) -28px -28px no-repeat;}
.border_style_inset{display:block; width:27px; height:27px; background:url(../img/border_type_bg.png) -56px -28px no-repeat;}
.border_style_outset{display:block; width:27px; height:27px; background:url(../img/border_type_bg.png) -84px -28px no-repeat;}
.border_style_select{ float:right;}
.border_style_select .ant-radio-button-wrapper { width:27px; height:27px; padding:0; text-align:center;border:none!important; margin-left:3px;float:right}
.border_style_select .ant-radio-button-wrapper-checked{ background:#eee!important;}
.border_style_select .fa.fa-graient{background:linear-gradient(0deg, #000, #ccc)!important;color:transparent!important}


.height_set_group{ width:100%!important}
.height_set_group .ant-radio-button-wrapper { width:50%; padding:0; text-align:center;border:none!important;}
.height_set_group .ant-radio-button-wrapper-checked{ background:#eee!important;}

.responsive_body{ padding:20px 10px;}
.responsiveicon{ margin-top:20px;font-size:28px;}
.responsiveicon.fa-desktop{font-size:22px;}
.responsiveicon.fa-mobile{font-size:32px;}
.responsiveicon.active { color: #08C}

.responsive_title{ line-height:30px;}
.responsive_title .fa{ display:block; width:30px;height:30px; font-size:18px;float:left;text-align:center; line-height:30px; margin-right:5px;}
.responsive_title .fa-desktop{font-size:20px;}
.responsive_title .fa-laptop {font-size: 22px;}
.responsive_title .fa-tablet {font-size: 22px;}
.responsive_title .fa-mobile {font-size: 32px;}

.devicetype_list, .devicetype_list li{padding:0; margin:0; list-style-type:none;}
.devicetype_list{width:100%;float:left;border:1px solid #ccc; border-radius: var(--pa-border-radius); overflow: hidden; margin-bottom:10px;}
.devicetype_list li{ padding:0; margin:0; list-style-type:none; width:20%; height:42px; float:left;text-align:center!important;border-left:1px solid #ccc;cursor:pointer;}
.devicetype_list li:first-child{border-left:none;}
.devicetype_list li span{ display:block; height:42px; width:100%;text-align:center!important;border:1px solid #fff;}
.devicetype_list li span.selected{ background:#eee!important;}
.devicetype_list li span i{font-size:20px; line-height:42px!important;  }
.devicetype_list li span i.fa-mobile{ font-size:28px;}
.devicetype_list li span i.fa-tablet{ font-size:24px;}

.tagpostiontype span.ant-radio-button{padding: 0 10px !important}
.tagpostiontype .ant-radio-button-wrapper{padding:0!important }
.tagpostiontype .ant-radio-wrapper{margin-inline-end:0!important}

.discount_tag_style_1{ background:url(../img/sale_image.png) 0 0 no-repeat; width:50px; height:50px;display:block; margin:5px auto;}
.discount_tag_style_2{ background:url(../img/sale_image.png) -50px 0 no-repeat; width:50px; height:50px;display:block; margin:5px auto;}
.discount_tag_style_3{ background:url(../img/sale_image.png) -100px 0 no-repeat; width:50px; height:50px;display:block; margin:5px auto;}
.discount_tag_style_4{ background:url(../img/sale_image.png) -150px 0 no-repeat; width:50px; height:50px;display:block;margin:5px auto;}
.discount_tag_style_5{ background:url(../img/sale_image.png) 0 -50px no-repeat; width:50px; height:50px;display:block;margin:5px auto;}
.discount_tag_style_6{ background:url(../img/sale_image.png) -50px -50px no-repeat; width:50px; height:50px;display:block;margin:5px auto;}
.discount_tag_style_7{ background:url(../img/sale_image.png) -100px -50px no-repeat; width:50px; height:50px;display:block;margin:5px auto;}
.discount_tag_style_8{ background:url(../img/sale_image.png) -150px -50px no-repeat; width:50px; height:50px;display:block;margin:5px auto;}
.discount_tag_style_9{ background:url(../img/sale_image.png) 0 -100px no-repeat; width:50px; height:50px;display:block;margin:5px auto;}
.discount_tag_style_10{ background:url(../img/sale_image.png) -50px -100px no-repeat; width:50px; height:50px;display:block;margin:5px auto;}
.discount_tag_style_11{ background:url(../img/sale_image.png) -100px -100px no-repeat; width:50px; height:50px;display:block;margin:5px auto;}
.discount_tag_style_12{ background:url(../img/sale_image.png) -150px -100px no-repeat; width:50px; height:50px;display:block;margin:5px auto;}

.discount_tag_group{ width:100%!important}
.discount_tag_group .ant-radio-button-wrapper { width:59px; height:60px; text-align:center;border:1px solid #eee; border-radius: var(--pa-border-radius); margin:0 5px 5px 0}
.discount_tag_group .ant-radio-button-wrapper:nth-child(4n){ margin-right:0!important}
.discount_tag_group .ant-radio-button-wrapper-checked{ background:#eee!important;}