/* 
後台CSS順序如下，請按照要用的地方放好： 

1. admin controller ： 後台才有的body設定
2. top ： 上方那條bar，LOGO、網站、使用者....
3. left menu ： 左側選單
4. bottom ： 下方控制列，SEO、發佈等等....
5. container ： 中間區塊的框架設定跟編輯以外的東西
6. adminbox 管理放按鈕那條
7. 左側2.0新樣式 ： 不知道用在哪 可以參考排版2.0 背景2.0
8. 排版 ： 三種不同的column排版相關內容
9. ulink-row相關 ： 顯示隱藏的樣子、錨點....
10.左側滑開區域 框架 ： set-box、edit-box的框架、尺寸....
11.左側滑開區域 lightbox 框架 ： set-box、edit-box裡面，點開編輯的lightbox....
12.左側滑開區域 內容基礎 ： ul li的基礎樣式設定
13.左側滑開區域 更多設定 ： 底下的更多設定跟裡面東西
14.左側滑開區域 內容元素 ： ul li裡面的東西
15.formulaire
*/


/*
==============================================
   admin controller
==============================================
*/
body { 
	height:auto;
	min-height:100%;
}
body::after { 
	clear: both;
	content: '';
	display: block;
	height: 0;
	visibility: hidden;
	overflow: hidden;
}


/*
==============================================
   top
==============================================
*/
.top-bar { 
	width:100%;
	position:fixed;
	top:0;
	z-index:606;
	text-align:left;
	background-color:#3e3e3e;
	border-bottom:1px solid #3e3e3e;
	padding:6px 0;
	-webkit-transition:all .6s ease-in-out;
	transition:all .6s ease-in-out;
}
.top-bar::after {
	content: '';
	display: block;
	position: absolute;
	overflow: visible;
	visibility: visible;
	width: 100%;
	height: 1px;
	box-shadow: 0px -2px 6px #000;
	left: 0;
	bottom: 0px;
}
body.push .top-bar::after { left: 240px; }
.top-bar .wrapper { 
	width:96%;
}
.top-bar .logo { 
	position:relative;
	left:0;
	margin:0 0 0 55px;
	display:inline-block;
	*display:inline;
	*zoom:1;
	vertical-align:top;
	z-index:10;
	-webkit-transition:all .5s ease-in-out;
	transition:all .5s ease-in-out;
}
.top-bar .logo span { line-height:1; }
.top-bar .logo img { max-width:130px; max-height:80px; }
.top-bar i { 
	-webkit-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out;
}
.top-bar a:hover, .top-bar i:hover { color:#3498db; }
.top-nav { position:absolute; right:10px; top:10px; }
.top-nav .ulink-nav-menu { margin:0; padding:0; }
.top-nav .ulink-nav-menu ul, .ulink-nav-menu li { list-style:none; margin:0; padding:0; }
.top-nav .ulink-nav-menu > li { font-size:1.2rem; font-size:12px; display:inline-block; vertical-align:text-top; }
.top-nav .ulink-nav-menu .profile {
	color: #ffffff; 
	display:inline-block;
	padding-right:10px;
	/*暫時註解 等功能完成要打開 carrie 20150818 margin-right:5px;
	margin-top:-1px;
	border-right:1px solid #cccccc;
	*/
}
.top-nav .ulink-nav-menu .profile img { max-width:20px; border-radius:100%; margin-right: 5px; overflow:hidden; }
.top-nav .ulink-nav-menu .profile .se-dropdown { vertical-align:text-bottom; }
.top-nav .nav .se-dropdown { 
	background-color:#dedede;
	padding:3px 6px 2px;
	font-size:12px;
	font-size:1.2rem;
	color:#878787;
}

/* 使用者的網站切換 */
#user_website.se-dropdown { left:3px; font-size:20px; font-size:2rem; color: #f9f9f9; }
#user_website.se-dropdown > .icon { vertical-align:bottom; margin-left:.3em; }
#user_menu.se-dropdown { 
	float:left;
	display:block;
	font-size:14px;
	font-size:1.4rem;
	line-height:1.7;
	padding:10px 15px 3px;
	margin-right:15px;
	background-color:#cccccc;
}
#user_menu.se-dropdown > .icon { margin:-4px 0 0 .5em; }


/*
==============================================
   left menu
==============================================
*/
.left-bar { 
	position:fixed;
	z-index:605;
	background-color:#3e3e3e;
	width:240px;
	min-height:78%;
	left:-240px;
	top:38px;
	bottom:47px;
	-webkit-transition:all .8s ease-in-out;
	transition:all .8s ease-in-out;
}
.adminIndex .left-bar, .adminPage .left-bar { height:100%; }
.left-bar.open { left:0; }
.left-bar.open::after {
	content: '';
	display: block;
	position: absolute;
	overflow: visible;
	visibility: visible;
	width: 2px;
	height: 100%;
	background-color: #000000;
	box-shadow: -2px 0 10px #000000;
	right: -2px;
	top: 0;
}

/* left-bar-toggle */
#left-bar-toggle { 
	position:fixed;
	top:0px;
	left:0px;
	z-index:999;
	color:#333333;
	width: 24px;
	height: 20px;
	cursor: pointer;
	background: #454545;
	padding: 9px;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
}
#left-bar-toggle > div, #left-bar-toggle::before, #left-bar-toggle::after { 
	position: absolute;
	width: 24px;
	height: 2px;
	background-color: #f7f7f7;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
}
#left-bar-toggle::before, #left-bar-toggle::after { content: ""; }
#left-bar-toggle::before { top: 9px; }
#left-bar-toggle::after { bottom: 9px; overflow: visible; visibility: visible; }
#left-bar-toggle > div { top: 18px; }

/*active*/
#left-bar-toggle.active, #left-bar-toggle.active > div { 
	background: transparent;
}
.top-bar #left-bar-toggle.active ~ .logo { 
	margin-left: 40px;
}
#left-bar-toggle.active::before, #left-bar-toggle.active::after { width: 14px; background-color: #f7f7f7; }
#left-bar-toggle.active::before { 
	-webkit-transform: rotateZ(-45deg) translate(-3px, 3px);
	transform: rotateZ(-45deg) translate(-3px, 3px);
}
#left-bar-toggle.active::after { 
	-webkittransform: rotateZ(45deg) translate(-3px, -3px);
	transform: rotateZ(45deg) translate(-3px, -3px);
}

/*hover*/
#left-bar-toggle.hover { background: transparent; }
#left-bar-toggle.hover > div { background: transparent; }
#left-bar-toggle.hover::before, #left-bar-toggle.hover::after { width: 14px; }
#left-bar-toggle.hover::before { 
	-webkit-transform: rotateZ(45deg) translate(6px, 1px);
	transform: rotateZ(45deg) translate(6px, 1px);
}
#left-bar-toggle.hover::after { 
	-webkit-transform: rotateZ(-45deg) translate(6px, -1px);
	transform: rotateZ(-45deg) translate(6px, -1px);
}
#left-bar-toggle.active.hover::before { 
	-webkit-transform: rotateZ(-45deg) translate(-5px, 1px);
	transform: rotateZ(-45deg) translate(-5px, 1px);
}
#left-bar-toggle.active.hover::after { 
	-webkit-transform: rotateZ(45deg) translate(-5px, -1px);
	transform: rotateZ(45deg) translate(-5px, -1px);
}

