.clear{ clear:both}
body{ width:100%; background-color: #181818; height:auto; margin:0; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#ddd; line-height:22px }
#top-menu-bg{ height:50px; position: fixed; z-index: 9;background:#666; border-bottom: 1px solid #999; top: 0; left: 0; right: 0;}
#top-menu-wrap{ width: 1050px; margin: auto; }
.top-menu{ width:280px; position:fixed; top:51px; left:-280px; bottom: 0px; background: #000000cc; padding: 20px; box-sizing: border-box; z-index: 9;}	
	.top-menu a { display:block; text-decoration:none; height:14px; padding:10px 20px 14px 20px; font-size:14px; color:#aaa; background: #242424; border-left: 3px solid #454545; margin-bottom: 2px; border-radius: 5px; }
	.top-menu a.current{ color: #f88c00; background:#864c00; border-left: 3px solid #f88c00 }
	.top-menu a:hover{ color: #f88c00; border-left-color: #f88c00;}
	.top-menu a i{ font-size: 18px; width: 30px;}

.menu-opener{ float:left; margin-top:7px;}
.menu-opener a { background:#454545; display: block; padding: 6px 10px 0px 10px; border-radius: 5px; }
.menu-opener a:hover{ background-color: #f88c00; color: #fff}
.menu-opener i{ font-size:26px; color:#ddd }

.logo{ float: left; margin-top: 3px; margin-left: 10px; }
.logo img{ float: left; margin-top: 5px; margin-right: 10px;}
.logo span{ float: left; margin-top: 14px;}

.fb-logged-in{  float: right; background-color: #242424; border-radius: 20px; height: 40px; padding: 2px; margin-top: 4px }
.fb-logged-in-pic{ width: 40px; height: 40px; border-radius: 20px; overflow: hidden; float: left;}
.fb-logged-in img{ width: 100%; height: 100%; }
.fb-logged-in span{ float: left; margin-top:10px; margin-left: 10px;}
.fb-logged-in a{ color: #f00; display: block; float: left; margin-left: 10px; margin-top: 5px; margin-right: 5px; padding:5px; width: 20px; height: 20px; background-color: #000; text-align: center; text-decoration: none; border-radius: 15px; font-size: 20px; }
.fb-logged-in a:hover{ background-color: #f00; color: #fff; }

#main{ width:1050px; min-height: 400px; margin-top: 80px; margin-left:auto; margin-right:auto; margin-bottom:80px; }
	#content{ width:1050px; height:auto; }
		.content-title{ padding:20px 0;}
		.post-to{ margin-bottom:50px; }
			.post-to-item{ float:left; width:32%; margin-right:2%; box-shadow:0 5px 5px #ddd;  }
			.post-to-item:nth-child(3n){ margin-right:0; }
				.post-to-border{ border:1px solid #ddd; padding:2px; }
					.post-to img{ border:none; width:100%; }
					.post-to-title{ text-align:center; font-size:14px; padding:15px; }
					
		.why-us{ margin-bottom:50px; }
			.why-us-item{ width:48%; margin-right:2%; float:left }
			.why-us-item:nth-child(2n){ margin-right:0; }
			.why-us-item .frame{ border-top-left-radius: 10px; border-top-right-radius: 50px; border-bottom-right-radius: 10px; border-bottom-left-radius: 50px; overflow: hidden; }
				.why-us-item img{ width:100%; }
				.why-us-title{ font-size:18px; padding:10px 0; border-bottom:1px solid ddd; }
					.why-us-title span{ color:#aaf}
		.link{color:#f88c00;text-decoration:none; }
		.link:hover{ color:#fff;}				
							
		#form{ width:100%; margin-bottom:50px; }
		.form-row{ margin-bottom:10px; }
		.form-label{ font-size:14px; }
		.form-msg{ color:red; }
		#form .input-text{ width:50%; padding:10px; box-shadow:inset #f9f9f9 5px 5px 10px; border:1px solid #ddd; -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box; }
		#form .input-select{ border:1px solid #ddd; padding:10px;}
		#form textarea{ height:150px; }
		#form .button{ padding:20px 50px; font-size:22px; background:#ececec; color:#21759b; font-weight:bold; border:1px solid #ddd; cursor:pointer;}
		#form .button:hover{ border-color:#aaa; }
		#form a{ text-decoration: none; color: #f88c00; }
		#form a:hover{ color: #ffa600; }

		.navbar{ padding:5px 10px; margin-bottom:5px; background: #ddd; border-radius: 5px; box-shadow: #bbb 0px 2px 4px; border:1px solid #eee; margin-bottom:15px;  }
		.navbar-title{ font-size: 14px; }
		
		.toolbar{ padding:5px 10px; margin:20px 0; background:#80c2ff; border-radius:10px; border:1px solid #d1e9ff; box-shadow: #aaa 0px 2px 4px;  }
		.paging{ float: right; }
		.paging a{ border:1px solid #ddd; display: block; background:#fff; width: 20px; height: 20px; padding:2px; float: left; border-radius: 5px; margin-left:10px; }
		.back, .reload{ border:1px solid #ddd; display: block; background:#fff;  height: 20px; padding:2px 10px; float: left; border-radius: 5px; margin-right:10px; text-decoration: none; color:#000; }
		.loading{ text-align:center; padding-top:100px; padding-bottom:100px; }
		.toolbar label{ float:left; margin-left:10px; margin-top:6px; }
		.toolbar select{ float:right; margin-right:10px; margin-top:2px; border-radius: 5px; border:1px solid #ddd; padding: 4px; }
		.toolbar .action-btn a{ float:right; }

		.action-bar{ width:calc(100% - 20px); padding:10px; background:#ffffff50; color:#fff; position:fixed; bottom:0; left: 0; z-index: 10 }
		.action-btns{ width: 1050px; margin: auto; box-sizing: border-box; padding: 5px 10px; background: #8c8c8c; border:1px solid #bebebe; border-radius: 5px; } 
		.stop-btn{ display: none; position: fixed; right: 10px; bottom: 50px; width: 50px; height: 50px; border-radius: 25px; background: #f00; color: #fff; font-size: 20px; padding-top: 15px; box-sizing: border-box; text-align:center; z-index:2 }
		.num_sel{ background: rgb(0 0 0 / 20%); display: inline-block; margin-top:3px; padding: 0px 5px; border-radius: 5px; color: #fff; border-top-left-radius: 0; border-bottom-left-radius: 0; }
		.delay-time{ padding:3px; margin-right:10px; float: right; border:none; margin-top:4px; border-radius: 5px }

		#tabs { margin: 20px 0 0 0; padding: 0; }
		#tabs li{ display:inline-block; }
		#tabs li a{ height:20px; display:block; background:#fff; text-align:center; border-top-left-radius: 10px; border-top-right-radius: 50px; border:1px solid #ddd;border-bottom:none;margin-right:5px;text-decoration:none;color:#000;font-weight:700;padding:5px 30px 5px 10px;}
		#tabs li.active a{ background:#eee; top:1px; position:relative; }
		.tab-body{ width:calc(100% - 62px); margin-bottom:20px;padding:30px; background: #eee; border: 1px solid #ddd; border-top: none;
			border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; border-top-right-radius: 10px }
		.tab-body input, .tab-body textarea, .block input, .block textarea{ background-color: #ddd; border:1px solid #000; padding:15px; box-sizing: border-box; width: 100%; margin-bottom:10px; }
		.tab-body textarea, .block textarea{ height: 120px; }
		.tab-body input:focus, .tab-body textarea:focus, .block input:focus, .block textarea:focus{ background-color: #fff;}
		
		.page-tools{ padding: 0; margin:0;}
		.page-tools li{ list-style: none;  }
		.page-tools li a{ padding:40px 20px; text-decoration: none; color:#f88c00; display: block; float: left; width: 49%; margin-right:2%; margin-bottom:2%; box-sizing: border-box; border:1px solid #454545; background:#242424; border-radius: 5px; text-align: center ; transition: .3s; }
		.page-tools li:nth-child(2n) a{ margin-right: 0px; }
		.page-tools li a:hover{ background:#454545; color:#fff }
		.page-tools li i{ font-size:50px }
		.page-tools li div{ margin-top:20px; }

		.profile-tools{ padding: 0; margin:0;}
		.profile-tools li{ list-style: none;  }
		.profile-tools li a{ padding:40px 20px; text-decoration: none; color:#444; display: block; float: left; width: 32%; margin-right:2%; margin-bottom:2%; box-sizing: border-box; border:1px solid #ddd; background:#eee; border-radius: 10px; text-align: center ; transition: .3s; }
		.profile-tools li:nth-child(3n) a{ margin-right: 0px; }
		.profile-tools li a:hover{ background:#fff; color:rgb(0, 110, 255) }
		.profile-tools li i{ font-size:50px }
		.profile-tools li div{ margin-top:20px; }

		.group-tools{ padding: 0; margin:0;}
		.group-tools li{ list-style: none;  }
		.group-tools li a{ padding:40px 20px; text-decoration: none; color:#444; display: block; float: left; width: 49%; margin-right:2%; margin-bottom:2%; box-sizing: border-box; border:1px solid #ddd; background:#eee; border-radius: 10px; text-align: center ; transition: .3s; }
		.group-tools li:nth-child(2n) a{ margin-right: 0px; }
		.group-tools li a:hover{ background:#fff; color:rgb(0, 110, 255) }
		.group-tools li i{ font-size:50px }
		.group-tools li div{ margin-top:20px; }

		.photo-prev, .video-prev{ margin-top:10px; margin-bottom:0px; background: #000;}
		.video-prev{ text-align: center;}
		.photo-prev div{ position: relative; background:#fff; width: 31.33%; padding-top: 23.49%; display:inline-block; margin:1%; overflow:hidden; cursor: grabbing;	}		 
		.photo-prev .image { position: absolute; top: 0; left: 0; bottom: 0; right: 0; text-align:center; display: block; padding:0; margin:0; }
		.photo-prev .image img, .photo-prev .img-src{ width: 100%; }
		.photo-prev span{ padding:10px; display: block;} 
		.photo-prev .photo-url-del{ position: absolute; z-index: 100; top: 5px; right: 5px; }
		
		.video-prev video, .pe-video-prev video{ width: 80%;}

		.post-prev{ width: 500px; background-color: #fff; border:1px solid #ccc; border-radius: 10px; margin-left:auto; margin-right: auto; }
		.post-prev-page{ padding:15px 15px 10px 15px }
		.post-prev-profile{ width: 40px; height: 40px; border-radius: 20px; border: 1px solid #ddd; overflow: hidden; float: left;}
		.post-prev-profile img{ margin-left: -13px; }
		.post-prev-page-name{ font-size: 15px; margin-left: 10px; float: left; }
		.post-prev-caption{ padding:0 15px 15px 15px }
		.post-prev-img{ text-align: center; padding:0; margin: 0; overflow: hidden;}
		.post-prev-img img{ width: 100%; padding: 0; margin: 0; }
		.post-prev-cta{ padding:15px; background-color: #f4f4f4; line-height: 18px; margin-bottom:10px }
		.post-prev-cta-btn{ float: right; background:#fff; border: 1px solid #ddd; font-weight: bold; border-radius: 5px; padding: 5px 20px; display: block; }
		.post-prev-cta-link{ font-size: 10px; color: #aaa; text-transform: uppercase;}
		.post-prev-cta-title{ font-size: 15px;}
		.post-prev-cta-desc{ font-size:12px; color: #aaa; }

		.watermark-panel{ position: fixed ;z-index: 90; top:0px; bottom: 0px; left: 0px; right: 0px; background: #d2d2d2; text-align: center }
		.watermark-footer{ position: absolute; bottom: 0; left: 0; width: 100%; height: 120px; background: #fff; box-sizing: border-box; box-shadow: 0px 0px 10px 5px #0003; }
		.watermark-footer-left{ width: 50px; float: left; }
		.watermark-footer-left a{ background-color: #819cff; color: #e3e3e3; display: block; width: 100%; height: 60px; padding-top: 20px; box-sizing: border-box; text-decoration: none; }
		.watermark-footer-left a:nth-child(1){ border-bottom-right-radius: 10px; box-shadow: inset -2px -5px 5px #777 }
		.watermark-footer-left a:nth-child(2){ border-top-right-radius: 10px; box-shadow: inset -2px 5px 5px #777 }
		.watermark-footer-left a.current{ background-color: #fff; color: #444; box-shadow: none; }

		.watermark-footer-right{ width: 50px; height: 120px; position: absolute; bottom: 0px; right: 0px; border-left: 1px solid #ddd; }

		.watermark-upload-panel{ width:100%; padding: 15px 75px 15px 75px; box-sizing: border-box; }
		.watermark-text-panel{ width:100%; padding: 10px  65px; text-align: left; box-sizing: border-box;}
		.watermark-text-panel .wm-txt-i { display: inline-block; margin-right: 2px; margin-bottom: 10px; background-color: #ddd; text-align: center; border-top-left-radius: 10px; border-top-right-radius: 10px; }
		.watermark-text-panel .wm-txt-i label{ font-size: 10px; height: 0px; display: block; margin-bottom: -5px; }
		.watermark-text-panel input{ width: 100%; padding:4px; box-sizing: border-box; text-align: center; border: 1px solid #ddd; }
		.wm-text-wrap{ width: calc(80% - 2px); }
		.wm-fontsize-wrap{ width: calc(20% - 2px);}
		.wm-color-wrap, .wm-bg-color-wrap, .wm-bg-opacity-wrap, .wm-border-wrap{ width: calc(25% - 2px); }
		.wm-text-add { width: calc(20% - 2px); height: 40px; margin-right: 2px; border-radius: 10px; float: right; display: block; background: #0055a5; text-align: center; }
		.wm-text-add i{ color: #fff; font-size: 20px; margin-top: 11px; }
		

		.watermark-bg{ position: absolute; background: #000; }

		.watermark-item{ display:inline-block; position: absolute !important; left: calc(50% - 50px); top: calc(50% - 50px); background:none; }
		.watermark-image-item{ width:100px; }
		.watermark-text-item{ cursor: pointer;}
		.watermark-image-item.selected, .watermark-text-item.selected{ cursor: move;}

		.crop-panel{ position: fixed ;z-index: 90; top:0px; bottom: 0px; left: 0px; right: 0px; background: #000; text-align: center }
		.crop-header{ position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 60px; background: #000; box-sizing: border-box; text-align: center; }
		.crop-btns{ height: 40px; }
		.crop-btns a{ text-decoration: none; margin: 10px 15px 0 15px; padding: 2px 25px; }
		.crop-rotate-text{ color: #fff; width: 40px; position: absolute; top: 10px; left: calc(50% - 20px); }
		.crop-cancel{ background: #400; color: #f00; float: left; border-radius: 5px;}
		.crop-save{ background: #f88c00; color: #fff; border-radius: 5px; float: right; }
		.crop-hflip{ color: #707070 }
		.crop-rotate { appearance: none; width: 100%; height: 10px; background: repeating-linear-gradient(to right,  #888,  #888 2px,  #000 2px,  #000 8px); }
		.crop-rotate::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 4px; height: 20px; margin-left: -2px; background: #fff; cursor: pointer; box-shadow: none;  }
		.crop-rotate::-moz-range-thumb { width: 4px; height: 20px;  margin-left: -2px; background: #fff; cursor: pointer; box-shadow: none; }

		.crop-bg{ position: absolute; inset: 60px 0px 60px 0px;}
		.crop-photo-bg{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
		.cropper{ border: 1px dotted #fff; position: absolute; background: rgba(0,0,0,.5); box-sizing: border-box }

		.crop-footer{ position: absolute; bottom: 0; left: 0; width: 100%; height: 60px; background: #000; box-sizing: border-box; padding-top: 5px; }
		.crop-footer a{ display: inline-block; padding:0px 10px; color:#707070; text-decoration: none; }
		.crop-footer a.current{ background:#fff; border-radius: 5px; }
		
		.fileinput-button, .watermark-input-button, .thumb-input-button { position: relative; overflow: hidden; display: inline-block; }
		.fileinput-button input, .watermark-input-button input, .thumb-input-button input { position: absolute; top: 0; right: 0; margin: 0; height: 100%; opacity: 0; filter: alpha(opacity=0); font-size: 200px !important; direction: ltr; cursor: pointer; }
		.drop-zone{ background:#454545; border:1px solid #666; border-radius: 5px; text-align:center; padding: 50px 20px; }
		.watermark-zone{ background:#000; color:#fff; text-align: center; padding: 50px 20px; margin-bottom: 20px; }
		.file-queue, .watermark-queue, .thumb-queue{text-align: center; }
		.file-info{ word-break: break-word; }
		.file-progress, .watermark-progress, .thumb-progress { background:#ccc; height:22px; position:relative; overflow: hidden; border-radius: 20px; margin-top:20px; margin-bottom:20px;}
		.file-progress-bar, .watermark-progress-bar, .thumb-progress-bar{position: absolute; padding-top:0px; top:0; left:0; height:100%; color:#fff; background:url(../images/system/progressbar.gif) rgba(1, 112, 247, 0.962); transition: 1s;}

		.sortable-dragging, .sortable-placeholder{ background:#666; margin-bottom: 4px; border-radius: 5px; border: 1px dashed #888; height: 111.6px; }

		.aspect-ratio a{ width:80px; height:80px; display: inline-block; border: 1px solid #666; text-decoration: none; background: none; color: #aaa; margin-right: 5px; text-align: center; padding-top:30px; margin-bottom: 20px; box-sizing: border-box; }
		.aspect-ratio a.current{ background: #f88c00; border-color: #f88c00; color: #fff;}
		.aspect-ratio a:hover{ border-color: #f88c00;}
		
		.resolution-item{ border:1px solid #fff; padding:5px; font-size:20px; font-weight: bold; text-align:center; background: #d2d2d2; display: inline-block; margin-right:20px; margin-bottom:20px; transition: .5s; }
		.resolution-bg{ background: #aaa; padding:10px; color: rgb(234, 234, 234); margin-bottom: 3px;  }
		.resolution-desc{ color:#aaa }

		.resolution-item.current{ background: #ff9900; box-shadow: #000 0px 0px 10px;  }
		.resolution-item.current .resolution-bg{ background: #000; color: #fff }
		.resolution-item.current .resolution-desc { color:#000 }

		.resolution-item.enabled{ background: hsl(36, 100%, 74%); }
		.resolution-item.enabled .resolution-bg{ background: rgb(162, 162, 162); color: rgb(221, 221, 221) }
		.resolution-item.enabled .resolution-desc { color: #8e8e8e}

		.loop-item{ width:30px; padding:10px; text-align:center; display: inline-block; margin-right:10px; margin-bottom: 10px; background:#242424; border-radius: 5px; border:1px solid #666; transition: .5s; }
		.loop-item.current{ border:1px solid #f88c00; background: #f88c00; color:#fff; }
		.loop-item:hover{ border-color: #f88c00;}

		.sub-tab{ margin-bottom: 10px; }
		.sub-tab a{ text-decoration: none; color: #f88c00; padding:2px 10px; transition: .4s; }
		.sub-tab a:hover{ color:#fff }
		.sub-tab a.selected{ background:None; color:#ff9900; border: 1px solid #ff9900; border-radius: 5px; }

		.sub-tab-1{ margin-bottom: 0px; position: relative; z-index: 1; padding-left: 10px; }
		.sub-tab-1 a{ text-decoration: none; color: rgb(0, 140, 255); padding: 2px 10px; transition: .4s; display: inline-block; background: #b7daff; border: 1px solid #b7daff; border-top-right-radius: 5px; border-top-left-radius: 5px; }
		.sub-tab-1 a:hover{ color:#ff9900 }
		.sub-tab-1 a.selected{ background: #fff;	color: #ff9900; border: 1px solid #dddddd;	border-bottom: none;margin-bottom: -1px; height: 24px; box-shadow: 0px -4px 0px 0px #ddd; }
		
		.sub-tab-2{ margin-bottom: 0px; position: relative; z-index: 1; padding-left: 20px; }
		.sub-tab-2 a{ text-decoration: none; color: #ddd; padding: 2px 15px; transition: .4s; display: inline-block; background: #454545; border: 1px solid #454545; border-bottom-color: #454545; border-top-right-radius: 5px; border-top-left-radius: 5px; }
		.sub-tab-2 a:hover{ color:#ff9900 }
		.sub-tab-2 a.selected{ background: #454545; border: 1px solid #666; border-bottom: none;margin-bottom: -1px; height: 24px; box-shadow: 0px -4px 0px 0px #666; }
		
		.sub-tab-3{ margin-bottom: 0px; position: relative; z-index: 1; padding-left: 20px; }
		.sub-tab-3 a{ text-decoration: none; color: #ddd; padding: 2px 15px; transition: .4s; display: inline-block; background: #242424; border: 1px solid #454545; border-bottom-color: #454545; border-top-right-radius: 5px; border-top-left-radius: 5px; }
		.sub-tab-3 a:hover{ color:#ff9900 }
		.sub-tab-3 a.selected{ background: #454545; border: 1px solid #666; border-bottom: none;margin-bottom: -1px; height: 24px; box-shadow: 0px -4px 0px 0px #666; }
		

		.business{ width: 49%; box-sizing: border-box; background:#242424; display: inline-block; margin-right: 2%; margin-bottom: 2%; padding: 40px 20px; border: 1px solid #454545; border-radius: 10px; }
		.business:nth-child(2n){ margin-right: 0px; }
		.business-pic{ text-align: center;}
		.business-pic-wrap{ display: inline-block; width: 50px; height: 50px; border-radius: 25px; overflow: hidden; }
		.business-name{ font-size: 18px; text-align: center;}
		.business-id{ text-align: center; margin-bottom: 20px;}
		.business a{ text-decoration: none; color: #ddd; display: block; padding: 5px 20px; background-color: #454545; border-radius: 5px; margin-bottom: 2px; }
		.business a:hover{ background-color: #666; color: #f88c00; }
		.business i{ display: inline-block; width: 20px;; }


		.fa-check{ color:#0f0; }
		.fa-times{ color:#f00; }
		.fa-plus { color:#f88c00; }
		.fa-plus:hover { color:#f99; }

		.button{ padding:20px 50px; font-size:22px; background:#f88c00; color:#fff; font-weight:bold; cursor:pointer; text-decoration: none; transition: .3s;
			border-top-left-radius: 5px; border-top-right-radius: 20px; border-bottom-right-radius: 5px; border-bottom-left-radius: 20px; border:none;}
		.button-small{ padding:5px 20px; font-size:12px; background:#f88c00; color:#fff; font-weight:bold; cursor:pointer; text-decoration: none; transition: .3s;
			border-top-left-radius: 5px; border-top-right-radius: 10px; border-bottom-right-radius: 5px; border-bottom-left-radius: 10px; border:none; }
		.button:hover, .button-small:hover{ background:#ffab24; }
		
		.button-forward{ padding:5px 20px; font-size:12px; background:#f88c00; color:#fff; font-weight:bold; cursor:pointer; text-decoration: none; transition: .3s;
			border-top-left-radius: 10px; border-top-right-radius: 25px; border-bottom-right-radius: 25px; border-bottom-left-radius: 10px; border:none; }

		.button-backward{ padding:5px 20px; font-size:12px; background:#f88c00; color:#fff; font-weight:bold; cursor:pointer; text-decoration: none; transition: .3s;
			border-top-left-radius: 25px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 25px; border:none; }
	
		.radio{ display: inline-block; padding: 0px 10px; text-decoration: none; color: #f88c00; margin-right: 10px; border-radius: 5px; border: 1px solid #ddd; transition: .3s; }
		.radio:hover{ border-color:#f88c00 }
		.radio.current{ color: #fff; background-color: #f88c00; border-color: #f88c00; }

		.my-account{ padding: 30px; background:#eee; border-radius: 15px; font-size: 14px;}
		.my-account-row{ padding:20px; border-bottom:1px solid #ddd; border-radius: 10px;}
		.my-account-row:hover, .my-account-row.active{ background:#fff }
		.my-account .edit{ float: right; text-decoration: none; color: #0055a5;}
		.my-account label{ font-weight: bold; width:200px; display:block; float:left; }
		.my-account input{  margin-right:10px; margin-bottom:10px; float: left; width: 200px; border:1px solid #ddd; padding:5px; box-sizing: border-box; }
		.my-account .msg{ padding-top:10px; }
		.my-account textarea{ margin-top:50px; width: 100%; box-sizing: border-box; padding:10px; border:1px solid #ddd; }
		.my-account .save{ float:left;border:none; background:#f88c00; padding:6px 10px; color:#fff;  }
		.my-account .cancel{ margin-left: 5px;float:left;border:none; background:none; padding:6px 10px; color:rgb(0, 2, 110); }
		
		.fb-account{ width:100%; margin-bottom:2px; background:#004080; border-radius: 35px; padding:2px; box-sizing: border-box; }
		.fb-account:hover{ background-color: #004585; }
		.fb-account:nth-child(3n){ margin-right:0px; }
		.fb-account-picture{ width:50px; height:50px; float:left; text-align: center; font-size:50px; color:rgb(0, 146, 0); margin-right: 10px;border-radius: 25px; overflow: hidden; }
		.fb-account-picture:hover{ color:#ff9900 }
		.fb-account-name{ float: left; margin-top:16px; text-decoration: none; color:#ddd; }
		.fb-account-name:hover{ color:#FF9900 }
		.fb-account-del{ float: right; color:#484848; margin-top: 15px; }
		.fb-account-del:hover{ color:#f00; }
		.fb-account-add{ text-align: center;}

		.register-ad-account{ text-align:center; padding-top: 20px }
		.register-ad-account h4{ margin:20px 0px; background:#fff; padding:5px; }
		.register-ad-account img{ width: 200px; }

		.pe-image{ position:relative; width: 16.66%; padding-top:16.66%;overflow: hidden; border:1px solid #ddd; float: left; background:#fff; box-sizing: border-box; }
		.pe-image:nth-child(5n){ margin-right:0px; }
		.pe-image.selected{ background-color:#f00; }
		.pe-image img{ width: 100%; padding:5px; position:absolute; top:0; right: 0; bottom:0; left: 0; box-sizing: border-box; }
		.pe-image-del{ position: absolute; z-index: 100; top: 5px; right: 5px; color: #000; }
		.pe-image-del:hover{ color: #f00; }

		.fb-account-small{ cursor:pointer; width:32%; margin-right:2%; float:left; margin-bottom:2%; background:#fff; border-radius:5px; border: 1px solid #ddd; padding:5px; display: block; box-sizing: border-box; }
		.fb-account-small:nth-child(3n){ margin-right:0px; }
		.fb-account-small.selected{ background:#c4e3ff; border-color:rgb(98,184,255); color:#fff; }
		.fb-account-small.selected .far{ color:#f88c00 }
		.fb-account-small:hover{ border-color:rgb(98,184,255);  }
		.fb-account-small-picture{ width:30px; height:30px; float:left; text-align: center; font-size:30px; color:rgb(0, 146, 0); margin-right: 5px;border-radius: 15px; overflow: hidden; }
		.fb-account-small-picture img{ width:30px; }
		.fb-account-small-name{ float: left; margin-top:5px; text-decoration: none; color:#484848; }

		.fb-account-queue{ width: calc(100% - 22px); border:1px solid #ddd; border-top:none; padding:10px; }
		.fb-account-queue:nth-child(1){ border-top:1px solid #ddd }
		.fb-account-queue.selected{ background:#c4e3ff; }
		.fb-account-queue.sharing{ background:#fffccc; border-right-color:#fffccc; }
		.fb-account-queue.done{ background:#ccffcc; border-right-color:#ccffcc; }

		.block{ padding:20px; margin-bottom:20px; background:#242424; border:1px solid #454545; border-radius: 10px }
		.block-title{ margin-bottom:25px; margin-top:10px; }

		.panel-left{ float:left; width: 50%; }
		.panel-imacros{ float: left; width: 100%; display:none; }
		.panel-imacros-groups{ float: left; width: 50%;}
		.panel-imacros-results{ float: left; width: 50%;}
		.panel-imacros-results textarea{ width: 100%; height: 500px; box-sizing: border-box; padding: 10px; border:1px solid #ddd; }
		.panel-right{ background:#f4f6f6; float:left; width: 50%; }

		.panel-action{ display: none; }
		.panel-action-left, .panel-action-right{ width:50%; float:left; }
		.panel-title{ border-top-right-radius: 10px;border-top-left-radius: 10px; margin-right:2px; background:#eee; border-bottom:1px solid #aaa; text-align:center; padding:10px; }
		
		.panel-options .thumbnails-wrap{ padding:20px 0px;  }
		.panel-options .thumbnails{ padding-bottom:10px; }
		.panel-options .thumbnail{ width: 16.66%; display: inline-block; padding: 5px; background:#fff; box-sizing: border-box; }
		.panel-options .thumbnail.selected{ background-color: #f00; }
		.panel-options .thumbnail img{ width: 100%; border:none; }


		.group-row, .group-list, .share-list, .item-list{ padding:10px; border-bottom:1px solid #ddd; transition: .3s; }
		.share-list:first{ border-top:1px solid #ddd; }

		.dest-list{ background:#454545; margin-bottom:4px; padding:10px 15px; border:1px solid #000; transition: .3s; border-radius: 5px; }
		.dest-list .check-box{ margin-right:10px; }
		.dest-list:hover{ background:rgb(100, 74, 50); }
		.dest-list.selected{ background:rgb(141, 80, 0); border-color:rgb(67, 36, 0); color: #ffaa01;}
		.dest-list.posting{ background:#6a4300; border-color:#9d9200 }
		.dest-list.error{ background:#500; border-color:#700 }
		.dest-list.success{ background:#050; border-color:#070 }

		.dest-list.videos{ margin-bottom: 15px; }
		
		.group-list:hover, .share-list:hover{ background:rgb(228, 240, 255)  }
		.group-list.selected, .share-list.selected{ background:rgb(190, 219, 255); } 

		.videoWrapper {
			position: relative;
			padding-bottom: 56.25%; /* 16:9 */
			padding-top: 25px;
			height: 0;
		}
		.videoWrapper iframe {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
		}

		.clone-tools{ margin-top:10px; background:#f4f6f6; border:1px solid #ddd; border-radius: 10px; overflow: hidden;}
		.clone-tools a{ display:block; box-sizing: border-box; width: 100%; padding:20px; border-bottom:1px solid #ddd; color:#333; text-decoration: none; transition: .5s; }
		.clone-tools a:last-of-type{ border:none; }
		.clone-tools a:hover{ background:#fff; color:rgb(255, 102, 0); padding-left:40px; }

		.panel-source-link .input-text{  width:100%; margin-right:10px; margin-bottom:10px; float: left; border:1px solid #ddd; padding:5px; box-sizing: border-box; }

		.panel-source-results .paging{ float: right; }
		.panel-source-results .paging a{ border:1px solid #ddd; display: block; background:#fff; width: 20px; height: 20px; padding:2px; float: left; border-radius: 5px; margin-left:10px; }
		.panel-source-results .msg{ padding: 0 30px; }

		.check-all{ float: left; background:#fff; text-decoration: none; color:rgb(0, 9, 129); border-radius: 5px; padding:2px 5px; border:1px solid #ddd; }
		.check-all.checked{ background: rgb(17, 86, 143); color:#fff}

		.post-list-item textarea{ width: calc(100% - 180px); height: 67.5px; box-sizing: border-box; }

		.recent-videos .paging{ float: right; margin-bottom:10px; }
		.recent-videos .paging a{ border:1px solid #ddd; text-align: center; display: block; background:#fff; width: 20px; height: 20px; padding:2px; float: left; border-radius: 5px; margin-left:10px; }
		.recent-video{ width: 20%; float: left; border:1px solid #ddd; background:#fff; text-align: center; box-sizing: border-box; }
		.recent-video.selected{ border-color:#000; background:#ddd; }
		.recent-video i{ font-size:50px; }
		.recent-video .recent-video-title{ font-size:10px }
		

		#share-to-page{ width: 50%; height: 90%; }

		.progress-bar{
			background: #555;
			width: 100%;
			height: 30px;
			position: relative;
			border-radius: 25px;
			padding: 5px;
			text-align: center;
			box-sizing: border-box;
		  }
		  
		  .progress-bar span{
			background: #1DC4E7;
			display: block;
			height: 100%;
			border-radius: 25px;
			position: relative;
		  }
		  
		  .progress-bar span:after{
			content: "";
			position: absolute;
			top: 0;
			left: 0;
			bottom: 0;
			right: 0;
			background-image: -webkit-gradient(linear, 0 0, 100% 100%,
			  color-stop(.25, rgba(255, 255, 255, .2)),
			  color-stop(.25, transparent),
			  color-stop(.5, transparent),
			  color-stop(.5, rgba(255, 255, 255, .2)),
			  color-stop(.75, rgba(255, 255, 255, .2)),
			  color-stop(.75, transparent), to(transparent)
			  );
			background-size: 50px 50px;
			animation: move 2s linear infinite;
			border-radius: 25px;
		  }
		  
		  @keyframes move{
			0%{
			  background-position: 0 0;
			}
			100%{
			  background-position:50% 50%;
			}
		  }
		
		.video-editor label, .photo-editor label{ display:inline-block; width:110px }
		.video-editor label i, .photo-editor label i{ width: 15px; }
		.video-editor .hflip a, .photo-editor .hflip a{ width:42px; height:30px; display: inline-block; border: 1px solid #aaa; text-decoration: none; background: none; color: #aaa; margin-right: 20px; text-align: center; padding-top:4px; margin-bottom: 20px; box-sizing: border-box; }
		.video-editor .hflip a.selected, .photo-editor .hflip a.selected{ background: #80c2ff; border-color: #f88c00; color: #fff;}
		.video-editor .hflip a:hover, .photo-editor .hflip a:hover{ border-color: #80c2ff;}
		.video-editor .ratio a, .video-editor .keep-ratio a, .photo-editor .ratio a, .photo-editor .keep-ratio a{ width:60px; height:30px; display: inline-block; border: 1px solid #aaa; text-decoration: none; background: none; color: #aaa; margin-right: 5px; text-align: center; padding-top:4px; margin-bottom: 20px; box-sizing: border-box; }
		.video-editor .ratio a.selected, .video-editor .keep-ratio a.selected, .photo-editor .ratio a.selected, .photo-editor .keep-ratio a.selected{ background: #80c2ff; border-color: #f88c00; color: #fff;}
		.video-editor .ratio a:hover, .video-editor .keep-ratio a:hover, .photo-editor .ratio a:hover, .photo-editor .keep-ratio a:hover{ border-color: #80c2ff;}
		.video-editor .adj-btn, .photo-editor .adj-btn{ padding:7.5px 10px; display:inline-block; background-color: #ececec; }

		.video-editor-open, .video-editor-close, .photo-editor-open, .photo-editor-close{ width: 100px; display:inline-block; text-decoration: none; padding: 0px 15px 0px 15px; background: #80c2ff; color:#f88c00; border-bottom:2px solid #888; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; }
		
		.trim-container { width: 100%; height: 40px; position: relative; background:#ddd; overflow: hidden; }
		.trim { appearance: none; width: 100%; height: 0px; background: none; position: absolute }
		.trim::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 40px; height: 40px; background: none; cursor: pointer; box-shadow: none;  }
		.trim::-moz-range-thumb { width: 40px; height: 40px; background: none; cursor: pointer; box-shadow: none; }
		.trim-start{ top:-40px;  left: 0px; }
		.trim-start::-webkit-slider-thumb{ margin-top: 116px; margin-left: -1px }
		.trim-end{ top: 40px; left: 0; }
		.trim-end::-webkit-slider-thumb{ margin-top: -42px }
		.trim-bg{ width:100%; height: 40px; top: 0; left: 0; border-radius: 5px; color: #f88c00; text-align: center; padding-top:10px; overflow: hidden; position: absolute; background: #80c2ff; box-sizing: border-box; border-top:#f88c00 2px solid; border-bottom:#f88c00 2px solid; border-left: 10px solid #f88c00; border-right: 10px solid #f88c00; }
		.start-txt{ float: left;}
		.end-txt{ float: right;}

		.thumb-frame { appearance: none; width: 100%; height: 32px; background: none; }
		.thumb-frame::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 10px; height: 44px; background: #ff8400; cursor: pointer; box-shadow: none; border-radius: 5px;  }
		.thumb-frame::-moz-range-thumb { width: 10px; height:44px; background: #ff8400; cursor: pointer; box-shadow: none; border-radius: 5px }

		.pagination{ text-align:center; }
		.pagination a
		{
			padding:2px 5px; text-decoration:none; color:#000; font-weight:normal; display:inline-block; background:#ececec;
			border:1px solid #ddd; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin-right:2px;
		}
		.pagination a:hover{ color:red; background:#fff }
		.pagination span.disable
		{
			padding:2px 5px; color:#ccc; display:inline-block; cursor:default;
			border:1px solid #eee; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin-right:2px;
		}
		.pagination span.current
		{
			padding:2px 5px; color:#000; font-weight:bold; display:inline-block; margin-right:2px; cursor:default;
			border:1px solid #999; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
		}


		.popup-panel{ position: fixed ; inset:0px; z-index: 99999; background: rgba(0,0,0,0.7); }
		.popup-body{ position: absolute; background-color: #f88c0050; border-radius: 15px; border: 1px solid #ddd; inset: 20px; box-shadow: #fff 0px 0px 20px;  }
		.popup-close{ position: absolute; top: 0px; right: 0px; z-index: 99999; }
		.popup-close i{ font-size: 30px; color: #f00; margin-top: 10px; margin-right: 10px; }
		.popup-title{ text-align: center;text-shadow: 0 0 10px black;color: #fff; }
		.popup-content{ background: #242424;padding:20px;position: absolute;left: 5px;right: 5px;top: 50px; bottom:20px; border: 1px solid #666;border-radius: 10px; overflow:auto }
		.popup-row{ padding: 10px 20px; background-color: #242424; border-radius: 5px; margin-bottom: 2px; }
		.popup-row:hover{ background-color: #666; }
		.popup-label{ display: inline-block; width: 100px; }
		
		.msg-error{ padding:5px; color:red; background:pink; margin-bottom:10px; text-align:center; border:1px solid red; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;	}
		.msg-success{ padding:5px; color:green; background:#050; margin-bottom:10px; text-align:center; border:1px solid #070; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;	}
		.msg-info{ padding:5px; color:#FF9900; background:#4f4a17; margin-bottom:10px; text-align:center; border:1px solid #FF9900; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;	}
		.process-msg{ width:calc(100% - 20px); text-align:center; padding:10px; background:#ffffff50; color:#fff; position:fixed; bottom:0; left: 0; z-index: 9999 }

		.loading-linear {
			border-radius: 5px;
			height: 250px;
			border: 1px solid #ccc;
			background: 
			  linear-gradient(90deg,#0001 33%,#0005 50%,#0001 66%)
			  #f2f2f2;
			background-size:300% 100%;
			animation: l1 1s infinite linear;
		}

		.loading-linear1 {
			height: 250px;
			background: 
			  linear-gradient(90deg,#0001 33%,#0005 50%,#0001 66%)
			  #f2f2f2;
			background-size:300% 100%;
			animation: l1 1s infinite linear;
		}

		@keyframes l1 {
		0% {background-position: right}
		}

#footer-wrap{ width:100%; height:auto; border-top:1px solid #454545; margin-top:20px; clear:both; padding:20px 0; background:#000; }
	#footer{ width:1050px; height:auto; margin-left:auto; margin-right:auto; }
	.footer-left{ float: left; text-align:left; }
	.footer-right{ float: right; text-align: right; }
	
@media screen and (max-width:1050px){
	#top-menu-wrap{ width: 100%; padding-left: 20px; padding-right: 20px; box-sizing: border-box;}
	#main{ width:auto; padding:0 20px; }
	#content{ width:auto; float:none; border-right:none; padding:0px }
	.action-btns{ width: 100%; }
	#footer{ width:auto; padding:10px; }
	.footer-left, .footer-right{ float: none; text-align: center; }
}

@media screen and (max-width:1000px){
	.price-item{ width: 49%; }
	.price-item:nth-child(2n){ margin-right:0px }
	.price-item:not(:nth-child(2n)){ margin-right:2% }
	#share-to-page{ width: 60%; height: 95%; }
}
@media screen and (max-width:750px){	
	
	.tab-body{ width:calc(100% - 22px); padding:10px; }

	.pe-image{ width: 25%; padding-top:25% }

	#form .input-text{ width:100% }

	#share-to-page{ width: 80%; height: 95%; }

	.panel-options .thumbnail{ width: 25%; }
	
}
@media screen and (max-width:600px){
	.my-account label{ width: 100px;}

	.pe-image{ width: 33.33%; padding-top:33.33% }

	.video-prev video, .pe-video-prev video{ width: 100%;}

	.recent-video{ width:33.33%;  }

	.photo-prev div{ width: 48%; padding-top:36%; }
	.panel-options .thumbnail{ width: 33.33%; }

	.post-prev{ width: 100% }

	.price-item{ width: 100%; margin-right: 0px; }

	#share-to-page{ width: 95%; height: 95%; }
}
@media screen and (max-width:450px){
	.item, .page{ width:100%; float:none; margin:0 0 4% 0; }
	.profile-tools li a{ width: 100%; margin-right: 0px }
}
@media screen and (max-width:400px){
	#top-bg a, #top-bg i{ font-size: 10px; }
}
@media screen and (max-width:350px){
	#top-bg i{ font-size: 12px; }
	#top-bg span { display: none;}
}