@charset "utf-8";
@import url(reset.css);

/*
======================
Global settings
======================
*/
a { text-decoration:none; color:#666;}
a:hover { color:#333;}
a img { border:none;}
label { display:block; color:#666; margin-bottom:15px;}
label .hint { color:#999; }
form label { margin-bottom:3px; }
strong	{ font-weight:bold;}
em	{ font-style:italic; }
*:focus {outline: none;}
.cke_focus { outline:0 !important; }
.error {  color:#C00; font-size:0.9em; margin-left:10px; font-style:italic;}
.msg-box { color:#C00; font-size:0.9em; margin-bottom:10px;}
.notice { background:url(image/notice.jpg) no-repeat left 50%;}
.read { background:url(image/read.jpg) no-repeat left 50%;}
.reply { background:url(image/reply.jpg) no-repeat left 50%;}
.ok { background:url(image/ok.jpg) no-repeat left 50%;}
.warning { background:url(image/warning.jpg) no-repeat left 50%;}
.stop { background:url(image/stop.jpg) no-repeat left 50%;}
.hidden { display:none; }

/*
table { border-top:1px solid #999; border-left:1px solid #999;  }
th, td { border-right:1px solid #999; border-bottom:1px solid #999; padding:5px 20px; text-align:left; vertical-align:middle;}
th { font-weight:bold;}
caption { font-size:1.4em; margin-bottom:5px; text-align:left;}
table tr.highlight	{ background:#f7f7f7;}
*/
table		{ width:100%; border-left:1px solid #ccc; border-top:1px solid #ccc; }
table th,
table td	{ padding:8px 15px; border-right:1px solid #ccc; border-bottom:1px solid #ccc; }
caption		{ text-align:left; margin-bottom:10px; font-size:1.2em; }


/** input, textarea, buttons, .confirm **/
fieldset { border:1px solid #ccc; margin-bottom:20px; padding:20px; border-radius:2px; }
.button { float:right;margin-left:5px; background:#444;color:#fff;font-size:1em;padding:6px 11px; border-radius:4px; border:none;}
.button:hover { color:#fff; background:#666;}
input[type="text"], input[type="password"] { width:240px; padding:.6em .8em; border-radius:4px; border:1px solid #aaa; font-family:inherit; }
input.tiny-column { width:60px !important;}
input.small-column { width:90px !important;}
input.blur { color:#999; }
input[disabled="disabled"] { background:#f7f7f7;}
textarea { width:92%;height:140px;padding:5px 10px; border:1px solid #888; border-radius:4px; font-family:inherit; }
.multi-autocomplete textarea{ width:240px; height:60px;}
select { padding:.6em .8em; border-radius:4px; border:1px solid #aaa; font-family:inherit; }
p.fixed select { width:240px;}
.confirm { float:right; color:#666; margin-top:6px; margin-right:5px;}
.confirm .button { float:none; padding:3px 10px; margin:0;}
.view > div 	{ padding-bottom:15px; }
.view fieldset > div { padding-bottom:15px; }
.view div a, .article-list li p a, .thumb-article-list li p a { border-bottom:1px dotted #ddd; word-break:break-all; }
.view label { background:#f7f7f7; padding:0 5px; }
.view ol { list-style:decimal; margin-left:20px; }
.thumb-article-list li p.thumb a { border:none;}
.ui-corner-all { font-size:0.8em; font-family:inherit;} /*autocomplete item*/
.tag-nav	{ text-align:right;}
.tag-nav a { margin-left:1px; padding:1px 3px; border:1px solid #999;}
.tag-nav span { margin-left:1px; padding:1px 3px; border:1px solid #999; background:#999; color:#fff; }
.translate-button a { margin-left:10px; font-size:0.9em; color:#999; }
.translate-button.loading	{ background:url(image/loading.gif) no-repeat right 50%; padding-right:36px; }
hr	{ 	border: 0;
    	height: 0;
    	border-top:1px solid #ddd;}
.uplaodify-btn	{ font-weight:normal !important; }
.uploadifive-queue-item .filename,
.uploadifive-queue-item .fileinfo { padding-top:24px; }


.fr-checkbox-line label	{ display:inline;}
.fr-toolbar				{ border:none; }
.fr-box input[type="text"],
.fr-box input[type="password"],
.fr-box textarea,
.fr-box select	{ border-radius:0; }
.fr-view		{ line-height:1.5em;}
.fr-view ul		{ list-style:circle;padding-left:15px;}
.fr-view ol		{ list-style:decimal;padding-left:15px;}
.fr-view img	{ cursor:default !important; }
.fr-view a > img{ cursor:pointer !important; }

.ui-datepicker  { z-index:9999 !important; }

/*
======================
Fonts
======================
*/
html, body { -webkit-text-size-adjust:none; font: 1em 'Helvetica Neue', Arial, 微軟正黑體, 'Microsoft JhengHei', 新細明體, 'Microsoft YaHei', "Lucida Grande", "Lucida Sans Unicode",  sans-serif; }
h1 { font-size:2em; margin-bottom:2em;}
h2 { font-size:1.5em; margin-bottom:1.5em;}
h3 { font-size:1.2em; margin-bottom:1.2em;}
h4 { font-size:1.1em;}
h5 { font-size:1em;}
h6 { font-size:1em;}
#content { font-size:0.9em;}
#footer { font-size:0.7em;}


/*
======================
Structure
======================
*/
html, body 	{ background:#eee;}
#container 	{ width:92%; max-width:1200px; min-height: 100vh; margin:0 auto; background:#fff; position:relative;}
#header 	{ height:60px; padding:20px 40px;}
#header h1	{ margin-bottom:5px; display:inline; float:left;}
#header .button { float:left; font-size:13px; padding:7px 10px; margin-left:10px !important; margin-top:2px; display:inline-block; }
#nav 		{ border-bottom:1px solid #ccc;}
#footer 	{ height:30px; padding:17px 40px 0 40px; clear:both; color: #888; border-top:1px solid #ccc;}
#content 	{ width:78%; box-sizing:border-box; float:left; min-height:720px; min-height: calc(100vh - 200px); padding:40px 45px; border-right:1px solid #ccc; position:relative;}
#content #banner	{ overflow:hidden; zoom:1; }
#content > div  { margin-bottom:20px; line-height:1.5em;}
#content form > div  { margin-bottom:20px; line-height:1.5em;}
#content fieldset > div  { margin-bottom:20px; line-height:1.5em;}
#content #buttons { overflow:hidden; zoom:1; margin-bottom:40px; }
#aside 		{ width:22%; box-sizing:border-box; float:right; padding:40px 30px; }
#toolbar	{ position:absolute; right:0; top:5px;}

/** Nav, aside, toolbar **/

#nav 		{ }
#nav ul		{ padding-left:25px; overflow:hidden; zoom:1; }
#nav li 	{ display:inline; float:left; margin:0 20px;}
#nav li a 	{ padding:10px 0; display:block; font-size:0.95em; }
#nav li a.active { color:#3CC;}
#subnav		{ border-top:1px solid #ccc; }
.nav-seperator	{ padding:10px 0; color:#ddd; margin:0 10px !important; }
.nav-seperator:last-child { display: none !important;}

#aside h3 { margin-bottom:20px;}
#aside > ul, #aside > ol { margin-bottom:60px;}
#aside li   { margin:8px 0;}
#aside li a { font-size:0.9em;}
#aside li.active a { color:#3CC;}
#aside li li { margin-left:15px;}
#aside li .count { color:#999; font-size:0.87em; margin-left:5px;}

#aside .aside-set { margin-bottom:60px; }
#aside .aside-set > ul, #aside .aside-set > ol	{ margin-bottom:20px; }
#aside .aside-button { padding:8px 10px; background:#444; color:#fff; font-size:0.8em; border-radius:4px; display:inline-block; margin-top:2px; }
#aside .aside-button:hover	{ background:#666; }
#toolbar li { float:left; font-size:0.9em; margin-right:20px; margin-top: 5px;}
#toolbar li a.active { color:#3CC; }


/*
======================
Elements
======================
*/
.hidden-item	{ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50);  opacity: 0.5; }

/** Multi-lang **/
#multi-lang 	{ float:left; margin-bottom:40px; overflow:hidden; zoom:1; }
#multi-lang a 	{ float:left; padding:8px 12px; border:1px solid #ccc; color:#ccc; margin-right:5px; font-size:0.8em; }
#multi-lang a.active { border:1px solid #999; color:#999; }

/*Pagination*/
.pagination { margin-top:30px;  }
.pagination a,
.pagination span { color:#999; border:1px solid #999; margin-left:3px;padding:3px 7px; color:#666;}
.pagination a:hover { color:#333;}
.pagination .current { color:#fff; background:#666; border:1px solid #666;}
.pagination .prev	{ border:none;}
.pagination .next	{ border:none;}

/** Table **/
.horizontal-table { border:none;}
.horizontal-table tr { border-top:1px dotted #999;}
.horizontal-table th, .horizontal-table td { border:none;}

.header-box { border:1px solid #eee; margin-bottom:20px; }
.header-box h3 { background:#eee; color:#666; padding:2px 15px; }
.header-box .box-content { margin:20px;}
.header-box .box-content p { margin:0 0 5px 0 !important;}

.none-border-table { border:none; margin-bottom:10px; }
.none-border-table th { border:none; padding-left:0; padding-right:8px; font-weight:normal; color:inherit; }
.none-border-table td { border:none; padding-left:0; padding-right:8px; }
.none-border-table tr { border:none; }

.interlace-row-table { width:100%; border:none; margin-bottom:30px; }
.interlace-row-table tr.odd { background:#eee;}
.interlace-row-table th		{border:none;}
.interlace-row-table td		{border:none;}


/** .article-list **/
.article-list li { overflow:hidden; margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #eee;}
.article-list li p { color:#333;}
.article-list .title { font-size:1.2em; margin-bottom:1.3em; line-height:1.3em;}
.article-list .title a { color:#000; border:none;}
.article-list .title a:hover { color:#333;}
.article-list .contents	{ margin-bottom:12px; }
.article-list .date { color:#999; float:left; margin-right:15px; margin-top:2px;}


/** .title-list **/
.title-list li * { margin:0; }
.title-list li { margin-bottom:5px; margin-top:8px; padding:8px 15px; border-radius:4px;border:1px solid #ccc;color:#666; position:relative; overflow:hidden;}
.title-list li div {/* margin:0 10px 0 0 !important; float:left; */ margin:0 80px 0 0!important; }
.title-list li .title { font-size:1.1em; }
.title-list li:hover { color:#000; border:1px solid #ccc; background:#F7F7F7;}
.title-list .placeholder { border:none; background:#F6F6F6;}
.title-list .buttons { position:absolute; top:6px; right:5px; }
.title-list .button { border:none; background:none; color:#999; margin:3px 5px; padding:0; font-size:1em; }
.title-list a.button:hover { color:#000;}
.title-list.sort-list li:hover { cursor:move;}
.title-list.sort-list li:hover a { cursor:pointer; }
#nested-sort-list li	{ cursor:move; }

/** thumb-article-list **/
.thumb-article-list li { overflow:hidden; margin-bottom:20px; padding:10px 10px 20px 10px; border-bottom:1px solid #ddd;}
.thumb-article-list li p { color:#666; margin-bottom:15px; }
.thumb-article-list li.has-image p	{ margin-left:150px;}
.thumb-article-list li.highlight	{ background:#f7f7f7;}
.thumb-article-list p.thumb { width:125px; height:125px; float:left; border:1px solid #ddd; overflow:hidden;}
.thumb-article-list p.thumb img { height:100%;}
.thumb-article-list li.has-image p.thumb { margin:0; }
.thumb-article-list .title { font-size:1.2em; margin-bottom:1em !important; line-height:1.3em;}
.thumb-article-list .title a { color:#000; border:none;}
.thumb-article-list .title a:hover { color:#333;}

/** thumb-cover-list **/
.thumb-cover-list { overflow:hidden; margin-bottom:30px; }
.thumb-cover-list li { border:1px solid #ddd; float:left; margin-bottom:1%; padding:5px; box-sizing:border-box; width:24.25%; margin-right:1%; overflow:hidden; position:relative; height:260px; }
.thumb-cover-list li:nth-child(4n) { margin-right:0; }
.thumb-cover-list li.no-image:before { content:''; width:100%; display:block; padding-top:100%; background:#eee; margin-bottom:8px; }
.thumb-cover-list p { text-align:center; margin-bottom:8px; }
.thumb-cover-list .thumb { height:0; padding-top:100%; position:relative; background:#eee; text-align:center; overflow:hidden;}
.thumb-cover-list .thumb img { position:absolute; left:50%; top:0; transform:translateX(-50%); height:100%; }
.thumb-cover-list .title	{ height:40px; overflow:hidden; }
.thumb-cover-list .button { display:none;}
.thumb-cover-list .view-button { position:absolute; right:0; top:0; padding:2px 4px; background:#fff; color:#666; font-size:0.85em; border:none;-webkit-border-radius: 5px;-khtml-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.thumb-cover-list.sort-list li {}
.thumb-cover-list.sort-list li:hover { cursor:move;}

/** icon-set **/
.icon-set { border-bottom:none; overflow:hidden; padding:5px 0; }
.icon-set label	{ float:left; }
.icon-set .image-list { border:none; padding:0; margin-top:25px; margin-bottom:0; clear:both; }
.icon-set .image-list li { height:90px !important;}
.icon-set .image-list img { height:90px !important; width:auto; }


/** .inline-list **/
.list-header { display:none; }
.list-header a	{ padding-right:12px; }
.list-header a.asc  { background:url(image/arrow_down.jpg) no-repeat right 50%; }
.list-header a.desc { background:url(image/arrow_up.jpg) no-repeat right 50%; }

/*for modern browser*/
.inline-list { border-top:1px dashed #ddd; display:table; border-collapse:collapse;  width:100%; }
.inline-list li { border-bottom:1px dashed #ddd;  display:table-row;}
.inline-list li p { display:table-cell; vertical-align:middle; padding:10px 5px; float:none; }
.inline-list li p.thumb { display:none;}
.inline-list li a.button { margin-top:5px; }
.inline-list li .confirm	{ clear:both; padding:5px 0 10px 0;}
.inline-list.sort-list li:hover { cursor:move;}

/*for older browser IE7 and below*/
*:first-child+html .inline-list { border-top:1px dashed #ddd; }
*:first-child+html .inline-list li { overflow:hidden; border-bottom:1px dashed #ddd; padding:5px 0;}
*:first-child+html .inline-list li p { float:left; margin-bottom:0 !important; margin-right:40px; margin-top:3px;}
*:first-child+html .inline-list li p.thumb { display:none;}


/** uploadify, #edit-image-form **/
#file_uploadQueue {	display:none;}
#image-queue { margin:20px 0; overflow:hidden;}
#image-queue #no-file { padding:20px 0; text-align:center; background:#fff; color:#999; border:1px dashed #ccc; font-size:1.5em;}
#image-queue li {padding:5px; border-bottom:1px solid #ccc; background:#eee; overflow:hidden;}
#image-queue li p.imageHolder { height:60px; width:90px; overflow:hidden; text-align:center; margin:0; margin-right:10px;}
#image-queue li p.imageHolder img { height:100%;}
#image-queue li p { margin:0 10px; margin-top:22px; color:#666; font-size:0.9em; display:block; float:left;}
#image-queue li div { margin:0 10px; margin-top:0; color:#666; font-size:0.9em; display:block; float:left;}
#image-queue li .date { float:right;}
#image-queue li .progress-bar { width:665px; border:1px solid #999; height:3px; margin-top:5px; clear:both;}
#image-queue li .progress-bar .bar { background:#666; height:100%;}
#image-queue li .remove	{ float:right; margin-top:22px; margin-right:10px; font-size:12px; }
#edit-image-form #image-queue li p { margin-top:0;}
#edit-image-form #image-queue li .chkbox { float:left; margin:20px 20px 0 10px; }

#file-queue { margin:20px 0; overflow:hidden;}
#file-queue #no-file { padding:20px 0; text-align:center; background:#fff; color:#999; border:1px dashed #ccc; font-size:1.5em;}
#file-queue li {padding:5px; border-bottom:1px solid #ccc; background:#eee; overflow:hidden;}
#file-queue li p.icon	{ margin-top:0; }
#file-queue li p,
#file-queue li div { margin:0 10px; margin-top:0; color:#666; font-size:0.9em; display:block; float:left;}
#file-queue li .filename { width:320px; white-space : nowrap ; overflow:hidden; }
#file-queue li .date { float:right;}
#file-queue li .progress-bar { width:665px; border:1px solid #999; height:3px; margin-top:5px; clear:both;}
#file-queue li .progress-bar .bar { background:#666; height:100%;}
#file-queue li .remove	{ float:right; margin-top:18px; margin-right:10px; font-size:12px; }
#edit-file-form #file-queue li p { margin-top:0;}
#edit-file-form #file-queue li .chkbox { float:left; margin:20px 20px 0 10px; }

/** image-list **/
.image-list { overflow:hidden; padding:20px 0; margin:20px 0; border-bottom:1px solid #ddd;}
.image-list li { float:left; margin-right:4px; margin-bottom:6px; padding:0; position:relative; }
.image-list li, .image-list .imageHolder { height:124px;}
.image-list p,
.image-list div { display:none;}
.image-list .imageHolder { display:block; margin:0; text-align:center; }
.image-list .imageHolder img { height:100%; cursor:move;}
.image-list .tag { padding:2px 4px; background:#fff; color:#666; font-size:0.8em; position:absolute; -webkit-border-radius: 5px;-khtml-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.image-list .collection-tag { left:-3px; top:0;}
.image-list .cover-tag { left:-3px; bottom:-3px; display:none;}
.image-list .fixed { display:block;}
.image-list .delete-tag { right:-3px; top:-3px; padding:2px 6px;}
.image-list .fa-play	{ color:#fff; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); font-size:2em; }
.image-list a.video-button { }
.image-list a.video-button::after { content: ''; position: absolute; left: 50%; top: 50%; margin-left: -13px; margin-top: -16px; border-left: 26px solid #fff; border-right: 26px solid transparent; border-top:16px solid transparent;  border-bottom:16px solid transparent;}
.one-image-list li a { cursor:pointer;}
.one-image-list li, .one-image-list .imageHolder { height:200px; }


/** file-list **/
.file-list { overflow:hidden; margin:40px 0; border-top:1px solid #ddd; clear:both;}
.file-list li { padding:5px 0; margin:0; border-bottom:1px solid #ddd; overflow:hidden; zoom:1; clear:both; height:48px; cursor:move; }
.file-list p { float:left; margin-top:15px; margin-right:15px; }
.file-list .icon	{ margin-top:0;}
.file-list .filename { width:320px; white-space : nowrap ; overflow:hidden; }
.file-list .filesize { color:#999; }
.file-list .downloads { color:#999; }
.file-list .date	{ display:none; }
.file-list .delete-tag { float:right; margin-top:15px; margin-left:10px;}
.file-list .download-tag { float:right; margin-top:15px; margin-left:10px;}
fieldset .file-list .filename { width:280px; }


/** image-tag **/
.tag-image-list { border:none; }
.tag-image-list li, .tag-image-list .imageHolder { height:480px;}
.tag-image-list .imageHolder { position:relative; }
.tag-image-list .add-tag-button { position:absolute; left:5px; top:5px; background:#666;color:#fff;font-size:1em;padding:5px 10px;-webkit-border-radius: 10px;-khtml-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
.tag-image-list .add-tag-button:hover { background:#000; }

.image-tag-item { position:absolute; }
.image-tag-item .image-tag-view,
.image-tag-item .image-tag-form {background:#000; background:rgba(0,0,0,.75); color:#fff; padding:10px; -webkit-border-radius: 10px;-khtml-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; text-align:left; overflow:hidden; }
.image-tag-item p { display:block; margin:0 !important; width:200px; }
.image-tag-item label { display:inline; padding-right:15px; color:#ccc; }
.image-tag-item p input { width:180px;}
.image-tag-item a { color:#ccc; }
.image-tag-item a:hover { color:#fff; }
.image-tag-item .edit-tag-button,
.image-tag-item .remove-tag-button { float:right; color:#fff; margin-left:10px; margin-top:10px; font-size:11px;}
.image-tag-item .save-tag-button,
.image-tag-item .cancel-tag-button { float:right; margin-top:10px;}
.image-tag-item .tag-senser {  position:absolute; left:-15px; top:-15px; 
								display:block; width:28px; height:28px; 
								background:url(image/add_button.png) no-repeat; text-indent:-999px; overflow:hidden;}

.add-tag-set form { display:none; position:absolute; left:0; top:0; width:260px; padding:10px;  background:#000; -webkit-border-radius: 10px;-khtml-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; }
.add-tag-set p { display:block; margin:0 !important; }
.add-tag-set label { display:inline; padding-right:15px; color:#ccc; }
.add-tag-set .save-tag-button,
.add-tag-set .cancel-tag-button { float:right; margin-top:10px;}

/** calendar **/
table.calendar { width:100%;border:none; border-collapse:separate; border-spacing: 2px;}
table.calendar caption { text-align:center; }
table.calendar .prev { padding-bottom:20px;}
table.calendar .next { padding-bottom:20px;text-align:right;}
table.calendar .current {padding-bottom:20px;text-align:center; font-size:1.5em; }
table.calendar tr {}
table.calendar th { border:none; text-align:center; vertical-align:middle;}
table.calendar td { border:none; padding:10px; vertical-align:top; }
table.calendar td.calendar-date { background:#eee; border-radius:5px; height:80px; width:14%; }
table.calendar td.today	{ background:#F7F7F7;}
table.calendar td.calendar-date .day{}
table.calendar td.calendar-date .tag{ font-size:0.75em; color:#666; display:block; margin-top:10px; position:relative;}
table.calendar td.calendar-date .tag.hover { color:#3CC; }
table.calendar td.calendar-date .tag:hover .tag-content { display:block;}
table.calendar td.calendar-date .tag-content{ display:none; position:absolute; left:10px; bottom:10px; font-size:1.2em; background:#000; color:#fff; border-radius:6px; padding:10px 20px; width:250px; z-index:999; }
table.calendar td.calendar-date .tag-content p { margin-bottom:5px !important; margin-top:0; }
table.calendar td.calendar-date .tag-content label { display:inline; color:#999; }
table.calendar td.calendar-date .tag-content a { color:#fff; padding:5px; padding-left:0; }
table.calendar td.calendar-date .tag-content a:hover { text-decoration:underline; }
table.calendar td.calendar-date .note{  margin-top:5px; margin-bottom:0 !important; padding-bottom:0 !important; font-size:0.9em; color:#666; }
table.calendar td.calendar-date .note a { color:#666; }
table.calendar td.calendar-date .note a:hover	{ color:#000;}
table.calendar td.calendar-date .note.hover a { color:#3CC; }
table.calendar td.calendar-highlight { background:#3CC; color:#fff;}

table.calendar-list th 	{ text-align:left;}

#calendar-mode	{ text-align:right; margin-bottom:20px; }
#calendar-mode a	{ color:#666;}
#calendar-mode a.active { color:#3CC; }

.date-nav	{ overflow:hidden; zoom:1; margin-bottom:25px; }
.date-nav .prev-month	{ float:left;}
.date-nav .next-month	{ float:right;}
.date-nav .current-year-month { text-align:center; font-size:1.5em; display:block;}

.fc-header { display:none; }
.fc-border-separate	{ width:100%; border:none  !important; border-collapse:separate !important; border-spacing: 2px !important; }
.fc-day-header { border:none !important; padding:10px 0 !important; }
.fc-day	{ background:#eee; border-radius:5px; width:14%; border:none  !important; padding:10px !important; height:80px !important; }
.fc-today { background:#F7F7F7 !important;}
.fc-other-month { background:none !important; }
.fc-other-month .fc-day-number { color:#fff !important;}
.fc-day-number	{ float:left !important;}
.fc-event { background:#3CC !important; border:1px solid #3CC !important; }
.fc-event-inner	{ margin-bottom:0 !important; }
.fc-event-time	{ display:none; }

/* picture set */
.picture-set	{ clear:both; padding:10px 0 40px 0; border-bottom:1px solid #ddd; position:relative;  }
.picture-set .title	{ margin-bottom:0 !important; }
.picture-set ul	{ margin:0 !important; margin-bottom:20px !important; padding-top:10px !important; padding-bottom:0 !important; border:none !important; }

/* tiny view */
.tiny-view		{ overflow:hidden; zoom:1;}
.tiny-view p 	{ width:49%; margin-right:0.9%; float:left;}
.tiny-view p:empty	{ display:none; }
.tiny-view label { background:#f7f7f7; padding:0 5px; }
.tiny-view span {}

/* top-box */
.tip-box { padding: 5px 10px; border:1px solid #3CC; background-color: rgb(246, 254, 254); color: #3CC;  }
.tip-box a {  color: #3CC; border-bottom: 1px solid #3CC;}

/* draft tag */
.draft-tag { position: absolute; left: 5px; top: 5px; background-color: #888; color: #fff; display: inline-block; padding: .2em .6em; border-radius: 4px;}

/* search box */
#search-box	{ margin-bottom:20px; overflow:hidden; zoom:1;}
#search-box #date-range { float:left; }
#search-box #search-keywords { float:right; }
#search-box	span { margin-right:10px; color:#666; }
#search-box input	{ width:100px; border:1px solid #ddd; border-radius:0; padding:5px; }
#search-box #keywords { width:160px; }
#search-box .submit	{ width:auto; border:1px solid #ddd; padding:5px 10px; border-radius:5px; }


/* Media embed */
.view #media_embed	{ display:none; }
#media-embed-wrapper { position:fixed; left:0; top:0; right:0; bottom:0; margin:0 !important; display:none; }
#media-embed-mask { width:100%; height:100%; background:rgba(0,0,0,.5); }
#media-embed-content { position:absolute; left:50%; top:50%; width:90%; max-width:600px; max-height:80%; transform:translate(-50%, -50%); background:#fff; overflow-y:auto; padding:40px 40px; font-size:14px; }

#media-type-tabs			{ border-bottom:1px solid #666; }
#media-type-tabs li			{ border:1px solid #999; border-bottom:none; padding:10px 20px; color:#666; display:inline-block; font-size:1.05em; cursor:pointer; border-radius:2px 2px 0 0; }
#media-type-tabs li.active	{ border:1px solid #666; border-bottom:none; color:#fff; background:#666; }

#add-video-wrapper					 { padding:20px 0; }
#add-video-wrapper .label			 { margin-bottom:10px; font-size:1.33em; }
#add-video-form	.row				 { position:relative; }
#add-video-form input[type="text"]	 { width:400px; box-sizing:border-box; width:100%; font-size:1.1em; }
#add-video-form input[type="submit"] { position:absolute; top:50%; right:5px; transform:translateY(-50%); }
#add-video-form .msg				 { color:#c00; margin-top:10px; }

#media-embed-form			{ position:relative; overflow:hidden; zoom:1; }
#media-embed-form .set		{ padding-bottom:5px; margin-bottom:15px; border-bottom:1px solid #ddd; position:relative; }
#media-embed-form .row		{ overflow:hidden; zoom:1; margin:15px 0; }
#media-embed-form .label	{ width:140px; float:left; }
#media-embed-form .field	{ margin-left:140px; }
#media-embed-form textarea  { width:95%; padding:10px 2%; height:100px; border:1px solid #aaa; border-radius:3px; }
#media-embed-form [type="text"]  { width:95%; padding:10px 2%; border:1px solid #aaa; border-radius:3px; }
#media-embed-form .option	{ margin-right:20px; }
#media-embed-form .remove-media-btn { }
#media-embed-form .msg		{ position:absolute; right:65px; bottom:5px; margin:0 !important; color:#3CC; display:none; }
#media-embed-form [type="submit"][disabled] { background:#ddd; color:#000; }
#close-media-btn			{ position:absolute; right:15px; top:15px; font-size:2em; }

#media-embed-tips			{ border:1px solid #ccc; background:#eee; padding:15px; color:#444; margin:15px 0; }
#media-embed-tips .title	{ font-size:1.02em; margin-bottom:10px; }
#media-embed-tips p			{ margin-bottom:5px; }

/*
======================
Page
======================
*/

/** Login **/
#login #content { border:none;}
#login #content div { margin-bottom:15px; }
#login legend { padding-bottom:20px;}
#login .button { float:none; margin-left:0; }


/** Analytics **/
#analytics table { width:98%; margin-bottom:40px;}
#analytics #buttons { width:400px; float:right;}
#analytics .date { width:100px;}
#analytics #status { color:#666; margin-top:5px;}

/** Export **/
.export	{ padding:20px; background:#fff; }
.export #buttons { overflow:hidden; zoom:1; margin-bottom:40px; }
.export table	{ width:100%; }
.export caption { text-align:center; }
.export th { text-align:center; }
.export table .no { width:40px; text-align:center; }

/** Collection **/
#collection-item-list	{ clear:both; margin-top:80px; }
.no-item { border:1px solid #ddd; text-align:center; padding:150px 0; font-size:1.5em; color:#999; }

/** Order **/
#order-items { margin-bottom:40px; }
#order-items ul	{ margin-bottom:15px; }
#order-items .cost	{margin:5px 0; text-align:right; overflow:hidden; zoom:1; }
#order-items .cost span	{ display:block; float:left; text-align:left; font-size:14px; }
#order-items #total { font-size:1.25em; }
#order-items .item_quantity,
#order-items .item_price,
#order-items .item_total { text-align:right;}

/* Newsletter */
table.newsletter-template td	{ border:none; padding:0; }