/* 選單主體 */
.left-menu.parent { /*父層*/ overflow: hidden; }
.left-menu, .left-menu li {  margin:0; padding:0; list-style:none; color: #ffffff; }
.left-menu li { cursor:pointer; padding:9px 15px; }
.menuContent { position: relative; overflow: hidden; }
.menuContent::before { 
	content: '';
	display: block;
	position: absolute;
	width: 300px;
	height: 200px;
	top: 0px;
	background-color: #cccccc;
	box-shadow: 0 -5px 20px #aaa;
	z-index: -1;
}
#userMaster_moduleList .col-full-25 { margin-bottom:4%; }
#userMaster_moduleList .col-100, #userMaster_moduleList .col-full-50 { min-height:inherit; min-height:auto; }

/* 選單上方廣告區 */
.adBox { 
	padding:10px 15px;
	text-align:center;
	color:#787878;
	border-bottom:1px solid #dddddd;
}

/* 切換選單內容 */
.topBox { 
	padding:20px 10px 0px;
	text-align:center;
	border-bottom:1px solid #dddddd;
}
.topBox  [class^='nBtn-'] { 
	color: #999999;
	font-size: 18px;
	font-size: 1.8rem;
	padding: 8px 10px 9px;
	float: left;
	border-top: 1px solid #666666;
	border-right: 1px solid #666666;
}
.topBox  [class^='nBtn-']:first-child { 
	border-left: 1px solid #666666;
}
.topBox  [class^='nBtn-'] > i { margin-right: 0; }
.topBox  [class^='nBtn-'].active { 
	color: #000000;
	background-color: #eeeeee;
}
.topBox  .nBtn-publish { color: #e74c3c; }
.topBox  [class^='nBtn-'].hover { color: #000000; background-color: #eeeeee; }
.topBox  .nBtn-publish.hover { color: #fa2c17; }

/* ulink-copyright */
.ulink-copyright { 
	position:absolute;
	width:80%;
	border-top:1px solid #dedede;
	padding:10px 0 15px;
	left:10%;
	bottom:50px;
	font-size:13px;
	font-size:1.3rem;
	text-align:center;
	color:#999999;
}


/*
==============================================
   bottom
==============================================
*/
.bottom-bar { 
	width:100%;
	font-size:14px;
	font-size:1.4rem;
	padding:0;
	background-color:#3e3e3e;
	position:fixed;
	bottom:0;
	z-index:605;
	/*box-shadow: 0 -1px 8px #cccccc;*/
}
.bottom-bar::after {
	content: '';
	display: block;
	position: absolute;
	overflow: visible;
	visibility: visible;
	width: 100%;
	height: 1px;
	box-shadow: 0 3px 6px #000;
	left: 0;
	top: 0px;
	z-index: 10;
}
body.push .bottom-bar::after { left: 240px; }
.bottom-bar > .row { z-index: 10; padding: 0; background-color:#3e3e3e; }
.bottom-bar.open > .row { z-index: 12; } 
.left-link { float: left; }
.right-link { float: right; margin: 10px 0 5px; }

/* 左側放管理按鈕 */
.footer-links { margin:0; padding:0; list-style:none; }
.footer-links li { 
	cursor:pointer;
	list-style:none;
	float:left;
	padding:11px 0px 10px;
	line-height:27px;
	color:#ffffff;
	-webkit-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
}
.footer-links li.published-toggle { padding-left: 11px; padding-right: 10px; }
.footer-links li.active, .footer-links li:hover { background-color:#222222; }
.footer-links i { font-size: 16px; font-size: 1.6rem; }
.footer-links [class*="btn-"].animate > i { margin-right: 0; }
.footer-links li.active [class*="btn-"].animate > span, .footer-links li:hover [class*="btn-"].animate > span {
	left:30px;
	opacity:1;
	z-index:1;
}
.footer-links li.active [class*="btn-"].animate, .footer-links li:hover [class*="btn-"].animate { width:90px; text-align:left; }
.footer-links li.active [class*="btn-"].animate.short, .footer-links li:hover [class*="btn-"].animate.short { width:60px; }
.footer-links li.active [class*="btn-"].animate.middle, .footer-links li:hover [class*="btn-"].animate.middle { width:80px; }
.footer-links li.active [class*="btn-"].animate.bmiddle, .footer-links li:hover [class*="btn-"].animate.bmiddle { width:95px; }
.footer-links li.active [class*="btn-"].animate.long, .footer-links li:hover [class*="btn-"].animate.long { width:110px; }
.footer-links li.active [class*="btn-"].animate.slong, .footer-links li:hover [class*="btn-"].animate.slong { width:130px;}
.footer-links li.active [class*="btn-"].animate.mlong, .footer-links li:hover [class*="btn-"].animate.mlong { width:150px; }
.footer-links li.active [class*="btn-"].animate.blong, .footer-links li:hover [class*="btn-"].animate.blong { width:200px; }
.footer-links li.active [class*="btn-"].animate > span, .footer-links [class*="btn-"].animate > span {
	left:30px;
}

/* 顯示 隱藏 禁用的下拉 */
.footer-links li .dropdown-text > i { line-height:26px; }
.se-dropdown.page-PublicationStatus .dropdown-menu { left: -15px; }
.upward.se-dropdown.page-PublicationStatus > .dropdown-menu { bottom: 143%; }
.se-dropdown.page-PublicationStatus > .dropdown-text > span {
	opacity: 0;
	display: inline-block;
    vertical-align: middle;
    left: -100%;
    position: relative;
    -webkit-transition:all .4s ease; transition:all .4s ease;
}
.footer-links li:hover .se-dropdown.page-PublicationStatus > .dropdown-text > span { opacity: 1; left: 0%; }

/**/
.bottom-bar .polymer-form input, .bottom-bar .polymer-form input.text { font-size: 15px; font-size: 1.5rem; }

/*預覽*/
.perviewCrtl {
	display: inline-block;
	vertical-align: middle;
	margin-left: 18px;
}

/* bottom展開 */
.bottom-nav { 
	position:absolute;
	background-color:#222222;
	width:100%;
	height:400px;
	left:0;
	bottom:-400px;
	z-index: 1;
	-webkit-transition:all .6s ease-in-out;
	transition:all .6s ease-in-out;
}
.bottom-nav.openT {
	box-shadow: 0px 0px 26px #454545;
	bottom:47px;
}
.bottom-nav iframe { 
	width: 100%;
	height: 380px;
}

/* seo設定 */
.SEO_container .col-full-20:first-child ul.forms { border-left: 1px solid #333333; }
.SEO_container ul.forms {
	min-height: 359px;
	border-left: 1px solid #333333;
	border-right: 1px solid #333333;
	margin-left: -1px;
}
.userEditContent .SEO_container ul.forms h6 {
	color: #f5f5f5;
    border-bottom: 1px solid #3e3e3e;
    background-color: #3e3e3e;
    padding: 5px 13px 5px;
    line-height: 28px;
}
.SEO_container .select-title { color: #ffffff; }
.SEO_container label { color: #ffffff; }
.SEO_container .polymer-form label.placeholder { color: #999999; }
.SEO_container .polymer-form input, .SEO_container .polymer-form input.text, .SEO_container textarea.polymer-textarea { color: #fefefe; margin-top: 22px; }
.SEO_container .polymer-form.dirty label.placeholder.active { color: #FFD801; }
.SEO_container .polymer-form .bar-in { background-color: #FFD801; }

.SEO_container .tagBox {
	background-color: #454545;
	color: #aaaaaa;
}
.SEO_container .tagBox.yellow {
	background-color: #454545;
	color: #FFD801 !important;
}
.SEO_container .yellow {
    color: #FFD801 !important;
}

/**/
.floatSettingArea { 
	position: fixed;
	box-shadow:0 0 8px #cccccc;
	background-color: #ffffff;
	top: 50%;
	margin-top: -290px;
	width: 1000px;
	height: 550px;
	overflow-y:auto;
	z-index: 9999;
}
.floatSettingBox { 
	padding: 20px 0;
}



/*
==============================================
   container
==============================================
*/
body.admin.push .container {
	left:240px;
	width:calc(100% - 240px);
}
body.admin .container { margin-bottom: 50px; margin-top:38px; }
body.admin .header ~ .container { margin-top: 0; }
body.admin.adminPage .container { margin-bottom: 0px; }
body.admin.push .header { 
	left:240px;
	width:calc(100% - 240px);
}
body.admin.push .header .header-shrink { 
	left:240px;
	width:calc(100% - 240px);
}
body.admin .header { 
	margin-top:38px;
	min-height: 50px;
}
/*body.admin .header.module-HeaderComponent.style3, 
body.admin .header.module-HeaderComponent.style4 {
	z-index: auto;
}*/
body.admin .header .header-shrink { 
	margin-top:38px;
}
body.admin .header.module-HeaderComponent.style3 .menu, 
body.admin .header.module-HeaderComponent.style4 .menu {
	top:38px;
	height: calc(100% - 85px);
}
body.admin.push .header.module-HeaderComponent.style3 .menu.menu-open, 
body.admin.push .header.module-HeaderComponent.style4 .menu.menu-open {
	left: 240px;
}
body.admin .header.module-HeaderComponent.style3 .menu-toggle, 
body.admin .header.module-HeaderComponent.style4 .menu-toggle { 
	top:64px;
}

/*body.admin.push .header .scrollUp.header-shrink.headroom--not-top.slideInDown ~ .menu .menu-toggle, 
body.admin.push .header .scrollDown.header-shrink.headroom--not-top.slideInDown ~ .menu .menu-toggle, 
body.admin.push .header .scrollDown.header-shrink.headroom--not-top.slideInUp ~ .menu .menu-toggle { top: 108px; }

body.admin.push .header .scrollUp.header-shrink.logo-middle.headroom--not-top.slideInDown ~ .menu .menu-toggle, 
body.admin.push .header .scrollDown.header-shrink.logo-middle.headroom--not-top.slideInDown ~ .menu .menu-toggle, 
body.admin.push .header .scrollDown.header-shrink.logo-middle.headroom--not-top.slideInUp ~ .menu .menu-toggle { top: 118px; }

body.admin.push .header .scrollUp.header-shrink.logo-large.headroom--not-top.slideInDown ~ .menu .menu-toggle, 
body.admin.push .header .scrollDown.header-shrink.logo-large.headroom--not-top.slideInDown ~ .menu .menu-toggle, 
body.admin.push .header .scrollDown.header-shrink.logo-large.headroom--not-top.slideInUp ~ .menu .menu-toggle { top: 128px; }*/

body.admin .header.module-HeaderComponent.style3 .menu-toggle.menu-toggle-active, 
body.admin .header.module-HeaderComponent.style4 .menu-toggle.menu-toggle-active/*, 
body.admin .header .scrollUp.header-shrink.headroom--not-top.slideInDown ~ .menu .menu-toggle.menu-toggle-active, 
body.admin .header .scrollDown.header-shrink.headroom--not-top.slideInDown ~ .menu .menu-toggle.menu-toggle-active, 
body.admin .header .scrollDown.header-shrink.headroom--not-top.slideInUp ~ .menu .menu-toggle.menu-toggle-active, 
body.admin .header .scrollUp.header-shrink.logo-middle.headroom--not-top.slideInDown ~ .menu .menu-toggle.menu-toggle-active, 
body.admin .header .scrollDown.header-shrink.logo-middle.headroom--not-top.slideInDown ~ .menu .menu-toggle.menu-toggle-active, 
body.admin .header .scrollDown.header-shrink.logo-middle.headroom--not-top.slideInUp ~ .menu .menu-toggle.menu-toggle-active, 
body.admin .header .scrollUp.header-shrink.logo-large.headroom--not-top.slideInDown ~ .menu .menu-toggle.menu-toggle-active, 
body.admin .header .scrollDown.header-shrink.logo-large.headroom--not-top.slideInDown ~ .menu .menu-toggle.menu-toggle-active, 
body.admin .header .scrollDown.header-shrink.logo-large.headroom--not-top.slideInUp ~ .menu .menu-toggle.menu-toggle-active*/ { top: 0; }

/*body.admin.push .header.module-HeaderComponent.style3 .menu-toggle { 
	margin-right: 260px;
}*/
/*body.admin.push .header.module-HeaderComponent.style3 .menu-toggle.menu-toggle-active { 
	margin-right: 0;
}*/
body.admin.push .footer { 
	left:240px;
	width:calc(100% - 240px);
}
body.admin .footer { 
	margin-bottom:48px;
	min-height: 50px;
}
/*.UserEdit [class^="col-"] { 
	min-height:50px;
}*/
body.admin .ulink-column { min-height: 80px; }
/*先改50看看 carrie 20160127
  暫時改100 gabby 20160225*/
.UserEdit .search-box [class^="col-"], .UserEdit .peopleSearch [class^="col-"] { 
	min-height:inherit;
	min-height:auto;
}
.UserEdit.pointCollect .col-50.area { min-height: 120px; }
.empty.webSite { height:195px; }

/*網站開關圖示*/
.animate.webStatus { 
	overflow:visible;
}
.animate.webStatus:hover { 
	z-index:2222;
}
.adminPage .itemBox.hover { 
	overflow:visible;
}
.adminPage .itemBox.hover .btn-block + .btn-block { 
	margin-top:5px;
}
.sub-switch { 
	display: none;
	width:100px;
	position:absolute;
	padding-top:7px;
	top:25px;
	left:0px;
	z-index:2;
	-webkit-transition:none !important;
	transition:none !important;
}
.sub-switch [class^="btn-"].active { 
	color:#fff !important;
	background-color: #2980b9 !important;
	border: 1px solid #2980b9;
}

/* 協作設定先補回來 調整第三階 Gabby 20160921 ↓　*/
.managePeople { 
	margin:0;
}
.managePeople li { 
	list-style: none;
	display: inline-block;
	margin-right: 20px;
}
.manageUser { 
	width: 100px;
	display: inline-block;
	vertical-align: top;
	font-size: 16px;
	margin-top: 5px;
	letter-spacing:0px;
	white-space:nowrap;
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	overflow:hidden;
}
.manageIcon { 
	display: inline-block;
	margin-right: 10px;
}
.manageIcon img { 
	border-radius: 100%;
	max-width: 40px;
	overflow: hidden;
}
#groupPeople .manageIcon { 
	width: 15%;
}
#groupPeople .manageIcon img { 
	border-radius: 100%;
	max-width: 50px;
	overflow: hidden;
}
.addPeople { 
	border: 1px #999 dotted;
	padding: 5px 8px;
	font-size: 13px;
	color: #777;
}
.authority .itemBox { 
	padding:20px 0;
	border-bottom: 1px #ccc solid;
}
.authority .itemBox.floatL:last-child { 
	border-bottom:none;
}
.auth-icon { 
	background-color: #eeeeee;
	padding: 5px 8px;
	position: relative;
	text-align: center;
}
.auth-icon .tran { 
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 15px 10px 0;
	border-color: #eeeeee transparent transparent transparent;
	position: absolute;
	bottom: -10px;
}
.authColumn { 
	margin: 0;
}
.authColumn li { 
	display: inline-block;
	margin-right: 10px;
	vertical-align: top;
}
.authColumn li:last-child { 
	margin-right: 0;
}
.authColumn li i.fa { 
	line-height:unset;
}
.authColumn li .btn-small { 
	font-size: 1rem;
	padding: 2px 8px !important;
}
.auth-group { 
	margin: 0;
}
.auth-group li { 
	display: inline-block;
	margin-right: 10px;
	font-size: 14px;
	color: #777;
}
.groupIcon { 
	margin-top: 20px;
}
.groupIcon div { 
	position: relative;
	cursor: pointer;
}
.groupIcon .floatL.active { 
	border:2px solid #3498db;
}
.groupIcon .floatL.active:before { 
	font-family: 'FontAwesome';
	font-size:24px;
	content:'\f058';
	color:#3498db;
	position:absolute;
	right:0;
	top:-8px;
	z-index:2;
}
.accordion a:hover { 
	color: #333;
}
.accordion span.marginR.menuDown { 
	display: inline-block;
	/*width: 80px; 20160614 Gabby*/
	width: 120px;
	letter-spacing:0;
	white-space:nowrap;
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	overflow:hidden;
	vertical-align: middle;
}

.accordion > div {
	overflow:hidden;
	border-bottom: 1px #ccc solid;
}
.accordion .atab {
	display:block;
	margin-top:6px;
	padding:5px 10px;
	text-decoration:none;
	/*color:#a1a1a1;
	background:#f5f5f5;*/
}
.accordion > div > [id*="subMenu_"] {
	padding-left: 20px;
	color: #666666;
	margin-bottom: 5px;
}
.accordion > div > [id*="subMenu_"]:last-child {
	margin-bottom: 0;
}
.accordion > div > [id*="subMenu_"] > span { 
	width: 110px; 
	display: inline-block; 
	letter-spacing:0;
	white-space:nowrap;
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	overflow:hidden;
	vertical-align: middle;
}
.accordion > [id*="menu_"] { margin-bottom: 10px; }
.accordion > [id*="menu_"] > a { color: #000000; }
.accordion span.marginR.menuDown i { margin-top: -3px; margin-right: 5px; }
#groupPeople .itemBox.floatL, .itemBox.floatL > div { float: none; }

/* 協作設定第三階 */
.accordion > div > [id*="subMenu_"] > [id*="subMenu_"] {
	padding-left: 20px;
	color: #999999;
	margin-bottom: 5px;
}
.accordion > div > [id*="subMenu_"] > [id*="subMenu_"] > span {
	width: 90px; 
	display: inline-block; 
	letter-spacing:0;
	white-space:nowrap;
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	overflow:hidden;
	vertical-align: middle;
}

/* 協作設定先補回來 調整第三階 Gabby 20160921 ↑　*/

/*顯示刪除的網站*/
.showDelete { 
	position:absolute;
	right:20px;
	top:60px;
	z-index:99;
	font-size:24px;
	font-size:2.4rem;
}
.showDelete:link { 
	color:#999999;
}
.showDelete:visited { 
	color:#999999;
}
.showDelete:hover { 
	color:#666666;
}
.showDelete:active { 
	color:#666666;
}
.itemBox.delSite .defaultWrap::before { 
	content:'';
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#99CCCCCC', endColorstr='#99CCCCCC');
	background:rgba(204,204,204,0.6);
	z-index:99;
}
.itemBox.delSite .name { color: #aaaaaa; }
.itemBox .desc { color: #aaaaaa; }


/*
==============================================
   adminbox 管理放按鈕那條
   有些東西改UI 拿掉了 carrie 20160104
==============================================
*/
.adminbox { 
	width: 100%;
	position:absolute;
	opacity: 0;
	right: 0;
	bottom: 0;
	z-index: 500;
	-webkit-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out;
}
body.admin *:hover > .adminbox, 
body.userEditContent *:hover > .adminbox { opacity: 1; z-index: 501; }
.adminbox ul:after, .adminbox ul li:after {
	display: none;
}
.adminbox ul, .adminbox li { list-style: none; margin: 0; padding: 0; }
.adminbox li, .tabBox .adminbox ul > li { 
	float: left;
	padding: 5px 0;
	position: relative;
}
.adminbox ul {
	width: 100%; 
	float: right;
	position: relative;
	background:rgba(0,0,0,0.5);
}
.adminbox [class*='btn-'] {
	margin: 0 5px; 
	background-color:transparent;
	border:transparent;
}
.adminbox [class*='btn-']:hover { 
	opacity: 1;
	border:none;
	color: #eeeeee;
}
.adminbox .btn-black.active {
	overflow: visible;
	visibility: visible;
}
.adminbox .btn-del {
	float: right;
	margin-top: 4px;
	margin-right: 5px;
}
.adminbox.design-rowOperator .btn-del {
	float: inherit;
	margin: 1px 5px 0;
}

/* 寬度 */
.adminbox.design-rowOperator, 
[data-module="Header"] .adminbox, 
[data-module="Footer"] .adminbox { 
	width: auto;
}

/* 位置 */
.adminbox.design-rowOperator, 
[data-module="Header"] > .adminbox, 
[data-module="Footer"] .adminbox { 
	right: auto;
	bottom: auto;
	left: 0;
	top:0;
	z-index: 500;
}
[data-module="Header"]:hover > .adminbox { 
	z-index: 601 !important;
}
.adminbox.design-moduleOperator, 
.empty.ulink-column .adminbox { 
	bottom: auto;
	top:0;
}

.ulink-column[data-type="Component"] .adminbox ul li, 
.empty.ulink-column .adminbox ul li { 
	padding: 3px 0px 5px;
}

/* 上緣色 */
.ulink-row::before, 
[data-module="Header"]::before, 
[data-module="Footer"]::before { 
	content: '';
	display: block;
	width: 100%;
	height: 2px;
	background-color: rgba(0,0,0,0.5);
	position: absolute;
	top: 0;
	opacity: 0;
}
.ulink-row:hover::before, 
[data-module="Header"]:hover::before, 
[data-module="Footer"]:hover::before { 
	opacity: 1;
	z-index: 100;
}
.ulink-column[data-type="List"]::before, 
.ulink-column[data-type="Component"]::before,
.ulink-column[data-type="Content"]::before,  
.empty.ulink-column::before { 
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	background-color: transparent;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	border: 2px solid rgba(0,0,0,0.4);
	-webkit-transition:border .6s ease-in-out;
	transition:border .6s ease-in-out;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.ulink-column[data-type="List"]:hover::before, 
.ulink-column[data-type="Component"]:hover::before, 
.ulink-column[data-type="Content"]:hover::before, 
.empty.ulink-column:hover::before { 
	opacity: 1;
}
/* ulink-row專用 */
.adminbox.design-rowOperator {
	top: -36px;
	z-index: 502;
}
body.admin *:hover > .adminbox.design-rowOperator, 
body.userEditContent *:hover > .adminbox.design-rowOperator { z-index: 508;/*本來502 調成508 不然header底下第一個row的控件會被蓋住 carrie 20160231*/ }

/* empty adminbox */
.empty {
	cursor: pointer;
	position: relative;
	border:1px dashed #cccccc !important; 
	min-height:80px;/*太粗不好看 改80 carrie 20160622*/
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.empty::after {
	content: '\f489';
	color: #dddddd;
	display: block;
	background-color:transparent;
	width:64px;
	height:64px;
	line-height: 64px;
	font-size: 96px;
	text-align: center;
	padding:0;
	position:absolute;
	top:50%;
	left:50%;
	/* carrie拿掉 調整columnSize的z-index的話，為什麼這邊也要一起調? carrie20160302 

	z-index: 500;

	Gabby20160225 調整columnSize的z-index的話，這邊也要一起調　*/
	margin-top:-32px;
	margin-left:-32px;
	font-family: "Ionicons";
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	overflow: visible;
	visibility: visible;

	-webkit-transition:color .4s ease;
	transition:color .4s ease;
}
div.empty:hover::after, .empty.ulink-row:hover::after, .empty.ulink-column:hover::after, .forms.formulaire li.empty:hover::after { 
	color: #666666;
}
.ulink-row.empty { 
	background-color: #efefef;
}
.ulink-row.empty::before { 
	display: none;
}
.ulink-row.empty::after { color: #bbb; }
.webSite.empty > .adminbox { /* 只對.webSite */
	height:100%;
}

.row.empty > .adminbox {
	width:100%;
	height:100%;
	cursor:pointer;
	display:block;
}
.row.empty:hover > .adminbox { 
	background:#e9e9e9;
}
.row.empty > .adminbox:hover .btn-add { 
	color: #666666;
}
.row.empty > .adminbox .btn-add::before { 
	content: '\f489';
}
.row.empty > .adminbox .btn-add:hover { 
	background-color:transparent;
}
.row.empty > .adminbox .btn-sort { 
	cursor:move;
}

/* 列表模組 > 段落 */
.newsPage-paragraph .adminbox { 
	bottom: auto;
	top: 0;
}
.newsPage-paragraph::before  { 
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	background-color: transparent;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	border: 2px dashed rgba(0,0,0,0.2);
	-webkit-transition:border .6s ease-in-out;
	transition:border .6s ease-in-out;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.newsPage-paragraph:hover::before { 
	opacity: 1;
}
.newsPage-paragraph.empty::before  { 
	display: none;
}

/* 人物、作品模組 內頁空的 */
.ulink-box-clear .adminbox {
	height: 100%;
}
.ulink-box-clear.empty::after { display: none; }

/* 自由排版 */
.dragResizable .draggable.empty {
	position: static;
}

/* 標示column尺寸 */
.columnSize {
	color: #f2f2f2;
	font-size: 14px;
	font-family: Century Gothic,Verdana,Arial,Helvetica,sans-serif;
	margin: 0 auto;
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 4px 10px;
	z-index: 502;/*避免壓到下方row的adminbox 20160224 Gabby*/
	opacity: 0;
}  
.columnSize span { font-size: 12px; }
.ulink-column:hover .columnSize {
	opacity: 1;
}
.ulink-column.empty .columnSize {
	opacity: 1;
	color: rgba(0,0,0,.5);
}
[data-col="ulink-col"]:hover .columnSize {
	background-color: rgba(0,0,0,.5);
	width: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: #f2f2f2;
}
.ulink-column.empty:hover .columnSize {
	color: #f2f2f2;
}


/*
==============================================
   左側2.0新樣式
   不知道用在哪 可以參考排版2.0 背景2.0
==============================================
*/
.nav-style {
	position: relative;
	/*text-align: center;*/
	padding: 14px 12px;
	border-bottom: 1px solid #cccccc;
}
.nav-style > div {
	position: relative;
	display: inline-block;
	vertical-align: top;
	margin: 0 1.5%;
	float: left;/*carrie 20160309*/
}
.nav-style > div .defaultWrap i {
	line-height: 20px;
	padding: 10px 0 0;
	font-size: 20px;
	font-size: 2rem;
	color: #bbbbbb;
}
.nav-style > div.active .defaultWrap i {
	color: #787878;
}
.nav-style > div .defaultWrap i.ion {
	font-size: 30px;
	font-size: 3rem;
}
.nav-style > div.two {
	width: 47%;
}
.nav-style > div.two.marginB {
	margin-bottom: 8px !important;
}
.nav-style > div.three {
	width: 30.33333%;
}
.nav-style > div.four {
	width: 23%;
	margin: 0 1%;
}
.nav-style > div.five {
	width: 18%;
	margin: 0 1%;
}
.nav-style.pointing > div.active::before {
	content: '';
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 15px 15px 15px;
	border-color: transparent transparent #cccccc transparent;
	position: absolute;
	bottom: -15px;
	left: 50%;
	margin-left: -15px;
}
.nav-style.pointing > div.active::after {
	content: '';
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 16px 16px 16px;
	border-color: transparent transparent #ffffff transparent;
	position: absolute;
	bottom: -17px;
	left: 50%;
	margin-left: -16px;
	overflow: visible;
	visibility: visible;
}
.nav-style.pointing.arrow-gray > div.active::after {
	border-color: transparent transparent #eeeeee transparent;
}
.nav-controller {
	position: relative;
	padding: 20px 13px;
}
.nav-controller .pips-input input {
	width: 35px;
}
.nav-controller .select-title {
	width: 41px;
	text-align: right;
}
.nav-controller .select-title.full {
	width: 100%;
	text-align: left;
}
.nav-controller .flat-slider.ui-slider.ui-slider-horizontal { margin: 35px 10px; }
.nav-controller .ui-slider-pips .ui-slider-label {
	margin-left: -20px;
    width: 40px;
}
.nav-controller .hideLabel .ui-slider-pip .ui-slider-label { display: none !important; }

/* 背景設定 */
.nav-style.bgSet > div {
    display: block;
    margin: 0;
    float: none;
}

/* 左側滑開編輯頁 上方 切換選項樣式 carrie 20160514 */
.nav-style.ContentEdit {
	padding: 20px 20px 14px;
    border-bottom: 1px solid #dddddd;
    margin-bottom: 20px;
    background: #f5f5f5;
    margin-left: 0 !important;
	margin-right: 0 !important;
	text-align: center;
}
.nav-style.ContentEdit > div { float: none; margin:0 auto 0 10px; }
.nav-style.ContentEdit .itemBox .name { line-height: 16px; }
.nav-style.ContentEdit .itemBox.select::before {
    display: none;
}
.nav-style.ContentEdit .itemBox.select::after {
	display: none;
}
.nav-style.ContentEdit > div { opacity: .5; transition: opacity .6s ease; }
.nav-style.ContentEdit > div:hover, .nav-style > div.active { opacity: 1; }

/*改做法 這邊註解 carrie 20160224
.nav-controller .marginSet .ui-slider-pip:nth-of-type(10n+2) .ui-slider-label {
    display: block !important;
}
.nav-controller .colNumSet .ui-slider-pip:nth-of-type(5n+1) .ui-slider-label {
    display: block !important;
}
.nav-controller .colNumSet .ui-slider-pip.ui-slider-pip-first .ui-slider-label {
    display: block !important;
}
.nav-controller .colheightSet .ui-slider-pip:nth-of-type(2n-1) .ui-slider-label, 
.nav-controller .colleftSet .ui-slider-pip:nth-of-type(2n-1) .ui-slider-label, 
.nav-controller .colrightSet .ui-slider-pip:nth-of-type(2n-1) .ui-slider-label {
    display: block !important;
}
.nav-controller .rowPaddingTSet .ui-slider-pip:nth-of-type(4n+2) .ui-slider-label, 
.nav-controller .rowPaddingBSet .ui-slider-pip:nth-of-type(4n+2) .ui-slider-label {
    display: block !important;
}
.nav-controller .moveSet .ui-slider-pip:nth-of-type(2n+2) .ui-slider-label, 
.nav-controller .scaleSet .ui-slider-pip:nth-of-type(2n+2) .ui-slider-label {
    display: block !important;
}*/

/*拖曳bar*/
.userEditContent .flat-slider.ui-slider.ui-slider-horizontal {
  height: 3px;
}
.userEditContent .flat-slider.ui-slider.ui-slider-horizontal .ui-slider-handle {
	-webkit-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
    top: -3px;
    margin-left: 0;
    width: 10px;
    height: 10px;
    border-radius: 100%;
}
.userEditContent .flat-slider.logoWidthSet.ui-slider.ui-slider-horizontal .ui-slider-handle { margin-left: -4px; }
.userEditContent .flat-slider.ui-slider-float .ui-slider-tip, .ui-slider-float .ui-slider-tip-label {
	top: 10px;
    left: 50%;
    margin-left: -18px;
    text-align: center;
    -weblit-transform: rotateZ(0deg) translate(0px, 0px);
    transform: rotateZ(0deg) translate(0px, 0px);
}
.userEditContent .flat-slider.ui-slider-float .ui-slider-handle:hover .ui-slider-tip,
.userEditContent .flat-slider.ui-slider-float .ui-slider-handle.ui-state-hover .ui-slider-tip,
.userEditContent .flat-slider.ui-slider-float .ui-slider-handle:focus .ui-slider-tip,
.userEditContent .flat-slider.ui-slider-float .ui-slider-handle.ui-state-focus .ui-slider-tip,
.userEditContent .flat-slider.ui-slider-float .ui-slider-handle.ui-state-active .ui-slider-tip,
.userEditContent .flat-slider.ui-slider-float .ui-slider-pip:hover .ui-slider-tip-label {
  top: 10px;
}
.userEditContent .flat-slider .ui-slider-range {
	background: transparent;
}
/* 圖片寬度 */
.userEditContent .flat-slider.ui-slider-horizontal.ui-slider-pips {
	width: 120px;
	margin: 5px 0 20px 10px;
}

/* 排版 > 總寬 & LOGO */
.userEditContent .flat-slider.wrapperSet.ui-slider-horizontal.ui-slider-pips .ui-slider-pip .ui-slider-line, 
.userEditContent .flat-slider.logoWidthSet.ui-slider-horizontal.ui-slider-pips .ui-slider-pip .ui-slider-line {
	display: none !important;
}
.userEditContent .flat-slider.wrapperSet.ui-slider-pips .ui-slider-label, 
.userEditContent .flat-slider.logoWidthSet.ui-slider-pips .ui-slider-label { top: 3px; }

/* 還原預設值按鈕 */
.pips-reset-button {
	font-family: "Ionicons";
	font-size: 18px;
	font-size: 1.8rem;
	display: inline-block;
	vertical-align: top;
	margin-top: 4px;
	margin-left: 6px;/*改10 carrie 20160304*/
	width: 16px;
	height: 16px;
	line-height: 16px;
	text-align: center;
	cursor: pointer;
}
.pips-reset-button::before {
	content: "\f404";
	display: block;
}
.pips-reset-button:hover::before {
	content: "\f128";
}

/* 模組排版 選擇樣式 */
.nav-controller .se-dropdown.layoutSelect {
	margin: 0;
}
.nav-controller .se-dropdown.layoutSelect .dropdown-item {
	margin: 2% 1.5% 2%;
	float: left;
	width: 30.33333%;
	padding: 0 !important;
}
.nav-controller .se-dropdown.layoutSelect .dropdown-item.active.selected .itemBox.select::before, 
.nav-controller .se-dropdown.layoutSelect .dropdown-item.active.selected .itemBox.select::after { opacity: 1; }

.nav-controller .se-dropdown.layoutSelect .dropdown-text .itemBox.select:hover::before, 
.nav-controller .se-dropdown.layoutSelect .dropdown-text .itemBox.select:hover::after { opacity: 0; }

.nav-controller .se-dropdown.layoutSelect .dropdown-item.active.selected .itemBox.select::before { z-index: 2; }
.nav-controller .se-dropdown.layoutSelect .dropdown-text {
	width: 92%;
	padding: 10px 4%;
	background-color: #efefef;
}
.nav-controller .fluid.se-dropdown.layoutSelect > .icon {
	position: absolute;
	right: 12px;
	top: 27px;
}
.nav-controller .se-dropdown.layoutSelect .dropdown-text .defaultWrap {
	float: left;
	text-align: left;
	width: auto;
}
.nav-controller .se-dropdown.layoutSelect .dropdown-text .defaultWrap img {
	max-height: 50px;
}
.nav-controller .se-dropdown.layoutSelect .dropdown-text .itemBox.select .desc {
	float: left;
	font-size: 16px !important;
    font-size: 1.6rem !important;
    line-height: 50px;
    margin-left: 10px;
    background-color: transparent !important;
    color: #787878 !important;
}

/* 排版 自訂的輸入框 */
.pips-input {
	margin-left: 10px;
	display: inline-block;
	font-size: 13px;
	font-size: 1.3rem;
	color: #666;
}
.pips-input input {
	font-size: 13px;
	font-size: 1.3rem;
	font-weight: normal;
	padding:2px 20px 2px 5px;
	color: #666;
	background-color:#efefef;
	border: none;
	outline: 0;
	width:40px;
	line-height: 1;
	/*height: 18px;*/
	vertical-align: middle;
	text-align: center;
	-webkit-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
}
.pips-input > span {
	font-size: 12px;
	font-size: 1.2rem;
	margin-left: -20px;
}
.pips-input > label { margin-right: 6px; }

/*.flat-slider.imgWidthSet.ui-slider-pips .ui-slider-pip-label .ui-slider-label { display: none !important; }
.flat-slider.imgWidthSet .ui-slider-pip:nth-of-type(2n-1) .ui-slider-label { display: block !important; }*/

/* 評審後台專用的pips-input */
.pips-input.forExamine input {
	font-size: 18px;
	font-size: 1.8rem;
	padding:2px 10px 2px 10px;
	background: transparent;
	border-bottom: 2px solid #dedede;
	width:30px;
}
span.forExamine-unit { position: relative; top:-10px; }

/*
==============================================
   排版
==============================================
*/
/*排版邊界*/
.ulink-row.typesetting {
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAIklEQVQIW2NkQAKlpaWbGWF8EKe7u9sXLADjgNiMyByQAACiOw4XzBCw2wAAAABJRU5ErkJggg==');
}
[class^='limit-'] {
	position: absolute;
	height: 100%;
	width: 0;
	top: 0;
}
.limit-left {
	left: 50%;
	border-left: 1px dashed #666666;
	z-index: 3;
}
.limit-right {
	right: 50%;
	border-right: 1px dashed #666666;
	z-index: 3;
}
.limit-back {
	width: 100%;
	left: 50%;
	background-color: #f7f7f7;
}

/*磚格排版*/
body.admin .gridster .gs-w {
    cursor: pointer;
}

/*自由排版*/
[class*='addFreeColumn'] {
	z-index:200;
	left: 50%;
	bottom: -13px;
	margin-left:-12px;
}
.addFreeColumn-list {
    margin: inherit;
    left: inherit;
    bottom: inherit;
    right: -24px;
    top: 0;
}
.addFreeColumn-list.top {
    left: 50%;
    right: inherit;
    margin-left: -12px;
}
.addFreeColumn-list.bottom {
    left: 50%;
    right: inherit;
    margin-left: -12px;
    top: inherit;
    bottom: 0;
}
.icon-col-layer {
	width: 0;
    height: 0;
    border: 7px solid transparent;
    border-bottom: 5px solid #e8e2d3;
    position: relative;
    top: -12px;
}
.icon-col-layer::after {
	content: '';
    position: absolute;
    left: -7px;
    top: 20px;
    width: 0;
    height: 0;
    border: 7px solid transparent;
    border-top: 5px solid #e8e2d3;
}
[class^='flat-slider-vertical-'].ui-slider.ui-slider-vertical .ui-slider-pip.ui-slider-pip-selected .icon-col-layer {
	border-bottom-color: #00A0EA;
}
[class^='flat-slider-vertical-'].ui-slider.ui-slider-vertical .ui-slider-pip.ui-slider-pip-selected .icon-col-layer::after {
	border-top-color: #00A0EA;
}


/*
==============================================
   ulink-row相關
==============================================
*/
/* 顯示/隱藏 */
.ulink-row.disabled .ulink-column { /* 改成對ulink-column寫 20160617 Gabby */
	-webkit-filter: grayscale(.8);
	-moz-filter: grayscale(.8);
	-ms-filter: grayscale(.8);
	-o-filter: grayscale(.8);
	filter: grayscale(.8);
}
.ulink-row.disabled::after {
	content: '';
	/*content: "\f306";
	font-family: "right";
	font-size: 30px;
	text-align: center;
	color: #ffffff;*/
	display: block;
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	/*z-index: 500; 20160617 Gabby 註解*/
	overflow: visible;
	visibility: visible;
	background-color: rgba(29,32,39,0.15);
}
.div-disabled {
	font-size: 17px;
	font-size: 1.7rem;
	color: #999999;
	text-align: right;
	position: absolute;
	right: 15px;
	top: 12px;
}

/* 錨點 */
.adminbox a.anchor {
	display: none;
	font-size:13px;
	font-size:1.3rem;
	color:#999999;
	padding: 0px 5px 0px 7px;
    margin: 5px 0;
	position:absolute;
	min-width: 200%;
    top: 1px;
    left: 100%;
    /*z-index:2;*/
}
.adminbox a.anchor:hover { 
	color:#333333;
}
.adminbox a.anchor i { 
	margin-right: 5px;
	color: transparent;
}
.ulink-row:hover .adminbox a.anchor { 
	display: block;
}
.adminbox div.anchor {
	position:absolute;
	left: 100%;
	z-index: 222;
	margin: 5px 0;
}


/*
==============================================
   左側滑開區域 框架
==============================================
*/
.set-box, .edit-box { 
	width:60% !important;
	height:100%;
	z-index:9999;
	background-color:#eeeeee;
	border-left: none;
	position:fixed;
	top:0;
	left:-60%;
	-webkit-overflow-scrolling: touch;
	overflow-y: auto;
	-webkit-transition:all .6s ease-in-out;
	transition:all .6s ease-in-out;
}

/* 不同尺寸 */
.set-box.tiny-box, .edit-box.tiny-box { 
	width: 320px !important;
	left: -320px;
}
.set-box.small-box, .edit-box.small-box { 
	width: 40% !important;
	left: -40%;
}
.set-box.middle-box, .edit-box.middle-box { 
	width: 80% !important;
	left: -80%;
}
.set-box.large-box, .edit-box.large-box { 
	width: 96% !important;
	left: -96%;
}
.set-box iframe, .edit-box iframe { 
	padding:0;
	margin:0;
	border:none;
	width:100%;
	height:100%;
}
.set-box.openR, .edit-box.openR { 
	left:0;
	box-shadow:-5px 0 36px #000000;
	/*border-left:1px solid #cccccc;*/
}

/* 關閉按鈕 */
.close-set-toggle, .close-edit-toggle { 
	cursor:pointer;
	position:absolute;
	right:40px;
	top:12px;
	z-index:999;
	width:24px;
	height:24px;
	opacity: .7;
	-webkit-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
}
.close-set-toggle:hover, .close-edit-toggle:hover { 
	opacity:1;
}
.close-set-toggle::before, .close-edit-toggle::before { 
	content: '';
	display: block;
	position: absolute;
	width: 100%;
	height: 3px;
	top: 0;
	left: 0;
	background-color: #ffffff;
	-webkit-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;

	-webkit-transform: rotate(45deg) scaleX(1.3) translate(6px,8px);
	transform: rotate(45deg) scaleX(1.3) translate(6px,8px);
}
.close-set-toggle::after, .close-edit-toggle::after { 
	content: '';
	display: block;
	position: absolute;
	width: 100%;
	height: 3px;
	top: 0;
	left: 0;
	background-color: #ffffff;
	overflow: visible;
	visibility: visible;
	-webkit-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;

	-webkit-transform: rotate(-45deg) scaleX(1.3) translate(-6px,8px);
	transform: rotate(-45deg) scaleX(1.3) translate(-6px,8px);
}

/*不知道哪邊的按鈕*/
.close-toggle { 
	cursor:pointer;
	width:32px;
	height:32px;
	position:absolute;
	right:10px;
	top:10px;
	z-index:999;
}


/*
==============================================
   左側滑開區域 lightbox 框架
==============================================
*/
body.lightbox.userEditContent { margin: 0; }
body.lightbox.userEditContent .container { 
	padding: 0px;
	/* 影響UI carrie 註解 20160111 
	border: 1px solid #dedede;*/
	margin: 6px 6px 56px;
	width: auto;
}
body.lightbox.userEditContent .container.heighter { 
	margin: 6px 6px 80px;
}
body.lightbox.userEditContent .container > .wrapper { width:100% !important; }
body.lightbox.userEditContent .tab_content > ul.forms, 
body.lightbox.userEditContent .tab_content > * {
	margin-left: 0;
	margin-right: 0;
}
/* 影響UI carrie 註解 20160111
.lightbox.userEditContent .tab_content > ul.forms > li { 
	border:none;
}*/


/*
==============================================
   左側滑開區域 內容基礎
==============================================
*/
html.userEditHtml, .userEditHtml { 
	/*background-color:#edecec;*/
	background-color: #ffffff;
	/*background-color:#f2f2f2;*/
}
body.userEditContent, .userEditContent { 
	/*margin: 0 15px; carrie 20160514 */
	margin: 0;
	padding: 0;

	/*為了解決拖曳移動時 定位不準確問題 要拿掉要三思 carrie 20160722*/
	overflow-x: inherit;
	overflow-x: initial;
}
.userEditContent ul.forms h6 { 
	display: block;
	margin:0px;
	padding: 6px 13px 5px;
	font-size: 14px;
	font-size: 1.4rem;
	color: #000000;
	border-bottom: 1px solid #dedede;
	background-color:#eeeeee;
}
.userEditContent ul.forms li { 
	position: relative;
}
.userEditContent ul.forms li > div.itemsDiv {
	padding:11px 11px 0;
}

/*外框*/
.userEditContent .tab_content > ul.forms, 
.userEditContent .tab_content > * {
	margin-left: 15px;
	margin-right: 15px;
}
.userEditContent .tab_content > ul.forms > li, 
.edit-nav > .content > ul.forms > li { 
	padding:0px 0px 10px;
	margin-bottom: 30px;
	border:1px solid #dedede;
	background-color: #ffffff;
	-webkit-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
}
.userEditContent .tab_content > ul.forms > li:last-child, .edit-nav > .content > ul.forms > li:last-child { margin-bottom: 0px; }
 
.userEditContent .tab_content > .nav-style, 
.userEditContent .tab_content > .nav-controller, 
.userEditContent .tab_content [id^='ViewStyle'] {
	margin-left: 0px;
	margin-right: 0px;
}

/* 滑鼠移入 */
/* carrie 20160215
.userEditContent .tab_content > ul.forms > li.focus, 
.edit-nav > .content > ul.forms > li.focus {
	box-shadow: 0 0 10px #b4b4b4;
}
.userEditContent .tab_content > ul.forms > li.onlyBlock.focus { 
	box-shadow: none;
}*/

/* 跟其他內容放一起的拖曳排序(非單獨有一個tab的) */
.userEditContent ul.forms ul.forms li > div.itemsDiv .nestable-kind .dd-handle { margin-left: 0px; }
.userEditContent ul.forms ul.forms li > div.itemsDiv .nestable-kind .dd-item:first-child { padding-top: 0; }
.userEditContent ul.forms ul.forms li > div.itemsDiv .nestable-kind .dd-item:last-child { padding-bottom: 0; }

/* 第二層+ */
.userEditContent ul.forms ul.forms { margin: 0 2px; }
.userEditContent ul.forms ul.forms h6 { 
	display: inline-block;
	margin: 10px 10px 0 0;
	background-color: transparent;
	padding: 0;
	font-size:13px;
	font-size:1.3rem;
	color:#333333;
	min-width:100px;/* 80改100 carrie 20160322 */
	width:100px;/* 80改100 carrie 20160322 */
	border-bottom: none;
	font-weight: 300;
}
.userEditContent ul.forms ul.forms > li { 
	border-bottom: 1px solid #eeeeee;
	padding-bottom: 0;
}
.userEditContent ul.forms ul.forms > li:last-child { 
	border-bottom: none;
}
.userEditContent ul.forms .DropBox.full ul.forms li > div.itemsDiv,
.userEditContent ul.forms ul.forms.full li > div.itemsDiv, 
.userEditContent ul.forms ul.forms li > div.itemsDiv.full { 
	width:100%; /* 滿版的itemsDiv */
	border-left: none;
	padding: 10px 0 10px 0px;
}
.userEditContent ul.forms ul.forms li > div.itemsDiv { 
	width:calc(100% - 140px);/* 120改140 carrie 20160322 */
	display: inline-block;
	vertical-align: top;
	border-left: 1px solid #eeeeee;
	padding: 10px 0 10px 15px;
}
.userEditContent ul.forms ul.forms li > div.itemsDiv div.btn { 
	float: right;
}
/*.userEditContent ul.forms ul.forms.infoList li > div.itemsDiv div.btn { 
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -14px;
} 這個好像沒有用到了 Gabby 20160418*/
/* 第二層+ h6 & itemsDiv 尺寸 */
.userEditContent ul.forms ul.forms.long h6 { 
	min-width:120px;
	width: 120px;
	position: relative;
}
.userEditContent ul.forms ul.forms.long li > div.itemsDiv { 
	width: calc(100% - 160px);
}

/*只有changeStatusBtn的li*/
.userEditContent ul.forms li.changeOnly > div.itemsDiv { 
	padding: 0;
}
.userEditContent ul.forms li.changeOnly { 
	padding:0;
}
.userEditContent ul.forms li.changeOnly h6 { 
	border-bottom: 0;
	padding-bottom: 7px;
}
.userEditContent li.changeOnly .changeStatusBtn { 
	top: 8.5px;
}

/* 相片集 編輯相片 Gabby 20160721 temp */
.userEditContent .BoxContent ul.unstyled { margin-top: 20px; }
.userEditContent .BoxContent ul.unstyled li { margin-bottom: 20px; }
/*
==============================================
   左側滑開區域 更多設定
==============================================
*/
.edit-nav { 
	position:fixed;
	bottom: 0px;
	left: 0px;
	z-index: 601; /*避免被adminbox蓋住，從201改成501 20160304 Gabby // 501改601 不然會遮不住顯示隱藏的眼睛 carrie 20160324*/
	width: 100%;
	min-height: 48px;
	max-height: 90%;
	/*overflow-y:auto; 改刊登樣式 要讓dropdown可以出現 20160503 Gabby*/
	/*box-shadow:0px -5px 15px rgba(0, 0, 0, 0.3);*/
}
.edit-nav .content { 
	padding:30px 50px 60px;
	background-color: #f7f7f7;
	display:none;
}
.edit-nav ul.forms { 
	margin-left: 0;
}
.edit-nav .ctrlbox { 
	position:fixed;
	right:0px;
	bottom:0px;
	z-index:8;
	padding:10px 30px;
	width: 100%;
	text-align: right;
	background-color: #eeeeee;
	border-top: 1px solid #dedede;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

/* 比較高的 */
.edit-nav.heighter { 
	min-height: 80px;
}
.edit-nav.heighter .ctrlbox { 
	padding:26px 30px 25px;
}

/* lightbox內的*/
.lightbox .edit-nav .ctrlbox { 
	padding: 10px 15px;
	bottom: -1px;
}
.lightbox .edit-nav.heighter .ctrlbox { 
	padding:26px 30px 25px;
	bottom: 0px;
}
.lightbox .edit-nav { 
	box-shadow:none;
	border-top: 1px solid #dedede;
}
.lightbox .left-ctrlbox {
	margin-top: 0;
}
/* lightbox內的 檔案樣式 20160412 Gabby新增*/
.lightbox.userEditContent .list.sort-li li {
	padding: 0;
	border-bottom: none;
}

/* 左側東西 */
.left-ctrlbox { 
	position: relative;
	z-index: 10;
	float: left;
}

/* 放刊登輸入框 */
.IssueSetting { 
	display: inline-block;
	margin-left: 30px;
	margin-right: 20px;
	position: relative;
	/*top: 13px; 刊登改新樣式 20160503 Gabby*/
}
/* 刊登新樣式 20160503 Gabby */
.IssueSetting .se-dropdown.page-PublicationStatus { font-size: 15px; font-size: 1.5rem; vertical-align: top; top: 33px; }
.IssueSetting .se-dropdown.page-PublicationStatus > .dropdown-text > span { opacity: 1; left: inherit; }


/*更多設定按鈕*/
.more-toggle { 
	position:fixed;
	left:30px;
	bottom:10px;
	z-index:9;
}
.more-toggle .fa-chevron-down::before { 
	content: "\f077";
}
.more-toggle.active .fa-chevron-down::before { 
	content: "\f00d";
}
.editSave { 
	position:absolute;
	bottom:10px;
	right:40px;
	z-index:90;
}
.btn-black.btn-line.editSave:hover { 
	color:#ffffff !important;
	background-color:#000000 !important;
}


/*
==============================================
   左側滑開區域 內容元素
==============================================
*/
.userEditContent .tab_content .col-100, .userEditContent .tab_content .col-full-100 { 
	margin:0 0 2% 0 !important;
}
.userEditContent .tab_content .col-full-33 { 
	width:32%;
	margin:0 2% 2% 0;
}
.userEditContent .tab_content div.col-full-33:nth-of-type(3n) { 
	margin-right:0;
}


/* 因為會被一些adminbox遮住 */
.userEditContent .se-dropdown .dropdown-menu { z-index: 600; }


/* 新增類別那些 裡面要放圖片上傳 */
.form-hide {
	display: none;
	position: fixed;/* 改fixed 讓box不會因為捲動就不見 carrie 20160307*/
	background-color: #ffffff;
	z-index: 1000;
	box-shadow: 0 0 30px #999999;
	border: 1px solid #cccccc;
	border-radius: 4px;
	max-height: 600px;
	margin: 0 !important;
	/*top: 50%;
	left: 50%;*/
	width: 80%;
	overflow: hidden;
}
.form-hide.small-form { width: 400px; }
.form-hide.middle-form { width: 550px; }
.form-hide.large-form { width: 750px; }
.form-hide .btnBox, .iframeBox .btnBox {/* form-hide的做法改成內嵌iframe，btnBox變成包在iframe裡*/
	padding: 0px 20px 20px;
	text-align: right;
}
.form-hide:hover .formClose {
    opacity: 1;
}
.form-hide .formClose {
    width: 32px;
    height: 32px;
    top: 0;
    right: 0;
    background: rgba(0,0,0,.5) url(../images/icon/close.png) no-repeat center center;
    opacity: 0;
    overflow: visible;
    position: absolute;
    -webkit-transition: opacity .3s ease, background .3s ease;
    transition: opacity .3s ease, background .3s ease;
}
.form-hide .formClose:hover { background: rgba(0,0,0,.8) url(../images/icon/close.png) no-repeat center center; }

/*第一階*/
.userEditContent ul.forms ul.forms li > div.itemsDiv .userEditContent.form-hide ul.forms > li > div.itemsDiv { 
	width: inherit;
	display: inherit;
	vertical-align: inherit;
	border-left: none;
	padding: 11px 11px 0;
}
/*第二階*/
.userEditContent ul.forms ul.forms li > div.itemsDiv .userEditContent.form-hide ul.forms ul.forms li > div.itemsDiv { 
	width:calc(100% - 120px);
	display: inline-block;
	vertical-align: top;
	border-left: 1px solid #eeeeee;
	padding: 10px 0 10px 15px;
}
/* 最小高 */
.form-hide.minHeight-xsmall { min-height: 200px; }
.form-hide.minHeight-small { min-height: 300px; }
.form-hide.minHeight-middle { min-height: 400px; }
.form-hide.minHeight-large { min-height: 500px; }

/*form-hide下地址四欄 20160118 Gabby*/
.form-hide .inlineColumn.four { margin-right: 1.5%;}
.form-hide .inlineColumn.four:nth-of-type(4n) { margin-right: 0; }

/* 點擊顯示 才下展的div */
.DropBox { 
	margin-top: 10px;
}
.DropBox.border { 
	margin-top:10px;
	padding:18px 15px 20px;
	border:1px dashed #cccccc;
}
.DropBox .DropBox .toggleBtn { 
	margin-top: 0;
}
.DropBox.AdvancedSettings { display: none; }
/*.DropBox .inlineColumn.half { 
	width: 48%;
}
.DropBox .inlineColumn.three { 
	width: 31%;
}
.DropBox .inlineColumn.four { 
	width: 22.5%;
}*/

/* 放狀態的radio或button */
.changeStatusBtn { 
	position: absolute;
	top: 8px;
	right: 10px;
	line-height: 1;
}
.changeStatusBtn.short { 
	top: 4px;
}

/* 放se-checkbox */
.toggleBtn { 
	margin-top: 5px;
}
.DropBox .toggleBtn { 
	margin-bottom: 10px;
}

/* 顯示或隱藏的眼睛icon */
.status-eye { 
	position: relative;
	z-index: 600;/* 200改600 才不會被adminbox遮住 carrie 20160323 */
	color: #999999;
	float: right;
	cursor: pointer;
}
.status-eye.active { 
	color: #454545;
}
a > .status-eye { float: inherit; }
.userEditContent ul.forms h6 .status-eye {
    line-height: 1.7;
    float: none;
    margin-left: 5px;
}

.status-eye .dropdownBox { min-width: 135px; padding: 10px 15px; right: auto; }
.status-eye .dropdownBox label { display: block; margin-right: 0; }
.status-eye .dropdownBox label:not(:last-child) { margin-bottom: 10px; }

/* tag樣式 
活動後台的團報優惠有用到 可以參考 */
.tagBox { 
	font-size: 13px;
	font-size: 1.3rem;
	padding: 6px 12px 6px 12px;
	margin: 0 6px 6px 0;
	box-shadow: none;
	background-color: #efefef;
	line-height: 24px;
	position: relative;
	display: inline-block;
	vertical-align: top;
}
.tagBox.yellow { 
	background-color: #FFD801;
	color: #000000 !important;
}
.tagBox.yellow.line.active { 
	background-color: #FFD801;
	border: 1px solid #FFD801;
}
.tagBox.small { 
	padding: 5px 12px 5px 12px;
	line-height: 1;
}
.tagBox.line { 
	background-color: transparent;
	border: 1px solid #dedede;
}
.tagBox.line.active { 
	background-color: #efefef;
	border: 1px solid #efefef;
}
/*裡面放的下拉*/
.tagBox .polymer-select.inline { 
	width: 100px;
	margin-right: 6px;
}
.tagBox .polymer-select.inline.fill-middle { 
	width: 120px;
}
.tagBox .polymer-select div.selector { 
	background-color: transparent;
}
/*裡面放的icon或按鈕*/
.tagBox > i { 
	width: 20px;
	text-align: center;
	cursor: pointer;
	opacity: 1;
	-webkit-transition:opacity 0.3s ease-in-out;
	transition:opacity 0.3s ease-in-out;
}
.tagBox > i:hover { 
	opacity: .5;
}
.tagBox > i.fa-eye { color: #666666; }
.tagBox > i.fa-eye-slash { color: #F12938; }

/*放社群icon*/
.tagBox .socialIconBox {
	display: inline-block;
	margin-right: 5px;
	vertical-align: middle;
}
.tagBox .socialIconBox > i {
	font-size: 20px;
	line-height: 22px;
}
.tagBox > span {
	display: inline-block;
	vertical-align: middle;
	margin: 0 10px 0 3px;
}

/*裡面放的排序*/
.tagBox > i.btn-sort { 
	cursor: move;
	opacity: 1;
	color: #999999;
	display: inline-block;
	width: 20px;
}
/*如果裡面放的是輸入框 後面的icon或按鈕*/
.tagBox .polymer-select.inline ~ i { 
	vertical-align: text-top;
}
/*固定尺寸*/
.tagBox.fixedWidth-three { 
	width: 28%;
}
.tagBox[class*='fixedWidth'] div.polymer-form.inline { 
	max-width: 67%;
}
/*新增tagBox按鈕*/
.appendNewDom { 
	color: #bbbbbb;
	cursor: pointer;
	vertical-align: sub;
	margin-left: 6px;
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
}
/*放新增的tagBox*/
.target-edit-dom { 
	display: none;
}
/*拖曳時的樣式*/
.tagBox.ui-sortable-helper {
	display: inline-block;
	max-height: 26px;
	min-width: 150px;
}
/* tag樣式 end */

/*打開的問號*/
.userEditContent ul.forms h6 .openQ { 
	top: -2px;
}
.userEditContent ul.forms ul.forms h6 .openQ { 
	top: 0px;
}

/* 按下新增 出現的內容 */
.addnew { 
	position: relative;
	display: inline;
	/*top: 5px;*/
}
.addnew, .addnew i { 
	-webkit-transition:all .6s ease-in-out;
	transition:all .6s ease-in-out;
}
.addnew > i { 
	color: #bbbbbb;
	cursor: pointer;
	position: absolute;
	margin-left: 6px;
	margin-top: 2px;
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
}
.addnew > i:hover { 
	color: #454545;
}
.addnew > i.fa-plus { 
	opacity: 1;
	z-index: 1;
}
.addnew > i.fa-plus.show { 
	opacity: 1;
	z-index: 1;
}
.addnew > i.fa-plus.hide { 
	opacity: 0;
	z-index: -10;
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}
.newOne { 
	display: none;
	margin-top: 10px;/* carrie 20160622 */
}
.newOne .itemsDiv > div { 
	display: inline-block;
}
.userEditContent .addnew .newOne ul.forms li { 
	padding-bottom: 10px;
}
.newOne .btnBox { 
	padding-top: 10px;
	margin-top: 30px;
	border-top: 1px solid #efefef;
	text-align: right;
}
.newOne .input-group .input-group-button { width: inherit; }
/* 按下新增 出現的內容 end */

/* 單圖上傳 與 圖片雲端 */
.imgCloud { 
	cursor: pointer;
}
.userEditContent .col-full-33 .dropzone {
    display: table;
    padding: 0px 40px;
    width: 100%;
    height: 220px;
}
.userEditContent .col-full-33 .dropzone .dz-message {
    display: table-cell;
    vertical-align: middle;
    margin: 0;
}
/* 影片截圖上傳 16:9 */
/*.userEditContent .col-full-33 .dropzone.scale-16x9 { height: 151px; }*/

/* 前面有全選的 */
.cBox > div.cbSelectAll { 
	float: left;
	width: 10%;
}
.cBox > div.cbSelectAll ~ div { 
	float: left;
	width: 90%;
}
.cBox > div >  label { 
	width: 15%;
	vertical-align:top;
}
.cBox > div.cbSelectAll ~ div > label { 
	width: 17%;
}
.cBox > div.cbSelectAll > label { 
	width: auto;
}
.cBox.four > div.cbSelectAll ~ div > label { 
	width: 30%;
}
.cBox label i { 
	margin-top: -2px;
}
.cBox.long > div >  label { width: 18%; }
.cBox.long > div.cbSelectAll ~ div > label { width: 20%; }
.cBox.xlong > div.cbSelectAll { width: 20%; }
.cBox.xlong > div.cbSelectAll ~ div { width: 80%; }
.cBox.xlong > div.cbSelectAll ~ div > label { width: 40%; }
.cBox.xlong > div.cbSelectAll > label { width: auto;}
/* 前面有全選的 end */

/* form-hide底下cBox 20160407 Gabby*/
.form-hide .cBox > div >  label { width: 40%; }
/* form-hide底下有全選的按鈕 end*/

/* 正方形按鈕
目前用在 按鈕圖示與選擇顏色 */
.userEditContent div.icon [class^="btn-"] { 
	width:24px;
	height:24px;
	padding: 0;
	margin:0 6px 10px 0;
	border: 1px solid #cccccc;
}
.userEditContent div.icon [class^="btn-"] > i { 
	line-height: 24px;
}

div.icon [class^="btn-"].active::before {
	right: -4px;
    top: -2px;
    line-height: 1;
}
.userEditContent div.icon.middle [class^="btn-"] { 
	width:36px;
	height:36px;
	line-height: 37px;
}
.userEditContent div.icon.middle [class^="btn-"] > i {
	font-size:26px;
	font-size: 2.6rem; 
	line-height: 37px;
}
.userEditContent div.icon.middle [class^="btn-"] > .fa-stack {
	font-size: 16px;
	font-size: 1.6rem;
}
.userEditContent div.icon.middle [class^="btn-"] > .fa-stack, 
.userEditContent div.icon.middle [class^="btn-"] > .fa-stack .fa-stack-2x { line-height: 38px; }

.userEditContent div.icon.big [class^="btn-"] { 
	width:48px;
	height:48px;
}
.userEditContent div.icon.big [class^="btn-"] > i {
	font-size: 28px;
	font-size: 2.8rem; 
	line-height: 48px;
}
.userEditContent div.icon.big [class^="btn-"] > .fa-stack {
	font-size: 18px;
	font-size: 1.8rem;
}
.userEditContent div.icon.big [class^="btn-"] > .fa-stack, 
.userEditContent div.icon.big [class^="btn-"] > .fa-stack .fa-stack-2x { line-height: 48px; }

/* 按鈕選擇圖示與顏色 */
div.btnSet [class^="btn-"].active, div.icon [class^="btn-"].active { 
	border:2px solid #3498db !important;
}
div.btnSet [class^="btn-"].active::before, div.icon [class^="btn-"].active::before { 
	font-family: 'FontAwesome';
	font-size:16px;
	content:'\f00c';
	color:#3498db;
	position:absolute;
	right:-4px;
	top:-6px;
}

/* 後台 放搜尋li的樣式 */
li.search .searchIcon {
	background: #eeeeee;
    color: #666666;
    font-size: 30px;
    text-align: center;
    padding: 9px 0px 0;
    float: right;
    border: 1px solid #dedede;
}
li.search .searchIcon > div {
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 16px;
	color: #787878;
	letter-spacing: 0px;
	padding: 0 10px 9px;
}
li.search .searchIcon > div.plus {
	font-size: 20px;
	font-size: 2rem;
	background-color: #dddddd;
	padding: 3px 5px;
	cursor: pointer;
	-webkit-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
}
li.search .searchIcon > div.plus i {
	-webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
li.search .searchIcon > div.plus i.active::before {
	content: "\f404";
	-webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
li.search .searchIcon > div.plus:hover {
	opacity: .5;
}
.userEditContent ul.forms li.search {
	border: none;
	padding-bottom: 0;
	background: transparent;/*20160412 Gabby 避免搜尋框有白底*/
}
/* 已註解掉滑過陰影樣式 所以這邊也不需要了 carrie 20160215
.userEditContent .tab_content > ul.forms > li.search.focus {
	box-shadow: none;
}*/
.userEditContent ul.forms li.search > div.itemsDiv {
	margin-right: 63px;
	padding-right: 0px;
	border: 1px solid #dedede;
	-webkit-transition: box-shadow 0.3s ease-in-out;
    transition: box-shadow 0.3s ease-in-out;
}
li.search li::after { display: inline-block; }
.userEditContent ul.forms li.search div.search-plusBox > ul.forms { margin: 0; }
.search-plusBox { display: none; max-height: 300px; overflow: hidden; }

/* itembox */
/* 好像沒用到 carrie 20160104
.userEditContent .defaultWrap { 
	width: 100%;
	text-align: center;
	overflow: hidden;
}*/

/* itembox統一 */
.userEditContent .itemBox .btn.bottom .btn-sort { 
	float: left;
	margin-left:  10px;
	margin-top: 1px;
}
.userEditContent .itemBox.block .btn.bottom .hideDiv { overflow: visible; }
.userEditContent .itemBox .btn.top .changeStatusBtn {
	position: static;
	float: right;
	margin-right: 10px;
}
.userEditContent .itemBox .status-eye { margin-right: 10px; }
.userEditContent .itemBox .status-eye, .userEditContent .itemBox .status-eye.active { color: #ffffff; }

/* 背景設定 > 圖片 */
.userEditContent .itemBox.bgSet {}
.userEditContent .itemBox.bgSet .dropzone.imgCloud i {
	line-height: 1;
	padding: 0;
}
.userEditContent .itemBox.bgSet .dropzone .dz-message { margin-top: 0; line-height: 1; }
.userEditContent .itemBox.bgSet .defaultWrap img { 
	max-height: 150px;
}

/*itembox主視覺輪播*/
.userEditContent .itemBox.MainVision .defaultWrap { 
	background-color: #eeeeee;
}
.userEditContent .itemBox.MainVision .btn.bottom {
	padding: 5px 0;
}
.userEditContent .itemBox.MainVision .btn.top, 
.userEditContent .itemBox.MainVision .btn.bottom {
	opacity: 0;
	-webkit-transition:opacity 0.3s ease-in-out;
	transition:opacity 0.3s ease-in-out;
}
.userEditContent .itemBox.MainVision:hover .btn.top, 
.userEditContent .itemBox.MainVision:hover .btn.bottom {
	opacity: 1;
}
.userEditContent .itemBox.MainVision .defaultWrap img { 
	max-height: 260px;
}

/*itembox多圖輪播*/
.userEditContent .itemBox.ImageFlex .defaultWrap { 
	height: 220px;
	background-color: #eeeeee;
}
.userEditContent .itemBox.ImageFlex .btn.bottom {
	padding: 5px 0;
}
.userEditContent .itemBox.ImageFlex .btn.top, 
.userEditContent .itemBox.ImageFlex .btn.bottom {
	opacity: 0;
	-webkit-transition:opacity 0.3s ease-in-out;
	transition:opacity 0.3s ease-in-out;
}
.userEditContent .itemBox.ImageFlex:hover .btn.top, 
.userEditContent .itemBox.ImageFlex:hover .btn.bottom {
	opacity: 1;
}
.userEditContent .itemBox.ImageFlex .defaultWrap img { 
	max-height: 220px;
}

/*itembox seo*/
.userEditContent .itemBox.seoImg .defaultWrap { 
	height: 300px;
	background-color: #262626;
}
.userEditContent .itemBox.seoImg .btn.bottom {
	padding: 5px 0;
}
.userEditContent .itemBox.seoImg .btn.top, 
.userEditContent .itemBox.seoImg .btn.bottom {
	opacity: 0;
	-webkit-transition:opacity 0.3s ease-in-out;
	transition:opacity 0.3s ease-in-out;
}
.userEditContent .itemBox.seoImg:hover .btn.top, 
.userEditContent .itemBox.seoImg:hover .btn.bottom {
	opacity: 1;
}
.userEditContent .itemBox.seoImg .defaultWrap img { 
	max-height: 300px;
}
.itemBox.seoImg .dropzone { height: 300px; padding: 0 40px; background-color: #262626; }
.itemBox.seoImg .dropzone .dz-message { margin-top: 115px; }

/*itembox 影片截圖上傳 16:9*/
.userEditContent .itemBox.videoImg .btn.bottom { padding: 5px 0;}
.userEditContent .itemBox.videoImg .btn.top, 
.userEditContent .itemBox.videoImg .btn.bottom {
	opacity: 0;
	-webkit-transition:opacity 0.3s ease-in-out;
	transition:opacity 0.3s ease-in-out;
}
.userEditContent .itemBox.videoImg:hover .btn.top, 
.userEditContent .itemBox.videoImg:hover .btn.bottom {
	opacity: 1;
}
.itemBox.videoImg .defaultWrap { height: 151px; background-color: #eeeeee;}
.itemBox.videoImg .defaultWrap img { max-height: 151px;}
.itemBox.videoImg .dropzone { height: 151px; min-height: 151px; }


/* itembox頁首管理 logo */
.userEditContent .logo-s .itemBox.ImageFlex .defaultWrap { 
	height: 100px;
}
.userEditContent .logo-s .itemBox.ImageFlex .defaultWrap img { 
	max-height: 100px;
}
.userEditContent .logo-m .itemBox.ImageFlex .defaultWrap {
	height: 150px;
}
.userEditContent .logo-m .itemBox.ImageFlex .defaultWrap img { 
	max-height: 150px;
}
.userEditContent .logo-l .itemBox.ImageFlex .defaultWrap {
	height: 200px;
}
.userEditContent .logo-l .itemBox.ImageFlex .defaultWrap img { 
	max-height: 200px;
}
.logo-s, .logo-m, .logo-l { float: left; position: relative; }
.logo-s { width:250px; }
.logo-m { width:350px; }
.logo-l { width:450px; }
.logo-s .dropzone, .logo-m .dropzone, .logo-l .dropzone { padding-top: 0; padding-bottom: 0; cursor: pointer; }
.logo-s .dropzone { height: 100px; }
.logo-m .dropzone { height: 150px; }
.logo-l .dropzone { height: 200px; }
.file-input {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
	font-size: 20px;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
}
a .file-input {
	z-index: 3;
}
.file-input::-webkit-file-upload-button {
  visibility: hidden;
}

/* 好像沒用到 carrie 20160104
.userEditContent .itemBox [class^="btn-"] { 
	position: relative;
	right: auto;
	top: auto;
	margin-left:  5px;
}*/

/* 有拖曳控件的li
本來是檔案與連結的li carrie改寫 20160104 */
.userEditContent .list.sort-li li { 
	padding:10px 0;
	border-left:none;
	border-bottom:1px solid #eeeeee;
	margin-bottom:0;
}
.userEditContent .list.sort-li li:last-child { 
	border-bottom: none;
	margin-bottom:0;
}
/*.userEditContent .list.sort-li li > span.title { 
	max-width:50%;
	width: auto;
}*/
.userEditContent .list.sort-li .btn-sort { 
	margin-right:10px;
	color:#cccccc;
}
.userEditContent .list.sort-li li:hover .btn-sort { 
	color:#999999;
}
.userEditContent .list.sort-li div.btn { 
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -14px;
}
.userEditContent .list li.editMode div.btn { 
	top: 15px;
	margin-top: 0;
}
/* 編輯模式下的編輯內容 */
.userEditContent .EditBox { 
	margin-left:8px;
}
.userEditContent .EditBox.border { 
	margin-left:21px;
	margin-top: 8px;
	padding:0 0 10px;
	border:1px dashed #cccccc;
}
.userEditContent .list.sort-li .EditBox li { 
	border-bottom:none;
}
.EditBox .DropBox { 
	margin-top:10px;
	padding:18px 15px 20px;
	border:1px dashed #cccccc;
}

/* 複合式主視覺 */
.userEditContent .module-ParallaxVisionComponent .seqSlide .seq-canvas .seq-in { z-index: initial; }


/*
==============================================
   formulaire
==============================================
*/
/* .forms.formulaire adminbox */
.forms.formulaire li.empty {
	cursor:pointer;
}
.userEditContent ul.forms ul.forms.formulaire > li { 
	border-bottom: none;
}

/* 後台按鈕 */
.formulaireBtn-admin { 
	float: right;
	margin-bottom: 20px;
}
.formulaireBtn-admin [class*="btn-"] + [class*="btn-"] {
	margin-left: 6px;
}

/* 表單li滑過 */
.module-FormContent .forms.formulaire > li::before { 
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	background-color: transparent;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	border: 2px dashed rgba(0,0,0,0.2);
	-webkit-transition:border .6s ease-in-out;
	transition:border .6s ease-in-out;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.module-FormContent .forms.formulaire > li:hover::before { 
	opacity: 1;
}
.module-FormContent .forms.formulaire > li.empty::before { display: none; }

/*member*/
.userEditContent .col-full-50 .titleBig { 
	font-size: 18px;
	font-size: 1.8rem;
	color: #000000;
}
.userEditContent .col-full-50 .titleSmall { 
	font-size: 14px;
	font-size: 1.4rem;
	color: #999999;
	margin-bottom: 10px;
}
.userEditContent .member-img { 
	padding: 0 10px 10px 0;
}
.userEditContent .member-img img { 
	max-height: 400px;
}
.userEditContent ul.smallForms { 
	margin: 0;
}
.userEditContent ul.smallForms h6 { 
	background-color: #eeeeee;
	color: #000000;
	padding: 3px 12px;
}
.userEditContent ul.smallForms li { 
	list-style: none;
	margin-bottom: 10px;
}
.userEditContent ul.smallForms .itemsDiv { 
	margin-top: 8px;
}

/*lightbox通知信 inclure-forms*/
.userEditContent ul.forms.inclure-forms .itemsDiv h6 { 
	background-color: #f5f5f5;
	font-size: 14px;
	font-size: 1.4rem ;
	border: 1px solid #dedede;
	border-bottom: none;
	padding: 5px 5px 5px 10px;
}
.userEditContent ul.forms.inclure-forms .itemsDiv h6.top-check { 
	float: left;
	background-color: #ffffff;border: none;
}
.userEditContent ul.forms.inclure-forms .itemsDiv .DropBox { 
	border:1px solid #dedede;
	margin: 0 0 15px 0;
	padding:15px;
}
.userEditContent ul.forms.inclure-forms .itemsDiv .DropBox h6 { 
	background-color: #ffffff;
	border: none;
	padding:5px;
	color: #777;
}
.userEditContent ul.forms.inclure-forms .itemsDiv .DropBox .itemsDiv { 
	margin: 0 15px 15px 0;
	padding:25px;
	border: 1px dotted #dedede;
}
.userEditContent ul.forms.inclure-forms .itemsDiv .DropBox .itemsDiv.smallDiv { 
	padding: 10px 25px;
}
.userEditContent ul.forms.inclure-forms .alert { 
	background-color :transparent;
	border:none;
}
.searchDiv { 
	display: none;
}
/*inclure-forms end*/
/*member end*/

/* row背景的影片預覽 */
.preview-video { 
	text-align: center;
	background-color: #dedede;
	margin-top: 20px;
}

/* 模組的參數設定 */
.para { 
	position:relative;
	padding:6px 0px;
	border-bottom:1px solid #dedede;
	font-size: 16px;
	font-size: 1.6rem;
}
.para > .paraTxt { 
	width: 90%;
	padding-top: 20px;
	white-space:nowrap;
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	overflow:hidden;
}
.para .polymer-form .bar { 
	background-color:transparent;
}
.para .polymer-form { 
	margin-top: 0;
}
.para .btn { 
	position:absolute;
	right:5px;
	top:25px;
}

/* 選單 版型 元件 模組 區塊 當前選擇的樣式 */
.ulink-row > .set-box.openR, .ulink-row > .edit-box.openR, 
#design_ModuleSet.set-box.openR, #design_ModuleSet.edit-box.openR { 
	background-color:#ffffff;
}
.set-box .itemBox.hand:hover .defaultWrap img, .edit-box .itemBox.hand:hover .defaultWrap img, 
.userEditContent .itemBox.hand:hover .defaultWrap img, #userMaster_moduleList .itemBox.hand:hover .defaultWrap img { 
	-webkit-transform: none;
	transform: none;
}
/* carrie註解 20160104
此樣式多處會用到 納入itembox.css未來發現破版處 請參考listBox改class

#userMaster_PageModules .itemBox.active,
.set-box .itemBox.active, .edit-box .itemBox.active, .userEditContent .itemBox.active, #userMaster_moduleList .itemBox.active { 
	border:2px solid #3498db;
	overflow:visible;
	padding:3px !important;
}
#userMaster_PageModules .itemBox.active:before, .set-box .itemBox.active:before, .edit-box .itemBox.active:before, .userEditContent .itemBox.active:before, #userMaster_moduleList .itemBox.active:before { 
	font-family: 'FontAwesome';
	font-size:24px;
	content:'\f058';
	color:#3498db;
	position:absolute;
	right:7px;
	top:0;
	z-index:2;
}
#userMaster_PageModules .itemBox.active:after, .set-box .itemBox.active:after, .edit-box .itemBox.active:after, .userEditContent .itemBox.active:after, #userMaster_moduleList .itemBox.active:after { 
	font-family: 'MaterialDesignIcons';
	font-size:22px;
	font-size:2.2rem;
	content:'\f1ea';
	color:#ffffff;
	position:absolute;
	right:6px;
	top:2px;
	z-index:1;
	overflow: visible;
	visibility: visible;
}
#userMaster_PageModules .itemBox.active.left:before, .set-box .itemBox.active.left:before, .edit-box .itemBox.active.left:before, .userEditContent .itemBox.active.left:before, #userMaster_moduleList .itemBox.active.left:before { 
	right: auto;
	left: 7px;
}
#userMaster_PageModules .itemBox.active.left:after, .set-box .itemBox.active.left:after, .edit-box .itemBox.active.left:after, .userEditContent .itemBox.active.left:after, #userMaster_moduleList .itemBox.active.left:after { 
	right: auto;
	left: 6px;
}*/

/* edit viedo */
.changeVodeoUpload { 
	border-radius:50px;
	background-color:#cccccc;
	color:#454545;
	line-height:20px;
	text-align:center;
	display:inline-block;
	margin:10px auto;
	font-size:13px;
	font-size:1.3rem;
}
.changeVodeoUpload > span { 
	display:inline-block;
	padding:3px 16px;
	cursor:pointer;
}
.changeVodeoUpload > span.active { 
	border:1px solid #cccccc;
	background-color:#ffffff;
	border-radius:50px;
	cursor:default;
}

/* 備註欄位
.remark-admin .inlineColumn { 
	width:80%;
}
.remark-admin input.text { 
	padding:5px 2%;
	width:94%;
}*/

/* database - 作品 藝術家 影片 資料庫
.database .itemBox .defaultWrap { 
	background-color: #f7f7f7;
	vertical-align: middle;
}
.database .itemBox .defaultWrap > div { 
	vertical-align: middle;
}
.database .itemBox .defaultWrap > div.activeWrap { 
	display:block;
	vertical-align: top;
}
.database .itemBox .defaultWrap img { 
	max-height: 195px;
}
.database .itemBox p { 
	font-size:13px;
	font-size:1.3rem;
}
.ui-autocomplete { 
	z-index:1001;
}
.database .ui-widget { 
	display:inline-block;
	*display:inline;
	*zoom:1;
	vertical-align:middle;
} */

/* 內頁 沒資料 空的樣式 */
.ulink-box-clear.empty { 
	height: 100px;
	margin-bottom: 20px;
}
.area-visual.ulink-box-clear.empty { 
	height: 340px;
}
.area-info.baseInfo.ulink-box-clear.empty { 
	height: 340px;
}
.subInfo .area-info.venue.ulink-box-clear.empty, .subInfo .area-info.related.ulink-box-clear.empty { 
	margin-bottom: 20px;
}
.dis-table { 
	display: table;
	vertical-align: middle;
	text-align: center;
	width: 100%;
	height: 100%;
	color: #333333;
	font-size: 21px;
	font-size: 2.1rem;
}
.dis-table > div { 
	display: table-cell;
	vertical-align: middle;
	height: 100%;
}

/* 內頁 上下則與回列表
.admin .pager { 
	bottom: 49px;
} */

/* 放按鈕的
忘記哪邊有用到 */
.ctrlBtn { 
	position: fixed;
	width: 90%;
	bottom: 0;
	left: 0;
	z-index: 150;
	padding: 10px 5%;
	background-color: #efefef;
	border-top: 1px solid #cdcdcd;
	text-align: right;
}
.ctrlBtn > a { 
	margin-left: 10px;
}

/* mouseenter出現筆icon */
.PMbox { 
	padding: 0 5px;
	position: relative;
	display: inline-block;
	top: 1px;
	/*margin-top: -10px;*/
	margin-left: 9px;
	right: 10px;
	opacity: 0;
	z-index: -100;
	line-height: 1;
	-webkit-transition:all .3s ease;
	transition:all .3s ease;
}
.PMbox.right { 
	position: absolute;
}
.PMbox.show { 
	opacity: 1;
	z-index: 1;
}
.PMbox > a { 
	padding:5px 6px;
	margin-right: 3px;
}

/*活動後台*/
/*新增講師&貴賓*/
.add-lecturer { 
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	padding: 55px 50px;
	border-radius: 100%;
    border: 3px dotted #dedede;
    color: #dedede;
    cursor: pointer;
    box-sizing:border-box;
}
.add-new-lecturer { position: relative;}
.dropdownBox .add-lecturer { padding: 60px;}
.lecturer-photo {
	margin: 0 auto;
    /*width: 180px;
    height: 180px; 好像太大了 調小一點 Gabby 20160505*/
    width: 150px;
    height: 150px;
    border-radius: 100%;
    overflow: hidden;
}
.lecturer-photo img { max-height: 100%; max-width: 100%;}
.EventTitle {
	margin-bottom: 20px;
    font-size: 20px;
    font-size: 2rem;
    border: 1px dotted #ccc;
    padding: 5px 0;
    color: #666666;
    background-color: #f5f5f5;
    text-align: center;
}

/*活動資訊*/
/*活動報名用的進度條*/
.leftBox-withChart { width: 350px; float: left;}
.leftBox-withChart .item { height: 20px;}
.leftBox-withChart .leftBar { 
	background-color: #f1f1f1; 
	height: 100%;
	position: relative;
	left: 0;
}
.leftBox-withChart .leftBar > svg {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.countNum {
	position: absolute;
	top: 2px;
	left: 10px;
	color: #999999;
}
.countNum .mdi-currency-usd { margin-top: -2px;}
/*countBoxProgress 日期倒數*/
.countBoxProgress {
	float: right;
}
.countBox { 
	float: right;
	position: relative;
	right: 10px;
	top: 0;
}
.countCircle {
	clear: both;
	width: 250px;
	height: 180px;
}
/*活動資訊 end*/


/*報名者管理-攜伴報名*/
.accompanyList { 
	display: none;
	position: absolute;
    /*width: 360px; 應該要用最小寬寫才不會破版 Gabby 20160505*/
    min-width: 360px;
    background-color: #fff;
    top:0;
    padding: 10px;
    box-shadow: 0 0 10px #666;
    z-index: 2;
}
.event.member .cameraBox { cursor: default; }
.eventList .itemBox.listBox .otherInfo .unstyled { margin-right:0; }
/*活動後台END*/

/*活動後台-匯出報表*/
.dropdownBox .inlineColumn.format { margin-top: -3px; font-size: 13px; font-size: 1.3rem; }
/*活動後台-匯出報表 end*/


/* 評選後台(活動) 進度條 */
.voteBar {
	height: 100%;
	position: relative;
	left: 0;
}
.voteBar > svg {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.voteNum {
	position: absolute;
    color: #000000;
    z-index: 2;
    top: calc(50% - 15px);
    left: 6px;
}
.voteNum i { margin-top: -4px; margin-right: 5px; }
/* 評選後台(活動) 進度條 end */


/* 評選設定(活動) */
.electionBox { margin:20px; position: relative; }
.electionBox .left-box {  
	display: inline-block;
	vertical-align: top;
	width: 200px;
	height: 150px;
	overflow: hidden;
	margin-right: 20px;
}
.electionBox .right-box { display: inline-block; vertical-align: top; }
.electionBox .electFraction {}
.electionBox .btnBox { position: absolute; bottom: 0; right: 0; }
.electionContent { 
	display: none;
	margin:0 20px 20px 20px; 
	padding:10px;
	border:1px solid #dedede;
}
.elect-status {     
	padding:2px 5px;
    display: inline-block;
    text-align: center;
    background: #efefef;
    margin-right: 5px;
}
.elect-status.electing { background:#F7A67E; color: #ffffff;  }
.elect-status.elected { background: #31C7FF; color: #ffffff; }
/* 評選設定(活動) END */

/* se-dropdown 頁首管理 分享功能 */
.se-dropdown.shareIconSet { font-size: 16px; font-size: 1.6rem; }
.se-dropdown.shareIconSet > .dropdown-text > i { font-size: 1.3em; }
.se-dropdown.shareIconSet .dropdown-item > i { font-size: 1.3em; }

/* 頁首管理 官方頻道 carrie 20160310 */
.userEditContent .nestable-kind.channelSet .dd-item .small .socialIcon {
	width: 22px;
	height: 22px;
	display: inline-block;
	margin: 0px 5px;
	text-align: center;
}
.userEditContent .nestable-kind.channelSet .dd-item .small .socialIcon i {
	margin: 0;
	line-height: 22px;
}
.userEditContent .nestable-kind.channelSet .dd-item .small .socialIcon img {
	max-width: 100%;
	max-height: 100%;
}
.nestable-kind.channelSet .dd-item .small { 
	display:inline-block;
	position:relative;
	vertical-align:middle;
	width:auto;
	height:auto;
	margin-right: 10px;
	overflow: visible;
}
.nestable-kind.channelSet .dd-item .small i {
    width: inherit;
    height: inherit;
    line-height: inherit;
    font-size: inherit;
}

/*icon 各種尺寸*/
.userEditContent .s-18 { width: 18px !important; height: 18px !important; font-size: 16px !important; font-size: 1.6rem !important; }
.userEditContent .s-20 { width: 20px !important; height: 20px !important; font-size: 18px !important; font-size: 1.8rem !important; }
.userEditContent .s-24 { width: 24px !important; height: 24px !important; font-size: 22px !important; font-size: 2.2rem !important; }
.userEditContent .s-26 { width: 26px !important; height: 26px !important; font-size: 24px !important; font-size: 2.4rem !important; }
.userEditContent .s-28 { width: 28px !important; height: 28px !important; font-size: 26px !important; font-size: 2.6rem !important; }
.userEditContent .s-30 { width: 30px !important; height: 30px !important; font-size: 28px !important; font-size: 2.8rem !important; }
.userEditContent .s-32 { width: 32px !important; height: 32px !important; font-size: 30px !important; font-size: 3rem !important; }
.userEditContent .s-34 { width: 34px !important; height: 34px !important; font-size: 32px !important; font-size: 3.2rem !important; }
.userEditContent .s-36 { width: 36px !important; height: 36px !important; font-size: 34px !important; font-size: 3.4rem !important; }
.userEditContent .s-38 { width: 38px !important; height: 38px !important; font-size: 36px !important; font-size: 3.6rem !important; }
.userEditContent .s-40 { width: 40px !important; height: 40px !important; font-size: 38px !important; font-size: 3.8rem !important; }
.userEditContent .s-42 { width: 42px !important; height: 42px !important; font-size: 40px !important; font-size: 4rem !important; }
.userEditContent .s-44 { width: 44px !important; height: 44px !important; font-size: 42px !important; font-size: 4.2rem !important; }
.userEditContent .s-46 { width: 46px !important; height: 46px !important; font-size: 44px !important; font-size: 4.4rem !important; }
.userEditContent .s-48 { width: 48px !important; height: 48px !important; font-size: 46px !important; font-size: 4.6rem !important; }
.userEditContent .s-50 { width: 50px !important; height: 50px !important; font-size: 48px !important; font-size: 4.8rem !important; }
.userEditContent .s-52 { width: 52px !important; height: 52px !important; font-size: 50px !important; font-size: 5rem !important; }
.userEditContent .s-54 { width: 54px !important; height: 54px !important; font-size: 52px !important; font-size: 5.2rem !important; }
.userEditContent .s-56 { width: 56px !important; height: 56px !important; font-size: 54px !important; font-size: 5.4rem !important; }
.userEditContent .s-58 { width: 58px !important; height: 58px !important; font-size: 56px !important; font-size: 5.6rem !important; }
.userEditContent .s-60 { width: 60px !important; height: 60px !important; font-size: 58px !important; font-size: 5.8rem !important; }
.userEditContent .s-62 { width: 65px !important; height: 65px !important; font-size: 60px !important; font-size: 6rem !important; }
.userEditContent .s-64 { width: 64px !important; height: 64px !important; font-size: 62px !important; font-size: 6.2rem !important; }

.userEditContent .s-18 i { line-height: 18px !important; font-size: 16px !important; font-size: 1.6rem !important; }
.userEditContent .s-20 i { line-height: 20px !important; font-size: 18px !important; font-size: 1.8rem !important; }
.userEditContent .s-24 i { line-height: 24px !important; font-size: 22px !important; font-size: 2.2rem !important; }
.userEditContent .s-26 i { line-height: 26px !important; font-size: 24px !important; font-size: 2.4rem !important; }
.userEditContent .s-28 i { line-height: 28px !important; font-size: 26px !important; font-size: 2.6rem !important; }
.userEditContent .s-30 i { line-height: 30px !important; font-size: 28px !important; font-size: 2.8rem !important; }
.userEditContent .s-32 i { line-height: 32px !important; font-size: 30px !important; font-size: 3rem !important; }
.userEditContent .s-34 i { line-height: 34px !important; font-size: 32px !important; font-size: 3.2rem !important; }
.userEditContent .s-36 i { line-height: 36px !important; font-size: 34px !important; font-size: 3.4rem !important; }
.userEditContent .s-38 i { line-height: 38px !important; font-size: 36px !important; font-size: 3.6rem !important; }
.userEditContent .s-40 i { line-height: 40px !important; font-size: 38px !important; font-size: 3.8rem !important; }
.userEditContent .s-42 i { line-height: 42px !important; font-size: 40px !important; font-size: 4rem !important; }
.userEditContent .s-44 i { line-height: 44px !important; font-size: 42px !important; font-size: 4.2rem !important; }
.userEditContent .s-46 i { line-height: 46px !important; font-size: 44px !important; font-size: 4.4rem !important; }
.userEditContent .s-48 i { line-height: 48px !important; font-size: 46px !important; font-size: 4.6rem !important; }
.userEditContent .s-50 i { line-height: 50px !important; font-size: 48px !important; font-size: 4.8rem !important; }
.userEditContent .s-52 i { line-height: 52px !important; font-size: 50px !important; font-size: 5rem !important; }
.userEditContent .s-54 i { line-height: 54px !important; font-size: 52px !important; font-size: 5.2rem !important; }
.userEditContent .s-56 i { line-height: 56px !important; font-size: 54px !important; font-size: 5.4rem !important; }
.userEditContent .s-58 i { line-height: 58px !important; font-size: 56px !important; font-size: 5.6rem !important; }
.userEditContent .s-60 i { line-height: 60px !important; font-size: 58px !important; font-size: 5.8rem !important; }
.userEditContent .s-62 i { line-height: 62px !important; font-size: 60px !important; font-size: 6rem !important; }
.userEditContent .s-64 i { line-height: 64px !important; font-size: 62px !important; font-size: 6.2rem !important; }


/* 頁尾管理 se-dropdown */
.se-dropdown.footerIconSet > .dropdown-text > i.ion { font-size: 17px; font-size: 1.7rem; }
.se-dropdown.footerIconSet > .dropdown-text > i.mdi { font-size: 16px; font-size: 1.6rem; }

/*審核 編輯紀錄*/
.editRecord-toggle { position: relative; }
.RecordBox {
	display: none;
	width: 480px;
	position: absolute;
    bottom: 50px;
    left: 0;
    cursor: default;
    color: #333333;
    padding: 20px;
    box-shadow: 0 0 10px #999;
    background: #ffffff;
}
.RecordBox .closeBtn {     
	position: absolute;
    right: 0px;
    top: 10px;
    z-index: 3; 
}
.RecordBox .scrollContent { height: 150px; }
/*審核 右側選單*/
.chooiseBar { 
    position: absolute;
    right: 0;
    top: 10px;
    background: #3e3e3e;
    z-index: 3;
}
.chooiseBar .publishView {
	display: inline-block;
	vertical-align: middle;
}
.chooiseBar .publishView span { color: #aaaaaa; }
.chooiseBar .publishView span.slash { margin:0 3px; }
.chooiseBar .btn-black.transparent.pass i.mdi-checkbox-blank-outline::before { content: "\F135"; }
.chooiseBar .btn-black.transparent.fail i.mdi-checkbox-blank-outline::before { content: "\F158"; }
.chooiseBar .btn-black.transparent　{
	opacity: 1;
	background-color:transparent; 
}
.chooiseBar .btn-black.transparent:active { box-shadow: none; color: #ffffff; }
.chooiseBar .btn-black.transparent:active::after { display: none; } 

.verifiedBtn {
} 
.verified.se-dropdown.page-PublicationStatus { font-size: 15px; font-size: 1.5rem; vertical-align: middle; color: #ffffff; }
.verified.se-dropdown.page-PublicationStatus > .dropdown-text > span { opacity: 1; left: inherit; }
.verified.upward.se-dropdown.page-PublicationStatus > .dropdown-menu { bottom: 192%; }

.uponDiv {
	display: none;
	position: absolute;
    /*bottom: 40px; 改成50 20160512 Gabby*/
    bottom: 50px; 
    padding: 20px;
    z-index: 2;
    box-shadow: 0 0 10px #cccccc;
    background-color: #ffffff;
}
.uponDiv.right { right: 0; }
.uponDiv .closeBtn {     
	position: absolute;
    right: -10px;
    top: 5px;
    z-index: 3; 
}
.Submitted.btn-gray.btn-line {
	opacity: 1;
	cursor: default;
	border-style: dotted !important;
	color: #999999 !important;
	border-color: #999999 !important;
}
.Submitted.btn-gray.btn-line:hover { 
	opacity: 1;
	color: #999999 !important;
	background-color: transparent !important;
	border-color: #999999 !important;
}
.uponDiv .verifiedBtn { 
	cursor: pointer; 
	-webkit-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
}
.uponDiv .verifiedBtn:hover { color: #aaaaaa; }
.uponDiv .verifiedBtn.pass i.mdi-checkbox-blank-outline::before { content: "\F135"; }
.uponDiv .verifiedBtn.fail i.mdi-checkbox-blank-outline::before { content: "\F158"; }


/* 會員 後台 */
.QRimg-review img { max-width: 120px; }
.userEditContent .accumulationBox {
	top: -100px;
}


/* 公告區塊 後台 */
.scrollBox.vertical {
	width: 50%;
	height: 200px;
	max-height: 200px;
	padding: 10px 15px;
	background-color: #f7f7f7;
	margin-top: 10px;
}
.scrollBox.vertical label { margin-bottom: 5px; }


/* 公告列表 後台才有 carrie 2016061 */
.module-NewsList .sticky-wrap tbody tr td.adminBar {
    position: absolute !important;
    left: 0;
    bottom: 0;
    display: block;
    width: 100%;
    padding: 0 !important;
    margin: 0;
    max-width: initial !important;
}
.module-NewsList .sticky-wrap tbody tr:hover td.adminBar .adminbox { opacity: 1; }

/* 979px以下出現的分享與上下頁 */
body.admin .mobile-controlBars.active { bottom: 47px; }



/*
==============================================
   admin controller
==============================================
*/
@media screen and (min-width : 1281px) {
	.headerEdit .list.link li .input-large, .footerEdit .list.link li .input-large {
		width:350px !important;
	}
}
@media screen and (max-width : 1560px) {
	body.admin.push .header.module-HeaderComponent.style3 .menu .menu-toggle, 
	body.admin.push .header.module-HeaderComponent.style4 .menu .menu-toggle {
		margin-left: 0;
		left: 240px;
	}
	body.admin.push .header.module-HeaderComponent.style3 .menu .menu-toggle.menu-toggle-active, 
	body.admin.push .header.module-HeaderComponent.style4 .menu .menu-toggle.menu-toggle-active {
		left: auto;
	}
}
@media screen and (max-width : 1280px) {
	.set-box, .edit-box {
		width:70% !important;
		left:-70%;
	}

	body.admin.push .header.module-HeaderComponent.style3 .wrapper, 
	body.admin.push .header.module-HeaderComponent.style4 .wrapper {
		width: 88%;
	}
	body.admin.push .header-shrink.logo-middle .header-shrink-content {
		width: 640px;
	}
}
@media screen and (max-width : 1136px) {
	.set-box, .edit-box {
		width:80% !important;
		left:-80%;
	}
	/*body.admin.push .header, body.admin.push .container, body.admin.push .footer {
		left:240px;
		width:100%;
	}*/
}
@media screen and (max-width : 1024px) {
	body.admin.push .container {
		left:0px;
		width: 100%;
	}
	body.admin.push .header {
		left:0px;
		width: 100%;
	}
	body.admin.push .header .header-shrink { 
		left: 0px;
		width: 100%;
	}
	body.admin.push .header.module-HeaderComponent.style3 .menu.menu-open, 
	body.admin.push .header.module-HeaderComponent.style4 .menu.menu-open {
		left: 0px;
	}
	body.admin.push .footer {
		left:0px;
		width: 100%;
	}

	.userEditContent .tab_content .col-full-33 { 
		width:32% !important;
		margin:0 2% 2% 0 !important;
	}
	.userEditContent .tab_content div.col-full-33:nth-of-type(3n) { 
		margin-right:0 !important;
	}
}
@media screen and (max-width : 979px) {
	.top-bar {
		z-index: 1007;
	}
	/*.left-bar {
		left:0;
	}
	.left-bar.open {
		left:-240px;
	}
	body.admin .container {
		left:240px;
	}
	body.admin .header {
		left:240px;
	}
	body.admin .footer {
		left:240px;
	}
	body.admin.push .container {
		left:0;
		width:100%;
	}
	body.admin.push .header {
		left:0;
		width:100%;
	}
	body.admin.push .footer {
		left:0;
		width:100%;
	}*/
	.set-box, .edit-box {
		width:90% !important;
		left:-90%;
	}
	.tagBox.fixedWidth-three {
		width: 200px;
	}
	.tagBox[class*='fixedWidth'] div.polymer-form.inline {
		max-width: 120px;
	}

	/* 工作簿 */
	.workBlock ul.forms > li .inlineColumn { max-width: inherit; }
	.workBlock ul.forms h6.FrontUser { margin-bottom: 10px; }

}

@media screen and (max-width : 800px) {
	body.admin.push .container {
		left:0px;
		width: 100%;
	}
	body.admin.push .header {
		left:0px;
		width: 100%;
	}
	body.admin.push .header .header-shrink { 
		left: 0px;
		width: 100%;
	}
	body.admin.push .header.module-HeaderComponent.style3 .menu.menu-open, 
	body.admin.push .header.module-HeaderComponent.style4 .menu.menu-open {
		left: 0px;
	}
	body.admin.push .footer {
		left:0px;
		width: 100%;
	}

	.set-box, .edit-box {
		width:96% !important;
		left:-96%;
	}
	.set-box.small-box, .edit-box.small-box, 
	.set-box.tiny-box, .edit-box.tiny-box {
		width: 80% !important;
		left: -80%;
	}
	.set-box.small-box.openR, .edit-box.small-box.openR, 
	.set-box.tiny-box.openR, .edit-box.tiny-box.openR { left: 0; }

		/* 20160614 Gabby APS協作設定 */
	.authority .itemBox.listBox .defaultWrap { float: none; margin:0 auto; }
	.authority .itemBox.listBox h2 { text-align: center; }
}
@media screen and (max-width : 768px) { 
	/*authority*/
	.authority .col-33 .floatR.paddingR-40 {
		padding-right: 20px !important;
	}

    /* 手機版日期選擇 */
    .mobileDatePicker {
    	display: block !important;
    }
    .mainDatePicker {
    	display: none;
    }
}
@media screen and (max-width : 680px) {
	.right-link { width: 100%; text-align: right; }
	.right-link > a { margin-right: 8px; }
	
	/* QRcode模組 */
	.admin .pointSearch.block {
		bottom:76px;
	}
	.admin .keyin {
		bottom:76px;
	}
	/* end */

	.tagBox {
		margin-right: 0;
		display: block;
	}
	.tagBox.fixedWidth-three {
		width: auto;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.tagBox[class*='fixedWidth'] div.polymer-form.inline {
		max-width: inherit;
		width: 80%;
	}
	.appendNewDom {
		margin-left: 0;
		padding: 10px 3px;
	}

	/**/
	.gridster .ulink-column.empty > .adminbox {
		width: 99.7%;
		height: 99.7%;
	}
	[class^='limit-'] {
		margin: 0 auto !important;
	}
	.limit-back { width: 90% !important; left: 5% !important; }
	.limit-left {
		left: 5% !important;
	}
	.limit-right {
		right: 5% !important;
	}

	/**/
	.userEditContent .tab_content .col-full-33 {
		margin: 0 0 2% 0 !important;
	}
	.userEditContent ul.forms li > div.itemsDiv { padding: 0; }
	.userEditContent ul.forms ul.forms { margin: 0; }
	.userEditContent ul.forms ul.forms h6 {
		display: block;
		max-width: inherit;
		width: 100%;
		margin-right: 0;
		margin-top: 10px;
	}
	.userEditContent ul.forms ul.forms > li {
		margin-bottom: 15px;
		padding: 0 20px;
	}
	.userEditContent ul.forms ul.forms ul.forms > li {
		margin-bottom: 15px;
		padding: 0px;
	}
	.userEditContent ul.forms ul.forms li > div.itemsDiv {
		width: 100%;
		border-left: none;
		padding-left: 0;
		padding-bottom: 20px;
	}

	.userEditContent .itemBox.MainVision .btn.top, .userEditContent .itemBox.MainVision .btn.bottom { opacity: 1; }
	.userEditContent .itemBox.MainVision .btn.top {
		position: relative;
		margin-top: 0;
		top: 0;
	}
	.userEditContent .itemBox.MainVision .btn.bottom {
		position: relative;
		margin-top: 0;
	}

	.btnSet [class*="btn-"] + [class^="btn-"] { margin-left: 0; margin-right: 5px; margin-bottom: 10px; }

	/* 評選設定(活動) */
	.electionBox .left-box { width: 100%; margin-right: 0; margin-bottom: 20px; }


	/* 會員積點 */
	.userEditContent .accumulationBox {
   	 	width: 45%;
    	left: 0;
    	margin-left: 0;
	}

	body.admin .mobile-controlBars.active { bottom: 90px; }

}
@media screen and (max-width : 600px) {
}
@media screen and (max-width : 480px) {
	body.admin .container { margin-bottom: 92px; }
}