/*============================================================
layout
=============================================================*/

/* layout */ 
#page-container { position:relative; width:100%; padding:0; margin:0 auto; -webkit-transition: background-color 0.2s ease-out; transition:background-color 0.2s ease-out; background:#e6ebed; z-index:0; }
#main-container { height:100%; margin-right:50px; padding:5px 1px 8px 5px; background:#e6ebed; }
#sidebar { position:fixed; width:190px; height:100%; overflow:hidden; top:0; left:0; background:#31383e; }
.sidebar-logosetting { width:190px; background:#31383e; }
#sidebar, #submenu, #totalsearch, #subarea, #subarea-wrap, #main-container { -webkit-transition: all 0.1s ease-out; transition: all 0.1s ease-out; }
.sidebar-content { height:100%; }

.sidebar-mini #sidebar { width:70px; }
.sidebar-visible #sidebar { width:190px; }
.sidebar-mini #main-container { margin-left:70px; }
.sidebar-visible #main-container { margin-left:190px; }
.sidebar-mini.sidebar-subarea #main-container { margin-left:260px; }
.sidebar-visible.sidebar-subarea #main-container { margin-left:380px; }

.sidebar-mini #subarea, .sidebar-visible #subarea, .sidebar-mini #subarea-wrap, .sidebar-visible #subarea-wrap { display:none; }
.sidebar-mini.sidebar-subarea #subarea, .sidebar-mini.sidebar-subarea #subarea-wrap { display:block; position:fixed; top:0; left:70px; width:190px; height:100%; }
.sidebar-visible.sidebar-subarea #subarea, .sidebar-visible.sidebar-subarea #subarea-wrap { left:190px; }

#fixed-board { display:none; }

#page-container.main { height:100%; overflow:hidden; }
#page-container.sub { position:relative; min-height:100%; min-width:1200px; background:#fff; }
#page-container.sub #main-container { padding:0; background:#fff; }
#page-container.sub.myspace { padding:0; background:#fff; }

/* layout ---> theme-topbottom */
#page-container.theme-topbottom { position:relative; background:none; }
.theme-topbottom.main #main-container { margin:0 50px 0 380px; padding:61px 1px 8px 5px; min-height:550px; border-left:1px solid #ccc; }
.theme-topbottom #sidebar { position:fixed; width:100%; height:56px; border-bottom:1px solid #272c31; z-index:101; }
.theme-topbottom .sidebar-logosetting { position:relative; width:100%; height:56px; background:#31383e; border-bottom:1px solid #272c31; }
.theme-topbottom #subarea, .theme-topbottom #subarea-wrap { position:absolute; top:0; left:0 !important; height:100%; padding-top:56px; }
.theme-topbottom.main #subarea, .theme-topbottom.main #subarea-wrap { width:380px; }
.theme-topbottom.sub.sidebar-mini #main-container { margin-left:190px; }
.theme-topbottom.myspace #main-container, .theme-topbottom .myspace #main-container { margin-left:250px !important; border-left:none; }
.theme-topbottom.myspace .leftmenu, .theme-topbottom .myspace .leftmenu { width:250px; }
.theme-topbottom  #fixed-board { display:block; width:380px; }

.theme-topbottom#page-container.main #main-container { border-left:1px solid #d1d1d1; }
.theme-topbottom#page-container.sub #main-container { margin:0 50px 0 190px; padding:56px 0 0 0; height:auto; }
.theme-topbottom#page-container.sub #main-container.calendar { margin:0 50px 0 0; padding:9px 10px; }


/*============================================================
sidebar
=============================================================*/

/* sidebar-brand */
.sidebar-mini .sidebar-brand { display:block; height:55px; }

/* sidebar-brand ---> theme-topbottom */
.theme-topbottom .sidebar-brand { position:absolute; top:17px; left:30px; max-height:39px; }
.theme-topbottom a.sidebar-brand:hover, .theme-topbottom a.sidebar-brand:focus { opacity:0.85; background-color:#31383e; }

/* sidebar-link */
.sidebar-mini .sidebar-link { background:#272c31; }
.sidebar-mini .sidebar-link ul { height:auto; padding:12px 0 0 0; border-bottom:1px solid #16181b; }
.sidebar-mini .sidebar-link li { position:relative; display:block; padding:2px 11px; }
.sidebar-mini .sidebar-link li.sl-home a { display:none; }
.sidebar-mini .sidebar-link li.sl-per a, .sidebar-mini .sidebar-link li.sl-search a { opacity:0.7; }
.sidebar-mini .sidebar-link li.sl-per.current a, .sidebar-mini .sidebar-link li.sl-search.current a { opacity:1; }

.sidebar-mini .sidebar-link .noti-bg { position:absolute; top:-4px; left:38px; padding:2px 5px; min-width:18px; height:18px; font-family:"Open Sans", sans-serif; font-size:9px; font-weight:bold; color:#f05050; border-radius:9px; background:#fff; }
.lt-ie9 .sidebar-mini .sidebar-link .noti-bg { top:-8px; font-size:16px; background:none; }
.sidebar-visible .sidebar-link .noti-bg { display:none; }
.sidebar-visible .sidebar-link ul { display:block; height:56px;	padding:0 0 0 22px; border-bottom:2px solid #22272b; }
.sidebar-visible .sidebar-link li { display:inline-block; padding:16px 0 0 0; }
.sidebar-link li a { display: block; height:40px; padding:0 23px; }

.sidebar-visible .sidebar-link li.sl-home a { display:block; opacity:0.7; }
.sidebar-visible .sidebar-link li.sl-home.current a { opacity:1; }
.sidebar-link li.sl-home a:hover, .sidebar-link li.sl-per a:hover, .sidebar-link li.sl-search a:hover { opacity:1; }

/* sidebar-link ---> theme-topbottom */
.theme-topbottom .sidebar-link { position:absolute; top:0; right:0; background:none; z-index:1; }
.theme-topbottom .sidebar-link ul { height:56px; padding:0; border-bottom:none; }
.theme-topbottom .sidebar-link li { float:left; padding:0; }
.theme-topbottom .sidebar-link li.current a { border:none !important; }
.theme-topbottom .sidebar-link li a { display: block; width:50px; height:56px; }
.theme-topbottom .sidebar-link li.sl-home a { display:block; opacity:0.7; border-left:1px solid #1e2226; }
.theme-topbottom .sidebar-link li.sl-home.current a { opacity:1; border-bottom:1px solid #2fb3b6; }
.theme-topbottom .sidebar-link li.sl-per a { opacity:0.7; border-left:1px solid #1e2226; }
.theme-topbottom .sidebar-link li.sl-per.current a { opacity:1; border-bottom:1px solid #2fb3b6; }
.theme-topbottom .sidebar-link .noti-bg { display:none; }
.theme-topbottom .sidebar-link li.sl-home a:hover, .sidebar-link li.sl-per a:hover { opacity:1; }

.theme-topbottom .sidebar-link li.sl-search a { position:absolute; display:block; padding:0; width:17px; height:40px; top:0; right:158px; opacity:1; }
.theme-topbottom .sidebar-link li.sl-search a:hover { background-position:0 -40px; }

/* sidebar-noti */
.sidebar-mini .sidebar-noti { height:auto; border-bottom:1px solid #22272b; background:#363e45; }
.sidebar-visible .sidebar-noti { height:71px; border-top:none; }
.sidebar-mini .sidebar-noti ul { padding:0; }
.sidebar-visible .sidebar-noti ul { padding:10px 3px 0 0; text-align:center; }
.sidebar-mini .sidebar-noti li { position:relative; padding:4px 6px; font-family:"Open Sans", sans-serif; font-size:11px; color:#c8d2d7; border-top:1px solid #272c31; }
.sidebar-mini .sidebar-noti li:first-child { border:none; }
.sidebar-visible .sidebar-noti li { display:inline-block; padding:0; width:32px; border:none; }
.sidebar-mini .sidebar-noti .noti-num { position:absolute; top:2px; right:7px; font-size:12px; background:none; }
.sidebar-visible .sidebar-noti .noti-num { position:relative; top:auto; right:auto; height:auto; display:block; padding-bottom:7px; font-size:16px; background:none; }
.sidebar-mini .sidebar-noti .noti-num.all { right:3px; }
.sidebar-mini .sidebar-noti .noti-num.all a { display:block; width:17px; height:17px; }
.sidebar-visible .sidebar-noti .noti-num.all { right:auto; }
.sidebar-visible .sidebar-noti .noti-num.all a { display:block; width:23px; height:23px; }

/* sidebar-noti ---> theme-topbottom */
.theme-topbottom .sidebar-noti { position:absolute; top:0; right:210px; font-family:"Open Sans", sans-serif; font-size:10px; border:none; background:none; z-index:1; }
.theme-topbottom .sidebar-noti ul { padding:0; }
.theme-topbottom .sidebar-noti li { display:inline-block; width:28px; padding:8px 0 0; font-size:10px; text-align:center; border-top:none;  }
.theme-topbottom .sidebar-noti .noti-num { position:relative; display:inline-block; margin-bottom:3px; top:0; right:auto; font-size:11px; min-width:19px; height:19px; padding:1px 4px; border-radius:10px; }
.theme-topbottom .sidebar-noti .noti-num.all { top:2px; right:0; background:none; }
.theme-topbottom .sidebar-noti .noti-num.all a { width:19px; height:19px; }
.lt-ie9 .theme-topbottom .sidebar-noti .noti-num { top:-4px; font-size:16px; color:#f05050; background:none; }
.lt-ie9 .theme-topbottom .sidebar-noti .noti-num.all { top:0; }

/* sidebar-nav */
.sidebar-mini .sidebar-nav .allmenu { position:relative; margin:12px 19px 5px; }
.sidebar-mini .sidebar-nav .allmenu > a { display:block; height:27px; padding:6px 0 0; font-weight:600; font-size:13px; color:#fff; text-align:center; border-radius:2px; }
.sidebar-mini .sidebar-nav .allmenu > a span { display:none; }
.sidebar-mini .sidebar-nav .allmenu i { margin:0 0 6px; }
.sidebar-visible .sidebar-nav .allmenu { margin:12px 14px 5px; }
.sidebar-visible .sidebar-nav .allmenu > a { padding:3px 0 0; height:26px; }
.sidebar-visible .sidebar-nav .allmenu > a span { display:inline-block; }
.sidebar-visible .sidebar-nav .allmenu i { margin:0 6px 1px 0; }
.sidebar-nav .allmenu a:hover { text-decoration:none; opacity:0.9; }
.sidebar-mini .sidebar-nav .allmenu .newicon a { display:none; position:absolute; top:0; right:0; padding:8px 0 0 9px; width:29px; height:36px; color:#f05050; font-family:"Open Sans", sans-serif; font-size:14px; font-weight:bold; border-radius:0 3px 3px 0; background:#fff; }
.sidebar-visible .sidebar-nav .allmenu .newicon a { display:block; right:15px; padding:6px 0 0 9px; height:31px; }

.sidebar-nav ul { margin:0; padding:0; }
.sidebar-nav .sidebar-header:first-child { margin-top:0; }
.sidebar-mini .sidebar-nav li a { display:block; padding:0 6px; min-height:40px; line-height:40px; font-weight:600; font-size:13px; color:#c8d2d7;  overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.sidebar-mini .sidebar-nav.type2 { height:100%; padding-bottom:410px; } /* for slimscroll */
.sidebar-visible .sidebar-nav.type2 { padding-bottom:285px; } /* for slimscroll */
.sidebar-nav .slimScrollBar { background:#fff !important; opacity:0.2 !important; }
.sidebar-nav.type2 li a { font-size:13px; }
.sidebar-visible .sidebar-nav li a { padding:0 33px 0 5px; }
.sidebar-mini .sidebar-nav li a:hover { color:#fff; text-decoration:none; } 
.sidebar-visible .sidebar-nav li a:hover { background:#3a434c; }

.sidebar-mini .sidebar-nav .ic-nav01, .sidebar-mini .sidebar-nav .ic-nav02, .sidebar-mini .sidebar-nav .ic-nav03, .sidebar-mini .sidebar-nav .ic-nav04, .sidebar-mini .sidebar-nav .ic-nav05, 
.sidebar-mini .sidebar-nav .ic-nav06, .sidebar-mini .sidebar-nav .ic-nav07, .sidebar-mini .sidebar-nav .ic-nav08, .sidebar-mini .sidebar-nav .ic-nav09, .sidebar-mini .sidebar-nav .ic-nav10, 
.sidebar-mini .sidebar-nav .ic-nav11, .sidebar-mini .sidebar-nav .ic-nav12, .sidebar-mini .sidebar-nav .ic-nav13, .sidebar-mini .sidebar-nav .ic-nav14, .sidebar-mini .sidebar-nav .ic-nav15, 
.sidebar-mini .sidebar-nav .ic-nav16, .sidebar-mini .sidebar-nav .ic-nav17, .sidebar-mini .sidebar-nav .ic-nav18, .sidebar-mini .sidebar-nav .ic-nav19, .sidebar-mini .sidebar-nav .ic-nav20, 
.sidebar-mini .sidebar-nav .ic-nav21, .sidebar-mini .sidebar-nav .ic-nav22, .sidebar-mini .sidebar-nav .ic-nav23, .sidebar-mini .sidebar-nav .ic-nav24, .sidebar-mini .sidebar-nav .ic-nav25, 
.sidebar-mini .sidebar-nav .ic-nav26, .sidebar-mini .sidebar-nav .ic-nav27, .sidebar-mini .sidebar-nav .ic-nav28, .sidebar-mini .sidebar-nav .ic-nav29, .sidebar-mini .sidebar-nav .ic-nav30,
.sidebar-mini .sidebar-nav .ic-nav31, .sidebar-mini .sidebar-nav .ic-nav32, .sidebar-mini .sidebar-nav .ic-nav33 { display:inline-block; margin:0 30px 0 9px; width:38px; height:38px; vertical-align:middle; } 
.sidebar-visible .sidebar-nav .ic-nav01, .sidebar-visible .sidebar-nav .ic-nav02, .sidebar-visible .sidebar-nav .ic-nav03, .sidebar-visible .sidebar-nav .ic-nav04, .sidebar-visible .sidebar-nav .ic-nav05, 
.sidebar-visible .sidebar-nav .ic-nav06, .sidebar-visible .sidebar-nav .ic-nav07, .sidebar-visible .sidebar-nav .ic-nav08, .sidebar-visible .sidebar-nav .ic-nav09, .sidebar-visible .sidebar-nav .ic-nav10, 
.sidebar-visible .sidebar-nav .ic-nav11, .sidebar-visible .sidebar-nav .ic-nav12, .sidebar-visible .sidebar-nav .ic-nav13, .sidebar-visible .sidebar-nav .ic-nav14, .sidebar-visible .sidebar-nav .ic-nav15, 
.sidebar-visible .sidebar-nav .ic-nav16, .sidebar-visible .sidebar-nav .ic-nav17, .sidebar-visible .sidebar-nav .ic-nav18, .sidebar-visible .sidebar-nav .ic-nav19, .sidebar-visible .sidebar-nav .ic-nav20,
.sidebar-visible .sidebar-nav .ic-nav21, .sidebar-visible .sidebar-nav .ic-nav22, .sidebar-visible .sidebar-nav .ic-nav23, .sidebar-visible .sidebar-nav .ic-nav24, .sidebar-visible .sidebar-nav .ic-nav25, 
.sidebar-visible .sidebar-nav .ic-nav26, .sidebar-visible .sidebar-nav .ic-nav27, .sidebar-visible .sidebar-nav .ic-nav28, .sidebar-visible .sidebar-nav .ic-nav29, .sidebar-visible .sidebar-nav .ic-nav30,
.sidebar-visible .sidebar-nav .ic-nav31, .sidebar-visible .sidebar-nav .ic-nav32, .sidebar-visible .sidebar-nav .ic-nav33 { margin:0; }

.sidebar-mini .sidebar-nav li { position:relative; width:200px; }
.sidebar-visible .sidebar-nav li { position:relative; width:auto; }

.sidebar-mini .sidebar-nav .noti-bg { position:absolute; top:2px; right:144px; padding:1px 6px; min-width:18px; height:18px; font-family:"Open Sans", sans-serif; font-size:11px; font-weight:600; color:#f05050; border-radius:9px; behavior:url(/iKEP4-Project/workspace/ikep4-webapp/src/main/webapp/ui/css/PIE/PIE.htc); background:#fff; }
.sidebar-visible .sidebar-nav .noti-bg { top:11px; right:17px; color:#fff; background:#49535c; }

.sidebar-mini .sidebar-nav li.current { border-left:none; }
.sidebar-visible .sidebar-nav li.current { background:#272c31; }
.sidebar-visible .sidebar-nav li.current a { padding-left:2px; color:#fff; }
.sidebar-nav li.current span { opacity:1 !important; }

.sidebar-mini .sidebar-nav .editmode > li > a { position:relative; padding:0; margin:4px 15px 4px 5px; text-align:left; line-height:34px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.sidebar-visible .sidebar-nav .editmode > li > a { margin:4px 15px 4px 10px; }
.sidebar-visible .sidebar-nav .editmode > li > a:hover { border:1px dotted #8497a7; }
.sidebar-mini .sidebar-nav .editmode > li > a.edit-delete { position:absolute; top:-4px; left:40px; margin:0; padding:0; display:inline-block; width:20px; height:20px; min-height:20px; background:url(../images/common/ic_x.png) no-repeat 0 0; border:none; }
.sidebar-visible .sidebar-nav .editmode > li > a.edit-delete { top:10px; left:auto; right:20px; }
.sidebar-mini .sidebar-nav .editmode .noti-bg { display:none; }
.sidebar-visible .sidebar-nav .editmode > li > a { padding:0 20px 0 0; border:1px dotted #4b555d; }

/* sidebar-nav ---> theme-topbottom */
.theme-topbottom .sidebar-nav .allmenu { margin:0; }
.theme-topbottom .sidebar-nav .allmenu > a { position:absolute; top:0; left:-120px; width:120px; height:auto; line-height:56px; margin:0; padding:0 0 0 10px; font-size:13px; font-weight:600; text-align:center; }
.theme-topbottom .sidebar-nav .allmenu > a.current { color:#fff; }
.theme-topbottom .sidebar-nav .allmenu > a:hover { text-decoration:none; }
.theme-topbottom .sidebar-nav .allmenu > a:hover.current { color:#fff; }
.theme-topbottom .sidebar-nav .allmenu i { display:none; }
.theme-topbottom .sidebar-nav .allmenu .newicon { display:none; }

.theme-topbottom .sidebar-nav { position:absolute; top:0; left:110px; }
.theme-topbottom .sidebar-nav ul { padding:0 350px 0 0; }
.theme-topbottom .sidebar-nav li { position:relative; float:left; width:auto; margin-right:-1px; }
.theme-topbottom .sidebar-nav li a { display:inline-block; padding:0; width:120px; line-height:55px; font-size:13px; text-align:center; font-weight:600; color:#c8d2d7; background:url(../images/common/bar_navi.png) no-repeat left 23px; }
.theme-topbottom .sidebar-nav li:first-child a { background:none; }
.theme-topbottom .sidebar-nav li a:hover { color:#fff; text-decoration:none; border-left:1px solid #2e343a; border-right:1px solid #2e343a; } 
.theme-topbottom .sidebar-nav li.current { border-left:none !important; }
.theme-topbottom .sidebar-nav li.current a { position:relative; color:#fff; text-decoration:none; padding:0; border-left:1px solid #2e343a; border-right:1px solid #2e343a; background:#3a434c; } 
.theme-topbottom .sidebar-nav li.favorite a { position:relative; font-size:0; }
.theme-topbottom .sidebar-nav li .noti-bg { display:none; }
.theme-topbottom .sidebar-nav li .ic-nav01 { display:inline-block; width:28px; height:28px; vertical-align:middle; border:1px solid #2e343a; border-radius:3px; }
.theme-topbottom .sidebar-nav li.current a .ic-nav01 { border:none; }
.theme-topbottom .sidebar-nav li a:hover .ic-nav01 { border:none; }

.theme-topbottom .sidebar-nav .ic-nav01, .theme-topbottom .sidebar-nav .ic-nav02, .theme-topbottom .sidebar-nav .ic-nav03, .theme-topbottom .sidebar-nav .ic-nav04, .theme-topbottom .sidebar-nav .ic-nav05, 
.theme-topbottom .sidebar-nav .ic-nav06, .theme-topbottom .sidebar-nav .ic-nav07, .theme-topbottom .sidebar-nav .ic-nav08, .theme-topbottom .sidebar-nav .ic-nav09, .theme-topbottom .sidebar-nav .ic-nav10, 
.theme-topbottom .sidebar-nav .ic-nav11, .theme-topbottom .sidebar-nav .ic-nav12, .theme-topbottom .sidebar-nav .ic-nav13, .theme-topbottom .sidebar-nav .ic-nav14, .theme-topbottom .sidebar-nav .ic-nav15, 
.theme-topbottom .sidebar-nav .ic-nav16, .theme-topbottom .sidebar-nav .ic-nav17, .theme-topbottom .sidebar-nav .ic-nav18, .theme-topbottom .sidebar-nav .ic-nav19, .theme-topbottom .sidebar-nav .ic-nav20, 
.theme-topbottom .sidebar-nav .ic-nav21, .theme-topbottom .sidebar-nav .ic-nav22, .theme-topbottom .sidebar-nav .ic-nav23, .theme-topbottom .sidebar-nav .ic-nav24, .theme-topbottom .sidebar-nav .ic-nav25, 
.theme-topbottom .sidebar-nav .ic-nav26, .theme-topbottom .sidebar-nav .ic-nav27, .theme-topbottom .sidebar-nav .ic-nav28, .theme-topbottom .sidebar-nav .ic-nav29, .theme-topbottom .sidebar-nav .ic-nav30,
.theme-topbottom .sidebar-nav .ic-nav31, .theme-topbottom .sidebar-nav .ic-nav32, .theme-topbottom .sidebar-nav .ic-nav33 { display:none; margin:auto; }

.theme-topbottom .sidebar-nav.type2 { position:absolute; top:0; left:230px; }
.theme-topbottom .sidebar-nav.type2 li { margin:0; padding:0 22px; display:inline-block; float:none; }
.theme-topbottom .sidebar-nav.type2 li a { display:inline; background:none; }
.theme-topbottom .sidebar-nav.type2 li a:hover { border:none; background:none; }
.theme-topbottom .sidebar-nav.type2 li .noti-bg { display:inline-block; position:relative; right:auto; top:auto; font-weight:normal; color:#fff; min-width:17px; height:17px; padding:1px 4px 1px 3px; margin-left:3px; font-family:"Open Sans", sans-serif; font-size:10px; text-align:center; border-radius:9px; }
.theme-topbottom .sidebar-nav.type2 li.current { background:none; }
.theme-topbottom .sidebar-nav.type2 li.current a { border:none; background:none; box-shadow:none; }

.theme-topbottom .sidebar-nav .editmode > li { position:relative; padding:0; }
.theme-topbottom .sidebar-nav .editmode > li > a { position:relative; display:inline-block; margin:8px 2px; padding-left:10px; text-align:left; line-height:38px; border:1px dotted #4b555d; background:#373e44; }
.theme-topbottom .sidebar-nav .editmode > li > a:hover { border:1px dotted #8497a7; background-color:#3a4248; }
.theme-topbottom .sidebar-nav .editmode > li > a.edit-delete { position:absolute; top:18px; right:5px; margin:1px; padding:0 !important; display:inline-block; width:20px; height:20px; background:url(../images/common/ic_x.png) no-repeat 0 0; border:none; }
.theme-topbottom .sidebar-nav .editmode .noti-bg { display:none !important; }
.theme-topbottom .sidebar-nav.type2 .editmode > li > a { height:38px; padding:0 15px 0 7px;; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

/* sidebar-nav-custom */
.sidebar-mini .sidebar-nav-custom { position:absolute; left:0; bottom:0; width:100%; height:80px; border-top:1px solid #22272b; background:#272c31; }
.sidebar-visible .sidebar-nav-custom { height:55px; }

.sidebar-mini .sidebar-nav-custom ul { padding:14px 0 0 0; margin-right:2px; text-align:center; }
.sidebar-visible .sidebar-nav-custom ul { padding:18px 0 0 0; margin:0; }

.sidebar-mini .sidebar-nav-custom li { display:inline-block; padding:2px 1px; }
.sidebar-visible .sidebar-nav-custom li { padding:0 7px; }

.sidebar-nav-custom li a { display:inline-block; width:20px; height:20px; }
.sidebar-nav-custom li a:hover { opacity:1; }

.snc-refresh a { opacity:0.6; background:url(../images/common/ic_sidebar_navcustom.png) no-repeat 0 0; }
.snc-logout a { opacity:0.6; background:url(../images/common/ic_sidebar_navcustom.png) no-repeat -20px 0; }

.sidebar-mini .snc-fold1 a { opacity:0.6; background:url(../images/common/ic_sidebar_navcustom.png) no-repeat -100px 0; }
.sidebar-mini .snc-fold2 a { opacity:0.6; background:url(../images/common/ic_sidebar_navcustom.png) no-repeat -80px 0; }
.sidebar-mini.sidebar-subarea .snc-fold1 a { background:url(../images/common/ic_sidebar_navcustom.png) no-repeat -100px 0; }
.sidebar-mini.sidebar-subarea .snc-fold2 a { background:url(../images/common/ic_sidebar_navcustom.png) no-repeat -60px 0; }
.sidebar-visible.sidebar-subarea .snc-fold1 a { background:url(../images/common/ic_sidebar_navcustom.png) no-repeat -40px 0; }
.sidebar-visible.sidebar-subarea .snc-fold2 a { background:url(../images/common/ic_sidebar_navcustom.png) no-repeat -60px 0; }
.sidebar-visible .snc-fold1 a { background:url(../images/common/ic_sidebar_navcustom.png) no-repeat -40px 0; }
.sidebar-visible .snc-fold2 a { background:url(../images/common/ic_sidebar_navcustom.png) no-repeat -80px 0; }

/* sidebar-nav-custom ---> theme-topbottom */
.theme-topbottom .sidebar-nav-custom { top:20px; right:130px; left:auto; bottom:auto; width:auto; height:auto; border-top:none; background:none; }
.theme-topbottom .sidebar-nav-custom ul { padding:0; margin:0; }
.theme-topbottom .sidebar-nav-custom li { padding:0; }
.theme-topbottom .sidebar-nav-custom li.snc-refresh, .theme-topbottom .sidebar-nav-custom li.snc-fold1, .theme-topbottom .sidebar-nav-custom li.snc-fold2 { display:none; }
.theme-topbottom .sidebar-nav-custom li.snc-setting a { display:inline-block; width:17px; height:17px; opacity:1; }
.theme-topbottom .sidebar-nav-custom li.snc-logout a { opacity:1 }

/* sidebar-themes */
.sidebar-themes { display: inline-block; padding-left: 10px; vertical-align: text-bottom; }
.sidebar-themes a { padding:0 !important; display: inline-block; width:18px !important; height:18px !important; border-radius: 50%; }
.sidebar-themes a.theme01 { background:#3cc4d4; }
.sidebar-themes a.theme02 { background:#da5478; }
.sidebar-themes a.theme03 { background:#f5904d; }
.sidebar-themes a.theme04 { background:#a69375; }
.sidebar-themes a.theme05 { background:#c372e3; }
.sidebar-themes a:hover.theme01 { background:#3cc4d4 !important; }
.sidebar-themes a:hover.theme02 { background:#da5478 !important; }
.sidebar-themes a:hover.theme03 { background:#f5904d !important; }
.sidebar-themes a:hover.theme04 { background:#a69375 !important; }
.sidebar-themes a:hover.theme05 { background:#c372e3 !important; }


/*============================================================
sidebar-subarea
=============================================================*/

/* subarea-img */
.subarea-img { width:100%; height:100%; }
.subarea-img .img01 { width:100%; height:100%; background:#49535c url(../images/placeholders/photos/img_main1_01.png) no-repeat 0 -70px; } 
@media screen and (min-height: 700px) { .subarea-img .img01 { background:#49535c url(../images/placeholders/photos/img_main1_01.png) no-repeat 0 0; } }
.subarea-img .current-time { padding:16px 0 0 16px; font-family:"Open Sans", sans-serif; font-size:26px; color:#fff; }
.subarea-img .t-schedule { padding:12px 0 0 18px; }
.subarea-img .t-schedule ul { padding:0; }
.subarea-img .t-schedule li { display:inline-block; padding:0 2px; }
.subarea-img .t-schedule li.pre a { opacity:0.7; display:block; width:16px; height:16px; background:url(../images/common/ic_ar_pre_next.png) no-repeat 0 0; }
.subarea-img .t-schedule li.next a { opacity:0.7; display:block; width:16px; height:16px; background:url(../images/common/ic_ar_pre_next.png) no-repeat -22px 0; }
.subarea-img .t-schedule li a:hover { opacity:1; }
.subarea-img .t-schedule .t-list { font-size:16px; color:#fff; }
.subarea-img .t-schedule .t-list .t-time { font-family:"Open Sans", sans-serif; }

.subarea-img .subarea-weather { position:absolute; left:0; bottom:5px; width:100%; padding-left:12px; }
.subarea-img .weather-info { position:absolute; top:-1px; left:56px; font-family:"Open Sans", sans-serif; font-size:26px; font-weight:100; color:#fff; letter-spacing:-1px; }
.subarea-img .weather-cent span:after { content:"o"; font-size:13px; position:relative; top:-16px; left:3px; }
.subarea-img .weather-city a { opacity:0.75; position:absolute; top:2px; right:-1px; width:70px; height:30px; padding:6px 0 0 12px; color:#fff; background:url(../images/common/bg_selectbox_dot.png) no-repeat 0 0; }
.subarea-img .weather-city a span { font-size:13px; font-weight:bold; }
.subarea-img .weather-city a .fa { position:absolute; top:8px; right:12px; font-size:15px; }
.subarea-img .weather-city a:hover { opacity:1; text-decoration:none; }

.subarea-img .carousel-inner { width:100%; height:100%; }
.subarea-img .carousel-inner > .item { height:100%; }
.subarea-img .carousel-indicators { position:absolute; bottom:60px; left:50%; z-index:15; width:60%; margin-left:-30%; padding-left:0; list-style:none; text-align:center  }
.subarea-img .carousel-indicators li { display:inline-block; margin:0 1px; width:10px; height:10px; border:none; background-color:#f3f3f3; border-radius:10px; cursor:pointer; }
.subarea-img .carousel-indicators .active { width:10px; height:10px; margin:0 1px; }
.subarea-img .carousel-inner .item > span { display:block; height:100%; padding:300px 0 0 70px; font-size:16px; color:#fff; background:#49535c; }

/* subarea-img ---> theme-topbottom */
.theme-topbottom .subarea-img { width:380px; height:228px; }
.theme-topbottom .subarea-img .img01 { width:100%; height:100%; background:url(../images/placeholders/photos/img_main2_01.png) no-repeat 0 0; } 
.theme-topbottom .subarea-img .current-time, .theme-topbottom .subarea-img .t-schedule, .theme-topbottom .subarea-img .subarea-weather { display:none; }

.theme-topbottom .subarea-img .carousel-indicators { top:15px; right:20px; left:auto; bottom:auto; margin:auto; width:auto; }
.theme-topbottom .subarea-img .carousel-indicators li { margin:0; border:none; background-color:#ccc; }
.theme-topbottom .subarea-img .carousel-inner .item > span { padding:100px 0 0 160px; }

/* submenu */
#submenu { position:absolute; top:0; width:190px; height:100%; border-right:1px solid #d1d1d1; background:#fff; z-index:100; overflow:hidden; }
.sidebar-mini #submenu { left:70px; }
.sidebar-visible #submenu { left:190px; }
.submenu-top { position:relative; padding:18px 0 0 15px; height:56px; background:#272c31; }
.submenu-top h2 { display:inline-block; color:#fff; font-size:16px; font-weight:600; vertical-align:middle; }
.submenu-top > a { display:inline-block; width:19px; height:19px; margin-right:3px; vertical-align:middle; background:url(../images/common/btn_pre.png) no-repeat 0 0; opacity:0.75 }
.submenu-top a:hover { opacity:1 }
#submenu .edit { position:absolute; top:14px; right:-1px; }
#submenu .edit2 { position:absolute; top:17px; right:10px; }
#submenu .edit2 .info { display:none; }
#submenu .edit a { display:block; width:54px; height:28px; padding:6px 0 0 8px; font-family:"Open Sans", sans-serif; font-size:11px; color:#d2d5d7; background:url(../images/common/bg_dashed_edit.png) no-repeat 0 0; opacity:0.8; }
#submenu .edit a:hover { text-decoration:none; opacity:1 }
#submenu .edit span { display:inline-block; margin:0 3px 2px 0; width:12px; height:12px; vertical-align:middle; background:url(../images/common/ic_setting.png) no-repeat 0 0; }
#submenu > ul { padding:0; }
#submenu > ul > li { border-top:1px solid #f1f1f1; }
#submenu > ul > li:first-child { border-top:none; }
#submenu > ul > li:last-child { border-bottom:1px solid #f1f1f1; }
#submenu > ul > li > a { position:relative; display:block; height:40px; padding:10px 0 0 20px; font-size:13px; font-weight:600; color:#111; }
#submenu.menu-icon > ul > li > a { position:relative; display:block; height:40px; padding:2px 30px 0 3px; font-size:13px; font-weight:600; color:#111; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#submenu > ul > li > a:hover { text-decoration:none; background-color:#f9f9f9; }
#submenu > ul > li > a > i { position:absolute; top:13px; right:14px; font-size:15px; color:#c5cbcf; }
#submenu > ul > li > a:hover > i { -webkit-transform:rotate(-180deg); transform:rotate(-180deg); -webkit-transition:all 0.15s ease-out; transition: all 0.15s ease-out; }
#submenu > ul > li > a > i.fa-star { position:relative; top:0; left:0; width:16px; font-size:13px; color:#ffa019 !important; }
#submenu > ul > li > a:hover > i.fa-star { -webkit-transform:rotate(0deg); transform:rotate(0deg); }
#submenu > ul > li > ul { padding:0 0 8px; }
#submenu > ul > li > ul > li > a { display:block; height:24px; padding:3px 0 0 30px; color:#333;  }
#submenu.menu-icon > ul > li > ul > li > a { display:block; height:24px; padding:3px 12px 0 40px; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#submenu > ul > li > ul > li a:hover { text-decoration:none; background-color:#f9f9f9; }
#submenu > ul > li > a.sidebar-nav-menu.open > i, #submenu > ul > li > a:hover.sidebar-nav-menu.open > i { -webkit-transform:rotate(-180deg); transform:rotate(-180deg); }
#submenu > ul > li > ul > li.current a { font-weight:600; }
@media only screen and (-webkit-min-device-pixel-ratio: 0) { #submenu h2, #submenu > ul > li > a, #submenu.menu-icon > ul > li > a { font-weight:bold; } }

#submenu .editmode > li > ul > li { position:relative; }
#submenu .editmode > li > ul > li > a { margin:2px 12px; padding:0 0 0 11px !important; height:21px !important; }
#submenu .editmode > li > ul > li > a i { margin-right:5px; color:#354550; font-size:10px; }
#submenu .editmode > li > ul > li a.edit-delete { position:absolute; top:5px; right:16px; margin:0; padding:0; display:inline-block; width:15px; height:15px !important; border:none; background:url(../images/common/ic_x2.png) no-repeat 0 0; }

/* submenu ---> theme-topbottom */
.theme-topbottom #submenu { padding-bottom:34px; top:56px; left:110px; min-width:597px; width:auto; height:auto; border-right:none; border-top:1px solid #414951; background:#31383e; }
.theme-topbottom #submenu.type2 { min-width:478px; }
.theme-topbottom .submenu-top { position:absolute; bottom:0; padding:0; width:100%; height:34px; background:none; }
.theme-topbottom .submenu-top > a { display:none; }
.theme-topbottom .submenu-top h2 { display:none; }
.theme-topbottom .submenu-top .btngroup { position:absolute; top:5px; right:6px; }
.theme-topbottom #submenu .edit { top:0; right:0;  bottom:0; width:100%; border-top:1px solid #2e343a; background:#363e45; }
.theme-topbottom #submenu .edit a { width:53px; height:23px; padding:3px 0 0 13px; font-size:12px; font-weight:600; color:#fff; opacity:1; }
.theme-topbottom #submenu .edit a:hover { text-decoration:none; }
.theme-topbottom #submenu .edit span { display:none; }
.theme-topbottom #submenu .edit2 { top:0; right:auto; bottom:0; width:100%; border-top:1px solid #2e343a; background:#363e45; }
.theme-topbottom #submenu .edit2 .info { display:block; position:absolute; top:7px; left:20px; padding-left:18px; font-size:11px; color:#a4b3bb; background:url(../images/common/ic_info2.png) no-repeat 0 2px; }
.theme-topbottom #submenu .edit2 .btn { width:53px; height:23px; padding:0; margin-left:2px; border-radius:0; }
.theme-topbottom #submenu .edit2 .btn-color6 { background:#4b545c; } 

.theme-topbottom #submenu > ul > li { float:left; width:120px; min-height:285px; margin-right:-1px; border-top:none; }
.theme-topbottom #submenu > ul > li:last-child { border-bottom:none; }
.theme-topbottom #submenu.type2 > ul > li { min-height:280px; }
.theme-topbottom #submenu > ul > li.favorite { background:#3a434c; border-left:1px solid #2e343a; border-right:1px solid #2e343a; }
.theme-topbottom #submenu > ul > li.favorite li a { color:#fff; }
.theme-topbottom #submenu > ul > li > a { display:none; }
.theme-topbottom #submenu.type2 > ul > li > a { display:block; padding:12px 0 0 15px; height:auto; font-size:13px; font-weight:600; }
.theme-topbottom #submenu.type2 > ul > li > a > i { display:none; }
.theme-topbottom #submenu.type2 > ul > li > a:hover { text-decoration:none; background:none; }
.theme-topbottom #submenu > ul > li > ul { padding:10px 0; }
.theme-topbottom #submenu > ul > li > ul > li > a { padding:0 10px 0 15px; line-height:22px; color:#a4b3bb; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.theme-topbottom #submenu > ul > li > ul > li a:hover { text-decoration:none; }
.theme-topbottom #submenu > ul > li > ul > li.current a { background:none; }

.theme-topbottom #submenu.menu-icon .ic-nav01, .theme-topbottom #submenu.menu-icon .ic-nav02, .theme-topbottom #submenu.menu-icon .ic-nav03, .theme-topbottom #submenu.menu-icon .ic-nav04, .theme-topbottom #submenu.menu-icon .ic-nav05, .theme-topbottom #submenu.menu-icon .ic-nav06, .theme-topbottom #submenu.menu-icon .ic-nav07 { display:none; }

.theme-topbottom #submenu .editmode > li > ul > li > a { margin:3px 2px; height:24px !important; line-height:20px; border:1px dotted #4b555d; background:#373e44; }
.theme-topbottom #submenu .editmode > li > ul > li > a:hover { border:1px dotted #8497a7; background-color:#3a4248; }
.theme-topbottom #submenu .editmode > li > ul > li > a i { display:none; }
.theme-topbottom #submenu .editmode > li.favorite > ul > li > a { padding:0 8px 0 6px !important; color:#fff; background-color:#49535c; }
.theme-topbottom #submenu .editmode > li > ul > li a.edit-delete, .theme-topbottom #submenu .editmode > li > ul > li a:hover.edit-delete { top:1px; right:4px; margin:0 1px; width:18px; height:20px; border:none; background:url(../images/common/ic_x.png) no-repeat 0 0; }
.theme-topbottom #submenu .editmode > li > ul > li a:hover.edit-delete { opacity:0.7; }
.theme-topbottom #submenu.type2 .editmode > li > a { padding:12px 0 0 15px; }

/* subarea-noti */
.sidebar-mini .subarea-noti { left:70px; }
.sidebar-visible .subarea-noti { left:190px; }
.subarea-noti { position:absolute; top:0; padding-bottom:56px; width:190px; height:100%; border-right:1px solid #d1d1d1; border-bottom:1px solid #d1d1d1; background:#f9f9f9; z-index:100; overflow:hidden; }
.subarea-noti .noti-box { margin:5px; border:1px solid #cad5e1; }
.subarea-noti .noti-box .fa-file-text { color:#adbec9; font-size:21px; }
.subarea-noti .noti-box-title { position:relative; height:40px; padding:11px 0 0 7px; border-bottom:1px solid #eaedf1; background:#fff; }
.subarea-noti .noti-box-title h3 { display:inline-block; padding:0 0 0 5px; font-size:14px; color:#2a3b47; vertical-align:middle; }
.subarea-noti .noti-box-title .ic01 { display:inline-block; width:30px; height:20px; vertical-align:middle; background:url(../images/common/ic_allmenu_n.png) no-repeat 0 0; }
.subarea-noti .noti-box-title .ic02 { display:inline-block; width:30px; height:20px; vertical-align:middle; background:url(../images/common/ic_allmenu_n.png) no-repeat -30px 0; }
.subarea-noti .noti-box-title .ic03 { display:inline-block; width:30px; height:20px; vertical-align:middle; background:url(../images/common/ic_allmenu_n.png) no-repeat -60px 0; }
.subarea-noti .noti-box-title .ic04 { display:inline-block; width:30px; height:20px; vertical-align:middle; background:url(../images/common/ic_allmenu_n.png) no-repeat -90px 0; }
.subarea-noti .noti-box-title .noti-bg { display:inline-block; padding:1px 6px; min-width:18px; height:18px; font-family:"Open Sans", sans-serif; font-size:11px; border-radius:9px; }
.subarea-noti .noti-box-title a { display:inline-block; position:absolute; top:0; right:0; padding:10px 10px 0 0; width:100%; height:100%; text-align:right; }
.subarea-noti .noti-box-title i { font-size:22px; color:#aab5bd; }
.subarea-noti .noti-box-title a:hover i { -webkit-transform:rotate(-180deg); transform:rotate(-180deg); -webkit-transition:all 0.15s ease-out; transition: all 0.15s ease-out; }
.subarea-noti .noti-box-title a.more { position:relative; display:inline-block; width:17px; height:17px; vertical-align:middle; background:url(../images/common/ic_more.png) no-repeat 0 0; z-index:2 }
.subarea-noti .noti-box-title a.more:hover { background-position:0 -20px; }
.subarea-noti ul { padding:10px 13px; background:#fff; }
.subarea-noti .list1 li { padding:3px 0; }
.subarea-noti .list1 li a { display:block; padding-left:9px; color:#111; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.subarea-noti .list2 li a { display:block; margin-bottom:7px; padding-left:15px; color:#111; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.subarea-noti .list3 li { padding-top:10px; }
.subarea-noti .list3 li:first-child { padding-top:0; }
.subarea-noti .list3 li a { display:inline-block; width:100%; color:#111; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.subarea-noti li .t2 { padding:1px 9px; font-size:11px; color:#999; }
.subarea-noti li .t3 { font-size:11px; color:#999; }
.subarea-noti li .t4 { font-size:11px; color:#999; }
.subarea-noti .bg1 { display:inline-block; width:10px; height:10px; margin:0 5px 2px 0; vertical-align:middle; background:#3cc4d4; }
.subarea-noti .bg2 { display:inline-block; width:10px; height:10px; margin:0 5px 2px 0; vertical-align:middle; background:#4bc286; }
.subarea-noti .bg3 { display:inline-block; width:10px; height:10px; margin:0 5px 2px 0; vertical-align:middle; background:#ec5454; }
.subarea-noti .dd-plus { display:inline-block; margin-right:10px; vertical-align:top; font-family:"Open Sans", sans-serif; color:#f05050; }
.subarea-noti .dd-minus { display:inline-block; margin-right:10px; vertical-align:top; font-family:"Open Sans", sans-serif; color:#46bffd; }

/* subarea-noti ---> theme-topbottom */
.theme-topbottom .subarea-noti { position:absolute; top:56px; left:auto; right:100px; width:350px; height:auto; padding-bottom:0; border-right:none; background:#31383e; }
.theme-topbottom .subarea-noti .slimScrollDiv .leftmenu-inner-scroll { max-height:600px; }
.theme-topbottom .subarea-noti .noti-box { margin:0; border:none; }
.theme-topbottom .subarea-noti .noti-box .fa-file-text { color:#fff; font-size:23px; opacity:0.4; }
.theme-topbottom .subarea-noti .noti-box-title { border-bottom:1px solid #414951; border-top:1px solid #414951; background:#343c42; }
.theme-topbottom .subarea-noti .noti-box-title h3 { color:#fff; }
.theme-topbottom .subarea-noti .noti-box-title i { color:#c0d2db; }
.theme-topbottom .subarea-noti ul { background:none; }
.theme-topbottom .subarea-noti ul li { color:#c0d2db; }
.theme-topbottom .subarea-noti .list1 li a, .theme-topbottom .subarea-noti .list2 li a, .theme-topbottom .subarea-noti .list3 li a { color:#c0d2db; }
.theme-topbottom .subarea-noti .list1 li a:hover, .theme-topbottom .subarea-noti .list2 li a:hover, .theme-topbottom .subarea-noti .list3 li a:hover { text-decoration:none; color:#fff; }

/* totalsearch */
#totalsearch { position:absolute; top:0; width:190px; height:100%; border-right:1px solid #d1d1d1; background:#fff; z-index:100; overflow:hidden; }
.sidebar-mini #totalsearch { left:70px; }
.sidebar-visible #totalsearch { left:190px; }
.totalsearch > ul { height:55px; padding:10px 0; margin-bottom:14px; text-align:center; border-bottom:1px solid #e8e8e8; }
.totalsearch > ul > li { display:inline; padding:0 2px; }
.totalsearch > ul > li.search-user a { display:inline-block; width:34px; height:34px; border-radius:20px; background:#2b3b48 url(../images/common/ic_subarea_search.png) no-repeat 2px 1px; }
.totalsearch > ul > li.search-org a { display:inline-block; width:34px; height:34px; border-radius:20px; background:#2b3b48 url(../images/common/ic_subarea_search.png) no-repeat -28px 1px; }
.totalsearch > ul > li.search-contents a { display:inline-block; width:34px; height:34px; border-radius:20px; background:#2b3b48 url(../images/common/ic_subarea_search.png) no-repeat -58px 1px; }
.totalsearch > ul > li.search-favorite a { display:inline-block; width:34px; height:34px; border-radius:20px; background:#2b3b48 url(../images/common/ic_subarea_search.png) no-repeat -88px 1px; }
.totalsearch .input-search { position:relative; padding:0 10px 15px; }
.totalsearch .input-search input { padding-right:36px; }
.totalsearch .input-search a { position:absolute; top:0; right:10px; display:inline-block; width:29px; height:27px; border-radius:0 3px 3px 0; }
.result-search ul { padding-bottom:10px; }
.result-search li { padding:5px 10px; }
.result-search li a { padding:0px 0px; color:#555; }
.result-search li a:hover { color:#000; text-decoration:none; }
.result-search li i { padding:0 5px 0 0; font-size:12px; color:#ffa019; vertical-align:middle;  }
.result-search li a:hover i { color:#ff7800; }
.result-search li i.fa-star-o { color:#70869a; }
.result-search li a:hover i.fa-star-o { color:#ffa019; }
.result-search li a .num { display:block; padding-left:31px; }
.result-search li.org a { padding-left:8px; background:url(../images/common/ic_dot_2.png) no-repeat 0 7px; }
.result-search li.con .info { padding-left:10px; color:#999; font-size:11px; background:url(../images/common/bar_01.png) no-repeat 4px 2px; }

/* totalsearch ---> theme-topbottom */
.theme-topbottom #totalsearch { position:absolute; top:56px; left:auto; right:99px; width:350px; height:auto; min-height:110px; border-top:1px solid #414951; border-right:none; background:#31383e; }
.theme-topbottom #totalsearch .submenu-top { display:none; }
.theme-topbottom .totalsearch > ul { height:55px; padding:10px 0; margin-bottom:14px; text-align:center; border-bottom:1px solid #414951; }
.theme-topbottom .totalsearch > ul > li.search-user a { display:inline-block; width:34px; height:34px; border-radius:20px; background:#3a434c url(../images/common/ic_subarea_search.png) no-repeat 2px 1px; }
.theme-topbottom .totalsearch > ul > li.search-org a { display:inline-block; width:34px; height:34px; border-radius:20px; background:#3a434c url(../images/common/ic_subarea_search.png) no-repeat -28px 1px; }
.theme-topbottom .totalsearch > ul > li.search-contents a { display:inline-block; width:34px; height:34px; border-radius:20px; background:#3a434c url(../images/common/ic_subarea_search.png) no-repeat -58px 1px; }
.theme-topbottom .totalsearch > ul > li.search-favorite a { display:inline-block; width:34px; height:34px; border-radius:20px; background:#3a434c url(../images/common/ic_subarea_search.png) no-repeat -88px 1px; }
.theme-topbottom .totalsearch .input-search { padding:0 15px 15px; }
.theme-topbottom .totalsearch .input-search a { right:15px; }
.theme-topbottom .result-search { max-height:500px; overflow:auto; }
.theme-topbottom .result-search li { padding:5px 15px 7px; border-top:1px solid #3b434a; }
.theme-topbottom .result-search li:first-child { border-top:none; }
.theme-topbottom .result-search li a { color:#a4b3bb; }
.theme-topbottom .result-search li a:hover { color:#fff; }

/* fixed-board ---> theme-topbottom */
.fixed-board .list1 { position:relative; padding:15px 0 10px; border-bottom:1px solid #f4f4f4; }
.fixed-board .list1 .more { position:absolute; top:14px; right:25px; width:24px; height:24px; }
.fixed-board .list1 .tab-content { padding:0 25px; }
.fixed-board .list1 .tab-content li { position:relative; padding:4px 0; }
.fixed-board .list1 .tab-content li a { display:block; width:270px; color:#111; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.fixed-board .list1 .tab-content li .date { position:absolute; top:5px; right:0; font-family:"Open Sans", sans-serif; color:#999; }

.fixed-board .list2 { position:relative; padding:10px 0 15px; border-bottom:1px solid #f4f4f4; overflow:hidden; min-height:160px; }
.fixed-board .list2 h2 { padding:0 0 0 25px; margin-bottom:17px; font-size:20px; }
.fixed-board .list2 ul { position:absolute; }
.fixed-board .list2 ul li { position:relative; float:left; }
.fixed-board .list2 .navi-num, .fixed-board .list3 .navi-num { position:absolute; top:12px; right:25px; color:#999; }
.fixed-board .list2 .navi-num .num, .fixed-board .list3 .navi-num .num { float:left; margin-right:8px; }
.fixed-board .list2 .navi-num .num span:first-child, .fixed-board .list3 .navi-num .num span:first-child { color:#111; font-weight:bold; }
.fixed-board .list2 a.page-pre, .fixed-board .list3 a.page-pre { display:block; float:left; width:23px; height:19px; }
.fixed-board .list2 a.page-next, .fixed-board .list3 a.page-next { display:block; float:left; width:22px; height:19px; }
.fixed-board .list2 .img { margin:0 0 0 25px; width:120px; height:90px; border:1px solid #efefef; background:#efefef; }
.fixed-board .list2 .img img { width:118px; height:88px; }
.fixed-board .list2 .con { position:absolute; top:0; left:160px; width:190px; height:88px; overflow:hidden; }
.fixed-board .list2 .con { color:#555; }
.fixed-board .list2 .con .title a { display:block; height:28px; margin-bottom:7px; font-size:16px; color:#111; font-weight:600; overflow:hidden; }
@media only screen and (-webkit-min-device-pixel-ratio: 0) { .fixed-board.list2 .con .title a { font-weight:bold; } }

.fixed-board .list3 { position:relative; padding:10px 0 5px; border-bottom:1px solid #f4f4f4; }
.fixed-board .list3 h2 { padding:0 0 0 25px; margin-bottom:12px; font-size:20px; }
.fixed-board .list3 .g-pre a { display:block; position:absolute; top:50%; left:0; margin-top:-9px; padding:5px 0 0 6px; width:23px; height:47px; font-size:24px; color:#fff; background:#bbcad2; }
.fixed-board .list3 .g-next a { display:block; position:absolute; top:50%; right:0; margin-top:-9px; padding:5px 0 0 8px; width:23px; height:47px; font-size:24px; color:#fff; background:#bbcad2; }
.fixed-board .list3 ul { padding-left:25px; }
.fixed-board .list3 li { padding:5px 0; }
.fixed-board .list3 li a { display:block; width:330px; height:72px; background:#efefef; }
.fixed-board .list3 li a img { width:330px; height:72px; }

.high-resolution { display:none; }

/* high-resolution (>801px) */
@media screen and (min-height: 800px) {
.high-resolution { display:block; }
.fixed-board .list1, .fixed-board .list2, .fixed-board .list3 { padding:20px 0 25px; }
.fixed-board .list1 h2 { margin-bottom:15px; }
.fixed-board .list1 .more { top:19px; }
.fixed-board .list2 { min-height:175px; }
.fixed-board .list2 .navi-num, .fixed-board .list3 .navi-num { top:21px; }
.fixed-board .list3 .navi-num { display:none; }
}

/* leftmenu */
.leftmenu { position:absolute; top:0; left:0; padding-bottom:56px; width:190px; height:100%; border-right:1px solid #d1d1d1; background:#fff; z-index:15; /* overflow:hidden; */ }
.leftmenu-top { position:relative; padding:18px 0 0 20px; height:56px; background:#31383e; }
.leftmenu-top h2 { display:inline-block; color:#fff; font-size:16px; font-weight:600; vertical-align:middle; }
.leftmenu-top h2 a { color:#fff; }
.leftmenu-top h2 a:hover { text-decoration:none; }
.leftmenu ul.menulist { padding:0; }
.leftmenu ul.menulist > li { border-top:1px solid #f1f1f1; }
.leftmenu ul.menulist > li:first-child { border-top:none; }
.leftmenu ul.menulist > li:last-child { border-bottom:1px solid #f1f1f1; }
.leftmenu ul.menulist > li > a { position:relative; display:block; height:37px; padding:10px 0 0 20px; font-size:13px; font-weight:600; color:#111; }
.leftmenu ul.menulist > li > a:hover { text-decoration:none; background-color:#f9f9f9; }
.leftmenu ul.menulist > li > a > i { position:absolute; top:13px; right:14px; font-size:15px; color:#c5cbcf; }
.leftmenu ul.menulist > li > a .noti-bg { position:absolute; top:10px; right:10px; padding:1px 6px; min-width:18px; height:18px; font-family:"Open Sans", sans-serif; font-size:11px; font-weight:600; border-radius:9px; }
.lt-ie9 .leftmenu ul.menulist > li > a .noti-bg { font-size:13px; }
.leftmenu ul.menulist > li > a:hover > i { -webkit-transform:rotate(-180deg); transform:rotate(-180deg); -webkit-transition:all 0.15s ease-out; transition: all 0.15s ease-out; }
.leftmenu ul.menulist > li > a > i.fa-star { position:relative; top:1px; left:5px; width:16px; font-size:13px; color:#ffa019 !important; }
.leftmenu ul.menulist > li > a:hover > i.fa-star { -webkit-transform:rotate(0deg); transform:rotate(0deg); }
.leftmenu ul.menulist > li > ul { padding:0 0 8px; }
.leftmenu ul.menulist > li > ul > li {position:relative;}
.leftmenu ul.menulist > li > ul > li > a, .leftmenu ul.menulist > li > ul > li > span.type-id { display:block; height:24px; padding:3px 0 0 36px; color:#333; background-image:url(../images/common/ic_dot.png);background-repeat:no-repeat;background-position: 28px 11px; }
.leftmenu ul.menulist > li > ul > li a:hover { text-decoration:none; background-color:#f9f9f9; }
.leftmenu ul.menulist > li > a > i.fa-chevron-up { -webkit-transform:rotate(-180deg); transform:rotate(-180deg); }
.leftmenu ul.menulist > li > a.open > i.fa-chevron-up { -webkit-transform:rotate(0deg); transform:rotate(0deg); }
.leftmenu ul.menulist > li > ul > li.current a { font-weight:600; background-position:28px -19px; }
.leftmenu ul.menulist > li > ul > li > ul > li { padding-left:47px; background:url(../images/common/bar_04.png) no-repeat 36px 8px; }
.leftmenu ul.menulist > li > ul > li > ul > li a:hover { background:none; text-decoration:underline; }
.leftmenu ul.menulist > li > ul > li > ul > li.current a { background:none; color:#f05050; }
@media only screen and (-webkit-min-device-pixel-ratio: 0) { .leftmenu h2, .leftmenu ul.menulist > li > a { font-weight:bold; } }

.leftmenu ul.menulist > li { border-top:1px solid #f1f1f1; }
.leftmenu ul.menulist > li:first-child { border-top:none; }
.leftmenu ul.menulist > li:last-child { border-bottom:1px solid #f1f1f1; }

.treebox { min-height:250px; margin:0 5px; padding:8px; overflow:auto; white-space:nowrap; }
.treebox1 { margin:0 0 15px 5px; overflow:auto; white-space:nowrap; }
.treebox.full { height:471px; }
.treebox.full2 { height:576px; }
.btn-fold { position:relative; margin:0 auto 10px; width:50px; height:12px; text-align:center; }
.btn-fold .br-left { position:absolute; left:-7px; top:0; width:0; height:0; border-width:12px 0 0 7px; border-style:solid; }
.btn-fold .br-right { position:absolute; right:-7px; top:0; width:0; height:0; border-width:12px 7px 0 0; border-style:solid; }
.btn-fold i { position:absolute; top:-2px; left:0; width:50px; color:#fff; font-size:14px; }
.leftmenu .chart-wrap { margin:20px 0 0 0; }
.leftmenu .chart-wrap .title { margin-bottom:7px; color:#555; font-size:13px; font-weight:600; text-align:center; }
.leftmenu .chart-wrap .easyPieChart { font-size:30px; font-weight:600; letter-spacing:-3px; }
.leftmenu .chart-wrap .volume { margin-top:7px; text-align:center; font-size:11px; color:#999; }
.leftmenu .chart-wrap .volume .num { color:#555; }
.leftmenu .chart-wrap .bar-chart {padding:0 20px;}
.leftmenu .chart-wrap .bar-graph { width:100%; height:6px; margin-bottom:18px; background:#eee;border-radius: 6px; }
.leftmenu .chart-wrap .bar-color { width:100%; height:6px; border-radius: 6px; }
.leftmenu .chart-wrap .bar-chart {margin-bottom:20px;}
.leftmenu .chart-wrap .bar-chart .volume {margin-top:0;}
.leftmenu .chart-wrap .bar-chart .bar-graph{margin-bottom:10px;}
.leftmenu .treebox > ul > li { line-height:20px; padding-left:7px; background:url("../images/common/ic_dot_2.png") no-repeat 0 9px; }
.menu-btn { padding:10px 10px 5px; }

/* leftmenu ---> theme-topbottom */
.theme-topbottom .leftmenu { padding:56px 0; }
.theme-topbottom .leftmenu-top { border-bottom:1px solid #d1d1d1; background:none; }
.theme-topbottom .leftmenu-top h2, .theme-topbottom .leftmenu-top h2 a { color:#111; }


/*============================================================
portlet - MetroType (base)
=============================================================*/

#portlet { padding:0; }
#portlet .item { float:left; position:relative; margin:0; padding:3px;}
#portlet .item.s1 { width:206px; height:206px; }
#portlet .item.s2 { width:412px; height:206px; }
#portlet .inner { position:relative; height:100%; border:1px solid #ddd; border-bottom:1px solid #b8bcbe; background:#fff;}
#portlet .inner .po-gate .dropdown-menu-right { right:18px; top:-5px; }

#portlet .masonry { padding:0; margin:0; }
#portlet .masonry:after { content: ''; display:block; clear:both; }
#portlet .masonry .item.gigante { width:412px; height:206px; z-index:10; }

.ui-sortable-highlight { float:left; margin:4px; width:100%; min-height:212px; background-color:#475763; }
#portlet .animation-tossing .inner { border:1px dotted #31383E !important }
#portlet .animation-tossing .item-arrange { position:absolute; top:0; left:0; width:100%; height:100%; background:#31383E; opacity:0.3; z-index:6; cursor:move }

/* IE8 */
@media \0screen { #portlet .animation-tossing .item-arrange { background:url(../images/common/bg_arrange.png) repeat; } }

#portlet .po-gate { position:absolute; top:15px; right:15px; z-index:5; }
#portlet .po-gate > a { display:block; width:16px; height:12px; background:url(../images/common/ic_portlet_gate.png) no-repeat 0 0; }
#portlet .po-gate > a:hover { opacity:0.7; }
#portlet .po-title { margin:0 0 0 15px; font-size:16px; font-weight:600; letter-spacing:-0.5px; }
@media only screen and (-webkit-min-device-pixel-ratio: 0) { #portlet .po-title { font-weight:bold; } }

#portlet .s1 .po-ic { display:none; }
#portlet .s1.notitle .po-header { display:none; }
#portlet .item.minimize .po-title { margin:0; text-align:center; }
#portlet .item.minimize .po-header { height:100%; }
#portlet .item.minimize .po-body { display:none; }
#portlet .item.minimize .po-ic { display:block; }
#portlet .item.minimize .ic01, #portlet .item.minimize .ic02, #portlet .item.minimize .ic03, #portlet .item.minimize .ic04, #portlet .item.minimize .ic05, 
#portlet .item.minimize .ic06, #portlet .item.minimize .ic07, #portlet .item.minimize .ic08, #portlet .item.minimize .ic09, #portlet .item.minimize .ic10, 
#portlet .item.minimize .ic11, #portlet .item.minimize .ic12, #portlet .item.minimize .ic13, #portlet .item.minimize .ic14, #portlet .item.minimize .ic15, 
#portlet .item.minimize .ic16, #portlet .item.minimize .ic17, #portlet .item.minimize .ic18, #portlet .item.minimize .ic19, #portlet .item.minimize .ic20,
#portlet .item.minimize .ic21, #portlet .item.minimize .ic22, #portlet .item.minimize .ic23 { width:50px; height:48px; margin:54px auto 0; }
#portlet .po-header { padding:10px 0 0; }
#portlet .po-body .no-content { padding:15px 4px !important; color:#555; }
#portlet .po-body .no-content .fa-file-text { color:#adbec9; font-size:14px; vertical-align:text-bottom; }
#portlet .po-body .no-content .c2 { margin-top:28px; text-align:center; }
#portlet .po-body .no-content .c2 .fa-file-text { font-size:28px; }

.portlet-config { padding:10px 5px; height:165px; }
.portlet-config .config-con { margin:0 10px; margin-bottom:7px; }
.portlet-config .fa-cog { color:#7692a2; }
.portlet-config .config-btn-group { margin:5px 10px 0; text-align:right; }
.portlet-config .config-ul { margin:-17px 0 0 98px; }
.portlet-config .config-ul .category { margin-bottom:5px; font-size:14px; color:#59c2e6; font-weight:600; }
.portlet-config .config-ul .category .fa-caret-right { margin-right:4px; font-size:12px; color:#59c2e6; }
.portlet-config .config-ul > li > ul { margin-bottom:10px; }
.portlet-config.admin { position:absolute; top:35px; left:0; min-width:400px; min-height:80px; height:auto; background:#fff; border:1px solid #aaa; border-radius:2px; z-index:1; }
.portlet-config.admin .config-ul li { padding:0; }
.portlet-config.admin .config-ul > li li { padding:0; }
.portlet-config.admin .portlet-config { height:auto; padding:10px 0 !important; }
.portlet-config.admin .config-con > label { width:auto !important; }

/* Portlet Type - list1 */
#portlet .po-body .list1 { height:155px; margin:0 5px; }
#portlet .po-body .list1 ul { margin:3px 10px; padding:0; }
#portlet .po-body .list1 li { position:relative; padding:6px 0 7px; border-top:1px solid #f4f4f4; }
#portlet .po-body .list1 ul.border-none li { padding:3px 0; border-top:none; }
#portlet .po-body .list1 li:first-child { border-top:none; }
#portlet .po-body .list1 a { display:block; margin-right:50px; color:#111; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
#portlet .po-body .list1 .date { position:absolute; top:7px; right:0; font-family:"Open Sans", sans-serif; color:#999; }
#portlet .po-body .list1 .name { position:absolute; top:7px; right:70px; color:#555; }
#portlet .po-body .list1 .name a { width:60px; text-align:center; color:#555; padding:0; margin:0; }
#portlet .po-body .list1 .info { position:absolute; top:7px; right:0; width:80px; text-align:right; color:#999; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
#portlet .po-body .list1 .team { position:absolute; top:7px; color:#555; }
#portlet .po-body .list1 button { position:absolute; top:6px; right:0; }
#portlet .po-body .list1 .check a { position:absolute; top:6px; right:0; padding:0; margin:0; width:18px; height:18px; }
#portlet .po-body .list1 .fa-mobile { margin:-2px 0 0 5px; font-size:18px; color:#f07070; vertical-align:middle; }
#portlet .po-body .list1 .cate-box1 { padding:0 !important; height:18px; line-height:18px; width:40px; font-size:11px; font-weight:normal; } 
#portlet .po-body .list1 .nav-tabs11 { padding-top:4px; margin:4px 0 0 10px; min-height:inherit !important; }
#portlet .po-body .list1 .nav-tabs11 li { padding-bottom:0; border-top:none; }
#portlet .po-body .list1 .nav-tabs11 li a { margin-right:0; padding:0 9px; font-size:12px; color:#3cc4d4; background:url(../images/common/bar_01.png) no-repeat 0 6px; }
#portlet .po-body .list1 .nav-tabs11 li:first-child a { padding-left:0; background:none; }
#portlet .po-body .list1 .nav-tabs11 li.active a { margin-top:-1px; font-size:16px; font-weight:600; background-position:0 7px; }

/* Portlet Type - list2 */
#portlet .po-body .list2 { height:155px; margin:0 5px; }
#portlet .po-body .list2 ul { margin:0 10px; padding:0; }
#portlet .po-body .list2 ul ul { margin:0; }
#portlet .po-body .list2 li { position:relative; padding:8px 0; border-top:1px solid #f4f4f4; }
#portlet .po-body .list2 li:first-child { border-top:none; }
#portlet .po-body .list2 ul ul li { position:relative; padding:1px 0; border-top:none; }
#portlet .po-body .list2 ul ul li a { display:block; margin-right:50px; color:#111; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
#portlet .po-body .list2 .date { position:absolute; top:2px; right:0; font-family:"Open Sans", sans-serif; color:#999; }
#portlet .po-body .list2 .name { position:absolute; top:2px; right:70px; color:#555; }
#portlet .po-body .list2 .name a { width:60px; text-align:center; color:#555; padding:0; margin:0; }
#portlet .po-body .list2 .list-title a { display:block; padding-bottom:4px; font-size:13px; color:#111; font-weight:600; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
@media only screen and (-webkit-min-device-pixel-ratio: 0) { #portlet .po-body .list2 .list-title a { font-weight:bold; } }
#portlet .po-body .list2 .list-info { padding-bottom:3px; color:#999; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
#portlet .po-body .list2 .list-info span { padding-left:13px; background:url(../images/common/bar_01.png) no-repeat 4px 2px; }
#portlet .po-body .list2 .list-info span:first-child { padding-left:0; background:none; }
#portlet .po-body .list2 .list-con { display:block; color:#555; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
#portlet .po-body .list2 .fa-desktop { margin-left:3px; font-size:13px; color:#f07070; vertical-align:middle; }

/* Portlet Type - list3 */
#portlet .po-body .list3 { height:155px; margin:0 5px; }
#portlet .po-body .list3 ul { margin:0 15px; padding:0; }
#portlet .po-body .list3 li { position:relative; padding:3px 0; }
#portlet .po-body .list3 li a { display:inline-block; max-width:200px; color:#111; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; vertical-align:middle; }
#portlet .po-body .list3 .team { position:absolute; display:inline-block; width:80px; top:10px; color:#555; text-align:center; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
#portlet .po-body .list3 .date { position:absolute; top:10px; right:0; font-family:"Open Sans", sans-serif; color:#999; }
#portlet .po-body .list3 .num-visitors { margin:10px 20px; padding-bottom:8px; color:#555; border-bottom:1px solid #f4f4f4; }
#portlet .po-body .list3 .num-visitors .fa-bar-chart-o { vertical-align:middle; color:#f07070; font-size:14px; }

/* Portlet Type - todo */
#portlet .po-body .todo { position:relative; }
#portlet .po-body .todo .graph-todo { position:absolute; top:8px; left:60px; width:88px; height:88px; }
#portlet .po-body .todo .graph-todo-status { position:absolute; top:9px; left:27px; padding:0; }
#portlet .po-body .todo .graph-todo-status li { display:inline-block; padding-right:20px; text-align:center; }
#portlet .po-body .todo .graph-todo-status li.st1 .num { display:inline-block; padding:0 5px; font-family:"Open Sans", sans-serif; font-size:24px; font-weight:bold; line-height:26px; vertical-align:middle; }
#portlet .po-body .todo .graph-todo-status li.st2 .num { display:inline-block; padding:0 5px; font-family:"Open Sans", sans-serif; font-size:24px; font-weight:bold; line-height:26px; vertical-align:middle; }
#portlet .po-body .todo .graph-todo-status li.st3 .num { font-family:"Open Sans", sans-serif; font-size:24px; font-weight:bold; line-height:26px; }
#portlet .po-body .todo .graph-todo-status li.st1 .status { display:inline-block; padding:2px 0 0 0 !important; width:auto; font-weight:600; vertical-align:middle; }
#portlet .po-body .todo .graph-todo-status li.st2 .status { display:inline-block; padding:2px 0 0 0 !important; width:auto; font-weight:600; vertical-align:middle; }
#portlet .po-body .todo .graph-todo-status li.st3 .status { padding:0 !important; width:auto; font-weight:600; }
#portlet .po-body .todo .todo-list { height:165px; padding:45px 4px 10px 0; }
#portlet .po-body .todo .todo-list ul { padding-right:15px; }
#portlet .po-body .todo .todo-list li { position:relative; padding:3px 0 3px 15px; }
#portlet .po-body .todo .todo-list .d-day { display:inline-block; padding-left:17px; min-width:45px; font-weight:600; }
#portlet .po-body .todo .todo-list .d-day .imp2 { margin-left:-16px; }
#portlet .po-body .todo .todo-list .con { display:inline-block; vertical-align:middle; padding-top:2px; }
#portlet .po-body .todo .todo-list .con a { display:block; padding:0 20px 0 17px; margin-bottom:2px; color:#111; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
#portlet .po-body .todo .check a { position:absolute; top:6px; right:0; width:18px; height:18px; }

/* Portlet Type - gallery */
#portlet .po-body .gallery { padding:0; }
#portlet .po-body .gallery ul { position:relative; padding:0; }
#portlet .po-body .gallery li { text-align:center; background:#57646e; overflow:hidden; }
#portlet .po-body .gallery li a { display:block; min-height:198px; }
#portlet .po-body .gallery li img { max-height:198px; }
#portlet .po-body .gallery li.g-pre a { display:block; position:absolute; top:50%; left:0; margin-top:-20px; padding:8px 0 0 0; width:40px; height:40px; min-height:40px; font-size:18px; font-weight:normal; color:#fff; opacity:0.4; }
#portlet .po-body .gallery li.g-next a { display:block; position:absolute; top:50%; right:0; margin-top:-20px; padding:8px 0 0 2px; width:40px; height:40px; min-height:40px; font-size:18px; font-weight:normal; color:#fff; opacity:0.4; }
#portlet .po-body .gallery li.g-pre a:hover, #portlet .po-body .gallery li.g-next a:hover { background:#fff; opacity:1; }
#portlet .po-body .gallery li a:hover i { color:#f05050; }

/* Portlet Type - chart1 */
#portlet .po-body .chart1 { position:relative; margin:22px 15px 0; height:102px; }
#portlet .po-body .chart1 .progress-stat-bar { padding-left:10px; }
#portlet .po-body .chart1 .progress-stat-bar li { position:relative; float:left; margin-right:8px; width:20px; height:100px; background:#f1f1f1; }
#portlet .po-body .chart1 .progress-stat-percent { display:block; width:100%; position:absolute; bottom:0; left:0; }
#portlet .po-body .chart1 .bar-legend { position:absolute; top:20px; right:0; }
#portlet .po-body .chart1 .bar-legend li { margin-bottom:5px; font-size:11px; color:#999; }
#portlet .po-body .chart1 .bar-legend-pointer { position:relative; display:inline-block; width:10px; height:10px; top:1px; margin-right:5px; }
#portlet .po-body .chart1 .chart-info { padding:10px; text-align:center; color:#999; }

/* Portlet Type - clock1 */
#portlet .po-body .clock1 { width:100%; height:100%; min-height:198px; background:#272c31; }
#portlet .po-body .clock1 .cl-light { position:absolute; top:0; left:0; display:block; width:185px; height:123px; background:url(../images/common/clock_light.png) no-repeat 0 0; z-index:4; }
#portlet .po-body .clock1 .cl-info { padding-top:45px; text-align:center; }
#portlet .po-body .clock1 .cl-info-date { font-family:"Open Sans", sans-serif; font-size:11px; color:#fff; vertical-align:bottom; opacity:0.8; }
#portlet .po-body .clock1 .cl-info-city { padding-left:2px; font-size:14px; color:#fff; }
#portlet .po-body .clock1 #clock { position:relative; width:110px; height:110px; margin:0 auto; top:40px; background:url(../images/common/clock_face.png) no-repeat; }
#portlet .po-body .clock1 #sec, #min, #hour { position:absolute; width:14px; height:110px; top:0; left:50px; }
#portlet .po-body .clock1 #sec { background:url(../images/common/clock_sechand.png); z-index:3; overflow:hidden; }
#portlet .po-body .clock1 #min { background:url(../images/common/clock_minhand.png); z-index:2; }
#portlet .po-body .clock1 #hour { background: url(../images/common/clock_hourhand.png); z-index:1; }

/* Portlet Type - clock2 */
#portlet .po-body .clock2 { position:relative; width:100%; height:100%; min-height:198px; background:#272c31; }
#portlet .po-body .clock2 .cl-light { position:absolute; top:0; left:auto; right:32%; width:300px; height:193px; background:url(../images/common/clock_light2.png) no-repeat 0 0; z-index:4; }
#portlet .po-body .clock2 .clock-holder { position:relative; margin:5px; width:110px; height:110px; background:url(../images/common/clock_face.png) no-repeat; }
#portlet .po-body .clock2 .clock-holder div { position:absolute; top:0; left:0; }
#portlet .po-body .clock2 .clock-container { float:left; position:relative; }
#portlet .po-body .clock2 .clock-container#clock_my { position:absolute; top:15px; left:15%; }
#portlet .po-body .clock2 .clock-container#clock_select { position:absolute; top:15px; right:15%; }
#portlet .po-body .clock2 .clock-container .lbl { margin:0 auto; color:#fff; line-height:15px; text-align:center; }
#portlet .po-body .clock2 .clock-container .lbl .location { color:#59c2e6; }
#portlet .po-body .clock2 .sec, #portlet .po-body .clock2 .min, #portlet .po-body .clock2 .hour { display:block; position:absolute; width:14px; height:110px; top:0; left:50px; }
#portlet .po-body .clock2 .digital {  font-family:"Open Sans", sans-serif; color:#fff; text-align:center; opacity:0.8; }

/* Portlet Type - chat1 */
#portlet .po-body .chat1 { margin:5px; padding:0; height:150px; }
#portlet .po-body .chat1 ul { padding:0 10px; }
#portlet .po-body .chat1 li { position:relative; margin-bottom:9px; }
#portlet .po-body .chat1 .per30 { display:inherit; width:auto; height:auto; }
#portlet .po-body .chat1 .per30 a { display:block; position:absolute; top:0; left:0; width:30px; height:30px; background:url(../images/placeholders/avatars/avatar_30x30.png) no-repeat 0 0; }
#portlet .po-body .chat1 .per30 img { width:30px; height:30px; border-radius:15px; }
#portlet .po-body .chat1 .chat-bubble { position:relative; padding:10px 15px 12px; margin-left:45px; border:1px solid #dde1e3; border-radius:5px; background:#fff; }
#portlet .po-body .chat1 .chat-bubble .ar-border { position:absolute; left:-11px; top:-1px; width:0; height:0; border-width:15px 15px 0 10px; border-style:solid; border-color:#dde1e3 transparent transparent transparent; }
#portlet .po-body .chat1 .chat-bubble .ar { position:absolute; left:-9px; top:0; width:0; height:0; border-width:15px 15px 0 10px; border-style:solid; border-color:#fff transparent transparent transparent; }
#portlet .po-body .chat1 .chat-bubble .con a { display:block; padding-right:85px; color:#111; font-weight:600; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
#portlet .po-body .chat1 .chat-bubble .con .attach { margin-right:5px; }
#portlet .po-body .chat1 .chat-bubble .date { position:absolute; top:12px; right:40px; color:#999; font-family:"Open Sans", sans-serif; font-size:11px; }
#portlet .po-body .chat1 .chat-bubble .ic-star a { position:absolute; top:12px; right:15px; display:block; width:14px; height:13px; background:url(../images/common/ic_star.png) no-repeat 0 0; }
#portlet .po-body .chat1 .chat-bubble .ic-star.gray a { background-position:0 -20px; }
#portlet .po-body .chat1 .right .per30 { display:inherit; width:auto; height:auto; }
#portlet .po-body .chat1 .right .per30 a { left:auto; right:0; }
#portlet .po-body .chat1 .right .chat-bubble { margin:0 45px 0 0; }
#portlet .po-body .chat1 .right .chat-bubble .ar-border { left:auto; right:-11px; border-width:15px 10px 0 15px; }
#portlet .po-body .chat1 .right .chat-bubble .ar { left:auto; right:-9px; border-width:15px 10px 0 15px; }

/* Portlet Type - chat2 */
#portlet .po-body .chat2 { margin:5px; padding:0; height:150px; }
#portlet .po-body .chat2 ul { padding:0 10px; }
#portlet .po-body .chat2 li { position:relative; margin-bottom:9px; }
#portlet .po-body .chat2 .per30 { display:inherit; width:auto; height:auto; }
#portlet .po-body .chat2 .per30 a { display:block; position:absolute; top:0; left:0; width:30px; height:30px; background:url(../images/placeholders/avatars/avatar_30x30.png) no-repeat 0 0; }
#portlet .po-body .chat2 .per30 img { width:30px; height:30px; border-radius:15px; }
#portlet .po-body .chat2 .chat-bubble { position:relative; padding:5px 12px 7px; margin-left:50px; border:1px solid #dde1e3; border-radius:3px; background:#fff; }
#portlet .po-body .chat2 .chat-bubble .ar-border { position:absolute; left:-17px; top:11px; width:0; height:0; border-width:15px 0 0 16px; border-style:solid; border-color:#dde1e3 transparent transparent transparent; }
#portlet .po-body .chat2 .chat-bubble .ar { position:absolute; left:-15px; top:12px; width:0; height:0; border-width:15px 0 0 16px; border-style:solid; border-color:#fff transparent transparent transparent; }
#portlet .po-body .chat2 .chat-bubble .con a { display:block; padding:0; margin-top:22px; color:#111; font-weight:normal; line-height:16px; text-overflow:inherit; overflow:auto; white-space:normal; }
#portlet .po-body .chat2 .chat-bubble .con .ic-attach { margin-right:5px; }
#portlet .po-body .chat2 .chat-bubble .name { position:absolute; top:8px; left:12px; color:#999; font-size:11px; }
#portlet .po-body .chat2 .chat-bubble .date { position:absolute; top:8px; right:15px; color:#999; font-family:"Open Sans", sans-serif; font-size:11px; }
#portlet .po-body .chat2 .chat-bubble .ic-star a { position:absolute; top:12px; right:15px; display:block; width:14px; height:13px; background:url(../images/common/ic_star.png) no-repeat 0 0; }
#portlet .po-body .chat2 .chat-bubble .ic-star.gray a { background-position:0 -20px; }
#portlet .po-body .chat2 .right .per30 { display:inherit; width:auto; height:auto; }
#portlet .po-body .chat2 .right .per30 a { left:auto; right:0; }
#portlet .po-body .chat2 .right .chat-bubble { margin:0 50px 0 0; }
#portlet .po-body .chat2 .right .chat-bubble .ar-border { left:auto; right:-17px; border-width:15px 16px 0 0; }
#portlet .po-body .chat2 .right .chat-bubble .ar { left:auto; right:-15px; border-width:15px 16px 0 0; }

/* Portlet Type - congrats */
#portlet .po-body .congrats { padding:10px 5px; height:198px; overflow:auto; }
#portlet .po-body .congrats .slimScrollDiv { padding z-index:1 }
#portlet .po-body .congrats .nav { z-index:2 }
#portlet .po-body .congrats h3.birth { padding:2px 0 0 22px; margin:10px 15px 8px; color:#3cc4d4; font-family:"Open Sans", sans-serif; font-size:13px;  background:url(../images/common/ic_birth.png) no-repeat 0 0; }
#portlet .po-body .congrats h3.wedding { padding:0 0 0 22px; margin:10px 15px 8px; color:#3cc4d4; font-family:"Open Sans", sans-serif; font-size:13px;  background:url(../images/common/ic_wedding.png) no-repeat 0 0; }
#portlet .po-body .congrats ul { padding:0 18px; }
#portlet .po-body .congrats .tab-content ul { padding:0 5px 0 33px; }
#portlet .po-body .congrats .tab-content ul li { padding:4px 2px; }
#portlet .po-body .congrats li { display:inline-block; padding:2px; }
#portlet .po-body .congrats .per46 a { display:inline-block; width:46px; height:46px; background:url(../images/placeholders/avatars/avatar_46x46.png) no-repeat 0 0; vertical-align:middle; }
#portlet .po-body .congrats .per30 { display:inherit; width:auto; height:auto; margin-right:0; }
#portlet .po-body .congrats .per30 a { display:inline-block; width:30px; height:30px; background:url(../images/placeholders/avatars/avatar_30x30.png) no-repeat 0 0; vertical-align:middle; }
#portlet .po-body .congrats .per46 img { width:46px; height:46px; border-radius:23px; }
#portlet .po-body .congrats .per30 img { width:30px; height:30px; border-radius:15px; }

/* Portlet Type - schedule */
#portlet .po-body .schedule { position:relative; }
#portlet .po-body .schedule .input-datepicker { position:absolute; top:3px; left:6px; border-right:1px solid #f4f4f4; }
#portlet .po-body .schedule .schdule-list { padding:8px 0; margin-left:212px; width:187px; height:198px; min-height:198px; }
#portlet .po-body .schedule .schdule-list ul { padding:0; }
#portlet .po-body .schedule .schdule-list ul > li { margin:6px 0 10px; }
#portlet .po-body .schedule .schdule-list ul > li li { margin-bottom:8px; }
#portlet .po-body .schedule .schdule-list .date { margin-bottom:5px; font-size:13px; font-weight:600; }
#portlet .po-body .schedule .schdule-list .time { font-size:11px; color:#555; }
#portlet .po-body .schedule .schdule-list .con { padding-right:20px; }
#portlet .po-body .schedule .schdule-list .con a { font-weight:600; color:#111; }
#portlet .po-body .schedule .colorbox1, #portlet .po-body .schedule .colorbox2, #portlet .po-body .schedule .colorbox3, #portlet .po-body .schedule .colorbox4, #portlet .po-body .schedule .colorbox5 { width:8px; height:8px; }
#portlet .po-body .schedule .no-schedule .ic { margin:70px 0 0 70px; text-align:center; width:30px; height:30px; }
#portlet .po-body .schedule .no-schedule .con { padding-right:12px; text-align:center; color:#555; }

/* Portlet Type - schedule-w */
#portlet .po-body .schedule-w { margin:10px 5px; height:145px; }
#portlet .po-body .schedule-w .inner-con { padding:0 10px; }
#portlet .po-body .schedule-w table { margin-bottom:10px; }
#portlet .po-body .schedule-w table th { height:24px; color:#555; font-weight:normal; border:1px solid #ddd; background:#f9f9f9; }
#portlet .po-body .schedule-w table .fc-sun { color:#f05050; }
#portlet .po-body .schedule-w table .fc-sat { color:#00aabe; }
#portlet .po-body .schedule-w table td { height:24px; padding:0; border:1px solid #ddd; }
#portlet .po-body .schedule-w table td .schbar { display:block; height:8px; background:#f07070; cursor:pointer; }
#portlet .po-body .schedule-w .date { margin:4px 0; font-size:13px; font-weight:600; }
#portlet .po-body .schedule-w .schdule-list li { padding:2px 0; }
#portlet .po-body .schedule-w .schdule-list .time { display:inline-block; min-width:68px; margin-right:8px; font-family:"Open Sans", sans-serif; font-size:11px; color:#555; font-weight:normal; }
#portlet .po-body .schedule-w .schdule-list .con { padding-right:20px; }
#portlet .po-body .schedule-w .schdule-list .con a { font-weight:600; color:#111; }
/*
#portlet .po-body .schedule-w .schdule-list li { padding:2px 0; }
#portlet .po-body .schedule-w .schdule-list li ul { margin:-19px 0 0 74px; }
#portlet .po-body .schedule-w .schdule-list .date { font-size:12px; font-weight:600; }
#portlet .po-body .schedule-w .schdule-list .time { display:inline-block; min-width:68px; margin-right:8px; font-family:"Open Sans", sans-serif; font-size:11px; color:#555; font-weight:normal; }
#portlet .po-body .schedule-w .schdule-list .con { padding-right:20px; }
#portlet .po-body .schedule-w .schdule-list .con a { font-weight:600; color:#111; }
*/
#portlet .po-body .schedule-w .colorbox1, #portlet .po-body .schedule-w .colorbox2, #portlet .po-body .schedule-w .colorbox3, #portlet .po-body .schedule-w .colorbox4, #portlet .po-body .schedule-w .colorbox5 { width:8px; height:8px; }

/* Portlet Type - schedule-d */
#portlet .po-body .schedule-d { margin:10px 5px; height:142px; }
#portlet .po-body .schedule-d .inner-con { padding:0 10px; }
#portlet .po-body .schedule-d .pr-schedule-c table td { height:8px; background:#e6e6e6; }
#portlet .po-body .schedule-d .pr-schedule-time td { font-family:"Open Sans", sans-serif; color:#555; font-size:11px; background:#fff !important; }
#portlet .po-body .schedule-d table td.schbar { height:8px; background:#f07070; cursor:pointer; }
#portlet .po-body .schedule-d .pr-schedule-c table td span { display:none; }
#portlet .po-body .schedule-d .bar-time { height:6px; background:url(../images/common/bar_sch.png) no-repeat 0 0; }
#portlet .po-body .schedule-d .date { margin:15px 0 5px; color:#3cc4d4; font-size:13px; font-weight:600; }
#portlet .po-body .schedule-d .schdule-list li { padding:2px 0; }
#portlet .po-body .schedule-d .schdule-list .time { display:inline-block; min-width:68px; margin-right:8px; font-family:"Open Sans", sans-serif; font-size:11px; color:#555; font-weight:normal; }
#portlet .po-body .schedule-d .schdule-list .con { padding-right:20px; }
#portlet .po-body .schedule-d .schdule-list .con a { font-weight:600; color:#111; }
#portlet .po-body .schedule-d .colorbox1, #portlet .po-body .schedule-d .colorbox2, #portlet .po-body .schedule-d .colorbox3, #portlet .po-body .schedule-d .colorbox4, #portlet .po-body .schedule-d .colorbox5 { width:8px; height:8px; }

/* Portlet Type - dic */
#portlet .po-body .dic { padding:30px 15px 0; text-align:center; }
#portlet .po-body .dic .select-select2 { width:70%; margin-bottom:20px; text-align:left; }
#portlet .po-body .dic .input-search { position:relative; }
#portlet .po-body .dic .input-search input { padding:0 49px 0 10px; width:100%; height:33px; }
#portlet .po-body .dic .input-search a { position:absolute; top:0; right:0; display:inline-block; width:39px; height:33px; border-radius:0 3px 3px 0; }

/* Portlet Type - timecard */
#portlet .po-body .timecard { margin:5px; height:155px; text-align:center; }
#portlet .po-body .timecard button { width:100%; height:32px; margin-bottom:5px; border-radius:4px; }
#portlet .po-body .timecard-block { display:inline-block; width:36.5%; min-height:50px; margin:5px; vertical-align:top; overflow:hidden; }
#portlet .po-body .timecard-block .time { padding-left:29px; font-family:"Open Sans", sans-serif; text-align:left; }

/* Portlet Type - movie */
#portlet .po-body .movie { height:198px; }
#portlet .po-body .movie ul { padding:0; }
#portlet .po-body .movie li { position:relative; float:left; }
#portlet .po-body .movie li.movie-play { width:76%; height:198px; border-right:1px solid #000; background:url(../images/common/bg_mov.png) no-repeat right; }
#portlet .po-body .movie li.movie-thum { width:24%; height:66px; background:#31383e; }
#portlet .po-body .movie li.movie-play .btn-play a { position:absolute; top:50%; left:50%; margin:-48px 0 0 -38px; display:block; width:76px; height:76px; background:url(../images/common/btn_mov_play.png) no-repeat 0 top; }
#portlet .po-body .movie li.movie-play .btn-play a:hover { background-position:0 -80px; }
#portlet .po-body .movie li.movie-thum .btn-play a { position:absolute; bottom:10px; left:10px; display:block; width:20px; height:20px; background:url(../images/common/btn_mov_play2.png) no-repeat 0 0; }
#portlet .po-body .movie li.movie-thum.active .btn-play { position:absolute; bottom:-5px; left:-5px; }
#portlet .po-body .movie li.movie-thum.li-center { background:#4b555e; }
#portlet .po-body .movie li.movie-play .con { position:absolute; left:0; bottom:0; width:100%; padding:4px 10px; height:48px; text-align:right; background:url(../images/common/bg_mov_con.png) repeat; }
#portlet .po-body .movie li.movie-play .con .title { line-height:20px; color:#fff; font-weight:600; text-align:left; }
#portlet .po-body .movie li.movie-play .con .mov-hits { display:inline-block; padding-left:15px; margin-left:6px; font-family:"Open Sans", sans-serif; font-size:11px; color:#fff; vertical-align:middle; background:url(../images/common/ic_mov_hits.png) no-repeat 0 1px; }
#portlet .po-body .movie li.movie-play .con .mov-reply { display:inline-block; padding-left:17px; margin-left:6px; font-family:"Open Sans", sans-serif; font-size:11px; color:#fff; vertical-align:middle; background:url(../images/common/ic_mov_reply.png) no-repeat 0 2px; }
#portlet .po-body .movie li.movie-play .con .mov-recomm { display:inline-block; padding-left:15px; margin-left:6px; font-family:"Open Sans", sans-serif; font-size:11px; color:#fff; vertical-align:middle; background:url(../images/common/ic_mov_recomm.png) no-repeat 0 3px; } 

/* Portlet Type - wisesaying */
#portlet .po-body .wisesaying { position:relative; overflow:hidden; }
#portlet .po-body .wisesaying img { height:198px; margin-left:-198px; }
#portlet .po-body .wisesaying .wisesaying-text { position:absolute; top:15px; left:15px; font-size:11px; line-height:16px; color:#fff; max-width:140px; }

/* Portlet Type - news */
#portlet .po-body .news { position:relative; padding:40px 0 20px; overflow:hidden; min-height:165px; }
#portlet .po-body .news .navi-num { position:absolute; top:10px; right:15px; color:#999; }
#portlet .po-body .news .navi-num .num { float:left; margin-right:8px; }
#portlet .po-body .news .navi-num .num span:first-child { color:#111; font-weight:bold; }
#portlet .po-body .news a.page-pre { display:block; float:left; width:23px; height:19px; }
#portlet .po-body .news a.page-next { display:block; float:left; width:22px; height:19px; }
#portlet .po-body .news .img { margin:0 0 0 15px; width:120px; height:90px; border:1px solid #efefef; background:#efefef; }
#portlet .po-body .news .img img { width:118px; height:88px; }
#portlet .po-body .news .con { position:absolute; top:0; left:150px; width:240px; max-height:105px; overflow:hidden; color:#555; }
#portlet .po-body .news .con .title a { display:block; height:45px; margin-bottom:7px; font-size:16px; color:#111; font-weight:600; overflow:hidden; }
#portlet .po-body .news ul { position:absolute; }
#portlet .po-body .news ul li  { float:left; position:relative; }

/* Portlet Type - magazine */
#portlet .po-body .magazine .g-pre a { display:block; position:absolute; top:50%; left:0; margin-top:-14px; padding:5px 0 0 6px; width:23px; height:47px; font-size:24px; color:#fff; background:#bbcad2; }
#portlet .po-body .magazine .g-next a { display:block; position:absolute; top:50%; right:0; margin-top:-14px; padding:5px 0 0 8px; width:23px; height:47px; font-size:24px; color:#fff; background:#bbcad2; }
#portlet .po-body .magazine li { padding:4px 0; }
#portlet .po-body .magazine li a { display:block; margin:0 auto; width:330px; height:72px; background:#efefef; }
#portlet .po-body .magazine li a img { width:330px; height:72px; }

/* Portlet Type - weather */
#portlet .po-body .weather { position:relative; height:198px; background:#c3cbd5; }
#portlet .po-body .bg_partly_cloudy { height:198px;  }
#portlet .po-body .weather .city { position:absolute; top:28px; left:24px; color:#fff; font-size:20px; }
#portlet .po-body .weather .navi { position:absolute; top:15px; left:25px; }
#portlet .po-body .weather .navi a { float:left; display:block; width:8px; height:8px; margin-right:5px; background:#fff; border-radius:50%; opacity:0.3; }
#portlet .po-body .weather .navi a:hover, #portlet .po-body .weather .navi a.active { opacity:1; }
#portlet .po-body .weather .temp { position:absolute; top:103px; left:20px; font-family:"Open Sans", sans-serif; font-size:50px; color:#fff; }
#portlet .po-body .weather .temp-info { position:absolute; top:165px; left:20px; color:#fff; font-weight:600; }
#portlet .po-body .weather .temp-info .temp-high { margin-left:10px; padding-left:13px; font-family:"Open Sans", sans-serif; font-size:14px; background:url(../images/weather/ar_hr.png) 0 5px no-repeat; }
#portlet .po-body .weather .temp-info .temp-low { margin-left:5px; padding-left:12px; font-family:"Open Sans", sans-serif; font-size:14px; background:url(../images/weather/ar_hr.png) 0 -15px no-repeat; }
#portlet .po-body .weather .forecast { position:absolute; top:0; right:0; width:133px; height:100%; }
#portlet .po-body .weather .forecast-bg { position:absolute; top:0; left:0; width:100%; height:100%; background:url(../images/common/opacity_15.png) 0 0 repeat; }
#portlet .po-body .weather .forecast ul { position:absolute; top:43px; left:8px; z-index:1; }
#portlet .po-body .weather .forecast li { height:30px; }
#portlet .po-body .weather .forecast .day { display:inline-block; width:28px; font-size:11px; color:#fff; text-align:center; }
#portlet .po-body .weather .forecast li .temp-high { display:inline-block; width:26px; font-family:"Open Sans", sans-serif; color:#fff; text-align:right; vertical-align:middle; }
#portlet .po-body .weather .forecast li .temp-low { display:inline-block; width:26px; font-family:"Open Sans", sans-serif; color:#fff; text-align:right; vertical-align:middle; }


/*============================================================
portlet - portletType
=============================================================*/

#portlet .portletType .item { width:412px; height:auto; }
/*
@media (max-width:1560px) { #portlet .portletType .item { width:49.5% !important; } }
@media (max-width:1190px) { .sidebar-subarea #portlet .portletType .item { width:99% !important; } }
@media (max-width:1190px) { .sidebar-visiable #portlet .portletType .item { width:49.5% !important; } }
@media (max-width:1000px) { .sidebar-mini #portlet .portletType .item { width:99% !important; } }
*/

#portlet .portletType .minimize .inner { min-height:54px !important; }
#portlet .portletType .minimize .po-gate { top:20px; }
#portlet .portletType .inner { min-height:200px; }
#portlet .portletType .po-ic { display:inline-block !important; width:30px !important; height:30px !important; margin:1px 0 0 12px !important; }
#portlet .portletType .po-title { position:relative; display:inline-block; margin:0; top:-9px; text-align:left; }
#portlet .portletType .portlet-config { height:auto; }

/* Portlet Type - list1 */
#portlet .portletType .po-body .list1 { height:auto; }
#portlet .portletType .po-body .list1 ul { min-height:155px; margin:0 15px 8px; }

/* Portlet Type - list2 */
#portlet .portletType .po-body .list2 { height:auto; margin-bottom:5px; }
#portlet .portletType .po-body .list2 ul ul { margin:0; }

/* Portlet Type - list3 */
#portlet .portletType .po-body .list3 { height:auto; }
#portlet .portletType .po-body .list3 ul { margin-bottom:10px; }

/* Portlet Type - congrats */
#portlet .portletType .po-body .congrats { height:auto; }

/* Portlet Type - schedule */
#portlet .portletType .po-body .schedule .schdule-list { width:auto; height:auto; }

/* Portlet Type - schedule-w */
#portlet .portletType .po-body .schedule-w { height:auto; }

/* Portlet Type - schedule-d */
#portlet .portletType .po-body .schedule-d { height:auto; }

/* Portlet Type - todo */
#portlet .portletType .po-body .todo .graph-todo { top:0; }
#portlet .portletType .po-body .todo .todo-list { height:auto; }

/* Portlet Type - chat1 */
#portlet .portletType .po-body .chat1 { height:auto; }
#portlet .portletType .po-body .chat1 ul { padding:0 10px 5px; }

/* Portlet Type - chat2 */
#portlet .portletType .po-body .chat2 { height:auto; }
#portlet .portletType .po-body .chat2 ul { padding:0 10px 5px; }

/* Portlet Type - chart1 */
#portlet .portletType .po-body .chart1 { margin:10px 25px 0; }
#portlet .portletType .po-body .chart1 .progress-stat-bar { padding-left:25px; }
#portlet .portletType .po-body .chart1 .progress-stat-bar li { margin-right:25px; }
#portlet .portletType .po-body .chart1 .bar-legend { right:25px; }
#portlet .portletType .po-body .chart1 .progress-stat-bar li { width:30px; }

/* Portlet Type - gallery */
#portlet .portletType .po-body .gallery li img { max-height:360px; }

/* Portlet Type - timecard */
#portlet .portletType .po-body .timecard { height:auto; margin:-5px 0 0 0; }
#portlet .portletType .po-body .timecard-block { width:40%; height:auto; overflow:auto; }

/* Portlet Type - dic */
#portlet .portletType .po-body .dic { padding:22px 30px 0; }

/* Portlet Type - clock1 */
#portlet .portletType .po-body .clock1 { position:relative; min-height:214px; }
#portlet .portletType .po-body .clock1 .cl-light { position:absolute; top:0; left:auto; right:30%; width:300px; height:193px; background:url(../images/common/clock_light2.png) no-repeat 0 0; }

/* Portlet Type - wisesaying */
#portlet .portletType .po-body .wisesaying img { width:404px; height:198px; margin:0; }
#portlet .portletType .po-body .wisesaying .wisesaying-text { position:absolute; top:30px; left:30px; line-height:16px; max-width:160px; }

/* Portlet Type - news */
#portlet .portletType .po-body .news { padding:25px 0; }
#portlet .portletType .po-body .news .navi-num { top:0; }
#portlet .portletType .po-body .news .con { max-height:120px; }

/* Portlet Type - magazine */
#portlet .portletType .po-body .magazine ul { margin-bottom:5px; }


/*============================================================
myspace main
=============================================================*/

/* myspace-left */
.myspace-left { position:absolute; top:0; left:0; width:190px; height:100%; background:#314352; z-index:15; overflow:hidden; }
.myspace-left .myspace-menu-top { position:relative; height:56px; background:#445b6e; }
.myspace-left .myspace-per { position:absolute; top:14px; left:54px; padding:6px; width:82px; height:82px; }
.myspace-left .myspace-per img { width:70px; height:70px; border-radius:35px; }
.myspace-left .myspace-info { padding:54px 5px 5px; width:100%; text-align:center;  text-shadow:0 1px 0 #222f39; }
.myspace-left .myspace-info .name { padding-bottom:2px; font-size:14px; color:#fff; }
.myspace-left .myspace-info .name a:hover { opacity:0.8; }
.myspace-left .myspace-info .org { font-size:12px; color:#ddd; }
.myspace-left .block-box { position:relative; margin:9px; padding:10px; border-radius:2px; background:#fff; }
.myspace-left .block-box h2 { padding:0 2px; font-size:14px; font-weight:600; }
.myspace-left .block-box ul { padding:10px 0 0; margin-top:8px; border-top:1px solid #e5e5e5; }
.myspace-left .block-box ul li { position:relative; padding:2px 0; }
.myspace-left .block-box .m-device  { display:inline-block; padding:2px; width:48px; font-size:10px; color:#fff; text-align:center; background:#59c2e6; border-radius:2px; }
.myspace-left .block-box .txt { font-size:10.5px; margin-right:2px; }
.myspace-left .block-box .btn-mdevice { padding:1px 4px 1px !important; font-size:10.5px !important; color:#394263 !important; border:1px solid #dbe1e8; background:#f1f3f6; }
.myspace-left .block-box .selector { position:absolute; top:7px; right:10px; width:21px; height:21px; background:url(../images/common/selector.png) no-repeat 6px -37px; border:1px solid #666; border-radius:11px; opacity:0.4; }
.myspace-left .block-box .selector.opened { background-position:6px 6px; }
.myspace-left .block-box .selector:hover { opacity:0.6; }
.myspace-left .block-box .profile-status { position:absolute; top:9px; right:12px; padding-left:21px; color:#111; }
.myspace-left .block-box .profile-status.on { background:url(../images/common/ic_onoff.png) no-repeat 8px 4px; }
.myspace-left .block-box .profile-status.off { background:url(../images/common/ic_onoff.png) no-repeat 8px -16px; }
.myspace-left .block-box .profile-list { font-size:11px; color:#555; }
.myspace-left .block-box .profile-list li { padding:4px 0; }
.myspace-left .block-box .profile-list .ic { display:inline-block; margin-bottom:1px; width:14px; text-align:center; }
.myspace-left .block-box .profile-list .con { margin:-15px 0 0 20px; }
.myspace-left .myspace-selectbox { margin:6px auto 16px; width:103px; height:28px; }
.myspace-left .myspace-selectbox a { position:relative; display:block; width:103px; height:28px; line-height:26px; padding-left:22px; border-radius:3px; color:#111; box-shadow:0 0 1px #283643; }
.myspace-left .myspace-selectbox a.on { background:#fff url(../images/common/ic_onoff.png) no-repeat 8px 9px; }
.myspace-left .myspace-selectbox a.off { background:#fff url(../images/common/ic_onoff.png) no-repeat 8px -11px; }
.myspace-left .myspace-selectbox a:hover { text-decoration:none; color:#4bc286; }
.myspace-left .myspace-selectbox a .selector { position:absolute; top:1px; right:1px; width:26px; height:26px; border-left:1px solid #e5e9ec; background:url(../images/common/selector.png) no-repeat 8px -33px; }

/* myspace-left ---> theme-topbottom */
.theme-topbottom .myspace-left { padding-top:56px; }
.theme-topbottom .myspace-left .myspace-per { top:70px; }

.myspace-left .myspace-menu { padding:0; margin:15px 0; }
.myspace-left .myspace-menu > li { position:relative; }
.myspace-left .myspace-menu > li > a { position:relative; display:block; height:37px; padding:8px 0 0 15px; font-size:12px; font-weight:600; color:#e5e9ec; border-bottom:1px solid #14212b; background:#243340; } 
.myspace-left .myspace-menu > li:first-child > a { border-top:1px solid #14212b; }
.myspace-left .myspace-menu > li > a:hover { text-decoration:none; background:#273745; }
.myspace-left .myspace-menu > li > a > i { position:absolute; top:11px; right:14px; font-size:16px; color:#93a2ad; }
.myspace-left .myspace-menu > li.current > a > i { color:#fff; }
.myspace-left .myspace-menu > li > a:hover > i { -webkit-transform:rotate(-180deg); transform:rotate(-180deg); -webkit-transition:all 0.15s ease-out; transition: all 0.15s ease-out; }
.myspace-left .myspace-menu .noti-bg { display:inline-block; padding:1px 6px; margin-left:4px; min-width:18px; height:18px; font-family:"Open Sans", sans-serif; font-size:11px; font-weight:600; color:#fff; vertical-align:middle; border-radius:9px; behavior:url(/iKEP4-Project/workspace/ikep4-webapp/src/main/webapp/ui/css/PIE/PIE.htc); background:#435765; }
.myspace-left .myspace-menu li.current .noti-bg { background:#f05050; }
.myspace-left .myspace-menu > li > ul > li.current a, .myspace-left .myspace-menu > li > ul > li.current a:hover { color:#fff; font-weight:600; background-color:#f07070; }
.myspace-left .myspace-menu > li > ul { padding:6px 0; border-bottom:1px solid #14212b; }
.myspace-left .myspace-menu > li > ul > li > a { display:block; height:22px; padding:2px 0 0 28px; font-size:11px; color:#c4c9cd; }
.myspace-left .myspace-menu > li > ul > li a:hover { text-decoration:none; color:#fff; background-color:#374b5c; }

/* myspace portlet */
.myspace #portlet .item { width:300px; }
.myspace #portlet .inner { position:relative; border:1px solid #dbe1e8; background:#fff; }
.myspace #portlet .po-gate { position:absolute; top:18px; right:18px; }
.myspace #portlet .po-title { margin:0; padding:2px 0 10px 19px; font-size:16px; font-weight:600; border-bottom:1px solid #e6ebed; }
.myspace #portlet .po-body { min-height:200px; }

/* myspace portlet - schedule */
.myspace #portlet .po-body .schedule { padding:15px 20px; }
.myspace #portlet .po-body .schedule .schdule-list { margin:0; width:auto; height:auto; min-height:inherit; }
.myspace #portlet .po-body .schedule .schdule-list ul { padding:0; }
.myspace #portlet .po-body .schedule .schdule-list > ul > li { margin:12px 0 0; }
.myspace #portlet .po-body .schedule .schdule-list > ul > li:first-child { margin-top:0; }
.myspace #portlet .po-body .schedule .schdule-list > ul > li li { margin-bottom:6px; }
.myspace #portlet .po-body .schedule .schdule-list .date { margin-bottom:5px; font-size:13px; font-weight:600; }
.myspace #portlet .po-body .schedule .schdule-list .time { font-family:"Open Sans", sans-serif; font-size:11px; color:#555; }
.myspace #portlet .po-body .schedule .schdule-list .con a { font-weight:600; color:#111; }
.myspace #portlet .po-body .schedule .colorbox1, #portlet .po-body .schedule .colorbox2 { width:8px; height:8px; }

/* myspace portlet - gallery */
.myspace #portlet .po-body .gallery { padding:8px; }
.myspace #portlet .po-body .gallery ul { position:relative; padding:0; }
.myspace #portlet .po-body .gallery li { text-align:center; background:#57646e; }
.myspace #portlet .po-body .gallery li img { max-height:100%; max-width:100%; /* width:274px; height:185px; */ }
.myspace #portlet .po-body .gallery li.g-pre a { display:block; position:absolute; top:50%; left:0; margin-top:-20px; padding:8px 0 0 0; width:40px; height:40px; font-size:18px; font-weight:normal; color:#fff; opacity:0.4; }
.myspace #portlet .po-body .gallery li.g-next a { display:block; position:absolute; top:50%; right:0; margin-top:-20px; padding:8px 0 0 2px; width:40px; height:40px; font-size:18px; font-weight:normal; color:#fff; opacity:0.4; }
.myspace #portlet .po-body .gallery li.g-pre a:hover, #portlet .po-body .gallery li.g-next a:hover { background:#fff; opacity:1; }
.myspace #portlet .po-body .gallery li a { min-height:inherit; }
.myspace #portlet .po-body .gallery li a:hover i { color:#f05050; }
.myspace #portlet .po-body .gallery .thum { margin-top:6px; }
.myspace #portlet .po-body .gallery .thum li { float:left; width:88px; margin-left:5px; }
.myspace #portlet .po-body .gallery .thum li:first-child { margin-left:0; }

/* myspace portlet - chat1 */
.myspace #portlet .po-body .chat1 { padding:15px 20px 10px; margin:0; height:auto; }
.myspace #portlet .po-body .chat1 ul { padding:0; }
.myspace #portlet .po-body .chat1 li { position:relative; margin-bottom:9px; }
.myspace #portlet .po-body .chat1 .per30 { display:inherit; width:auto; height:auto; }
.myspace #portlet .po-body .chat1 .per30 a { display:block; position:absolute; top:0; left:0; width:30px; height:30px; background:url(../images/placeholders/avatars/avatar_30x30.png) no-repeat 0 0; }
.myspace #portlet .po-body .chat1 .per30 img { width:30px; height:30px; border-radius:15px; }
.myspace #portlet .po-body .chat1 .chat-bubble { position:relative; padding:5px 12px 7px; margin-left:50px; border:1px solid #dde1e3; border-radius:3px; background:#fff; }
.myspace #portlet .po-body .chat1 .chat-bubble .ar-border { position:absolute; left:-17px; top:11px; width:0; height:0; border-width:15px 0 0 16px; border-style:solid; border-color:#dde1e3 transparent transparent transparent; }
.myspace #portlet .po-body .chat1 .chat-bubble .ar { position:absolute; left:-15px; top:12px; width:0; height:0; border-width:15px 0 0 16px; border-style:solid; border-color:#fff transparent transparent transparent; }
.myspace #portlet .po-body .chat1 .chat-bubble .con a { display:block; padding:0; margin-top:22px; color:#111; font-weight:normal; line-height:16px; text-overflow:inherit; overflow:auto; white-space:normal; }
.myspace #portlet .po-body .chat1 .chat-bubble .con .ic-attach { margin-right:5px; }
.myspace #portlet .po-body .chat1 .chat-bubble .name { position:absolute; top:8px; left:12px; color:#999; font-size:11px; }
.myspace #portlet .po-body .chat1 .chat-bubble .date { position:absolute; top:8px; right:15px; color:#999; font-family:"Open Sans", sans-serif; font-size:11px; }
.myspace #portlet .po-body .chat1 .chat-bubble .ic-star a { position:absolute; top:12px; right:15px; display:block; width:14px; height:13px; background:url(../images/common/ic_star.png) no-repeat 0 0; }
.myspace #portlet .po-body .chat1 .chat-bubble .ic-star.gray a { background-position:0 -20px; }
.myspace #portlet .po-body .chat1 .right .per30 a { left:auto; right:0; }
.myspace #portlet .po-body .chat1 .right .chat-bubble { margin:0 50px 0 0; border:none; }
.myspace #portlet .po-body .chat1 .right .chat-bubble .ar-border { border-style:none; }
.myspace #portlet .po-body .chat1 .right .chat-bubble .ar { left:auto; right:-15px; border-width:15px 16px 0 0; }
.myspace #portlet .po-body .chat1 .right .chat-bubble .con a, .myspace #portlet .po-body .chat1 .right .chat-bubble .name, .myspace #portlet .po-body .chat1 .right .chat-bubble .date { color:#fff; }
.myspace #portlet .po-body .msg-box { position:relative; height:100px; margin-bottom:15px; }
.myspace #portlet .po-body .msg-box textarea { height:60px; background:#fff; box-shadow:none; border:none; resize:none; }
.myspace #portlet .po-body .msg-box .msg-btn { position:absolute; right:5px; bottom:5px; }

/* myspace portlet - mylist1 */
.myspace #portlet .po-body .mylist1 { padding:10px 20px; }
.myspace #portlet .po-body .mylist1 ul { padding:0; }
.myspace #portlet .po-body .mylist1 li { padding:8px 0 10px; border-top:1px solid #f4f4f4; }
.myspace #portlet .po-body .mylist1 li:first-child { border-top:none; }
.myspace #portlet .po-body .mylist1 a { display:block; color:#111; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.myspace #portlet .po-body .mylist1 a i.fa-star { color:#ffa019; }

/* myspace portlet - mylist2 */
.myspace .mylist2 { padding:10px 20px; }
.myspace .mylist2 ul { padding:0; }
.myspace .mylist2 li { position:relative; padding:8px 0; border-top:1px solid #f4f4f4; }
.myspace .mylist2 li a { color:#111; }
.myspace .mylist2 li:first-child { border-top:none; }
.myspace .mylist2 li .name { font-size:11px; color:#999; }
.myspace .mylist2 li .date { font-family:"Open Sans", sans-serif; font-size:11px !important; font-weight:normal !important; color:#999 !important; }
.myspace .mylist2 li .info { padding-top:5px; font-size:11px; color:#999; }
.myspace .mylist2 li .info .src { padding:0 8px 0 3px; margin-right:4px; background:url(../images/common/bar_02.png) no-repeat right 3px; }
.myspace .mylist2 li .info2 { margin-left:18px; padding-top:5px; font-size:11px; color:#999; }
.myspace .mylist2 li .info3 { margin:-8px 0 0 38px; font-size:11px; color:#999; }
.myspace .mylist2 li .list2 { margin:-17px 0 2px 18px !important; height:auto !important; }
.myspace .mylist2 li .list3 { margin:-18px 0 2px 0 !important; height:auto !important; }
.myspace .mylist2 li .list4 { margin:-10px 0 2px 40px; }
.myspace .mylist2 li .link a { margin-left:18px; font-weight:600; }
.myspace .mylist2 .list-wrap { position:relative; padding:10px 0 0; }
.myspace .mylist2 .per30 { display:inherit; width:auto; height:auto; }
.myspace .mylist2 .per30 a { display:block; position:absolute; top:0; left:0; width:30px; height:30px; background:url(../images/placeholders/avatars/avatar_30x30.png) no-repeat 0 0; }
.myspace .mylist2 .per30 img { width:30px; height:30px; border-radius:15px; }
.myspace .mylist2 .iconlist { position:absolute; top:2px; right:0; }
.myspace .mylist2 .iconlist .icon { margin:0 0 0 4px; }
.myspace .mylist2 .iconlist .num { font-size:11px; }
.myspace .mylist2 .block-tag { margin:6px 0; color:#999; }
.myspace .mylist2 a i.fa-star { color: #ffa019; }
.myspace .fa-trash-o { color:#777; font-size:14px; }

/* myspace portlet - networks */
.myspace #portlet .po-body .networks { padding:15px 20px; }
.myspace #portlet .po-body .networks ul { padding:0; }
.myspace #portlet .po-body .networks li { float:left; padding:10px 4px; width:50%; height:96px; text-align:center; }
.myspace #portlet .po-body .networks li.br-right { border-right:1px solid #f4f4f4; }
.myspace #portlet .po-body .networks li.br-bottom { border-bottom:1px solid #f4f4f4; }
.myspace #portlet .po-body .networks .per50 { display:block; margin:0 auto; width:50px; height:50px; }
.myspace #portlet .po-body .networks .per50 a { display:block; width:50px; height:50px; background:url(../images/placeholders/avatars/avatar_50x50.png) no-repeat 0 0; }
.myspace #portlet .po-body .networks .per50 a.group { display:block; width:50px; height:50px; background:url(../images/placeholders/avatars/avatar_50x50_org.png) no-repeat 0 0; }
.myspace #portlet .po-body .networks .per50 img { width:50px; height:50px; border-radius:25px; }
.myspace #portlet .po-body .networks .networks-name { margin-top:5px; color:#111; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }

/* myspace portlet - timeline */
.myspace #portlet .po-body .timeline { padding:15px 20px; }
.myspace #portlet .po-body .timeline ul { padding:0; }
.myspace #portlet .po-body .timeline li { position:relative; }
.myspace #portlet .po-body .timeline li .date { position:absolute; top:10px; left:0; font-family:"Open Sans", sans-serif; font-size:10px; color:#555; }
.myspace #portlet .po-body .timeline li .icon { position:absolute; top:10px; left:33px; }
.myspace #portlet .po-body .timeline li .con-wrap { min-height:30px; margin:0 0 0 39px; padding:10px 0 8px 15px; border-left:3px solid #ddd; }
.myspace #portlet .po-body .timeline li .con-wrap .title { font-size:11px; font-weight:600; color:#111; }
.myspace #portlet .po-body .timeline li .con-wrap .con, .myspace #portlet .po-body .timeline li .con-wrap .con a { color:#999; }

.myspace .box-header { border-bottom: 1px solid #ddd; padding: 10px 0; background: #f9f9f9; }
.myspace .toggle-type1 ul.toggle-list > li > a { height: 35px; padding: 9px 0 0 12px; background: #f9f9f9; }
.myspace .toggle-type1 ul.toggle-list > li > ul > li > a { padding: 7px 0 7px 23px; background-position: 15px 13px; }
.myspace .profile-con .block-box { position:relative; margin:0; padding:4px 10px; border-radius:2px; background:#fff; }
.myspace .profile-con .block-box h2 { padding:0 2px; font-size:14px; font-weight:600; }
.myspace .profile-con .block-box ul { padding:0; }
.myspace .profile-con .block-box ul li { position:relative; padding:2px 0; }
.myspace .profile-con .block-box .m-device  { display:inline-block; padding:2px; width:48px; font-size:10px; color:#fff; text-align:center; background:#59c2e6; border-radius:2px; }
.myspace .profile-con .block-box .txt { font-size:10.5px; margin-right:2px; }
.myspace .profile-con .block-box .btn-mdevice { padding:1px 4px 1px !important; font-size:10.5px !important; color:#394263 !important; border:1px solid #dbe1e8; background:#f1f3f6; }
.myspace .profile-con .block-box .selector { z-index:9; position:absolute; top:8px; right:10px; width:21px; height:21px; background:url(../images/common/selector.png) no-repeat 6px -37px; border:1px solid #111; border-radius:11px; opacity:0.4; }
.myspace .profile-con .block-box .selector.opened { background-position:6px 6px; }
.myspace .profile-con .block-box .selector:hover { opacity:0.6; }


/*============================================================
myspace sub
=============================================================*/

.myspace .block .body .msg-box { position: relative; height:68px; margin-bottom:5px; border-radius:2px; }
.myspace .block .body .msg-box textarea { height:100%; padding:7px 74px 7px 28px; background:#fff; box-shadow:none; border:none; overflow:hidden; }
.myspace .block .body .link-icon { position:relative; }
.myspace .block .body .con-wrap { min-height: 30px; padding: 5px 5px 0 5px; }
.myspace .block .body .con-wrap ul li { float:left; }
.myspace .block .body .con-wrap .list-wrap { position: relative; height:40px; padding: 10px 0 0; }
.myspace .block .body .con-wrap .list-wrap .per30 { display:inherit; width:auto; height:auto; }
.myspace .block .body .con-wrap .list-wrap .per30 a { display: block; position: absolute; top: 0; left: 0; width: 30px; height: 30px; background: url(../images/placeholders/avatars/avatar_30x30.png) no-repeat 0 0; }
.myspace .block .body .con-wrap .list-wrap .per30 img { width: 30px; height: 30px; border-radius: 15px; }
.myspace .block .body .con-wrap .list-wrap .info3 { margin: -1px 0 0 38px; font-size: 11px; color: #999; }
.myspace .block .body .con-wrap .list-wrap .info3 .name { float:left; font-size: 11px; color: #111; }
.myspace .block .body .con-wrap .list-wrap .info3 .team { font-size: 11px; color: #999; }
.myspace .block .body .con-wrap .list-wrap .date { position: absolute; top: 9px; right: 0; color:#999; }
.myspace .block .body .con-wrap .list-wrap .date i { font-size:13px; vertical-align:middle; }
.myspace .block .body .con-wrap .button-wrap { position:relative; }
.myspace .block .body .con-wrap .button-wrap .iconlist { position: absolute; top: 6px; right: 0; }
.myspace .block .body .con-wrap .title1 { line-height:20px; }
.myspace .block .body .con-wrap .gallery img { width:100%; }
.myspace .block .body.mylist2 { padding:10px 15px; }

.myspace .content-wrap .content-list .r-block { position: absolute; top: 20px; right: 20px; }
.myspace .content-list .summary > ul > li { border-top: 1px solid #e5e5e5; position: relative; padding: 18px 0 14px; }
.myspace .content-list .summary.ty1 > ul > li { border-top: 1px solid #e5e5e5; position: relative; padding: 18px 20px 14px; }
.myspace .content-list .summary.ty1 > ul > li:first-child { border-top: none; }
.myspace .content-wrap .msg-btn { position:absolute; top:2px; left:2px; }
.myspace .content-wrap .msg-btn .btn { width:18px; height:60px; padding:0 0 3px 0; line-height:18px; }
.myspace .content-wrap .msg-btn-save { position:absolute; top:0; right:0; }
.myspace .content-wrap .msg-btn-save .btn { width:68px; height:64px; border-radius:0; font-size:14px; }
.myspace .aside-wrap { margin-top:0px; }
.myspace .submain-bg .content-wrap { padding:10px; }
.myspace .content-list .person-info-check { display: inline-block; float: left; margin-top: 24px; margin-left: 10px; }
.myspace .content-list .person-info-body { position:relative; }
.myspace .content-list .person-info-body .person-info-photo { position: absolute; top: 5px; left: 38px; }
.myspace .content-list .person-info-body .person-info { margin: 10px 0px 10px 105px; }
.myspace .content-list .person-info-body .person-info .t2 { margin-left:5px; font-size:12px; font-weight: normal; color: #999; }
.myspace .content-list .person-info-body .person-info ul li { padding: 0; }
.myspace .content-list .person-info-body .person-info .name { margin-bottom: 10px; font-size: 14px; color: #111; font-weight: 600; }

/* myspace - mysublist1 */
.myspace .list-body .mysublist1 { padding:0 20px; background: #f9f9f9; }
.myspace .list-body .mysublist1 ul { padding:0; }
.myspace .list-body .mysublist1 li { position:relative; padding:12px 0; border-top:1px solid #eee; }
.myspace .list-body .mysublist1 li ul.writer-info li { border-top:none; padding:0; }
.myspace .list-body .mysublist1 li a { color:#111; }
.myspace .list-body .mysublist1 li:first-child { border-top:none; }
.myspace .list-body .mysublist1 li .name { font-size:11px; color:#999; }
.myspace .list-body .mysublist1 li .date { font-family:"Open Sans", sans-serif; font-size:11px; color:#999; }
.myspace .list-body .mysublist1 li .info { padding-top:5px; font-size:11px; color:#999; }
.myspace .list-body .mysublist1 li .info .src { padding:0 8px 0 3px; margin-right:4px; background:url(../images/common/bar_02.png) no-repeat right 3px; }
.myspace .list-body .mysublist1 li .info2 { margin-left:18px; padding-top:5px; font-size:11px; color:#999; }
.myspace .list-body .mysublist1 li .info3 { margin:-8px 0 0 38px; font-size:11px; color:#999; }
.myspace .list-body .mysublist1 li .list2 { margin:-17px 0 2px 18px; }
.myspace .list-body .mysublist1 li .list3 { margin:-18px 0 2px 75px; }
.myspace .list-body .mysublist1 li .list4 { margin:-10px 0 2px 40px; }
.myspace .list-body .mysublist1 li .link a { margin-left:18px; font-weight:600; }
.myspace .list-body .mysublist1 .list-wrap { position:relative; padding:10px 0 0; }
.myspace .list-body .mysublist1 .per30 { display:inherit; width:auto; height:auto; }
.myspace .list-body .mysublist1 .per30 a { display:block; position:absolute; top:0; left:0; width:30px; height:30px; background:url(../images/placeholders/avatars/avatar_30x30.png) no-repeat 0 0; }
.myspace .list-body .mysublist1 .per30 img { width:30px; height:30px; border-radius:15px; }
.myspace .list-body .mysublist1 .iconlist { position:absolute; top:2px; right:0; }
.myspace .list-body .mysublist1 .iconlist .icon { margin:0 0 0 4px; }
.myspace .list-body .mysublist1 .iconlist .num { font-size:11px; }
.myspace .list-body .mysublist1 .block-tag { margin:6px 0; color:#999; }

/* myspace - mysublist2 */
.myspace .content-wrap .mysublist2 { padding:0 20px; }
.myspace .content-wrap .mysublist2 ul { padding:0; }
.myspace .content-wrap .mysublist2 li { position:relative; margin-bottom:20px; border-top:none; }
.myspace .content-wrap .mysublist2 li a { color:#111; }
.myspace .content-wrap .mysublist2 li:first-child { border-top:none; }
.myspace .content-wrap .mysublist2 li .name { font-size:11px; color:#999; }
.myspace .content-wrap .mysublist2 li .date { font-family:"Open Sans", sans-serif; font-size:11px; color:#999; }
.myspace .content-wrap .mysublist2 li .info { padding-top:5px; font-size:11px; color:#999; }
.myspace .content-wrap .mysublist2 li .info .src { padding:0 8px 0 3px; margin-right:4px; background:url(../images/common/bar_02.png) no-repeat right 3px; }
.myspace .content-wrap .mysublist2 li .info2 { margin-left:18px; padding-top:5px; font-size:11px; color:#999; }
.myspace .content-wrap .mysublist2 li .info3 { margin:-8px 0 0 38px; font-size:11px; color:#999; }
.myspace .content-wrap .mysublist2 li .list2 { margin:-17px 0 2px 18px; }
.myspace .content-wrap .mysublist2 li .list3 { margin:-18px 0 2px 75px; }
.myspace .content-wrap .mysublist2 li .list4 { margin:-10px 0 2px 40px; }
.myspace .content-wrap .mysublist2 li .link a { margin-left:18px; font-weight:600; }
.myspace .content-wrap .mysublist2 .list-wrap { position:relative; padding:10px 0 0; }
.myspace .content-wrap .mysublist2 .per30 { display:inherit; width:auto; height:auto; }
.myspace .content-wrap .mysublist2 .per30 a { display:block; position:absolute; top:0; left:0; width:30px; height:30px; background:url(../images/placeholders/avatars/avatar_30x30.png) no-repeat 0 0; }
.myspace .content-wrap .mysublist2 .per30 img { width:30px; height:30px; border-radius:15px; }
.myspace .content-wrap .mysublist2 .iconlist { position:absolute; top:2px; right:0; }
.myspace .content-wrap .mysublist2 .iconlist .icon { margin:0 0 0 4px; }
.myspace .content-wrap .mysublist2 .iconlist .num { font-size:11px; }
.myspace .content-wrap .mysublist2 .block-tag { margin:6px 0; color:#999; }
.myspace .content-wrap .mysublist2 .msg-box { position: relative; height:68px; margin-bottom:5px; border-radius:2px; }
.myspace .content-wrap .mysublist2 .msg-box textarea { height:100%; padding:7px 74px 7px 38px; background: #fff; box-shadow: none; border: none; resize: none; overflow:hidden; }
.myspace .content-wrap .mysublist2 .chat-bubble { position: relative; padding: 5px 12px 5px; margin-left: 50px; border: 1px solid #dde1e3; border-radius: 3px; background: #fff; }
.myspace .content-wrap .mysublist2 .chat-bubble .ar-border { position: absolute; left: -17px; top: 11px; width: 0; height: 0; border-width: 15px 0 0 16px; border-style: solid; border-color: #dde1e3 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); }
.myspace .content-wrap .mysublist2 .chat-bubble .ar { position: absolute; left: -15px; top: 12px; width: 0; height: 0; border-width: 15px 0 0 16px; border-style: solid; border-color: #fff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); }
.myspace .content-wrap .mysublist2 .chat-bubble .name { margin-top:6px; color: #999; font-size: 11px; }
.myspace .content-wrap .mysublist2 .chat-bubble .date { position: absolute; top: 8px; right: 15px; color: #999; font-family: "Open Sans", sans-serif; font-size: 11px; }
.myspace .content-wrap .mysublist2 .chat-bubble .con { margin:6px 0; }
.myspace .content-wrap .mysublist2 .chat-bubble .con a { display: inline-block; color: #111; font-weight: normal; line-height: 16px; text-overflow: inherit; overflow: auto; white-space: normal; vertical-align:middle; }

/* myspace - timeline */
.myspace .body.timeline { min-height:626px; }
.myspace .body.timeline ul { padding:0; }
.myspace .body.timeline li { position:relative; padding-left: 20px; border-bottom:1px dotted #ddd; }
.myspace .body.timeline li:last-child { border-bottom:none; }
.myspace .body.timeline li .date { position:absolute; bottom:10px; right:10px; font-family:Nanum Gothic,Open Sans,sans-serif; font-size:10px; color:#fff; background: #bbb; border-radius: 8px; padding: 0 4px; }
.myspace .body.timeline li .icon { position:absolute; top:22px; left:86px; }
.myspace .body.timeline li .icon1 { position:absolute; top:23px; left:32px; }
.myspace .body.timeline li .con-wrap { min-height:90px; margin:0 0 0 74px; padding:15px 0 15px 15px; border-left:1px solid #ddd; }
.myspace .body.timeline li .con-wrap .con, .knowledge .body.timeline li .con-wrap .con a { color:#999; }
.myspace .body.timeline li .con-wrap .list-wrap { position: relative; padding: 2px 0 0; }
.myspace .body.timeline li .con-wrap .list-wrap .per30 { display:inherit; width:auto; height:auto; }
.myspace .body.timeline li .con-wrap .list-wrap .per30 a { display: block; position: absolute; top: 0; left: -67px; width: 30px; height: 30px; background: url(../images/placeholders/avatars/avatar_30x30.png) no-repeat 0 0; }
.myspace .body.timeline li .con-wrap .list-wrap .per30 img { width: 30px; height: 30px; border-radius: 15px; }
.myspace .body.timeline li .con-wrap .list-wrap .info3 { position:absolute; top:35px; left:-80px; font-size: 11px; color: #999; }
.myspace .body.timeline li .con-wrap .list-wrap .info3 .name { font-size: 11px; color: #111; }
.myspace .body.timeline li .con-wrap .list-wrap .info3 .team { font-size: 11px; color: #999; }
.myspace .body.timeline li .con-wrap .list-wrap .iconlist { position: absolute; top: 2px; right: 0; }
.myspace .body.timeline li .con-wrap .title1 { font-weight:600; }
.myspace .body.timeline li .con-wrap .desc1 { display:inline-block; margin-top:3px; color:#999; }
.myspace .body.timeline li .noti-bg { display: inline-block; position: absolute; top: 22px; left: 81px; padding: 1px 6px; margin-left: 4px; min-width: 18px; height: 18px; font-family: "Open Sans", sans-serif; font-size: 11px; font-weight: 600; color: #fff; vertical-align: middle; border-radius: 9px; behavior: url(/iKEP4-Project/workspace/ikep4-webapp/src/main/webapp/ui/css/PIE/PIE.htc); background: #f07070; }

/* myspace - timeline2 */
.myspace .body.timeline2 { padding:0 20px; }
.myspace .body.timeline2 ul { padding:0; }
.myspace .body.timeline2 li { position:relative; }
.myspace .body.timeline2 li .date { position:absolute; top:7px; left:0; font-family:"Open Sans", sans-serif; font-size:11px; font-weight:normal; color:#555; }
.myspace .body.timeline2 li .icon { position:absolute; top:16px; left:34px; }
.myspace .body.timeline2 li .con-wrap { min-height:30px; margin:0 0 0 42px; padding:15px 0 15px 15px; border-left:1px solid #ddd; }
.myspace .body.timeline2 li .con-wrap .con, .myspace .body.timeline2 li .con-wrap .con a { color:#111; }

/* myspace - sticky talk list */
.myspace .body.stickytalk-list { height:700px; }
.myspace .body.stickytalk-list .header { height: 35px; padding-top: 9px; padding-left: 10px; font-weight: bold; }
.myspace .body.stickytalk-list .header a:hover { opacity:0.8; }
.myspace .body.stickytalk-list .header i {position:absolute; right:15px; }
.myspace .body.stickytalk-list ul { padding:0; }
.myspace .body.stickytalk-list li { position:relative; padding-left: 20px; border-bottom:1px dotted #ddd; background:#f4feff; }
.myspace .body.stickytalk-list li.my-current { position:relative; padding-left: 20px; border-bottom:1px dotted #ddd; background:#feffd4; }
.myspace .body.stickytalk-list li:last-child { border-bottom:none; }
.myspace .body.stickytalk-list li .block-date { padding: 4px; background: #aaa; color: #fff; font-size: 10px;  text-align: center; }
.myspace .body.stickytalk-list li .date { position:absolute; bottom:10px; right:15px; font-family:Nanum Gothic,Open Sans,sans-serif; font-size:10px; color:#fff; background: #bbb; border-radius: 8px; padding: 0 4px; }
.myspace .body.stickytalk-list li .icon { position:absolute; top:22px; left:86px; }
.myspace .body.stickytalk-list li .icon1 { position:absolute; top:23px; left:32px; }
.myspace .body.stickytalk-list li .con-wrap { min-height:90px; margin:0 0 0 65px; padding:15px 0 15px 15px; }
.myspace .body.stickytalk-list li .con-wrap .con, .knowledge .body.timeline li .con-wrap .con a { color:#999; }
.myspace .body.stickytalk-list li .con-wrap .list-wrap { position: relative; padding: 2px 0 0; }
.myspace .body.stickytalk-list li .con-wrap .list-wrap .per30 { display:inherit; width:auto; height:auto; }
.myspace .body.stickytalk-list li .con-wrap .list-wrap .per30 a { display: block; position: absolute; top: 0; left: -67px; width: 30px; height: 30px; background: url(../images/placeholders/avatars/avatar_30x30.png) no-repeat 0 0; }
.myspace .body.stickytalk-list li .con-wrap .list-wrap .per30 img { width: 30px; height: 30px; border-radius: 15px; }
.myspace .body.stickytalk-list li .con-wrap .list-wrap .info3 { position:absolute; top:35px; left:-80px; font-size: 11px; color: #999; }
.myspace .body.stickytalk-list li .con-wrap .list-wrap .info3 .name { font-size: 11px; color: #111; }
.myspace .body.stickytalk-list li .con-wrap .list-wrap .info3 .team { font-size: 11px; color: #999; }
.myspace .body.stickytalk-list li .con-wrap .list-wrap .iconlist { position: absolute; top: 2px; right: 0; }
.myspace .body.stickytalk-list li .con-wrap .title1 { font-weight:600; }
.myspace .body.stickytalk-list li .con-wrap .desc1 { display:inline-block; margin-top:3px; color:#999; }
.myspace .body.stickytalk-list li .noti-bg { display: inline-block; position: absolute; top: 22px; left: 81px; padding: 1px 6px; margin-left: 4px; min-width: 18px; height: 18px; font-family: "Open Sans", sans-serif; font-size: 11px; font-weight: 600; color: #fff; vertical-align: middle; border-radius: 9px; behavior: url(/iKEP4-Project/workspace/ikep4-webapp/src/main/webapp/ui/css/PIE/PIE.htc); background: #f07070; }
.myspace .content-wrap .content-list .msg-box1 { position: relative; height: 77px; }
.myspace .content-wrap .content-list .msg-box1 textarea { height: 60px; background: #fff; box-shadow: none; border: none; resize: none; }

/* myspace - quick sticky talk */
.quick-stiky-list.vertical { z-index:1041; position: absolute; top: 56px; right: 50px; width:378px; height:100%; border-left:1px solid #ccc; }
.quick-stiky-list .tab-content { background:#fff; height:100%;}
.quick-stiky-list .tab-content .tab-pane { height:100%;}
.quick-stiky-list .tab-content .tab-pane .box { height: 100%; margin: 0; padding: 8px; /* border: 2px solid #3cc4d4; */ overflow: auto; white-space: nowrap; }
.quick-stiky-list .tab-content .tab-pane .box1 { height: 400px; margin: 0; padding: 8px; border: 1px solid #ddd; overflow: auto; white-space: nowrap; }
.quick-stiky-list .body.timeline { min-height:626px; height:100%; }
.quick-stiky-list .body.timeline ul { padding:0; height:100%; }
.quick-stiky-list .body.timeline li { position:relative; padding-left: 20px; border-bottom:1px dotted #ddd; }
.quick-stiky-list .body.timeline li:last-child { border-bottom:none; }
.quick-stiky-list .body.timeline li .date { position:absolute; bottom:10px; right:10px; font-family:Nanum Gothic,Open Sans,sans-serif; font-size:10px; color:#fff; background: #bbb; border-radius: 8px; padding: 0 4px; }
.quick-stiky-list .body.timeline li .icon { position:absolute; top:22px; left:86px; }
.quick-stiky-list .body.timeline li .icon1 { position:absolute; top:23px; left:32px; }
.quick-stiky-list .body.timeline li .con-wrap { min-height:90px; margin:0 0 0 74px; padding:15px 0 15px 15px; border-left:1px solid #ddd; }
.quick-stiky-list .body.timeline li .con-wrap .con, .knowledge .body.timeline li .con-wrap .con a { color:#999; }
.quick-stiky-list .body.timeline li .con-wrap .list-wrap { position: relative; padding: 2px 0 0; }
.quick-stiky-list .body.timeline li .con-wrap .list-wrap .per30 { display:inherit; width:auto; height:auto; }
.quick-stiky-list .body.timeline li .con-wrap .list-wrap .per30 a { display: block; position: absolute; top: 0; left: -67px; width: 30px; height: 30px; background: url(../images/placeholders/avatars/avatar_30x30.png) no-repeat 0 0; }
.quick-stiky-list .body.timeline li .con-wrap .list-wrap .per30 img { width: 30px; height: 30px; border-radius: 15px; }
.quick-stiky-list .body.timeline li .con-wrap .list-wrap .info3 { position:absolute; top:35px; left:-80px; font-size: 11px; color: #999; }
.quick-stiky-list .body.timeline li .con-wrap .list-wrap .info3 .name { font-size: 11px; color: #111; }
.quick-stiky-list .body.timeline li .con-wrap .list-wrap .info3 .team { font-size: 11px; color: #999; }
.quick-stiky-list .body.timeline li .con-wrap .list-wrap .iconlist { position: absolute; top: 2px; right: 0; }

.quick-stiky-list .body.timeline li .con-wrap .list-wrap .ar-border { position: absolute; left: -100px; top: 11px; width: 0; height: 0; border-width: 15px 0 0 16px; border-style: solid; border-color: #DDE1E3 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); }
.quick-stiky-list .body.timeline li .con-wrap .list-wrap .ar { position: absolute; left: -98px; top: 12px; width: 0; height: 0; border-width: 15px 0 0 16px; border-style: solid; border-color: #FFF rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); }
.quick-stiky-list .body.timeline li .con-wrap .title1 { font-weight:600; }
.quick-stiky-list .body.timeline li .con-wrap .desc1 { display:inline-block; margin-top:3px; color:#999; }
.quick-stiky-list .body.timeline li .con-wrap .gallery img { width:100% }
.quick-stiky-list .body.timeline li .noti-bg { display: inline-block; position: absolute; top: 22px; left: 81px; padding: 1px 6px; margin-left: 4px; min-width: 18px; height: 18px; font-family: "Open Sans", sans-serif; font-size: 11px; font-weight: 600; color: #fff; vertical-align: middle; border-radius: 9px; behavior: url(/iKEP4-Project/workspace/ikep4-webapp/src/main/webapp/ui/css/PIE/PIE.htc); background: #f07070; }
.quick-stiky-chat.vertical { z-index:1041; position: absolute; top: 56px; right: 428px; width:500px; height:100%; border-left:1px solid #ccc; }
.quick-stiky-chat .body.stickytalk-list { height:839px; }
.quick-stiky-chat .body.stickytalk-list .header { height: 42px; padding-top: 13px; padding-left: 10px; font-weight: bold; }
.quick-stiky-chat .body.stickytalk-list .header a:hover { opacity:0.8; }
.quick-stiky-chat .body.stickytalk-list .header i {position:absolute; top:11px; right:15px; }
.quick-stiky-chat .body.stickytalk-list ul { padding:0; }
.quick-stiky-chat .body.stickytalk-list li { position:relative; padding-left: 20px; border-bottom:1px dotted #ddd; background:#f4feff; }
.quick-stiky-chat .body.stickytalk-list li.my-current { position:relative; padding-left: 20px; border-bottom:1px dotted #ddd; background:#feffd4; }
.quick-stiky-chat .body.stickytalk-list li:last-child { border-bottom:none; }
.quick-stiky-chat .body.stickytalk-list li .block-date { padding: 4px; background: #aaa; color: #fff; font-size: 10px;  text-align: center; }
.quick-stiky-chat .body.stickytalk-list li .date { position:absolute; bottom:10px; right:15px; font-family:Nanum Gothic,Open Sans,sans-serif; font-size:10px; color:#fff; background: #bbb; border-radius: 8px; padding: 0 4px; }
.quick-stiky-chat .body.stickytalk-list li .icon { position:absolute; top:22px; left:86px; }
.quick-stiky-chat .body.stickytalk-list li .icon1 { position:absolute; top:23px; left:32px; }
.quick-stiky-chat .body.stickytalk-list li .con-wrap { min-height:90px; margin:0 0 0 65px; padding:15px 0 15px 15px; }
.quick-stiky-chat .body.stickytalk-list li .con-wrap .con, .knowledge .body.timeline li .con-wrap .con a { color:#999; }
.quick-stiky-chat .body.stickytalk-list li .con-wrap .list-wrap { position: relative; padding: 2px 0 0; }
.quick-stiky-chat .body.stickytalk-list li .con-wrap .list-wrap .per30 { display:inherit; width:auto; height:auto; }
.quick-stiky-chat .body.stickytalk-list li .con-wrap .list-wrap .per30 a { display: block; position: absolute; top: 0; left: -67px; width: 30px; height: 30px; background: url(../images/placeholders/avatars/avatar_30x30.png) no-repeat 0 0; }
.quick-stiky-chat .body.stickytalk-list li .con-wrap .list-wrap .per30 img { width: 30px; height: 30px; border-radius: 15px; }
.quick-stiky-chat .body.stickytalk-list li .con-wrap .list-wrap .info3 { position:absolute; top:35px; left:-80px; font-size: 11px; color: #999; }
.quick-stiky-chat .body.stickytalk-list li .con-wrap .list-wrap .info3 .name { font-size: 11px; color: #111; }
.quick-stiky-chat .body.stickytalk-list li .con-wrap .list-wrap .info3 .team { font-size: 11px; color: #999; }
.quick-stiky-chat .body.stickytalk-list li .con-wrap .list-wrap .iconlist { position: absolute; top: 2px; right: 0; }
.quick-stiky-chat .body.stickytalk-list li .con-wrap .title1 { font-weight:600; }
.quick-stiky-chat .body.stickytalk-list li .con-wrap .desc1 { display:inline-block; margin-top:3px; color:#999; }
.quick-stiky-chat .body.stickytalk-list li .con-wrap .gallery img { width:100% }
.quick-stiky-chat .body.stickytalk-list li .noti-bg { display: inline-block; position: absolute; top: 22px; left: 81px; padding: 1px 6px; margin-left: 4px; min-width: 18px; height: 18px; font-family: "Open Sans", sans-serif; font-size: 11px; font-weight: 600; color: #fff; vertical-align: middle; border-radius: 9px; behavior: url(/iKEP4-Project/workspace/ikep4-webapp/src/main/webapp/ui/css/PIE/PIE.htc); background: #f07070; }
.quick-stiky-chat .msg-box1 { position: relative; height: 77px; background: #fff; }
.quick-stiky-chat .msg-box1 textarea { height: 60px; background: #fff; box-shadow: none; border: none; resize: none; }
.quick-stiky-chat .msg-btn { position: absolute; right: 10px; bottom: 10px; }

/* myspace&profile gallery */
.block .inner .body .gallery { padding:8px; }
.block .inner .body .gallery ul { position:relative; padding:0; }
.block .inner .body .gallery li { text-align:center; background:#57646e; }
.block .inner .body .gallery li img { max-height:100%; max-width:100%; /* width:274px; height:185px; */ }
.block .inner .body .gallery li.g-pre a { display:block; position:absolute; top:50%; left:0; margin-top:-20px; padding:8px 0 0 0; width:40px; height:40px; font-size:18px; font-weight:normal; color:#fff; opacity:0.4; }
.block .inner .body .gallery li.g-next a { display:block; position:absolute; top:50%; right:0; margin-top:-20px; padding:8px 0 0 2px; width:40px; height:40px; font-size:18px; font-weight:normal; color:#fff; opacity:0.4; }
.block .inner .body .gallery li.g-pre a:hover, .block .inner .body .gallery li.g-next a:hover { background:#fff; opacity:1; }
.block .inner .body .gallery li a:hover i { color:#f05050; }
.block .inner .body .gallery .thum { margin-top:6px; }
.block .inner .body .gallery .thum li { float:left; width:33.3333%; margin:0; }
.block .inner .body .gallery .thum li:first-child { margin-left:0; }

/* myspace - Schedule */
.myspace .block .groupSchedule .fc-widget-header { height: 32px; vertical-align: middle; border-top:1px solid #ddd; }
.myspace .block .groupSchedule th.fc-widget-header {  padding: 5px 2px; font-size: 12px; color:#555; font-weight:400; }
.myspace .block .groupSchedule.day td.targetInfo { vertical-align: middle; text-align: center!important; padding-right: 10px; height: 32px; min-height: 32px!important; width: 100px; min-width: 100px; max-width: 100px; border-left:1px solid #ddd; }
.myspace .block .groupSchedule .fc-line td { height: 4px !important; background-color: #f6f6f6; }
.myspace .block .groupSchedule.day td { height:32px; border-left:1px dotted #ddd; }
.myspace .block .body .schdule-list { padding: 12px 0 12px 20px; border-bottom:1px solid #ddd; overflow: hidden; }
.myspace .block .body .schdule-list li { line-height:18px; }
.myspace .block .body .schdule-list .time { display:inline-block; float:left; margin-top:-1px; margin-right:15px; font-family: "Open Sans", sans-serif; font-size: 11px; color: #555; }
.myspace .block .body .schdule-list .con a { font-weight: 600; color: #111; }
.myspace .block .body .pr-schedule-c table td { height:8px; background:#e6e6e6; }
.myspace .block .body .pr-schedule-time td { font-family:"Open Sans", sans-serif; color:#555; font-size:12px; background:#fff !important; }
.myspace .block .body table td.schbar { height:8px; background:#f07070; cursor:pointer; }
.myspace .block .body .pr-schedule-c table td span { display:none; }
.myspace .block .body .bar-time { height:6px; background:url(../images/common/bar_sch.png) no-repeat 0 0; }
.myspace .block .body .date { margin:10px 0 5px; color:#3cc4d4; font-size:13px; font-weight:600; }
.period-time-8-1 { border-radius:5px 0 0 5px; }
.period-time-18-31 { border-radius:0 5px 5px 0; }


/*============================================================
profile
=============================================================*/

.left-treebox { padding:8px; white-space: nowrap; overflow: auto; min-height:500px; }
.profile .submain-bg .content-wrap { padding:10px; }

.profile-info .bg-img { width:100%; height:80px; background:#45505a; overflow:hidden; }
.profile-info .bg-img img { width:100%; height:80px; }
.profile-info .id-status { position:absolute; width:103px; top:40px; left:30px; }
.profile-info .id-status .per { padding:6px; margin:0 auto; width:82px; height:82px; border-radius:50%; background:#fff url(../images/placeholders/avatars/avatar_70x70.png) no-repeat 6px 6px; }
.profile-info .id-status .per img { width:70px; height:70px; border-radius:50%; }
.profile-info .id-status .selectbox { margin:12px auto 0; width:103px; height:28px; }
.profile-info .id-status .selectbox a { position:relative; display:block; width:103px; height:28px; line-height:26px; padding-left:22px; border-radius:3px; color:#111; box-shadow:0 0 1px #283643; }
.profile-info .id-status .selectbox a.on { background:#fff url(../images/common/ic_onoff.png) no-repeat 8px 9px; }
.profile-info .id-status .selectbox a.off { background:#fff url(../images/common/ic_onoff.png) no-repeat 8px -11px; }
.profile-info .id-status .selectbox a:hover { text-decoration:none; color:#4bc286; }
.profile-info .id-status .selectbox a .selector { position:absolute; top:1px; right:1px; width:26px; height:26px; border-left:1px solid #e5e9ec; background:url(../images/common/selector.png) no-repeat 8px -33px; }
.profile-info .profile-status { margin:10px 15px 0; padding-left:21px; color:#111; }
.profile-info .profile-status.on { background:url(../images/common/ic_onoff.png) no-repeat 8px 4px; }
.profile-info .profile-status.off { background:url(../images/common/ic_onoff.png) no-repeat 8px -16px; }
.profile-info .link-icon { margin:15px 0 0 18px; }

.profile-con-wrap { padding:9px; }
.profile-con { padding:10px 10px 10px 150px; background:#f9f9f9; }
.profile-info .table { background:#fafafa; }
.profile-info .table th { width:110px; padding:2px 10px; text-align:left; font-weight:600; }
.profile-info .table td { font-size:11px; color:#555; }
.profile-info .edit { position:absolute; top:100px; right:25px; }
.profile-info .content-text { position:absolute; top:18px; left:170px; color:#fff; font-size:12px; font-weight:600; text-shadow:0 1px 0 #222f39; line-height:24px; }
.profile-info .content-text .name { font-size:16px; text-shadow:0 1px 0 #222f39; }
.profile-info .content-text a { color:#fff; }
.profile-info .content-text i.fa-star { padding-left:5px; font-size:15px; color:#ffa019;cursor: pointer; }
.profile-info .content-text i.fa-star.s2 { color:#fff; }

.profile .inner { position:relative; height:100%; border:1px solid #ddd; border-bottom:1px solid #b8bcbe; background:#fff; }
.profile .po-header { padding:10px 0 0; }
.profile .po-title { margin:0; padding:2px 0 10px 19px; font-size:16px; font-weight:600; border-bottom:1px solid #e6ebed; }
.profile .po-body { min-height:200px; }
.profile .profile-bottom .po-body { min-height:730px; }


/*============================================================
setting
=============================================================*/

i.icon.settab1, i.icon.settab2, i.icon.settab3, i.icon.settab4 {margin:0 2px 0 0; width:30px; height:22px; }
.nav > li.active a i.icon.settab1 { background-position:0 -35px; }
.nav > li.active a i.icon.settab2 { background-position:-30px -35px; }
.nav > li.active a i.icon.settab3 { background-position:-60px -35px; }
.nav > li.active a i.icon.settab4 { background-position:-90px -35px; }

i.icon.set-title1 { margin:0 10px 0 0; width:20px; height:20px; }
i.icon.set-title2, i.icon.set-title3, i.icon.set-title4, i.icon.set-title5, i.icon.set-title6, i.icon.set-title7, i.icon.set-title8, i.icon.set-title9, i.icon.set-title10 { margin:0 5px 0 0; width:20px; height:20px; }

.set-block { float:left; width:50%; height:369px; }
.set-block .formwrap { display:inline-block; vertical-align:middle; }
.set-block .formwrap button { vertical-align:top; }
.set-block h2 { height:40px; padding-left: 24px; padding-top: 14px; line-height:40px; color:#111; font-size:15px; font-weight:600; text-align:left; }
.set-block h3 { margin-bottom:10px; color:#111; font-size:15px; }
.set-block.left label { margin:0 10px 10px; }

.set-block.ty1 { float: left; width: 50%; height: 369px; border-right: 1px solid #eee; }
.set-block h2.ty1 { height: 40px; padding:0; line-height: 40px; color: #111; font-size: 15px; font-weight: 600; text-align: center; border-bottom: 1px solid #eee; }

.set-block.widget-style ul { padding:20px; }
.set-block.widget-style li { position:relative; padding:6px 0 10px; text-align:center; }
.set-block.widget-style li.current a { border-color:#f05050; }
.set-block.widget-style li.current span { display:block; width:26px; height:29px; position:absolute; top:-10px; right:-10px; background:url(../images/common/img_set_checked.png) no-repeat; }
.set-block.widget-style .img { display:inline-block; position:relative; }
.set-block.widget-style .img a { display:inline-block; width:172px; height:108px; border:2px solid #f2f2f2; border-radius:5px; }
.set-block.widget-style .img a:hover { border-color:#f05050; }
.set-block.widget-style .widget-style1 .img a { background:url(../images/common/img_wstyle_1.png) no-repeat; }
.set-block.widget-style .widget-style2 .img a { background:url(../images/common/img_wstyle_2.png) no-repeat; }
.set-block.widget-style .widget-name { padding-left:14px; font-size:14px; color:#555; vertical-align:top; } 

.set-block.color { width:63%; }
.set-block.color ul { padding:20px 0 0 22px; }
.set-block.color li { position:relative; padding:6px 0; }
.set-block.color li.current a { border-color:#f05050; }
.set-block.color li.current span { display:block; width:26px; height:29px; position:absolute; top:-4px; left:183px; background:url(../images/common/img_set_checked.png) no-repeat; }
.set-block.color .theme-name { display:inline-block; }
.set-block.color .theme-name a { display:inline-block; padding:6px 0 0 80px; width:200px; height:36px; border:2px solid #f2f2f2; border-radius:5px; font-family:"Open Sans", sans-serif; font-size:13px; }
.set-block.color .theme-name a:hover { border-color:#f05050; text-decoration:none; }
.set-block.color .theme01 .theme-name a { background:url(../images/common/img_set_color.png) no-repeat 9px 6px; }
.set-block.color .theme02 .theme-name a { background:url(../images/common/img_set_color.png) no-repeat 9px -44px; }
.set-block.color .theme03 .theme-name a { background:url(../images/common/img_set_color.png) no-repeat 9px -94px; }
.set-block.color .theme04 .theme-name a { background:url(../images/common/img_set_color.png) no-repeat 9px -144px; }
.set-block.color .theme05 .theme-name a { background:url(../images/common/img_set_color.png) no-repeat 9px -194px; }
.img.theme01  { display:inline-block; width:64px; height:20px;background:url(../images/common/img_set_color.png) no-repeat 2px 6px; vertical-align:text-bottom; }
.img.theme02  { display:inline-block; width:64px; height:20px;background:url(../images/common/img_set_color.png) no-repeat 2px -44px; vertical-align:text-bottom; }
.img.theme03  { display:inline-block; width:64px; height:20px;background:url(../images/common/img_set_color.png) no-repeat 2px -94px; vertical-align:text-bottom; }
.img.theme04  { display:inline-block; width:64px; height:20px;background:url(../images/common/img_set_color.png) no-repeat 2px -144px; vertical-align:text-bottom; }
.img.theme05  { display:inline-block; width:64px; height:20px;background:url(../images/common/img_set_color.png) no-repeat 2px -194px; vertical-align:text-bottom; }
.set-block.color .theme-info { display:inline-block; width:191px; padding-left:14px; color:#555; vertical-align:middle; } 

.set-block.preview { width:37%; }
.set-block.preview .preview-img.theme01 { margin:26px auto 0; width:222px; height:274px; background:url(../images/common/img_preview_1.png) no-repeat; }
.set-block.preview .preview-img.theme02 { margin:26px auto 0; width:222px; height:274px; background:url(../images/common/img_preview_2.png) no-repeat; }
.set-block.preview .preview-img.theme03 { margin:26px auto 0; width:222px; height:274px; background:url(../images/common/img_preview_3.png) no-repeat; }
.set-block.preview .preview-img.theme04 { margin:26px auto 0; width:222px; height:274px; background:url(../images/common/img_preview_4.png) no-repeat; }
.set-block.preview .preview-img.theme05 { margin:26px auto 0; width:222px; height:274px; background:url(../images/common/img_preview_5.png) no-repeat; }

.set-block .switch-list { height:329px; overflow:auto; overflow-x:hidden; }
.set-block .switch-list li { padding:4px 35px 11px 25px; border-top:1px solid #f6f6f6; }
.set-block .switch-list li:first-child { border-top:none; }

.set-block.quick-drag .menuguide { overflow-x: hidden; overflow-y: auto; height: 329px; border:none; }
.set-block.quick-drag .menuguide .submenu-list { padding:0; }
.set-block.quick-drag .menuguide .menuguide-list > li { background:none; }
.set-block.quick-drag .menuguide .menuguide-list > li > ul > li { margin-bottom:6px; }
.set-block.quick-drag .menuguide .menuguide-list > li > ul > li > a { width:150px; background:#868f98; }
.set-block.quick-drag .menuguide .menuguide-list > li > ul > li > a:hover { background:#939da7; }

.tab-content .set-view { float: left; width: 410px; height: 363px; margin-left: 30px; }
.tab-content .set-view2 { float: left; width: 410px; height: 363px; margin-left: 30px; }
.tab-content .set-menu { float: left; width: 220px; height: 363px; margin-top:4px; }
.tab-content .set-menu .m1, .tab-content .set-menu .m2 { height: 134px; padding: 62px 24px; }
.tab-content .set-menu .m1 h3 { padding-left: 0; margin-bottom: 16px; font-size: 16px; color: #111; font-weight: 600; line-height: 23px; }
.tab-content .set-menu .m2 h3 { padding-left: 0; margin-bottom: 16px; font-size: 16px; color: #111; font-weight: 600; line-height: 23px; }
.tab-content .set-menu label { display: block; padding: 4px 34px; font-size: 13px; font-weight: normal; }


/*============================================================
organizationSearch
=============================================================*/

#organizationSearch .shuttleL { float:left; width:45%; padding-left:20px; }
#organizationSearch .shuttleM { float:left; width:10%; text-align:center; }
#organizationSearch .shuttleR { float:right; width:45%; padding-right:20px; }
#organizationSearch .box-header { height:46px; text-align:center; }
#organizationSearch .shuttleR .box-header { padding:3px 0 1px; }
#organizationSearch .box-header .totalNum { height:34px; line-height:34px; text-align;center; font-weight:600; }
#organizationSearch .shuttleM ul { padding:0; margin-top:160px; }
#organizationSearch .shuttleM li, .shuttle-basic li { padding:3px 0; text-align:center; }
#organizationSearch .shuttleM li a, .shuttle-basic li a { display:inline-block; width:30px; height:30px; border:1px solid #dbe1e8; border-radius:4px; background:#f1f3f6; }
#organizationSearch .shuttleM li a:hover, .shuttle-basic li a:hover { background:#e7eaee; }
#organizationSearch .shuttleM li a i, .shuttle-basic li a i { color:#525a77; }
#organizationSearch .shuttleM li a .fa-angle-right, .shuttle-basic li a .fa-angle-right { padding:4px 0 4px 1px; font-size:20px; }
#organizationSearch .shuttleM li a .fa-angle-left, .shuttle-basic li a .fa-angle-left { padding:4px 1px 4px 0; font-size:20px; }
#organizationSearch .shuttleM li a .fa-rotate-left, .shuttle-basic li a .fa-rotate-left { padding:8px 0; font-size:13px; }
#organizationSearch .inbox { padding:8px; height:350px; min-height:350px; border:1px solid #ddd; white-space:nowrap; overflow:auto; }
#organizationSearch .inbox ul.per-list { padding:0; }
#organizationSearch .inbox ul.per-list li { padding:4px 10px; letter-spacing:-0.5px; cursor:pointer; color:#111; }
#organizationSearch .inbox ul.per-list li:hover { background:#f9f9f9; }
#organizationSearch .inbox ul.per-list li.ui-selected { background:#f1f1f1; }
#organizationSearch .inbox ul.per-list li span.user-online { position: absolute; top: 11px; right: -4px; width: 12px; height: 12px; border-radius: 8px; background-color: #4bc286; border: 2px solid #fff; }
#organizationSearch .inbox ul.per-list li span.user-off { position: absolute; top: 11px; right: -4px; width: 12px; height: 12px; border-radius: 8px; background-color: #f07070; border: 2px solid #fff; }
#organizationSearch .inbox1 { padding:8px; border:1px solid #ddd; white-space:nowrap; overflow:auto; }
#organizationSearch .inbox1 ul.per-list { padding:0; }
#organizationSearch .inbox1 ul.per-list li { padding:4px 10px; letter-spacing:-0.5px; cursor:pointer; color:#111; }
#organizationSearch .inbox1 ul.per-list li:hover { background:#f9f9f9; }
#organizationSearch .inbox1 ul.per-list li.ui-selected { background:#f1f1f1; }
#organizationSearch .inbox1 ul.per-list li span.user-online { position: absolute; top: 11px; right: -4px; width: 12px; height: 12px; border-radius: 8px; background-color: #4bc286; border: 2px solid #fff; }
#organizationSearch .inbox1 ul.per-list li span.user-off { position: absolute; top: 11px; right: -4px; width: 12px; height: 12px; border-radius: 8px; background-color: #f07070; border: 2px solid #fff; }
#organizationSearch .shuttleL .inbox ul.per-list li { padding:8px 10px; }
#organizationSearch .inbox .t2 { margin-left:5px; color:#777; font-size:11px; }
#organizationSearch .inbox .input-search { position:relative; margin-bottom:10px; }
#organizationSearch .inbox .input-search input { padding-right:36px; }
#organizationSearch .inbox .input-search a { position:absolute; top:0; right:0; display:inline-block; width:29px; height:27px; border-radius:0 3px 3px 0; }
#organizationSearch .inbox .input-search1 { position:relative; margin-bottom:10px; }
#organizationSearch .inbox .input-search1 input { width:218px !important; }
#organizationSearch .inbox .input-search1 a { position:absolute; top:0; right:0; display:inline-block; width:29px; height:27px; border-radius:0 3px 3px 0; }
#organizationSearch .inbox .input-search2 { position:relative; margin-bottom:10px; }
#organizationSearch .inbox .input-search2 input { width:255px !important; }
#organizationSearch .inbox .input-search2 a { position:absolute; top:0; right:0; display:inline-block; width:29px; height:27px; border-radius:0 3px 3px 0; }
#organizationSearch .inbox i.fa-star { margin:0 4px 2px 0; color:#ffa019; font-size:14px; vertical-align:middle; }
#organizationSearch .inbox i.fa-star-o { margin:0 4px 2px 0; color:#a8a8a8; font-size:14px; vertical-align:middle; }
#organizationSearch .inbox1 i.fa-star { margin:0 4px 2px 0; color:#ffa019; font-size:14px; vertical-align:middle; }
#organizationSearch .inbox1 i.fa-star-o { margin:0 4px 2px 0; color:#a8a8a8; font-size:14px; vertical-align:middle; }
#organizationSearch .apprline { margin:160px 5px 0; padding:8px; border:1px solid #ddd; }
.lt-ie9 #organizationSearch .apprline { padding:6px; }
#organizationSearch .apprline .title { margin-bottom:5px; padding-bottom:5px; font-weight:600; border-bottom:1px solid #eee; }
#organizationSearch .apprline ul { margin:0; }
#organizationSearch .line-wrap { height:320px; margin-bottom:20px; overflow:auto; }


/*============================================================
related-function
=============================================================*/

#related-function { position:fixed; top:0; right:0; width:50px; height:100%; min-height:600px; border-left:1px solid #ccc; background:#fff; z-index:100; } 
#related-function ul { padding:0; margin-left:-1px; }
#related-function .top-fixed { padding:6px 0; margin-bottom:6px; }
#related-function li { position:relative; }
#related-function li > a { display:block; width:50px; height:42px; }

#related-function li.disabled { opacity:0.5; }
#related-function li.disabled > a { cursor:auto; }
#related-function li.disabled .sub { display:none !important; }
#related-function li .sub { position:absolute; top:0; right:0; width:180px; height:44px; border-right:none; border-radius:2px; background-color:#fff; }
#related-function li .sub .title { display:block; font-size:14px; font-weight:600; line-height:40px; padding-left:12px; }
#related-function li .sub .ic { display:block; position:absolute; top:-2px; right:-2px; width:50px; height:42px; }
#related-function li .sub a:hover { text-decoration:none; }
#related-function ul ul { width:132px; margin:0 0 0 -2px; padding-bottom:8px; border-top:none; background:#fff; border-radius:2px; } 
#related-function ul ul li a { width:100%; height:auto; padding:2px 12px 3px; color:#333; }
#related-function li.i01c, #related-function li.i02c, #related-function li.i03c, #related-function li.i04c, #related-function li.i05c, #related-function li.i06c, #related-function li.i07c, #related-function li.i08c { padding:0 10px; }

#related-function .setting { position:absolute; left:0; bottom:0; width:49px; height:49px; background:#3a434c; }
#related-function .setting > a { display: block; position: absolute; top: 16px; left: 16px; width: 17px; height: 17px; background: url(../images/theme/theme01/ic_setting.png) no-repeat 0 0; opacity:0.6 }
#related-function .setting > a:hover { opacity:1; }
#related-function .test { position:absolute; top:-80px !important; right:0 !important; background:none !important; }

/* related-function ---> theme-topbottom */
.theme-topbottom #related-function { padding-top:56px; }
.theme-topbottom #related-function .setting { position:absolute; left:0; bottom:0; width:49px; height:49px; background:#3a434c; }
.theme-topbottom #related-function .setting > a { display:block; position:absolute; top:16px; left:16px; width:17px; height:17px; }

#page-container.main #related-function li.i01, #page-container.main #related-function li.i05, #page-container.main #related-function li.i06, #page-container.main #related-function li.i07, #page-container.main #related-function li.i08 { display:none; }
#page-container.sub #related-function li.i02, #page-container.sub #related-function li.i03, #page-container.sub #related-function li.i04, #page-container.sub #related-function li.i07, #page-container.sub #related-function li.i08, #page-container.sub #related-function li.i10 { display:none; }

#page-container.myspace #related-function li.i01, #page-container.myspace #related-function li.i05, #page-container.myspace #related-function li.i06, #page-container.myspace #related-function li.i08, #page-container.myspace #related-function li.i10 { display:none; }
#page-container.myspace.sub #related-function li.i02, #page-container.myspace #related-function li.i07 { display:block; }


/*============================================================
contents Page Detail
=============================================================*/

.content-wrap {display:table;position: relative;;width: 100%;background-color:#fff;}

.splitter-panel div.content-list, .splitter-panel div.content-view {position: absolute;height:auto;top: 0;bottom: 50px;left: 0;right: 0;overflow-y: auto;border-bottom:1px solid #ccc; vertical-align:top;}
@media screen and (max-width:1280px) { /* .content-wrap.responsive .content-view {display: none;} */ }

.aside-wrap { width:100%;background:#fff; }
.aside-wrap .accordion { display:block; background-color: #f9fafc;padding: 9px 10px;font-weight: 600;font-size:12px;}
.aside-wrap > ul > li > a { position:relative; border: 1px solid #dbe1e8; text-decoration:none; }
.aside-wrap > ul > li > a:hover { color:#f05050; }
.aside-wrap > ul > li { margin-bottom:-1px; }
.aside-wrap ul ul { padding: 10px; line-height: 26px; border: 1px solid #dbe1e8; border-top:none; overflow:auto; height:100px; }
.aside-wrap ul ul li {overflow: hidden;text-overflow:ellipsis;white-space:nowrap; -o-text-overflow:ellipsis; }
.aside-wrap ul ul li a {color:#111;}
.aside-wrap ul ul li.selected a { color:#f05050; font-weight:600; }
.aside-wrap ul ul li .per30 a { display: inline-block; width: 30px; height: 30px; background: url(../images/placeholders/avatars/avatar_30x30.png) no-repeat 0 0; }
.aside-wrap ul ul li .per30 img { width: 30px; height: 30px; border-radius: 15px; }
.aside-wrap .more-wrap {text-align:center;background-color:#f9fafc;border-top:1px dashed #dbe1e8;margin:0;padding:6px 10px}
.aside-wrap .more-wrap > a{color:#3cc4d4}
.aside-wrap i.fa-star { margin:0 5px 1px 4px; color:#ffa019; font-size:14px; vertical-align:middle; }
.aside-wrap i.fa-chevron-right { margin:0 5px 1px 4px; color:#3cc4d4; font-size:10px; vertical-align:middle; }
.aside-wrap > ul > li > h5 { position:relative; border: 1px solid #dbe1e8; background-color: #f9fafc; padding: 12px 15px; font-weight: 600; font-size: 12px; }
.aside-wrap > ul > li > h5 > i { position: absolute; top: 10px; right: 14px; font-size: 18px; color: #aaa; }
.aside-wrap .accordion i { position:absolute; top:10px; right:14px; font-size:18px; color:#aaa; }
.aside-wrap a:hover.accordion i { -webkit-transform:rotate(-180deg); transform:rotate(-180deg); -webkit-transition:all 0.15s ease-out; transition: all 0.15s ease-out; }
.aside-wrap a.accordion.open i { -webkit-transform:rotate(-180deg); transform:rotate(-180deg); }

.aside-wrap2 .aside-wrap-header { border: 1px solid #dbe1e8; border-top:none; background-color: #f9fafc; padding: 9px 10px;font-weight: 600;font-size:12px;}
.aside-wrap2 .aside-wrap-header:first-child { border-top:1px solid #dbe1e8; }
.aside-wrap2 .aside-wrap-con { border: 1px solid #dbe1e8; border-top:none; }

.imp-wrap {position:relative;}

#alarm-wrap #alarm {margin-top:4px;}
#alarm-wrap #alarm:first-child {margin-top:0;}

.subtitle { position:relative; margin:20px 0 8px; }
.subtitle h3 { color:#3cc4d4; font-weight:600; font-size:14px; }
.subtitle button { position:absolute; top:-12px; right:0; }
.subtitle h4 { color:#111; font-weight:600; font-size:13px; }
.subtitle h4.point { padding-left:8px; background:url(../images/common/ic_dot_3.png) no-repeat 0 6px; }
.subtitle .more { position:absolute; top:0; right:0; }
.subtitle .more span { display: inline-block; margin-top:-3px; vertical-align: text-top; }

.tip-help {padding:10px 14px;text-align:left;width: 200px;left: -53px;top: 35px;}
.tip-help > h6{font-size:13px;color:#3cc4d4;line-height:30px;font-weight:bold;}
.tip-help > dl {font-size:11px;line-height:30px;margin:0;}
.tip-help > dl > dt{padding:6px 0;}
.tip-help > dl > 
span.docbox {position: relative;display: inline-block;margin-right: 4px;margin-left:10px;border: 1px solid #dde0e9;background-color: #f2f3f7;color: #111;font-weight: 600;border-radius: 2px;padding: 0 30px 0 10px;text-decoration: none;font-size: 12px; vertical-align:middle; line-height:25px;}
span.docbox a {position: absolute;color: #ffffff;display: block;top: 4px;right: 10px;font-weight: bold;text-decoration: none;font-size: 12px;line-height: 16px;height: 20px;width: 10px;text-align: center;vertical-align: middle;}
span.docbox a,
span.docbox a:hover,
span.docbox a:focus {color: #ffffff;text-decoration: none;}
td .docbox:first-child {margin-left:10px;}
.docbox~.docbox {margin-left:0px;}

/* submain-top */
.submain-top-wrap { position:relative; }
.submain-top { width:100%; height: 100%; min-height:95px; margin-top: 0; border: 1px solid #ddd; border-bottom: 1px solid #b8bcbe; background: #fff; text-align:center; }
.submain-top ul { width: 70%; margin: 0 auto; }
.submain-top ul li { float: left; height: 50px; }
.submain-top ul li .text { margin-top: 19px; margin-right: 10px; }
.submain-top ul li .search-text { margin-top: 16px; }
.submain-top ul.recent-search li { height:25px; }
.submain-top ul.recent-search li.recent-search-text span { margin-right:8px; color:#3cc4d4; font-weight:bold; }

.submain-top-wrap1 { position:relative; margin-left:0; margin-right:0; }
.submain-top1 { width:100%; height: 100%; min-height:87px; margin-top: 0; border-bottom: 1px solid #ddd; background: #fff; text-align:center; }
.submain-top1 ul { width: 70%; margin: 0 auto; }
.submain-top1 ul li { float: left; height: 50px; }
.submain-top1 ul li .text { margin-top: 19px; margin-right: 10px; }
.submain-top1 ul li .search-text { margin-top: 16px; }
.submain-top1 ul.recent-search li { height:25px; }
.submain-top1 ul.recent-search li.recent-search-text span { margin-right:8px; color:#3cc4d4; font-weight:bold; }


/*============================================================
contents Header
=============================================================*/

/* con-header */
.con-header { position:relative; height:56px; padding:20px 0 0 20px; border-bottom:1px solid #d1d1d1; background:#fff; }
.con-header h2 { font-size:16px; font-weight:600; color:#111; }
.con-header h2 i.fa-star { padding-left:5px; font-size:15px; color:#ffa019;cursor: pointer; }
.con-header h2 .t2 { color:#999; }
.con-header h2 select { font-size:12px; font-weight:600; color:#111; }
.con-header .header-select { display:inline-block; margin-top:-5px; margin-left:10px; }
.con-header .header-select a:hover { opacity:0.8; }
@media only screen and (-webkit-min-device-pixel-ratio: 0) { .con-header h2 { font-weight:bold; } }

/* con-header-image */
.content-header-image { background-color: #f9f9f9; }
.content-header-media { position: relative; min-height: 152px; overflow: hidden; border-top-color: #222; }
.content-header-media .header-section { z-index: 10; position: absolute; bottom: 0; left: 0; right: 0; height:30px; color: #fff; background: url(../images/template/ie8_opacity_dark_60.png) repeat; background: rgba(0, 0, 0, 0.6); }
.content-header-media .content-header-text { position: absolute; top: 25px; left: 30px; color: #333; font-weight:600; z-index:10; }
.content-header-media .content-header-text span { font-size:16px;}
.content-header-media .header-section .iconlist { margin: 7px 0 0 30px; }
.content-header-media .header-section .iconlist a { color:#fff; }
.content-header-media .content-header-block { position: absolute; right: 0; top: 0; width: 190px; height: 100%; padding-top:5px; background: rgba(0, 0, 0, 0.6); z-index:11; }
.content-header-media .content-header-block ul { text-align:center; }
.content-header-media .content-header-block ul li { display:inline-block; padding:6px; }
.content-header-media .content-header-block ul li.pre a { padding: 8px 0 0 0; width: 40px; height: 40px; font-size: 13px; font-weight: normal; color: #fff; opacity: 0.9; }
.content-header-media .content-header-block ul li.date a { font-size: 14px; color: #fff; }
.content-header-media .content-header-block ul li.next a { padding: 8px 0 0 0; width: 40px; height: 40px; font-size: 13px; font-weight: normal; color: #fff; opacity: 0.9; }
.content-header-media .content-header-block .chart-wrap span { color:#fff; }
.content-header-media .content-header-block .chart-wrap .title { padding-top: 10px; color: #fff; font-size: 13px; }

/* breadcrumb */
.breadcrumb-line {margin: 0 0 35px;position: absolute;right: 15px;top: 11px;}
.breadcrumb {padding: 9px 12px 10px;float: left;margin: 0;background: 0 0;border-radius: 0;}
.breadcrumb>li { display:inline-block; font-weight: 600;}
.breadcrumb>li:first-child>a {background: url(../images/common/breadcrumb_home.png) no-repeat 0;padding-left: 10px;}
.breadcrumb>li+li:before {content: "\203a";padding: 0 5px;color: #ccc;font-size: 10px;}
.breadcrumb>li>a {color: #999;}
.breadcrumb>.active {color: #111;}


/*============================================================
table-header
=============================================================*/

.table-header { position:relative; height:38px; padding:0 20px; border-bottom:1px solid #d1d1d1; background:#fff; }
.table-header .w-location { position:absolute; top:10px; right:20px; }
.table-header .w-location span { color:#555; }
.table-header .w-location span:first-child { padding-left:8px; background:url(../images/common/ic_dot.png) no-repeat 0 6px; }
.table-header .w-location span:before {content: "\203a";padding: 0 5px; color: #ccc; font-size:10px; }
.table-header .w-location span:first-child:before { content:""; padding:0; }
.table-header .listinfo { position:relative; top:5px;line-height: 20px; }
.table-header .listinfo select { float:left;display:inline-block; }
.table-header .listinfo .table-header-checkbox, .table-header .table-search .table-header-checkbox { display: inline-block; float: left; margin: 4px 8px 0 0; }
.table-header .listinfo .totalnum { float:left;display:inline-block;margin:4px 16px 0 10px; color:#999; }
.table-header .listinfo .totalnum span { margin-left:3px; font-weight:700; color:#f05050; }
.table-header .listinfo .btn { padding: 0 4px; font-size: 11px; color: #555; border: 1px solid #cacaca; background-color: #e9e9e9; }
.table-header i.fa-caret-up, .table-header i.fa-caret-down { margin-left:3px; color:#999; font-size:13px; }
.table-header i.fa-caret-up.active, .table-header i.fa-caret-down.active { color:#f05050; }
.table-search { position:absolute; top:5px; right:20px; }
.table-search select { float:left; margin-right:5px; }
.table-search .input-search { position:relative; float:left; }
.table-search .input-unread { position:relative; float:left;padding-right:15px;line-height:26px; }
.table-search .input-date { position:relative; float:left;padding-right:15px;line-height:26px; }
.input-search input { padding-right:36px; }
.table-search .input-unread label { font-weight:normal; }
.table-search .input-search a { position:absolute; top:0; right:0; display:inline-block; width:29px; height:27px; border-radius:0 4px 4px 0; }
.table-search .btnSearch { float:left; display:inline-block; width:29px; height:27px; border-radius:4px; }
.table-search.inline { display:inline-block; position:relative; top:auto; right:auto; }
.table-search.inline .input-search { float:none; }

/* layoutTypeItem */
.layoutTypeItem {position:relative;vertical-align:top;line-height:0px;display:inline-block;}
@-moz-document url-prefix(){.layoutTypeItem {padding-top:3px}}
@media screen and (-webkit-min-device-pixel-ratio:0) {.layoutTypeItem {padding-top:3px}}
.layoutTypeItem ul{padding: 0;}
.layoutTypeItem li{display:inline-block;}
.layoutTypeItem li a {background-image: url('../images/common/ic_common.png');background-repeat: no-repeat;width:21px;height:21px;display:block;}
.layoutTypeItem li a.btn-layout-response{background-position:0px -120px;}
.layoutTypeItem li a.btn-layout-normal{background-position:-22px -120px;}
.layoutTypeItem li a.btn-layout-split{background-position:-44px -120px;}
.layoutTypeItem li a:hover.btn-layout-response, .layoutTypeItem li a.active.btn-layout-response {background-position:-66px -120px;}
.layoutTypeItem li a:hover.btn-layout-normal, .layoutTypeItem li a.active.btn-layout-normal {background-position:-88px -120px;}
.layoutTypeItem li a:hover.btn-layout-split, .layoutTypeItem li a.active.btn-layout-split {background-position:-110px -120px;}
.layoutTypeItem a span{text-indent:-999px;color:transparent;height:0;width:0;font-size:0;}


/*============================================================
Table Style - List
=============================================================*/

table { border-spacing: 0; width:100%; max-width:100%; table-layout:fixed; border-collapse:collapse; background-color:#fff; }
table .bgselected th, table .bgselected td { background:#eceff0 !important; font-weight:600; }
table .bgselected.br td { background:#eceff0 !important; border-top:1px solid #e5e5e5;  border-bottom:1px solid #e5e5e5; font-weight:600; }
.table-layout-auto { table-layout:auto; }
.table-layout-fixed { table-layout:fixed; }
.table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th { background-color: #f9f9f9 }
.table-striped.striped02 > tbody > tr > td { background-color: #f9f9f9 }
.table-striped.striped02 > tbody > tr:nth-child(1) > td { background-color: #f9f9f9 }
.table-striped.striped02 > tbody > tr:nth-child(4n-1) > td { background-color: #fff }

/* content-list basic */
.content-list { border-top:1px solid #d1d1d1; margin-top:-1px; }
.content-list .table { border-bottom:1px solid #eee; }
.content-list .table > thead > tr > th { padding:5px 5px 6px; height:38px; line-height:18px; color:#111; text-align:center; font-weight:600; vertical-align:middle; border-bottom:1px solid #d1d1d1; background:#fff; }
.content-list .table > tbody > tr > th a:hover { text-decoration:none; }
.content-list .table > tbody > tr > td { padding:3px 5px; height:34px; line-height:18px; color:#333; text-align:center; vertical-align:middle; }
.content-list .table.list-border td { border-bottom:1px solid #e5e5e5; }
.content-list .table > tbody > tr > td .best { background: #fff; border-radius: 2px; color: #bd9000 !important; padding-left: 4px; padding-right: 4px; padding-top: 2px; padding-bottom: 2px; }
.content-list .table > tbody > tr > td a { color:#111; /*padding-left:10px;*/}
.content-list .table > tbody > tr.read i.icon.read {background-position: -117px -289px;}
.content-list .table > tbody > tr.unread i.icon.read {background-position: -117px -314px;}
.content-list .table > tbody > tr.important i.icon.imp {background-position: -83px -55px;}
.content-list .table > tbody > tr i.icon.imp {background-position: -83px -41px;}
.content-list .table > thead > tr i.fa.fa-exclamation, .content-list .table > tbody > tr.emergency i.fa.fa-exclamation {color: #f05050;font-size:15px;cursor: pointer;}
.content-list .table > tbody > tr i.fa.fa-exclamation {color: #d1d1d1;font-size:15px;cursor: pointer;}
.content-list .table > tbody > tr.attach i.icon.attach {display:inline-block;}
.content-list .table > tbody > tr i.icon.attach {display:none}
.content-list .table > tbody > tr > td a.complate { text-decoration:line-through }

.mail .content-list .table > tbody > tr.unread > td a, .message .content-list .table > tbody > tr.unread > td a { font-weight:600;color:#111; }
.mail .content-list .table > tbody > tr.unread i.icon.mail-read {background-position: -145px -314px;}
.mail .content-list .table > tbody > tr.read i.icon.mail-read {background-position: -145px -289px;}
.mail .content-list .table > tbody > tr.read.reply i.icon.mail-read {background-position: -170px -291px;}
.mail .content-list .table > tbody > tr.important a, .message .content-list .table > tbody > tr.important a { font-weight:normal; }
.mail .unfold i{color:#afafaf;}
.mail .m-group{display:none;}
.mail .block-form{display:table}
.mail .block-form > div{display:table-cell;padding-right:4px;}
.mail .block-form .wrap { position:relative; width: 100%; }
.mail .block-form .wrap .imp-btn { position:absolute; top:2px; left:10px; }
.mail .block-form .wrap input { padding:0 8px 0 27px; }
.mail .dropdown-toggle.label {position: relative;height: 27px;text-align: left;font-size: 12px;font-weight: normal; border-color: #d6d6d6;border-radius: 2px;color: #111; }
.mail .dropdown-menu.label-list {min-width:111px;}
.content-list .table.table-in {border:1px dashed #b6b6b6;border-left:none;border-right:none;}
.content-list .table.table-in > tbody > tr > td { background:#ededed; }

.content-list i.fa-star { color:#ffa019; font-size:14px; }
.content-list i.fa-star-o { color:#a8a8a8; font-size:14px; }
.content-list i.fa-share-alt { color:#999; font-size:14px; }
.content-list i.fa-share-alt.shared { color:#f07070; }
.content-list i.fa-question-circle { color:#f05050; font-size:15px; }
.content-list i.fa-caret-up, .content-list i.fa-caret-down { margin-left:3px; color:#999; font-size:13px; }
.content-list i.fa-caret-up.active, .content-list i.fa-caret-down.active { color:#f05050; }
@media only screen and (-webkit-min-device-pixel-ratio: 0) { .content-list .strong { font-weight:bold; } }

/* content-list summary */
.content-list .summary .h3_box{padding:14px 10px 8px;border-top:1px solid #ececec}
.content-list .summary { border-bottom:1px solid #eee; }
.content-list .summary > ul{padding:0}
.content-list .summary > ul > li{border-top:1px solid #e5e5e5;position: relative;padding:18px 20px 14px; }
.content-list .summary > ul > li:first-child { border-top:none; }
.content-list .summary > ul > li > a{padding: 12px 68px 8px 40px;display: block;position: relative;}
.content-list .summary > ul > li > a > span:nth-child(2) + span{width:48px}
.content-list .summary > ul > li > a > span:nth-child(2) + span strong{width:48px}
.content-list .summary > ul > li > a > span:nth-child(2) + span:before{left:18px}
.content-list .summary .subject { font-size:13px; letter-spacing:-0.5px; font-weight:600; margin-bottom:10px; }
.content-list .summary .subject a{ display:block; color:#111; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.content-list .summary .subject a.type2 { display:inline; overflow:inherit; white-space:inherit; }
.content-list .summary .ic-imp{margin-left:5px;}
.content-list .summary .msg {margin:12px 0 6px;line-height: 18px;max-height: 52px;text-overflow: ellipsis;overflow: hidden;-webkit-line-clamp: 3;-webkit-box-orient: vertical;display: -webkit-box;word-wrap: break-word;}
.content-list .summary .img {margin:12px 0 6px;line-height: 18px;text-overflow: ellipsis;overflow: hidden;-webkit-line-clamp: 3;-webkit-box-orient: vertical;display: -webkit-box;word-wrap: break-word;}
.content-list .summary .sjt {font-size: 11px;color:#a6a5a2;margin-bottom:10px;}
.content-list .summary .mysjt {font-size: 12px;color:#333;margin-bottom:4px;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.content-list .summary .status {position: absolute;right: 10px;top: 4px;color:transparent;width: 45px;display: table-cell; vertical-align: middle;z-index:999;}
.content-list .summary .Wdate {position: absolute;right: 10px;bottom: 6px;color: #555555;font-size: 0.8em;}
.content-list .summary li .LimgCheckbox {position: absolute;left: 10px;top: 19px;height: 20px;width: 20px;}
.content-list .summary .attach-wrap{position:absolute;right:20px;top:20px;}
.content-list .summary-check { float:left; width:20px; }

/* content-list mail summary */
.content-list .mail-summary .h3_box{padding:14px 10px 8px;border-top:1px solid #ececec}
.content-list .mail-summary > ul{padding:0}
.content-list .mail-summary > ul > li{border-top:1px solid #e5e5e5;position: relative;padding:18px 20px 14px; }
.content-list .mail-summary > ul > li:first-child { border-top:none; }
.content-list .mail-summary > ul > li > div{padding-left:20px;}
.content-list .mail-summary > ul > li > a{padding: 12px 68px 8px 40px;display: block;position: relative;}
.content-list .mail-summary > ul > li > a > span:nth-child(2) + span{width:48px}
.content-list .mail-summary > ul > li > a > span:nth-child(2) + span strong{width:48px}
.content-list .mail-summary > ul > li > a > span:nth-child(2) + span:before{left:18px}
.content-list .mail-summary > ul > li > .subject { font-size:13px; letter-spacing:-0.5px; font-weight:600; margin-bottom:10px; }
.content-list .mail-summary > ul > li > .sender-name { font-size:11px; letter-spacing:-0.5px; font-weight:600; margin-bottom:6px; }
.content-list .mail-summary > ul > li > .subject{ color:#111;padding-right:30px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.content-list .mail-summary > ul > li.read > .subject a, .content-list .mail-summary > ul > li.read > .msg{ opacity:0.6;}
.content-list .mail-summary > ul > li > .subject a.type2 { display:inline; overflow:inherit; white-space:inherit; }
.content-list .mail-summary > ul > li .icon.imp{background-position:-83px -41px;}
.content-list .mail-summary > ul > li.important .icon.imp{background-position:-83px -55px;cursor: pointer;}
.content-list .mail-summary > ul > li .attach-wrap{position:absolute;right:28px;top:40px;display:none;}
.content-list .mail-summary > ul > li.attach .attach-wrap{display:block;}
.content-list .mail-summary > ul > li.attach .attach-wrap span{position:absolute;top: -3px;right: -8px;min-width:14px;height:14px;text-align:center;font-size:10px;color:#fff;background-color:#f07070;border-radius:50%;}
.content-list .mail-summary > ul > li .mail-check{position: relative;top: -2px;}
.content-list .mail-summary > ul > li.read .icon.mail-read{background-position: -145px -289px;}
.content-list .mail-summary .msg {margin:12px 0 6px;line-height: 18px;max-height: 52px;text-overflow: ellipsis;overflow: hidden;-webkit-line-clamp: 3;-webkit-box-orient: vertical;display: -webkit-box;word-wrap: break-word;}
.content-list .mail-summary .Wdate {position: absolute;right: 20px;top: 18px;color: #555555;font-size: 0.8em;}
.content-list .mail-summary .summary-check { position:absolute;top:18px;left:0px; }
.content-list .mail-summary .label { position:absolute;top:39px;left:0px; }

/* content-list v-card */
.vcard-list {}
.vcard-list > ul > li{display:block;position: relative;padding: 14px 20px;border-top: 1px solid #e5e5e5;overflow:hidden;clear:both;content:''}
.vcard-list > ul > li:first-child{border-top: none;}
.vcard-list > ul > li .v-lock{position:absolute;top:30px;right:20px;}
.lst_thmb:after{overflow:hidden;clear:both;content:''}
.lst_thmb .thmb{float:left;width:60px;margin-right:10px}
.lst_thmb .cont{float:left;width:auto;}
.lst_thmb > ul > li{padding:0;padding-left:7px;line-height:19px}
.vcard-list > ul > li .lst_thmb .cont p {line-height:17px;padding:0;margin:0}
.option-style {position:relative;padding:10px 20px;text-align:right;border-bottom:1px solid #ddd;}
.option-style > span{margin-left:10px;}
.option-style > span.current a{color:#f07070;}
.vcard .shuttleL { float:left; width:47.5%; padding-left:20px; }
.vcard .shuttleM { float:left; width:5%; text-align:center; }
.vcard .shuttleR { float:right;position: relative; width:47.5%;padding-right: 20px;}
.vcard .shuttleRR { position: absolute; top:3px; right: 20px; }
.vcard .shuttleRR > ul > li > a { width:26px; height:26px; border-radius:2px; }
.vcard .shuttleRR > ul > li > a i { font-weight:normal; }
.vcard .shuttleRR li { display:inline; }
.vcard .shuttleL .table-header .listinfo, .vcard .shuttleR .table-header .listinfo {line-height: 28px;}
.vcard .shuttleL .table-search, .vcard .shuttleR .table-search {right: 0px;}
.vcard .shuttleTitle { position:relative; padding: 8px 10px 7px;font-weight: bold;border-left: 1px solid #ddd;border-right: 1px solid #ddd;background-color:#f5f5f5;}
.vcard .inbox {padding:0;}
.vcard .summary-check {position: absolute;top: 30px;left: 10px;}
.vcard .shuttleL .vcard-list > ul > li, .vcard .shuttleR .vcard-list > ul > li {padding: 14px 20px 14px 40px;}

/* content-list phonemessage */
.phonemessage .content-list td .telnum{display: inline-block;}
.phonemessage .content-list td .telnum i{font-size:14px; margin-right:4px;vertical-align:middle;color:#b0b0b0}
.phonemessage .content-list td .telmemo i{font-size:14px; margin-right:4px;color: #f07070; }

/* content-list safety */
.safety-statusWrap {position: absolute;top: -47px;right: 20px;}
.safety-status{font-size: 10px;border: none;background: none;border-top: none;}
.safety-status ul{padding: 0;text-align: center;}
.safety-status ul li{display: inline-block;width: 60px;padding: 2px 0 0; border-top: none;}
.safety-status ul li span.count{position: relative;display: inline-block;font-size: 18px;min-width: 50px;height: 50px;padding: 1px 4px;border-radius: 50%;line-height:48px; font-weight:600;}
.safety-status li.uncompleted, .safety-status li.safe, .safety-status li.serious, .safety-status li.slight {background:#ffffff !important;border:none !important;}
.safety-status ul li.safe .status{color:#555; font-weight:600;}
.safety-status ul li.uncompleted .status{color:#98a7af; font-weight:600;}
.safety-status ul li.serious .status{color:#f05050; font-weight:600;}
.safety-status ul li.slight .status{color:#f39800; font-weight:600;}
.safety-status ul li .uncompleted { background:#b7c8d2; }
.safety-status .status{padding:0;}
.safety .content-list .uncompleted { background:#b7c8d2; }

/* content-list timecard */
.timecard .fc-button {display:inline-block;margin-bottom:0!important;font-weight:400;text-align:center;cursor:pointer;background-image:none;color:#ffffff;background-color:#6ad2eb;text-shadow:0 0px 0 rgba(255,255,255,.8);border:1px solid #1bbae1;white-space:nowrap;padding: 0 .6em;font-size:13px;line-height:26px;height:30px;box-shadow:none;-webkit-box-shadow:none;}
.timecard .fc-button.fc-button-next, .planner .fc-button.fc-button-prev {background-color:#eee;border: 1px solid #dbe1e8;color: #5e5e5e;width:36px;;}
.timecard .fc-button.fc-button-list, .timecard .fc-button.fc-button-agendaGraph{min-width:62px;}
.timecard .fc-button.fc-button-list{padding-left:20px;background-image:url(../images/common/ic_list.png);background-repeat:no-repeat;background-position: 12px 8px;}
.timecard .fc-button.fc-state-disabled,.timecard .fc-button.fc-state-disabled:hover {cursor:default;color:#fff}
.timecard table.fc-border-separate{margin-bottom:20px;}
.timecard .fc-state-default {background-color: #6ad2eb;color: #ffffff;border: 1px solid #1bbae1;}
.timecard .fc-button.fc-state-hover {text-decoration: none;background-color: #1bbae1;color: #ffffff;}
.timecard .fc-button.fc-state-active,.planner .fc-button.fc-state-down {background-color: #1bbae1;border-color: #1593b3;color: #ffffff;outline: 0;}
.timecard .fc-button.fc-button-next, .timecard .fc-button.fc-button-prev {background-color: #eee;border: 1px solid #dbe1e8;color: #5e5e5e;width: 36px;}
.timecard .fc-content .fc-line td {padding:0px;text-align:center;height:2px;line-height:2px;}
.timecard .fc-content td {padding:6px;text-align:center;vertical-align:middle;}
.timecard .fc-content td i.fa{font-size:16px;color:#a3b6be;margin-left:5px;vertical-align: middle;}
.timecard .fc-content td.targetInfo i.fa{color:#59c2e6;}
.timecard .fc-content td.fc-last {text-align:left;}
.timecard .fc-content td.break, .timecard .fc-content td.absence{background:#ebebeb;}
.timecard .timecard-ca{float:right;padding:10px 0 10px}
.timecard .timecard-ca li{display:inline-block;background-color:#fff;margin-left:10px;}
.timecard .timecard-ca li span{display:inline-block;width:15px;height:15px;margin-right:4px;border-radius:50%;vertical-align:middle}
.progress {position:relative;overflow: hidden;height: 8px;border-radius: 0px;}
.progress-bar {position:absolute;width: 0%;height: 100%;font-size: 12px;line-height: 10px;color: #fff;}

.progress1, .progress-bar1 { overflow: hidden; font-size: 12px; color: #FFF; text-align: center; height: 18px; line-height: 18px; margin-bottom: 20px; background-color: #F5F5F5; border-radius: 4px; -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); -webkit-transition: width .6s ease; transition: width .6s ease; }
.progress1.active .progress-bar1 { -webkit-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite; }
.progress-striped .progress-bar-danger { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0)); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0)); background-size: 40px 40px; }
.progress-bar-danger { background-color: #f07070; }

/*.timecard.graph .fc-content td {background: url('../images/common/bg_dotted.png') no-repeat 33.3% 1px ,url('../images/common/bg_dotted.png') no-repeat 66.6% 1px;}*/
.timecard.graph .fc-content td.fc-first {background: none;}

.work {background-color: #59c2e6;}/*異쒓렐*/
.lateness {background-color: #e74c3c;}/*吏�媛�*/
.earlyoff {background-color: #9d9d9d;}/*議곌린�눜洹�*/
.outsidedffice {background-color: #f39c12;}/*�쇅洹�*/
.break {background-color: #2ecc71;}/*�쑕媛�*/
.absence {background-color: #d5d5d5;}/*寃곌렐*/



/* content-list gallery */
.content-list .gallery { padding:18px 14px 0; border-bottom:1px solid #eee; }
.gallery .item { float:left; padding:0 6px; }
.content-list .gallery .item .inner { background:#fff; border:1px solid #ddd; border-bottom:1px solid #b8bcbe; }
.content-list .gallery img, .content-list .gallery a img, .content-list .gallery-image img, .content-list a[data-toggle="lightbox-image"] img { max-width: 100%; }
.content-list a[data-toggle="lightbox-image"], .content-list a.gallery-link {cursor: pointer;cursor: -webkit-zoom-in;cursor: -moz-zoom-in;cursor: zoom-in;}
.content-list .gallery a:hover img, .content-list .gallery-image:hover img, .content-list a[data-toggle="lightbox-image"]:hover img {opacity: 0.75;filter: alpha(opacity=75);}
.content-list .gallery-image {position: relative;}
.content-list .gallery-image-options {position: absolute;top: 0;bottom: 0;left: 0;right: 0;display: none;padding: 10px;}
.content-list .gallery-image:hover .gallery-image-options {display: block;}
.content-list .gallery > .row > div {margin-bottom: 15px;}
.content-list .gallery.gallery-widget > .row > div {margin-bottom: 0;padding-top: 7px;padding-bottom: 7px;}
.content-list .gallery-info { position:relative; padding:0 12px; }
.content-list .gallery-info .checkbox { position:absolute; left:10px; top:0; }
.content-list .gallery-info .subject2 { height:20px; line-height:19px; margin:8px 0 4px; overflow:hidden; text-overflow:ellipsis; /* display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; */ }
.content-list .gallery-info .subject2>a { font-size:12px; font-weight:600; color:#111; }
.content-list .gallery-info small { margin-left:0; font-size:11px; color:#777; }
.content-list .gallery-info .reply-wrap { position:absolute; bottom:0; right:20px; font-size:10px; }
.content-list .gallery-info p.name, .gallery .gallery-info p.date { font-size:11px; margin:2px 0; color:#333; padding-right:50px; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis;-moz-text-overflow:ellipsis;white-space:nowrap; -o-text-overflow:ellipsis;}
.gallery-info p.date { margin:2px 0 10px; }
.photo-img img { max-width:100%; }

#gallery { padding:10px 15px 0; }
#gallery .item2 { float:left; width:202px; margin:5px; border:1px solid #ddd; border-bottom:1px solid #b8bcbe; background:#eee; }
#gallery .item2 .pic { width:200px; height:200px; }
#gallery .item2 .pic a { display:block; width:200px; height:200px; }
#gallery .gallery-info { position:relative; padding:0 12px; background:#fff; }
#gallery .gallery-info .checkbox { position:absolute; left:10px; top:0; }
#gallery .gallery-info .subject2 { height:auto; line-height:19px; margin:0; padding:6px 0 4px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#gallery .gallery-info .subject2 > a { font-size:12px; font-weight:600; color:#111; }
#gallery .gallery-info .subject2 input[type="checkbox"] { vertical-align:text-bottom; }
#gallery .gallery-info .name { float:left; margin-bottom:5px; width:140px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#gallery .gallery-info .date { float:right; font-size:11px; color:#777; }

/* content-list table outline-border  */
.content-list .table.outline-border { border:1px solid #e5e5e5; }
.content-list .table.outline-border > tbody > tr > td { padding:3px 5px; height:34px; line-height:18px; color:#111; text-align:center; vertical-align:middle; }
.content-list .table.outline-border > tbody > tr:hover { background:#fafafa; }
.content-list .table.outline-border > tbody > tr.current { background:#ebf4fd; }

@media (max-width:900px) { .gallery .item { float:none; } .gallery .item.w16p, .gallery .item.w20p, .gallery .item.w25p, .gallery .item.w33p { width:100% !important; max-width:65% } }
@media (max-width:850px) { .gallery .item { float:none; } .gallery .item.w16p, .gallery .item.w20p, .gallery .item.w25p, .gallery .item.w33p { width:100% !important; max-width:60% } }
@media (max-width:800px) { .gallery .item { float:none; } .gallery .item.w16p, .gallery .item.w20p, .gallery .item.w25p, .gallery .item.w33p { width:100% !important; max-width:55% } }
@media (max-width:750px) { .gallery .item { float:none; } .gallery .item.w16p, .gallery .item.w20p, .gallery .item.w25p, .gallery .item.w33p { width:100% !important; max-width:50% } }
@media (max-width:700px) { .gallery .item { float:none; } .gallery .item.w16p, .gallery .item.w20p, .gallery .item.w25p, .gallery .item.w33p { width:100% !important; max-width:45% } }
@media (max-width:650px) { .gallery .item { float:none; } .gallery .item.w16p, .gallery .item.w20p, .gallery .item.w25p, .gallery .item.w33p { width:100% !important; max-width:40% } }
@media (max-width:600px) { .gallery .item { float:none; } .gallery .item.w16p, .gallery .item.w20p, .gallery .item.w25p, .gallery .item.w33p { width:100% !important; max-width:35% } }
@media (max-width:550px) { .gallery .item { float:none; } .gallery .item.w16p, .gallery .item.w20p, .gallery .item.w25p, .gallery .item.w33p { width:100% !important; max-width:30% } }


/*============================================================
Table Style - View
=============================================================*/

/* content-view */
.content-view {position: relative;width:auto;vertical-align:top;background-color:#fff; }
.content-view.border-top { border-top:1px solid #e5e5e5; border-bottom:none; }
.content-view .board-header{background:#f2f5f6;padding:16px 100px 18px 26px;/*border-left:4px solid #3cc4d4;*/overflow:hidden;clear:both; border-bottom:1px solid #e5e5e5; }
.content-view .board-header:after{overflow:hidden;clear:both;content:''}
.mail .content-view .board-header{background:#f2f5f6;padding:26px 20px 20px 26px;}
.content-view .board-header i.fa-star { position:relative; margin-right:3px; width:16px; font-size:14px; color:#bcc6cf; }
.content-view .board-header i.fa-star.select { color:#ffa019; }
.content-view .board-header h3{font-size: 13px;font-weight:600;line-height: 20px;}
.content-view .board-header h3 i{position: relative;margin-right:6px;}
.content-view .board-header h3 i.fa.fa-exclamation{display:none;top: 2px;width:14px;height:14px;color: #f05050;font-size: 15px;margin:0;cursor: pointer;}
.content-view.emergency .board-header h3 i.fa.fa-exclamation{display:inline-block;}
.content-view .board-header h3 i.icon.imp{background-position:-83px -41px;cursor: pointer;}
.content-view.important .board-header h3 i.icon.imp{background-position:-83px -55px;cursor: pointer;}
.content-view .board-header .recommend {position: absolute;top: 18px;right: 20px;background-color:#fff;}
.content-view .board-header .recommend a{position: relative;display: block;min-width:60px;height:60px;padding:5px;border:1px solid #ccc;border-radius:3px;text-decoration: none;behavior:url(/iKEP4-Project/workspace/ikep4-webapp/src/main/webapp/ui/css/PIE/PIE.htc);}
.content-view .board-header .recommend p{text-align:center;margin:4px 0 0;line-height: 16px;}
.content-view .board-header .recommend .num{color:#fff;}
.content-view .board-header .recommend .num span{ display:inline-block; padding:1px 6px 0; min-width:20px; height:20px; line-height:20px; border-radius:10px; background-color:#f07070; font-size:11px; }
.content-view .board-header .recommend .doc{color:#111; margin-top:5px;}
.content-view .panel-body{padding:16px 26px;position:relative;}
.content-view .message-body{line-height:22px; min-height:300px; border-bottom:1px solid #e5e5e5; }
.content-view .message-body .attach-info { text-align:right; }
.content-view .message-body .attach-info a { color:#555; text-decoration:none; }
.content-view .message-body .attach-info a:hover { color:#111; }
.content-view .message-body .attach-info i.fa { margin-left:3px; color:#ccc; font-size:12px; }
.content-view .message-body .attach-info ul { padding:5px 10px; margin:5px 0 15px; text-align:right; border:1px solid #eee; }
.content-view .message-body .attach-info ul li { display:inline-block; margin-right:10px; }
.content-view .message-body .attach-info ul li a { color:#555; }
.content-view .message-body .attach-info .file-format { margin-top:3px; }
.content-view button.mfp-close, .content-view button.mfp-arrow {background:#ccc}
.content-view .mfp-arrow {width:42px;height:60px;border-radius:30px;color: #fff;font-size:22px;z-index:3;}
.content-view .mfp-arrow.mfp-arrow-left{border-radius:0 30px 30px 0;text-indent: -8px;behavior:url(/iKEP4-Project/workspace/ikep4-webapp/src/main/webapp/ui/css/PIE/PIE.htc);}
.content-view .mfp-arrow.mfp-arrow-right{border-radius:30px 0 0 30px ;text-indent: 8px;behavior:url(/iKEP4-Project/workspace/ikep4-webapp/src/main/webapp/ui/css/PIE/PIE.htc);}
.content-view .mfp-arrow:before, .content-view .mfp-arrow:after {margin:0;border:none;}
.content-view .board-header i.icon.imp {background-position: -83px -41px; }
.content-view.important .board-header i.icon.imp {background-position: -83px -55px }
.tag-body, .tag-body a{line-height:22px;color:#a0abb4; }
.tag-body a{margin:0 4px; }
.content-view .tag-body { margin-top:-1px; border-bottom:1px solid #e5e5e5; background:#fff; }
.tag-body .fa-pencil { margin-left:5px; font-size:13px; color:#f05050; }

/* content-view table */
.content-view .table th { padding:4px 10px 5px; width:120px; line-height:28px; vertical-align:middle; text-align:right; font-weight:600; color:#111; border-bottom:1px solid #e5e5e5; background-color:#f9f9f9; }
.content-view .table td { padding:4px 10px 5px; line-height:28px; text-align:left; border-bottom:1px solid #e5e5e5; background-color: #fff; }
.content-view .table a { color:#111; }
.content-view .table td .original {background-color: #f1f1f1;}
.content-view .form-group {display:table;margin-bottom:0;padding:0;}
.content-view .form-group label{display:table-cell;padding:6px 10px; line-height:24px; vertical-align:top; border-bottom:1px solid #e5e5e5; color:#111;background-color:#f9f9f9;text-align:right;width:120px; font-weight:600;}
.content-view .form-group .attch-size{position:absolute;right:22px;top:15px;z-index:999;}
.content-view .form-group .attch-size span{text-align:right;color:red;margin-left: 10px;} 
.content-view .form-group div.td {display:table-cell;position:relative;padding:6px 22px 6px 15px; line-height:24px; color:#777;border-bottom:1px solid #e8e8e8;background-color: #fff; border-top:none;text-align:left;color:#111; }
.content-view .dropzone{margin-top:10px;}
.form-horizontal .form-group {margin:0;width: 100%;}
.form-horizontal .form-group input, .form-horizontal .form-group select{height:28px;font-size:12px;}
.form-block table td{border-bottom:1px solid #e8e8e8;}
.form-block .table02 td{border-bottom:none; color:#555;}

/* content-view table full-border  */
.content-view .table.full-border th { width:auto; padding:4px 10px; text-align:center; line-height:22px; border:1px solid #e5e5e5; }
.content-view .table.full-border th.bgcolor1 { background:#cdf1f4; }
.content-view .table.full-border th.bgcolor2 { background:#def4cd; }
.content-view .table.full-border th.bgcolor3 { background:#f7d0d4; }
.content-view .table.full-border td { padding:4px 10px; text-align:center; line-height:22px; border:1px solid #e5e5e5; }

.writer-info {display: table;table-layout: fixed;width: 100%;margin: 0;padding: 0; font-size:11px; letter-spacing:-0.2px;}
.writer-info > li {display: table-cell;table-layout: fixed;display:inline-block;vertical-align: middle;width: auto;}
.writer-info .num { color:#333; }
 .txt_bar {margin: 0 6px 0 8px;color: #3f3a4e;width: 1px;height: 10px;line-height: 10px;background-color: #d6d6d6;vertical-align: middle;display: inline-block;text-indent: -9999px;}
.attach-list {padding:0;}
.attach-list li{display:inline-block;margin-right:10px;}
.attach-list li i{position:relative;vertical-align:middle;top:-1px;}
.sender-info {margin-top:20px;}
.sender-info > .label{vertical-align: super;font-weight:600;margin-right:20px;}
.sender-info > ul.list {margin-left: 60px;margin-top: -28px;}
.sender-info > ul.list > li{position:relative;display:inline-block;padding:2px 0; vertical-align:middle; }
.sender-info > ul.list > li .sender .check {display:inline-block;}
.sender-info > ul.list > li.unread > .sender > .check{display:inline-block;background-color:#f2f5f6;border:1px solid #ccc;border-radius:10px;padding:2px 4px;font-weight:600;scolor:#111;}
.sender-info > ul.list > li .sender{padding: 0 14px 0 0;background-color: #e2e2e2;height: 26px;line-height: 16px;border-radius: 13px;border-bottom: 0px solid #ccc;overflow: hidden;text-overflow:ellipsis;white-space:nowrap; -o-text-overflow:ellipsis;}
.sender-info > ul.list > li .sender .per26 {position: relative;}
.sender-info > ul.list > li .sender .check {display:inline-block}

.lately-list {position: relative;float: left;padding-right: 20px;line-height: 28px;}
.lately-list > .label{vertical-align: super;font-weight:600;margin-right:20px;}
.lately-list > ul.list {margin-left: 40px;margin-top: -39px;height: 33px;}
.lately-list > ul.list > li{position:relative;display:inline-block;height:40px;padding:4px 0;}
.lately-list > ul.list > li a{display:block;}
.lately-list > ul.list > li a span img{margin-top: -3px;}
.lately-list > ul.list > li i{font-size:14px;color:#3cc4d4;vertical-align: sub;}
.dropdown-menu.dropdown-user {min-width: 170px;top:38px;background-clip: padding-box;border: 2px solid #3cc4d4;border-radius: 0px;padding:0px !important;}
.dropdown-menu.dropdown-user {top:37px;left:-93px}
.dropdown-menu.dropdown-user > li > a > div {display:inline-block;vertical-align: middle;}
.dropdown-menu.dropdown-user > li > a > div > span.team-name {opacity:.6;font-size:11px;}

/* gallery-view */ 
.gallery-view {display:block;background:#fff;padding:0;clear:both}
.gallery-view > div{padding:4px 0;}
.gallery-view > .subject {font-weight:600;padding:6px 0;line-height: 20px;}
.gallery-view > .date {line-height: 20px;}
.gallery-view > .msg {line-height: 20px;}
.gallery-view > .btn-wrap{padding:10px 20px;}
.gallery-view > .board-header{background-color:#fff;border-bottom:1px solid #eeeeee;}
.gallery-view > .reply-wrap{margin:13px 20px 0;}


/*============================================================
Table Style - Write
=============================================================*/

/* content-write */
.content-write .table th { padding:4px 10px 5px; width:120px; line-height:28px; vertical-align:middle; color:#111; text-align:right; font-weight:600; border-bottom:1px solid #e5e5e5; background-color:#f5f5f5; }
.content-write .table td { padding:4px 10px 5px; line-height:28px; vertical-align:middle; text-align:left; color:#111; border-bottom:1px solid #e5e5e5; background-color: #fff; }

/* content-write table full-border  */
.content-write .table.full-border th { width:auto; text-align:center; border:1px solid #e5e5e5; }
.content-write .table.full-border td { text-align:center; border:1px solid #e5e5e5; }

.dropzone .dz-message{padding: 10px 0;}
.dropzone.dz-clickable .dz-message span {cursor: pointer;font-size: 11px;}

.content-write .form-group { position:relative; margin-bottom:0;padding:0;}
.content-write .form-group label{display:table-cell;padding:6px 10px; line-height:28px; vertical-align:middle; border-bottom:1px solid #e5e5e5; color:#111;background-color:#f5f5f5;text-align:right;width:120px; font-weight:600;}
.attch-size{position:absolute;right:20px;top:10px;z-index:999;}
.attch-size span{text-align:right;color:red;margin-left: 10px;} 
.content-write .form-group div.td {display:table-cell;position:relative;padding:6px 10px; border-bottom:1px solid #e5e5e5;background-color: #fff; border-top:none;text-align:left;color:#111; line-height:28px; }
.dropzone{margin-top:10px;}
.form-horizontal .form-group {margin:0;width: 100%;}
.form-horizontal .form-group input, .form-horizontal .form-group select{height:28px;font-size:12px;}
.modal-body .content-write .table > tbody > tr > td { padding-right:20px; }
.alarm-inline { color:#999; }

/*============================================================
Table ETC
=============================================================*/

.inform-wrap {padding:7px; background-color:#e9ecef;}
.statement { position:relative; border:1px solid #ccc; background:#fff;}
.statement h4 {padding:12px 14px;background-color:#f9fafc;border-bottom:1px solid #cccccc;font-size: 16px;font-weight: 600;}
.lt-ie9 .statement h4 { padding:12px 14px 10px; }
.statement > button.status { position:absolute; top:9px; right:20px; }
.statement .cate-box1, .statement .cate-box2, .statement .cate-box3 { position:absolute; top:11px; right:20px; }

.table02 th { text-align:right; }
.table02 th, .table02 td { padding:8px; border:none; vertical-align:top; }
.table03 { width: 100%; margin-bottom: 10px; background:none; }
.table03>thead>tr>th, .table03>tbody>tr>th, .table03>tfoot>tr>th, .table03>thead>tr>td, .table03>tbody>tr>td, .table03>tfoot>tr>td { height:32px; border-bottom:none; }


/*============================================================
comment
=============================================================*/

.comment-wrap{padding: 20px 20px 15px;background-color:#f9f9f9; border-bottom:1px solid #e5e5e5; }
/* .comment-wrap .btn {padding: 1px 8px 1px;font-size:12px;} */
.comment-wrap .input-group{width:100%;padding: 10px 0px 20px;}
.comment-wrap .input-group-btn .btn{height: 48px;width:54px;}
.comment-wrap .input-group-btn .btn i{font-size:20px;}
.comment-wrap textarea{ resize:none;font-size:12px;height:48px; }
.comment-wrap .input-group textarea{ border-radius:2px 0 0 2px !important;}
.sender {padding-bottom:10px;border-bottom:1px solid #ccc;}
.comment-list .title, .commentWrite.title{border-bottom:0px solid #bcbcbc;padding-bottom: 0;overflow: hidden;margin-top: 0;}
.comment-list .h3_box{padding:14px 10px 8px;border-top:1px solid #ececec}
.comment-list {padding:;border-top:0;}
.comment-list ul{clear:both;display:block;padding: 0;}
.comment-list li{border-top:1px solid #ececec;position: relative; padding: 2px 40px 8px 45px;}
.comment-list li:first-child { border-top:none; }
.comment-list li a{color:#8a8a8a;}
.comment-list li a > span:nth-child(2) + span{width:48px}
.comment-list li a > span:nth-child(2) + span strong{width:48px}
.comment-list li a > span:nth-child(2) + span:before{left:18px}
.comment-list li .fa {margin-left:5px;font-size:13px;}
.comment-list .sub_right{padding-bottom:10px;}
.commentWrite .sub_right{padding-bottom:10px;padding-top: 10px;}
.comment-list .name {font-size: 11px;color:#333;font-weight:600;letter-spacing: -0.5px;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.comment-list .date {font-size:11px;color:#333;font-weight:normal;}
.comment-list .sjt {font-size: 11px;color:#333;margin-bottom:10px;}
.comment-list .mysjt {font-size: 12px;line-height:17px;color:#666666;margin-bottom:4px;display: block;}
.comment-list .mysjt .unconnected, .comment-list .mysjt .connected {margin-left:0;margin-right:6px;}
.comment-list .status {position: absolute;right: 10px;top: 39%;color:transparent;width: 52px;}
.comment-list .comment-photo{position: absolute;left: 10px;top: 8px;color:transparent;	}
/* .comment-list button{position: absolute;right: 10px;top: 10px;color: transparent !important;width: 52px;} */

.rewrite-wrap { padding:10px 20px; margin-top:-1px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; }
.rewrite-wrap li { padding:7px 0 8px; border-top:1px solid #eee; }
.rewrite-wrap .title { display:inline-block; }
.rewrite-wrap .info { display:inline-block; margin-left:20px; font-size:11px; color:#a6a5a2; letter-spacing: -0.5px; }


/*============================================================
mail reply
=============================================================*/

.mail .reply-wrap{padding: 20px 20px 15px;background-color:#f9f9f9;}
.mail .reply-wrap .fa-reply{color:#9b9b9b}
.mail .reply-wrap .active .fa-reply{color:#fff}
.mail .reply-wrap input, .reply-wrap textarea {border:none;box-shadow:none;border-radius:0;}
.mail .reply-wrap textarea:focus {height:200px;}
.mail .reply-wrap .reply-w {border:1px solid #ccc; margin-top:10px;background-color:#fff;}
.mail .reply-wrap .reply-w > div{padding:4px;border-bottom:1px solid #ccc;overflow:hidden;}
.mail .reply-wrap .reply-w > div:last-child{border-bottom:none;}
.mail .reply-wrap .reply-w:after{content:" ";clear:both}
.mail .reply-wrap .input-group.organization div.tagsinput {border:none!important;box-shadow:none;}
.mail .reply-wrap .reply-w a.btn {border-radius:20px!important;padding: 3px 4px;}
.mail .reply-wrap .reply-w .reply-edit{padding-left: 10px;background-color:#f9f9f9;}
.mail .reply-wrap .reply-w .reply-edit span{height:26;line-height:26px;}
.mail .reply-wrap .reply-w .reply-edit .fa-font{color:#636A70;font-size:14px;text-decoration:underline;}
.mail .content-view .board-header{background:#f2f5f6;padding:26px 20px 20px 26px;}


/*============================================================
person-info
=============================================================*/

.person-info-photo { position:absolute; top:15px; left:15px; }
.person-info { margin:0 15px 0 135px; }
.person-info .name { margin-bottom:10px; font-size:14px; color:#111; font-weight:600; }
.person-info .t2 { color:#555; }
.person-info .group { padding:5px 10px; margin-bottom:10px; color:#999; border-radius:2px; border:1px solid #ebebeb; background:#fafafa; }
.person-info ul li { padding:2px 0; }
.person-info ul li .title { display:inline-block; padding-left:8px; font-weight:600; color:#111; min-width:90px; background:url(../images/common/ic_dot.png) no-repeat 0 8px; }
.person-info ul li .con { display:inline-block; color:#555; }


/*============================================================
pagination
=============================================================*/
.pagination-wrap { padding:6px 0 7px; margin-top:-1px; height:40px; text-align:center; border-top:1px solid #eee; border-bottom:1px solid #eee; background:#fff; }
.pagination { display:inline-block; }
.pagination > li { display:inline; }
.pagination > li > a, .pagination > li > span { float:left; font-weight:600; margin:0 2px; padding:4px 9px; min-width:25px; height:25px; text-decoration:none; border:none !important; border-radius:25px !important; }
.pagination > li > a .fa {font-size:11px; vertical-align:text-bottom; }
.pagination > li > a.disabled .fa { color:#ced3d6; }
.pagination > li > a:hover.disabled { cursor:default; background:none; }


/*============================================================
search-wrap
=============================================================*/

.search-wrap {margin:0 20px 10px;background-color:#f9f9f9;padding:14px 20px 4px;border:1px solid #d1d1d1;border-top:none;border-radius: 0 0 6px 6px;behavior:url(/iKEP4-Project/workspace/ikep4-webapp/src/main/webapp/ui/css/PIE/PIE.htc); }
.search-wrap.round { padding:8px 20px 4px; margin:0 0 10px; border-radius:6px; border:1px solid #d1d1d1; }
.search-wrap .panel-body{padding: 0px;}
.search-wrap .panel-default {border: none;}
.search-wrap .panel {background-color: transparent;margin-bottom: 0px;box-shadow: none;}
.search-wrap .input-group-addon{border-color: transparent;background-color: transparent;}
.search-wrap .form-group{margin-bottom: 0px;position: relative;}
.search-wrap .row{padding-right:100px; margin-bottom:15px; margin:0; }
.search-wrap .row:first-child{margin-bottom:0;}
.search-wrap .search_btn{position:absolute;right:0;bottom: 10px;text-align: right;padding: 0;}
.search-wrap .search_btn .btn { padding:3px 11px 4px; }
.search-wrap .ap-step-wrap {padding-left: 65px;}
.search-wrap .row label { display:block; margin-bottom:5px; font-weight:600; color:#999; }
.search-wrap span.ex {line-height: 26px;font-size:11px;}
.search-wrap .col-group { float:left; position:relative; padding:0 20px 10px 0; }
.search-wrap .ui-step-wrap input[type="checkbox"] { vertical-align:bottom; }
.search-wrap .ui-step-wrap .ui-step { margin:-38px 20px 0 80px !important; padding:0; }
.search-wrap .input-search{position: relative;float: left;}
.search-wrap .input-search a {position: absolute;top: 0;right: 0;display: inline-block;padding: 5px;width: 29px;height: 27px;border-radius: 0 4px 4px 0;background: #3cc4d4;}

.lt-ie9 .search-wrap .ui-step-wrap .ui-step { margin:-42px 20px 0 80px !important; }
.lt-ie9 .search-wrap .ui-step-wrap > input[type="checkbox"] { margin-top:5px !important; }


/*============================================================
ui-step
=============================================================*/

.ui-step { position:relative; margin:0 20px; min-height:46px; }
.ui-step .step-bar { position:absolute; top:29px; left:0; width:100%; height:6px; background:#e6e6e6; }
.ui-step input { opacity:0; vertical-align:text-top; }
.ui-step label { position:absolute; top:-4px; cursor:pointer; }
.ui-step span.txt { display:inline-block; position:absolute; top:0; left:-22px; width:60px; text-align:center; font-weight:normal; color:#555; }
.ui-step span.box { display:block; position:absolute; top:28px; left:0; width:16px; height:16px; border:2px solid #ccc; border-radius:2px; background:#fff; }
.ui-step input:checked + span.box:after { position:absolute; top:-2px; left:-2px; width:16px; height:16px; line-height:12px; color:#3cc4d4; font-weight:normal; font-family:FontAwesome; content:"\f00c"; border:2px solid #3cc4d4; border-radius:2px; background:#fff; }

.lt-ie9 .ui-step .step-bar { left:5px; }
.lt-ie9 .ui-step span.box { display:none; }
.lt-ie9 .ui-step input { margin-top:27px; }


/*============================================================
approval
=============================================================*/

.approval .approval_summary {position: relative;padding:10px;background-color:#f3f3f3 ;}
.approval .nav { padding:0 10px; }
.approval .ap-status .btn {padding:0 8px;position: relative;height: 23px;border-radius:0;background-color:#fff;border:1px solid #ddd;margin-bottom: 0;}
.approval .ap-status .btn a:hover{background-color:#ddd;color:#111}
.approval .ap-status .btn li{padding:0;}
.approval .ap-status .btn li.dropdown-header{padding: 2px 2px 2px 10px;position: relative;height: 28px}
.approval .ap-status .btn .select-select2 {width: 101px;float: left;display: inline-block;margin-right: 4px;height:28px;border: 1px solid #c3c6c9;}
.approval .ap-status .btn .select2-arrow {top:0;left:26px}
.approval .ap-status .btn .select2-chosen{margin-left: 40px;line-height: 28px;margin-right: 28px;}
.approval .ap-status .btn .select2-category b {background-color: #fd7272;margin:6px;display: block;width: 14px;;height: 14px;}
.approval .ap-status .btn .select2-category i { margin:0; }
.approval .ap_st_list {left:-52px;}
.approval .ap-status .caret{color:#111;vertical-align:middle;}
.approval .ap-status .caret.up{border-bottom: 4px solid;border-top: 0px solid;}
.approval .ap-status .temp .caret { color:#bdbfc2; }
.approval .ap-status .progress .caret { color:#3cc4d4; }
.approval .ap-status .completion .caret { color:#50cd7c; }
.approval .ap-status .reject .caret { color:#f07070; }
.approval .ap-status .withdraw .caret { color:#f5a741; }
.approval .ap-status .return .caret { color:#ff976e; }
.approval .ap-status .wait .caret { color:#d8d8d8; }

.appline-lst .status.progress { color:#999; }
.appline-lst .status.completion { color:#59c2e6; }
.appline-lst .status.reject { color:#f07070; }
.appline-lst .status.withdraw { color:#f07070; }
.appline-lst .status.return { color:#ff976e; }
.appline-lst .status.wait { color:#999; }

.approval .table-search.astatus {top:10px;}
.approval .table-search.astatus > span {padding-left:6px;}
.ap-status .table-search { position:relative;  }
.ap-status .table-search.astatus {top:0px;}
.ap-status > .dropdown-menu.dropdown-custom > li {padding: 4px 0px;}
.ap-status > .dropdown-menu > li > a:hover, .ap-status .dropdown-menu > li > a:focus, .ap-status .dropdown-menu > .active > a, .ap-status .dropdown-menu > .active > a:hover, .ap-status .dropdown-menu > .active > a:focus { color:#111; background-color:#f9f9f9; }
.ap-status > .dropdown-menu i { line-height:19px; opacity: 0.8; }
.ap-status > .dropdown-menu a:hover i { opacity:1; filter:alpha(opacity=100); }
.ap-status > .dropdown-menu.dropdown-custom > li > a {position:relative;}
.ap-status > .dropdown-menu.dropdown-custom {min-width: 100px;padding: 8px 0;}
.approval .ap_st_list .table-search.astatus > span {padding-left: 20px;}

.content-wrap.approval{padding:0 20px; }
.approval .content-write{border:1px solid #cccccc;padding:20px;color:#000;}
.approval .content-write:before { content: ""; /*background-image: url('../images/common/bg_clip.png');background-position: 50% 50%; */ position: absolute;background-repeat: no-repeat;top: 16px;left: 0;width: 100%;height: 50px;}
.approval h2{ font-size:30px; text-align:center; margin-bottom:10px;}
.approval .content-write .detail-info {position: relative;margin: 15px 10px;}
.approval .content-write .detail-info h4{font-size:14px;font-weight: 600;color:#3cc4d4;border-bottom:1px dashed #9b9b9b;padding-bottom:10px;margin-bottom:10px;}
.approval .content-write .detail-info h5{font-size:14px;font-weight: 600;color:#3cc4d4;padding-bottom: 10px;}
.approval .appline-wrap { margin:0 10px 20px;}
.approval .appline-wrap > div{clear: both;}
.approval .appline-wrap:before, .approval .appline-wrap:after{clear: both;}
.approval .appline-wrap > div > div{display:table}
.approval .appline-wrap > div > div > div{display:table-cell}

.appline-lst { margin-bottom:10px; border:1px solid #ccc; border-collapse:collapse; table-layout:auto; }
.appline-lst th { padding:0 6px; width:32px; height:100%; color:#111; background-color:#f5f5f5; text-align:center; }
.appline-lst td { line-height:18px; text-align:center; border: 1px solid #ccc; }
.appline-lst .apprLine { padding:5px 0; width:113px; }
.appline-lst .date {font-family:"Open Sans", sans-serif;font-size:11px;color:#999;}
.appline-lst .status {font-size:14px;font-weight:600;padding: 1px 0 !important; width:auto !important}
.appline-lst.wide {width:380px;height:18px;padding:0 0 3px 67px;line-height:18px;vertical-align:top}
.appline-lst .ellipsis{line-height:18px;text-overflow:ellipsis;	-o-text-overflow:ellipsis;-ms-text-overflow:ellipsis;vertical-align:top;white-space:nowrap}

.content-list.approval.form {border-right: none;} 
#approval-reg-modal > .modal-dialog {width: 840px;margin: 100px auto;}

/* approval print */
.approval.print .border-top { border-top:1px solid #000; }
.approval.print .content-write { border:0px solid #cccccc;padding:15px;}
.approval.print .content-write:before{background-image:none}
.approval.print h2{text-align:center; margin:0; }
.approval.print .appline-wrap { margin:0 0 10px;}
.approval.print .appline-lst dt{color:#000;background-color:#f5f5f5;border-right: 1px solid #000;}
.approval.print .appline-lst dd.apprLine {border-bottom: 1px solid #000;}
.approval.print .appline-lst{position:relative; zoom:1;border: 1px solid #000;}
.approval.print .content-write .table > tbody > tr > th {color: #000;background-color: #f5f5f5;font-weight:400;}
.approval.print .content-write .table > tbody > tr > td {color: #000;}
.approval.print .content-write .table>tbody>tr>th, .approval.print .content-write .table>tfoot>tr>th, .approval.print .content-write .table>thead>tr>td, .approval.print .content-write .table>tbody>tr>td, .approval.print .content-write .table>tfoot>tr>td { padding:5px 10px; border-bottom: 1px solid #000; }
.approval.print span.docbox {padding: 1px 10px 2px 10px;font-weight:400;}
.approval.print .content-write .detail-info h4 {color: #111;font-weight:600;}
.approval.print i.icon.doc {width:14px;height:17px;background-position:-61px -96px;}
.approval.print .content-write .detail-view {border:1px solid #000;padding:20px;}
.approval.print .appline-lst, .approval.print .appline-lst td { border:1px solid #000; }
.approval.print .appline-lst .date {color: #000;}
.approval.print .appline-lst .status {font-weight:600;}
.approval.print .appline-lst .status.aprogress {color:#000;}
.approval.print .appline-lst .status.completion {color:#000;}
.approval.print .appline-lst .status.return {color:#000;}
.approval.print .appline-lst .status.withdraw {color:#000;}
.approval.print {font-family: �룍��, �룍��泥�, Dotum, "Helvetica Neue", Helvetica, Arial, sans-serif;}
.approval.print .inform-wrap { padding:7px; background:#fff; }
.approval.print .content-write .detail-info { margin:20px 0; }
.approval.print .statement { background:none; border:none; }
.approval.print .statement h4 { padding:11px 0; background:none; border-bottom:1px dashed #999; font-size:12px; font-weight:normal; }
.approval.print .table02 { margin-bottom:0; border:1px solid #000; }
.approval.print .table02 > thead > tr > th { font-weight:700; }


/*============================================================
note
=============================================================*/

.event_color_button {display: inline-block;vertical-align: middle;width: 15px;height: 15px;}
span.event_color_button_active { display:inline; border:2px solid orange; border-radius:3px;padding: 2px 1px; }
span.event_color_button { border: 1px solid #eee; }
a.event_color_button { margin: 1px; cursor: pointer;border-radius:2px; }
.note_color_box, .color-box {display: inline-block;vertical-align: middle;width: 13px;height: 13px;border-radius:2px;border:1px solid #fff;margin-right: 5px;}
.note-class-type1, .color-type1 { background-color: #ff7f7f; border:1px solid #dd7f7f; }
.note-class-type2, .color-type2 { background-color: #ff7fbf; border:1px solid #dd7faf; }
.note-class-type3, .color-type3 { background-color: #ff7fff; border:1px solid #ee7fee; }
.note-class-type4, .color-type4 { background-color: #bf7fff; border:1px solid #be7fee; }
.note-class-type5, .color-type5 { background-color: #7f7fff; border:1px solid #7f7fdd; }
.note-class-type6, .color-type6 { background-color: #7fbfff; border:1px solid #7fafdd; }
.note-class-type7, .color-type7 { background-color: #7fffff; border:1px solid #7feeee; }
.note-class-type8, .color-type8 { background-color: #7fffbf; border:1px solid #7feeaf; }
.note-class-type9, .color-type9 { background-color: #7fff7f; border:1px solid #7fdd7f; }
.note-class-type10, .color-type10 { background-color: #bfff7f; border:1px solid #afee7f; }
.note-class-type11, .color-type11 { background-color: #ffff7f; border:1px solid #eeee7f; }
.note-class-type12, .color-type12 { background-color: #ffbf7f; border:1px solid #eeaf7f; }
.note-class-type13, .color-type13 { background-color: #ffb7b7; border:1px solid #eea7a7; }
.note-class-type14, .color-type14 { background-color: #ffb7db; border:1px solid #eeb7cb; }
.note-class-type15, .color-type15 { background-color: #ffb7ff; border:1px solid #eeb7ee; }
.note-class-type16, .color-type16 { background-color: #dbb7ff; border:1px solid #cbb7ee; }
.note-class-type17, .color-type17 { background-color: #b7b7ff; border:1px solid #b7b7ee; }
.note-class-type18, .color-type18 { background-color: #b7dbff; border:1px solid #b7cbee; }
.note-class-type19, .color-type19 { background-color: #b7ffff; border:1px solid #b7eeee; }
.note-class-type20, .color-type20 { background-color: #b7ffdb; border:1px solid #b7eecb; }
.note-class-type21, .color-type21 { background-color: #b7ffb7; border:1px solid #a7eea7; }
.note-class-type22, .color-type22 { background-color: #dbffb7; border:1px solid #cbeeb7; }
.note-class-type23, .color-type23 { background-color: #ffffb7; border:1px solid #eeeeb7; }
.note-class-type24, .color-type24 { background-color: #ffdbb7; border:1px solid #eecbb7; }
.note-share {position:absolute;right:16px;top: 5px;}
.note-share i{color:#ccc;font-size:14px;}
.note-fshare {position:absolute;right:6px;top: 1px;}
li.current li.current .note-share i{color:#fff;}
.leftmenu > ul > li > ul.myfd-list > li {position:relative;}
.leftmenu ul.myfd-list li a {padding: 3px 0 0 25px !important; background-image: none !important;}
.note-info {margin-top:6px;margin-left:0px;}
.note-info span{display:inline-block;color: #969696;font-size: 11px;}
.note .media, .note .media-body { overflow: hidden; zoom: 1 }
.note .media-body .subject a { height:20px; padding-right:30px; text-overflow:inherit; white-space:inherit; }
.note .media, .note .media .media { margin-top: 0px }
.note .media:first-child { margin-top: 0 }
.note .media-object { display: block;width:110px;height:110px; }
.note .media-heading { margin: 0 0 5px }
.note .media>.pull-left { margin:2px 16px 0 0; }
.note .media>.pull-right { margin-left: 10px }
.note .media-list { padding-left: 0; list-style: none }
.note .summary .msg, .note .summary .subject{margin-top:0}

.content-write.note {position: relative;padding:14px;background-color:#e6ebed;border-bottom:1px solid #d1d1d1;background-image: url('../images/common/bg_noteB.png');background-repeat: repeat-x;background-position: left -17px;}
.note .imp-wrap input.notettl{border:none;background-color:transparent;box-shadow: none;line-height:31px;height:30px;color:#111}
.dropdown-note-category {width:160px;z-index:2;}
.dropdown-note-category .dropdown-menu{width:160px;}
.noteWrite-header > .imp-wrap{}
.dropdown-note-category > a{position:relative;display: block;padding:6px 10px;border:1px solid #ccc;background-color:#fff;min-width:150px;color:#111;line-height:16px;text-decoration:none; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.dropdown-note-category > a > i{position: relative;font-size:14px;color:#394263;margin-right:3px;top: 1px;}
.dropdown-note-category > a > .caret {position:absolute;right:10px;top: 13px;}
.dropdown-note-category > .dropdown-menu{font-size:12px;}
.dropdown-note-category > ul.dropdown-menu{padding:6px 0}
.dropdown-note-category > ul.dropdown-menu li{padding:3px 2px}

.noteWrite-header{display:table;position:relative;width:100%;padding: 10px;border-bottom: 1px dashed #ccc;background-color: #f4ecce;}
.noteWrite-header > div{position:relative;vertical-align: middle;}
.noteWrite-header .imptnt {position: absolute;left: 16px;top: 7px;}
.notedit-wrap {position:relative;border: 1px solid #cbced1;background-image:url('../images/common/bg_noteW.png');}
.notedit-wrap:before{content: "";background-image: url('../images/common/bg_noteBl.png');background-position: left bottom;position: absolute;background-repeat: no-repeat;bottom:-17px;left: 0px;width: 100%;height: 16px;}
.notedit-wrap:after{content: "";background-image: url('../images/common/bg_noteBr.png');background-position: right bottom;position: absolute;background-repeat: no-repeat;bottom:-17px;right: 0px;width: 100%;height: 16px;}
.notedit-wrap .note-ttl{padding:0 50px 0 162px;}
.notedit-wrap .toggle-btn { position:absolute; top:11px; right:14px; }
.notedit-wrap .toggle-btn a { display:block; width:27px; height:27px; padding:5px 0 0 6px; border:1px solid #dedbd1; border-radius:50%; background:#fff; }
.notedit-wrap .toggle-btn a i { color:#f07070; font-size:14px; }
.note .cke_inner {background: transparent;}
.note .cke_top {background: transparent;}
.note .cke_wysiwyg_frame, .note .cke_wysiwyg_div{background: transparent;}
.note .cke_bottom {background: transparent;opacity:.3;}
.note .attach-wrap {padding:20px;background: transparent;}
.note .dropzone {position: relative;border: 2px dashed #d6d6d6;background-color: transparent;padding: 1em;}
.note .form-group .attch-size {position: absolute;right: 20px;top: 26px;z-index: 999;}
.note-bottom {background-image: url("../images/common/bg_noteB.png");background-position: left top;background-repeat: repeat-x;bottom: -31px;height: 30px;left: 20px;margin-right: 0;position: absolute;right: 20px;width: auto;}

h3.folder-mng {font-size:14px;color:#3cc4d4;font-weight:600;margin-bottom:10px;}

.simple-w {position: relative;padding: 14px;background-color: #e6ebed;border-bottom: 1px solid #d1d1d1;}
.simple-w .attach-wrap{padding:0;}
.simple-w .attch-size {position: absolute;right: 20px;top: 10px!important;z-index: 999;}
.simple-w form{padding:0;}
.simple-w form .form-group { padding:10px; }
.simple-w form .textarea-editor{border:none;background-color:transparent;box-shadow: none;height:150px;}
.simple-w form .textarea-editor:focus{height:150px;}

.list-attach {position:absolute;top:20px;right:20px}
.list-attach i{text-indent:-9999px;font-size:14px;}

span.docbox {position: relative;display: inline-block;margin-right: 4px;margin-left:10px;border: 1px solid #dde0e9;background-color: #f2f3f7;color: #111;font-weight: 600;border-radius: 2px;padding: 0 30px 0 10px;text-decoration: none;font-size: 12px; vertical-align:middle; line-height:25px;}
span.docbox a {position: absolute;color: #ffffff;display: block;top: 4px;right: 10px;font-weight: bold;text-decoration: none;font-size: 12px;line-height: 16px;height: 20px;width: 10px;text-align: center;vertical-align: middle;}
span.docbox a,
span.docbox a:hover,
span.docbox a:focus {color: #ffffff;text-decoration: none;}
td .docbox:first-child {margin-left:10px;}
.docbox~.docbox {margin-left:0px;}

/* planner 蹂꾨룄 �젙由� �븘�슂
.calendar .btn-primary {color: #fff;background-color: #6ad2eb;border-color: #1bbae1;}
.calendar .btn-primary.category{padding:0px 6px 0;color: #ccc;background-color: #fff;border-color: #ccc;margin-right:6px;display: table-cell;width: 42px;margin-right:4px;}
.calendar .btn-primary.category .ca{width: 16px;height: 16px;border-radius:4px;display: inline-block;top: 4px;position: relative;}
.calendar .btn-primary.category .caret{vertical-align: super;}
.calendar .sch-header{height:40px;}
.calendar .sch-header h2 {float:left;}

.sch-header { margin:0 15px 20px; border-bottom:1px solid #d1d1d1; }
.sch-header h2 { padding:4px 0 14px 36px; font-size:18px; color:#333; font-weight:600; background:url(../images/common/ic_clock.png) no-repeat 0 0; }

.fc-header-title h2 { font-family:"Open Sans", sans-serif; font-size:28px; }
thead th.fc-widget-header { padding:5px 2px; font-size:13px; }
.fc-border-separate th { border-width:1px 0 1px 1px; }
.fc-border-separate thead th.fc-last { border-right-width:1px; }
*/


/*============================================================
workspace
=============================================================*/

.content-wrap.workspace {  }
.content-wrap.workspace.bg { padding:10px; }
.content-wrap.workspace .subarea-img { width: 100%; height: 100%; }
.content-wrap.workspace .subarea-img .carousel-inner .item > span { color: #555; background: #fff; min-height: 230px; }
.content-wrap.workspace .content-list .r-block { position: absolute; top: 20px; right: 20px; }
.content-wrap.workspace .subarea-img .carousel-indicators { position:absolute; top:16px; right:20px; left:auto; bottom:auto; margin:0; width:auto; }

.input-search-lg { position:absolute; top:11px; left:160px; width:40%; min-width: 150px; }
.input-search-lg input { padding:0 50px 0 10px; height:33px; border:2px solid #3cc4d4; }
.input-search-lg > .input-group > a { z-index:3; position:absolute; top:0; right:0px; display:inline-block; width:39px; height:33px; border-radius:0 3px 3px 0; background:#3cc4d4 url(../images/common/ic_search2.png) no-repeat center; }
.input-search-lg .dropdown-menu { border-radius:0; }
.input-search-lg .dropdown-menu > li > a { padding: 6px 10px; }
.input-search-lg .input-group .btn { margin-right:-1px; padding: 6px 12px; border: 1px solid #36b2c1 !important; border-top-left-radius: 2px !important; border-bottom-left-radius: 2px !important; border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; }

.workspace .fixed-board .iconlist { margin-top:10px; }
.workspace .fixed-board .iconlist .icon { margin:0 0 0 4px; }
.workspace .fixed-board .iconlist .num { font-size:11px; }

.workspace .box-header { padding:13px 0 0; }
.workspace .box-title { margin:0; padding:2px 0 10px 10px; font-size:14px; font-weight:600; color:#111; border-bottom:1px solid #e6ebed; }
.workspace .box-body { padding: 5px 15px 0px 15px; }
.workspace .box-body.mylist2 ul { padding: 0; }
.workspace .box-body.mylist2 li:first-child { border-top: none; }
.workspace .box-body.mylist2 li { position: relative; padding: 8px 0; border-top: 1px solid #F4F4F4; }
.workspace .box-body.mylist2 li a { color: #111; font-weight:600; }
.workspace .box-body.mylist2 li .info { padding-top: 5px; font-size: 11px; color: #999; }
.workspace .box-body.mylist2 li .info .name { padding: 0 8px 0 3px; margin-right: 4px; background: url(../images/common/bar_02.png) no-repeat right 3px; color: #111; }
.workspace .box-body.mylist2 li .date { font-family: "Open Sans", sans-serif; font-size: 11px; color: #999; }

/* workspace - timeline */
.workspace .body.timeline { padding:0 20px; min-height: 626px; }
.workspace .body.timeline ul { padding:0; }
.workspace .body.timeline li { position:relative; }
.workspace .body.timeline li .date { position:absolute; top:22px; left:0; font-family:"Open Sans", sans-serif; font-size:10px; color:#555; }
.workspace .body.timeline li .icon { position:absolute; top:22px; left:31px; }
.workspace .body.timeline li .con-wrap { min-height:30px; margin:0 0 0 39px; padding:15px 0 15px 15px; border-left:1px solid #ddd; }
.workspace .body.timeline li .con-wrap .con, .workspace .body.timeline li .con-wrap .con a { color:#999; }
.workspace .body.timeline li .con-wrap .list-wrap { position: relative; padding: 10px 0 0; }
.workspace .body.timeline li .con-wrap .list-wrap .per30 { display:inherit; width:auto; height:auto; }
.workspace .body.timeline li .con-wrap .list-wrap .per30 a { display: block; position: absolute; top: 0; left: 0; width: 30px; height: 30px; background: url(../images/placeholders/avatars/avatar_30x30.png) no-repeat 0 0; }
.workspace .body.timeline li .con-wrap .list-wrap .per30 img { width: 30px; height: 30px; border-radius: 15px; }
.workspace .body.timeline li .con-wrap .list-wrap .info3 { margin: -8px 0 0 38px; font-size: 11px; color: #999; }
.workspace .body.timeline li .con-wrap .list-wrap .info3 .name { font-size: 11px; color: #111; }
.workspace .body.timeline li .con-wrap .list-wrap .info3 .team { font-size: 11px; color: #999; }
.workspace .body.timeline li .con-wrap .list-wrap .iconlist { position: absolute; top: 2px; right: 0; }
.workspace .body.timeline li .con-wrap .title1 { font-weight:600; }
.workspace .body.timeline li .con-wrap .desc1 { display: inline-block; margin-top: 3px;color:#999; }

/* mworkspace - t-schedule */
.workspace .body .t-schedule { padding:8px 0 6px 0; text-align:center; }
.workspace .body .t-schedule ul { padding:0; }
.workspace .body .t-schedule li { display:inline-block; padding:0 2px; padding-top:3px; }
.workspace .body .t-schedule li.pre a { opacity:0.7; display:inline-block; width:16px; height:16px; background:url(../images/common/ic_ar_pre_next.png) no-repeat 0 -16px; vertical-align: text-bottom; }
.workspace .body .t-schedule li.next a { opacity:0.7; display:inline-block; width:16px; height:16px; background:url(../images/common/ic_ar_pre_next.png) no-repeat -22px -16px; vertical-align: text-bottom; }
.workspace .body .t-schedule li.date { display:inline-block; margin-top:-3px; color:#f05050; font-size:16px; font-weight:600; vertical-align:top; }
.workspace .body .t-schedule li a:hover { opacity:1; }
.workspace .body .tab-content { display: inline-block; margin-left: 30px;}
.workspace .body .graph { position: absolute; top: 10px; left: 5px; }
.workspace .body .schdule-list { margin: 10px 0 5px 15px; overflow: hidden; }
.workspace .body .schdule-list .time { font-family: "Open Sans", sans-serif; font-size: 11px; color: #555; }
.workspace .body .schdule-list .con a { font-weight: 600; color: #111; }

.workspace .body.list1 ul { margin: 6px 25px; padding: 0; }
.workspace .body.list1 ul li:first-child { border-top: none; }
.workspace .body.list1 li { position: relative; padding: 6px 0 7px; border-top: 1px solid #f4f4f4; }
.workspace .body.list1 a { display: block; color: #111; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.workspace .body.list1 .name { position: absolute; top: 7px; right: 50px; color: #555; }
.workspace .body.list1 .date { position: absolute; top: 7px; right: 0; font-family: "Open Sans", sans-serif; color: #999; }

.workspace .body .gallery { padding: 0 15px; }
.workspace .body .gallery img, .workspace .body .gallery a img, .workspace .body .gallery-image img, .workspace .body a[data-toggle="lightbox-image"] img { max-width: 100%;}
.workspace .body .gallery .subject2 { letter-spacing: -1px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; margin-top: 5px; margin-bottom: -5px;text-align: center; }
.workspace .body .gallery .subject2>a { font-size: 12px; font-weight: 600; color: #111; }

.workspace .body .anniversary h3.birth { padding: 2px 0 0 22px; margin: 15px 0 8px; color: #3cc4d4; font-size: 13px; background: url(../images/common/ic_birth.png) no-repeat 0 0; }
.workspace .body .anniversary h3.wedding { padding:0 0 0 22px; margin: 15px 0 8px; color: #3cc4d4; font-size: 13px; background: url(../images/common/ic_wedding.png) no-repeat 0 0; }

.workspace .body .anniversary ul { padding: 0 18px; }
.workspace .body .anniversary ul li { display: inline-block; padding: 2px; }

.workspace .body .anniversary { padding:0 25px; }
.workspace .body .anniversary .per30 { display:inherit; width:auto; height:auto; }
.workspace .body .anniversary .per30 a { display: inline-block; width: 30px; height: 30px; background: url(../images/placeholders/avatars/avatar_30x30.png) no-repeat 0 0; }
.workspace .body .anniversary .per30 img { width: 30px; height: 30px; border-radius: 15px; }
.workspace .body .anniversary .per46 a { display: inline-block; width: 46px; height: 46px; background: url(../images/placeholders/avatars/avatar_46x46.png) no-repeat 0 0; }
.workspace .body .anniversary .per46 img { width: 46px; height: 46px; border-radius: 23px; }

.workspace table.fixed-layout { border-collapse:collapse }
.workspace table.fixed-layout td { border:10px solid #253643; }
.workspace .fixed-layout .box-1 { width:20%; color:#fff; text-align:center; background:#405667; }
.workspace .fixed-layout .box-2 { width:80%; height:70px; color:#fff; text-align:center; background:#607483; }
.workspace .fixed-layout .box-3 { color:#fff; text-align:center; background:#607483;}
.workspace .fixed-layout .box-4 { background:#fff; text-align:center; }
.workspace .fixed-layout .set-quick-drag { float: left; width: 100%; padding: 10px; }
.workspace .fixed-layout .set-quick-drag ul { min-height:400px; padding: 0; }
.workspace .fixed-layout .set-quick-drag li { padding-bottom: 8px; }
.workspace .fixed-layout .set-quick-drag li a { position: relative; display: block; width: 100%; height: 35px; padding-top:8px; padding-left: 15px; color: #111; border: 1px solid #ddd; border-radius: 2px; box-shadow: 0 2px 0 #f2f2f2; text-align:left; background:#fff; }
.workspace .fixed-layout .set-quick-drag li a:hover { text-decoration:none; border-color:#f07070; }
.workspace .fixed-layout .set-quick-drag li a i { position: absolute; top: 9px; right: 16px; color: #999; font-size: 14px; }

.workspace .right-wrap > div { width: 100%; min-height:513px; border: 1px solid #dbe1e8; margin-bottom: 20px; background: #fff; }
.workspace .right-wrap > div > h5 { border-bottom: 1px solid #dbe1e8; background-color: #f9fafc; padding: 12px 15px; font-weight: 600; font-size: 12px; }
.workspace .right-wrap > div > ul { padding: 10px 15px; }
.workspace .right-wrap > div > ul > li { overflow: hidden;  line-height: 28px; text-overflow: ellipsis; white-space: nowrap; -o-text-overflow: ellipsis; }

.workspace .box-introduce { position:relative; padding:10px 0 15px; min-height:220px; }
.workspace .box-introduce h2 { padding:0 0 0 25px; margin-bottom:17px; font-size:20px; color:#f05050; }
.workspace .box-introduce .img { margin:30px 0 0 15px; }
.workspace .box-introduce .img img { width:165px; height:165px; }
.workspace .box-introduce .con { position:absolute; top:40px; left:200px; overflow:hidden; }
.workspace .box-introduce .con { color:#555; font-size:13px; line-height:20px; }
.workspace .box-introduce .con .title a { display:block; margin-bottom:7px; font-size:18px; color:#111; font-weight:600; }
.workspace .box-introduce .subarea-img { width:; height:; }

.workspace .no-workspace { margin-top:58px; margin-bottom:65px; }
.workspace .no-workspace ul li { text-align:center; }


/*============================================================
knowledge
=============================================================*/

.input-search-large { display:inline-block; min-width: 150px; margin-top:12px; width:100%; }
.input-search-large > .text { float: left; margin-right: 10px; margin-top: 10px; }
.input-search-large input { padding:0 50px 0 10px; height:33px; border:2px solid #3cc4d4; }
.input-search-large input[type="checkbox"] { margin: 0; height:13px; }
.input-search-large > .input-group > a { z-index:3; position:absolute; top:0; right:3px; display:inline-block; width:39px; height:33px; background:#3cc4d4 url(../images/common/ic_search2.png) no-repeat center; }
.input-search-large .dropdown-menu { border-radius:0; }
.input-search-large .dropdown-menu > li > a { padding: 6px 10px; }
.input-search-large .input-group .btn { margin-right: 36px; margin-left: -6px; padding: 5px 12px; border-top: 2px solid #3cc4d4 !important; border-bottom: 2px solid #3cc4d4 !important; border-radius: 0px; z-index: 99; box-shadow: 0 3px 3px #F4F4F4 inset; }

.content-wrap.knowledge.bg { padding:10px; }
.content-wrap.knowledge .content-list .r-block { position: absolute; top: 20px; right: 20px; }
.content-wrap.knowledge .sr-text { margin:15px 20px 0; }
.content-wrap.knowledge .sr-text span  { font-size:16px; font-weight:700; color:#f05050; }

.knowledge .br-bottom { border-bottom: 1px solid #d1d1d1; }

/* knowledge - timeline */
.knowledge .body.timeline { padding:0 20px; min-height:626px; }
.knowledge .body.timeline ul { padding:0; }
.knowledge .body.timeline li { position:relative; }
.knowledge .body.timeline li .date { position:absolute; top:23px; left:0; font-family:"Open Sans", sans-serif; font-size:10px; color:#555; }
.knowledge .body.timeline li .icon { position:absolute; top:22px; left:31px; }
.knowledge .body.timeline li .icon1 { position:absolute; top:23px; left:32px; }
.knowledge .body.timeline li .con-wrap { min-height:30px; margin:0 0 0 39px; padding:15px 0 15px 15px; border-left:1px solid #ddd; }
.knowledge .body.timeline li .con-wrap .con, .knowledge .body.timeline li .con-wrap .con a { color:#999; }
.knowledge .body.timeline li .con-wrap .list-wrap { position: relative; padding: 10px 0 0; }
.knowledge .body.timeline li .con-wrap .list-wrap .per30 { display:inherit; width:auto; height:auto; }
.knowledge .body.timeline li .con-wrap .list-wrap .per30 a { display: block; position: absolute; top: 0; left: 0; width: 30px; height: 30px; background: url(../images/placeholders/avatars/avatar_30x30.png) no-repeat 0 0; }
.knowledge .body.timeline li .con-wrap .list-wrap .per30 img { width: 30px; height: 30px; border-radius: 15px; }
.knowledge .body.timeline li .con-wrap .list-wrap .info3 { margin: -8px 0 0 38px; font-size: 11px; color: #999; }
.knowledge .body.timeline li .con-wrap .list-wrap .info3 .name { font-size: 11px; color: #111; }
.knowledge .body.timeline li .con-wrap .list-wrap .info3 .team { font-size: 11px; color: #999; }
.knowledge .body.timeline li .con-wrap .list-wrap .iconlist { position: absolute; top: 2px; right: 0; }
.knowledge .body.timeline li .con-wrap .title1 { font-weight:600; }
.knowledge .body.timeline li .con-wrap .desc1 { display:inline-block; margin-top:3px; color:#999; }

.knowledge .body.list1 ul { margin: 10px 25px; padding: 0; }
.knowledge .body.list1 ul li:first-child { border-top: none; }
.knowledge .body.list1 li { position: relative; padding: 6px 0 8px 0; border-top: none }
.knowledge .body.list1 a { display: block; color: #111; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.knowledge .body.list1 .board-header { background: #fff; padding: 0 0 0 65px; }
.knowledge .body.list1 .board-header .recommend { position: absolute; top: 10px; left: 0; padding-right: 15px; border-right: 1px solid #ddd; background-color: #fff; }
.knowledge .body.list1 .board-header .recommend a { position: relative; display: block; width: 60px; height: 60px; padding: 5px; border: 1px solid #CCC; border-radius: 3px; text-decoration: none; behavior: url(/iKEP4-Project/workspace/ikep4-webapp/src/main/webapp/ui/css/PIE/PIE.htc); }
.knowledge .body.list1 .board-header .recommend .num { color: #fff; }
.knowledge .body.list1 .board-header .recommend p { text-align: center; padding-top: 6px; margin: 0; line-height: 16px; }
.knowledge .body.list1 .board-header .recommend .num span { display: inline-block; border-radius: 14px; min-width: 20px; background-color: #f07070; padding: 0px 6px 0; height: 20px; line-height: 20px; }
.knowledge .body.list1 .board-header .writer-info { display: table; table-layout: fixed; width: 100%; margin: 0; padding: 0; font-size: 11px; letter-spacing: -0.2px; }
.knowledge .body.list1 .board-header h3 { font-size: 12px; font-weight: 600; line-height: 20px; }
.knowledge .body.list1 .board-header ul li { border:none; }

.knowledge .content-list .list { padding-right:100px; }
.knowledge .content-list .recommend { background-color: #fff; }
.knowledge .content-list .recommend a { position: relative; display: block; min-width: 60px; height: 60px; padding: 5px; border: 1px solid #CCC; border-radius: 3px; text-decoration: none; behavior: url(/iKEP4-Project/workspace/ikep4-webapp/src/main/webapp/ui/css/PIE/PIE.htc); }
.knowledge .content-list .recommend .num { color: #fff; }
.knowledge .content-list .recommend p { text-align: center; margin: 4px 0 0; line-height: 16px; }
.knowledge .content-list .recommend .num span { display: inline-block; padding: 1px 6px 0; min-width: 20px; height: 20px; line-height: 20px; border-radius: 10px; background-color: #f07070; font-size:11px; }
.knowledge .content-list .recommend .doc { color: #111; margin-top: 5px; }

.knowledge .tag_cloud {font-size:12px;line-height:1.5;text-align:justify}
.knowledge .tag-cloud a {color:#767676; margin:0 2px; }
.knowledge .tag-cloud .i1 {font-size:10px}
.knowledge .tag-cloud .i2 {font-size:12px}
.knowledge .tag-cloud .i3 {font-size:14px}
.knowledge .tag-cloud .i4 {font-size:18px}
.knowledge .tag-cloud .i5 {font-size:22px}
.knowledge .tag-cloud.fg p {display:inline;}
.knowledge .tag-cloud.fg .i1 {color:#bbb}
.knowledge .tag-cloud.fg .i2 {color:#999}
.knowledge .tag-cloud.fg .i3 {color:#333}
.knowledge .tag-cloud.fg .i4 {color:#3cc4d4}
.knowledge .tag-cloud.fg .i5 {color:#f05050}
.knowledge .tag-cloud.bg a {color:#fff}
.knowledge .tag-cloud.bg .i1 {background:#bbb}
.knowledge .tag-cloud.bg .i2 {background:#999}
.knowledge .tag-cloud.bg .i3 {background:#666}
.knowledge .tag-cloud.bg .i4 {background:#333}
.knowledge .tag-cloud.bg .i5 {background:#000}


/*============================================================
Q&A
=============================================================*/

.content-wrap.qna.bg { padding:10px; }
.qna .content-view .board-header { background: #f9f9f9; padding: 15px 100px 10px 20px; border-bottom:1px solid #eee; }
.qna .content-view .board-header .r-block { position: absolute; top: -2px; right: 20px; }
.qna .content-view .board-header .r-block1 { position: absolute; top: -2px; right: 95px; }
.qna .content-view .board-header h3 i { position: relative; margin-right: 10px; }
.qna .content-view .board-header .recommend { top:6px; }
.qna .content-view .board-header .recommend a { height:57px; }
.qna .writer-info { border-bottom:1px solid #eee; }
.qna .expert { display:inline-block; float:left; margin-left:25px; }
.qna .comment-wrap { background:#fff; border-top:1px solid #ddd; }


/*============================================================
my work
=============================================================*/
.mw table { border-collapse: collapse; border-spacing: 0; }
.mw-header td { white-space: nowrap; }
.mw td, .mw th { padding: 0; vertical-align: top; }
.mw-header-center, .mw-header-left, .mw-header-right { vertical-align: middle!important; padding: 0; }
.mw-header .mw-corner-right { margin-right: 0; }
.mw-header-left { width: 25%; text-align: left; }
.mw-header-center { text-align: center; }
.mw-header-center i { margin-top: -12px !important; margin-left: 7px !important; }
.mw-header-right { width: 25%; text-align: right; }
.mw-button.mw-button-next, .mw-button.mw-button-prev { background-color: #eee; border: 1px solid #dbe1e8; color: #5e5e5e; width: 36px; }
.mw-header-title { display:inline-block; }
.mw-button { display: inline-block; margin-bottom: 0!important; font-weight: 400; text-align: center; cursor: pointer; background-image: none; color: #fff; background-color: #6ad2eb; text-shadow: 0 0px 0 rgba(255, 255, 255, 0.8); border: 1px solid #1bbae1; white-space: nowrap; padding: 0 .6em; font-size: 13px; line-height: 26px; height: 30px; box-shadow: none; -webkit-box-shadow: none; }
.mw-state-default.mw-corner-left { border-top-left-radius: 4px; border-bottom-left-radius: 4px; }
.mw-state-default.mw-corner-right { border-top-right-radius: 4px; border-bottom-right-radius: 4px; }
.mw-header .mw-button { margin-right:-4px; vertical-align: top; }
.mw-button .mw-icon { margin: 0 .1em; font-size: 2em; font-family: "Courier New", Courier, monospace; vertical-align: baseline; }
.mw-icon-left-single-arrow:after { content: "\02039"; font-weight: bold; }
.mw-icon-right-single-arrow:after { content: "\0203A"; font-weight: bold; }
.mw-button.mw-state-disabled, .mw-button.mw-state-disabled:hover { cursor: default; color: #FFF; }
.mw-state-disabled { cursor: default; background-image: none; opacity: 0.65; filter: alpha(opacity=65); box-shadow: none; }
.mw-state-default { background-color: #6ad2eb; color: #fff; border: 1px solid #1bbae1; }
.mw-header-title h2 { font-size: 24px; line-height: 34px; margin: 0; color: #111; font-weight: 600; }
.mw .mw-header-space { padding-left: 10px; }


/*============================================================
poll
=============================================================*/
.poll .vote-list { min-height:80px; padding-left:15px; padding-right:155px; line-height:26px; }
.poll .vote-join span { font-size:24px; font-weight:600; }
.poll .vote-btn { display:inline-block; float:right; margin-top:15px; margin-right:15px; }
.poll .vote-graph { position:absolute; top:0; right:0; }
.poll .chat-bubble { position: absolute; top:20px; right:15px; width:125px; padding: 5px 12px 5px; margin-left: 50px; border: 1px solid #dde1e3; border-radius: 3px; background: #fff; box-shadow:2px 2px 0 #f4f4f4; }
.poll .chat-bubble .ar-border { position: absolute; left: -17px; top: 11px; width: 0; height: 0; border-width: 15px 0 0 16px; border-style: solid; border-color: #dde1e3 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); }
.poll .chat-bubble .ar { position: absolute; left: -15px; top: 12px; width: 0; height: 0; border-width: 15px 0 0 16px; border-style: solid; border-color: #fff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); }
.poll .chat-bubble .con { margin: 6px 0 2px 4px; }
.poll .chat-bubble .con span { font-size:22px; font-weight:600; color:#f05050; }
.poll .block .body {display: inline-block;position: relative;width: 100%;min-height: 150px;}


/*============================================================
ideation
=============================================================*/
.ideation-list {}
.ideation-list > ul > li{display:block;position: relative;padding: 14px 20px;border-top: 1px solid #e5e5e5;overflow:hidden;clear:both;content:''}
.ideation-list > ul > li:first-child{border-top: none;}
.ideation-list > ul > li .v-lock{position:absolute;top:30px;right:20px;}
.ideation-list .bubbler { position:absolute; left: 16px; top: 16px;padding:0 8px 0; border:none; border-radius:3px; background:#3CC4D4; }
.ideation-list .bubbler .ar-border { position:absolute; left:-17px; top:11px; width:0; height:0; border-width:15px 0 0 16px; border-style:none; border-color:#dde1e3 transparent transparent transparent; }
.ideation-list .bubbler .ar { position: absolute; left: auto; right: -10px; top: 4px; width: 0; height: 0; border-width: 12px 16px 0 0; border-style: solid; border-color: #3CC4D4 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); }
.ideation-list .bubbler .con { display: block; padding: 0; /* margin-top: 22px; */ color: #FFF; font-size:14px; font-weight: 600; line-height: 25px; text-overflow: inherit; overflow: auto; white-space: normal; }
.ideation-list .bubbler.gray { background:#bbb; }
.ideation-list .bubbler.gray .ar { position: absolute; left: auto; right: -10px; top: 4px; width: 0; height: 0; border-width: 12px 16px 0 0; border-style: solid; border-color: #bbb rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); }


/*============================================================
usagetracker
=============================================================*/
.usagetracker .block .body {display: inline-block;position: relative;width: 100%;padding:20px;min-height: 250px;}
.usagetracker .popover {z-index:1;}
.usagetracker .popover .popover-title {padding: 12px 14px;margin: 0;font-size: 15px;font-weight: 600;color: #3cc4d4;line-height: 18px;background-color: #f9f9f9;border-bottom: 1px solid #ebebeb;}
.usagetracker .popover .popover-content {padding: 20px;}
.usagetracker .popover .popover-content p {font-size:16px;}
.usagetracker .popover .popover-content p span{color:#f07070;font-weight:800;}
.usagetracker .popover .popover-content p span.sizebig {font-size:40px;}
.usagetracker .popover .popover-content p span.sizemidium {color:#3cc4d4;font-size:20px;}
.usagetracker .popover .popover-content p strong {font-weight:600;font-size:18px;}
.usagetracker .popover .popover-content p strong.range {color:#f07070}
.usagetracker .popover>.arrow {border-width: 30px;}
.usagetracker .popover>.arrow:after {border-width: 30px;content: "";}
.usagetracker .popover.left>.arrow {top: 50%;right: -30px;margin-top: -33px;border-right-width: 0;border-left-color: #3cc4d4;}
.usagetracker .popover.left>.arrow:after {content: " ";right: 3px;border-right-width: 0;border-left-color: #fff;bottom: -30px;}


/*============================================================
ideation
=============================================================*/
.ideation-list {}
.ideation-list > ul > li{display:block;position: relative;padding: 14px 20px;border-top: 1px solid #e5e5e5;overflow:hidden;clear:both;content:''}
.ideation-list > ul > li:first-child{border-top: none;}
.ideation-list > ul > li .v-lock{position:absolute;top:30px;right:20px;}
.ideation-list .bubbler { position:absolute; left: 16px; top: 16px;padding:0 8px 0; border:none; border-radius:3px; background:#3CC4D4; }
.ideation-list .bubbler .ar-border { position:absolute; left:-17px; top:11px; width:0; height:0; border-width:15px 0 0 16px; border-style:none; border-color:#dde1e3 transparent transparent transparent; }
.ideation-list .bubbler .ar { position: absolute; left: auto; right: -10px; top: 4px; width: 0; height: 0; border-width: 12px 16px 0 0; border-style: solid; border-color: #3CC4D4 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); }
.ideation-list .bubbler .con { display: block; padding: 0; /* margin-top: 22px; */ color: #FFF; font-size:14px; font-weight: 600; line-height: 25px; text-overflow: inherit; overflow: auto; white-space: normal; }
.ideation-list .bubbler.gray { background:#bbb; }
.ideation-list .bubbler.gray .ar { position: absolute; left: auto; right: -10px; top: 4px; width: 0; height: 0; border-width: 12px 16px 0 0; border-style: solid; border-color: #bbb rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); }
.ideation-list i.shield {  padding-top: 6px; font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #fff; font-size: 14px; font-weight: 600; font-style: normal; text-align: center; letter-spacing: -1px; }

.ideation .block .bubblel { position:relative; padding:10px 15px 12px; margin-top:4px; margin-left:80px; margin-right:5px; border:1px solid #dde1e3; border-radius:5px; background:#feffee; }
.ideation .block .bubblel  .ar-border { position:absolute; left:-11px; top:-1px; width:0; height:0; border-width:15px 15px 0 10px; border-style:solid; border-color:#dde1e3 transparent transparent transparent; }
.ideation .block .bubblel  .ar { position:absolute; left:-9px; top:0; width:0; height:0; border-width:15px 15px 0 10px; border-style:solid; border-color:#feffee transparent transparent transparent; }
.ideation .block .bubblel  .con a { display:block; padding-right:85px; color:#111; font-weight:600; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.ideation .block .bubblel  .con li { line-height:20px; }
.ideation .block .bubblel  .con .attach { margin-right:5px; }
.ideation .block .bubblel  .date { position:absolute; top:12px; right:40px; color:#999; font-family:"Open Sans", sans-serif; font-size:11px; }
.ideation .block .bubblel  .ic-star a { position:absolute; top:12px; right:15px; display:block; width:14px; height:13px; background:url(../images/common/ic_star.png) no-repeat 0 0; }
.ideation .block .bubblel  .ic-star.gray a { background-position:0 -20px; }

.ideation .idea-chart { display:inline-block; width:100%; }
.ideation .idea-chart li { float:left; width:25%; }
.ideation .idea-chart .pie-chart span { display:block; padding-top:1px; }

.ideation .idea-propress { margin-top:15px; margin-left:13px; }
.ideation .idea-propress li span { float:left; width:115px; margin-right:10px;  }

/* ideation - timeline */
.ideation .body.timeline { padding:0 20px; min-height:626px; }
.ideation .body.timeline ul { padding:0; }
.ideation .body.timeline li { position:relative; }
.ideation .body.timeline li .date { position:absolute; top:23px; left:0; font-family:"Open Sans", sans-serif; font-size:10px; color:#555; }
.ideation .body.timeline li .icon { position:absolute; top:22px; left:31px; }
.ideation .body.timeline li .icon1 { position:absolute; top:23px; left:32px; }
.ideation .body.timeline li .con-wrap { min-height:30px; margin:0 0 0 39px; padding:15px 0 15px 15px; border-left:1px solid #ddd; }
.ideation .body.timeline li .con-wrap .con, .knowledge .body.timeline li .con-wrap .con a { color:#999; }
.ideation .body.timeline li .con-wrap .list-wrap { position: relative; padding: 5px 0 0; }
.ideation .body.timeline li .con-wrap .list-wrap .per30 { display:inherit; width:auto; height:auto; }
.ideation .body.timeline li .con-wrap .list-wrap .per30 a { display: block; position: absolute; top: 0; left: 0; width: 30px; height: 30px; background: url(../images/placeholders/avatars/avatar_30x30.png) no-repeat 0 0; }
.ideation .body.timeline li .con-wrap .list-wrap .per30 img { width: 30px; height: 30px; border-radius: 15px; }
.ideation .body.timeline li .con-wrap .list-wrap .info3 { margin: -8px 0 0 38px; font-size: 11px; color: #999; }
.ideation .body.timeline li .con-wrap .list-wrap .info3 .name { font-size: 11px; color: #111; }
.ideation .body.timeline li .con-wrap .list-wrap .info3 .team { font-size: 11px; color: #999; }
.ideation .body.timeline li .con-wrap .list-wrap .iconlist { position: absolute; bottom: -20px; left: 0; }
.ideation .body.timeline li .con-wrap .list-wrap .iconlist i { cursor:pointer; }
.ideation .body.timeline li .con-wrap .title1 { font-weight:600; line-height:20px; }
.ideation .body.timeline li .con-wrap .desc1 { display:inline-block; margin-top:3px; color:#999; }
.ideation .myidea-photo { margin-left:13px; }

.ex-opinion { margin-bottom:10px; padding:10px 15px; background:#f9f9f9; }


/*============================================================
survey
=============================================================*/
.survey-preview-t { margin:10px 20px; padding:15px 20px 12px; border:1px solid #ddd; background:#f1f3f5; }
.survey-preview-t h3 { margin-bottom:8px; padding-bottom:8px; font-size:14px; font-weight:600; color:#111; border-bottom:1px solid #ddd; }
.survey-preview-t p { margin:0; word-break:break-all; }
.survey-preview-b { margin:10px 20px 0; padding:15px 20px 8px; border:1px solid #ddd; }
.survey-preview-b h4 { font-size:12px; font-weight:600; color:#333; }
.survey-preview-b .substance { padding:0 0 10px; margin-bottom:10px; font-size:12px; color:#555; border-bottom:1px solid #e9e9e9; }
.survey-list { padding:10px 0; }
.survey-list ul { padding:5px 0 0 10px; word-break:break-all; }
.survey-list ul li { padding:2px 0; }
.survey-list ul.inline li { display:inline; padding-right:15px; }
.survey-list p { margin:0; font-weight:600; }
.survey-sel-layer { position:absolute; padding:15px; z-index:99; top:78px; right:10px; width:940px; height:460px; border:2px solid #272c31; border-radius:3px; background:#fff; overflow:auto; }
.survey-sel-layer .survey-list { padding:10px 15px; background:#f6f6f6; }
.survey-sel-layer .survey-list ul { padding:5px 0 0 14px; }
.survey-layer-l { float:left; width:700px; }
.survey-layer-r { float:left; width:179px; margin-left:10px; }
.survey-layer-r .aside-wrap ul ul li { line-height:22px; }
.survey-layer-r .aside-wrap ul ul li a { padding-left:8px; background:url(../images/common/ic_dot.png) no-repeat 0 7px; }
.survey-t { margin-bottom:3px; }
.survey-t h3 { margin-bottom:5px; font-size:12px; font-weight:600; color:#111; }
.survey-dotline { padding-top:8px; margin-bottom:10px; border-bottom:1px dotted #ccc; }
.survey-t .fa-minus-square, .survey-t .fa-plus-square { color:#737a80; font-size:15px; vertical-align:middle; }
.survey-list .fa-file-o { color:#555; font-size:14px; }
.survey-list-num { padding:0 !important; }
.survey-list-num li { display:inline-block; padding:0 !important; }
.survey-list-num li .radio { margin:0 !important; }
.surveyblock-l { margin-right:250px; min-height:480px; }
.surveyblock-r { position:absolute; top:43px; right:20px; width:235px; padding:10px; background:#f5f5f5; }
.survey-accordion { }
.survey-accordion .question-wrap { position:relative; margin-bottom:10px; border: 1px solid #dbe1e8; border-radius:3px; }
.survey-accordion .question-wrap .ic-rm { position:absolute; margin-top:-9px; top:50%; right:-7px; }
.survey-accordion .question-wrap .question-header { position:relative; padding:10px 10px 8px 10px; background:#f9fafc; border-radius:3px; }
.survey-accordion .question-wrap .question-header:hover { background:#f3f6f9; cursor:pointer }
.survey-accordion .question-wrap .question-header i { font-size:10px; color:#bbb; }
.survey-accordion .question-wrap .question-header .group-title { font-weight:600; }
.survey-accordion .question-wrap .question-header .group-con { display:block; padding-left:10px; color:#555; }
.survey-accordion .question-wrap .question-header .group-con.none { display:none; }
.survey-accordion .question-wrap .question-con { padding:6px 20px; border-top: 1px solid #dbe1e8; }
.survey-accordion .question-wrap .question-con .question-con-list { position:relative; margin:12px 0; border:1px solid #ddd; border-radius:2px; }
.survey-accordion .question-wrap .question-con .question-con-list.selected { border:1px solid #aaa; }
.survey-accordion .question-wrap .question-con .question-con-header { vertical-align:top; font-size:14px; background:#eee; }
.survey-accordion .question-wrap .question-con .question-con-list .ic-rt { position:absolute; top:-9px; right:-7px; }
.survey-accordion .question-wrap .question-con .question-con-list .ic-rm { position:absolute; margin-top:-7px; top:50%; right:-7px; }
.survey-accordion .question-wrap .question-con .question-con-list .ic-rb { position:absolute; bottom:-8px; right:-7px; }
.survey-accordion .question-wrap .question-con .question-con-list .ic-ar { display:none; margin:5px 0 5px 13px; width:20px; }
.survey-accordion .question-wrap .question-con .question-con-list.selected .ic-ar { display:block; }


/*============================================================
system-icon, portlet-icon
=============================================================*/

.system-icon { display:inline-block; }
.system-icon ul li { float:left; position: relative; width: 60px; height: 60px;  margin: 0 5px 10px 5px; text-align:center; background: #4f5963; border-radius: 30px; color: #ccc; cursor:pointer; opacity:1; }
.system-icon ul li.current, .system-icon ul li:hover { background: #31383e; color: #fff; opacity:1; }
.system-icon ul li span { display: block; margin-top:-2px; text-align: center; font-size: 11px;}
.system-icon ul li .ic-nav01, .system-icon ul li .ic-nav02, .system-icon ul li .ic-nav03, .system-icon ul li .ic-nav04, .system-icon ul li .ic-nav05, .system-icon ul li .ic-nav06, 
.system-icon ul li .ic-nav07, .system-icon ul li .ic-nav08, .system-icon ul li .ic-nav09, .system-icon ul li .ic-nav10, .system-icon ul li .ic-nav11, .system-icon ul li .ic-nav12, 
.system-icon ul li .ic-nav13, .system-icon ul li .ic-nav14, .system-icon ul li .ic-nav15, .system-icon ul li .ic-nav16, .system-icon ul li .ic-nav17, .system-icon ul li .ic-nav18, 
.system-icon ul li .ic-nav19, .system-icon ul li .ic-nav20, .system-icon ul li .ic-nav21, .system-icon ul li .ic-nav22, .system-icon ul li .ic-nav23, .system-icon ul li .ic-nav24, 
.system-icon ul li .ic-nav25, .system-icon ul li .ic-nav26, .system-icon ul li .ic-nav27, .system-icon ul li .ic-nav28, .system-icon ul li .ic-nav29, .system-icon ul li .ic-nav30,
.system-icon ul li .ic-nav31, .system-icon ul li .ic-nav32, .system-icon ul li .ic-nav33 { display: inline-block; margin-top:3px; width: 40px; height: 30px; vertical-align: middle; }

.portlet-icon { display:inline-block; }
.portlet-icon li { float:left; width:80px; height:80px; margin:3px; border:1px solid #eee; border-radius:50%; }
.portlet-icon li a { display:block; margin:8px auto 0 !important; }
.portlet-icon li span { display:block; margin-top:-3px; text-align:center; font-size:11px; }
.portlet-icon .ic01, .portlet-icon .ic02, .portlet-icon .ic03, .portlet-icon .ic04, .portlet-icon .ic05, 
.portlet-icon .ic06, .portlet-icon .ic07, .portlet-icon .ic08, .portlet-icon .ic09, .portlet-icon .ic10, 
.portlet-icon .ic11, .portlet-icon .ic12, .portlet-icon .ic13, .portlet-icon .ic14, .portlet-icon .ic15, 
.portlet-icon .ic16, .portlet-icon .ic17, .portlet-icon .ic18, .portlet-icon .ic19, .portlet-icon .ic20,
.portlet-icon .ic21, .portlet-icon .ic22, .portlet-icon .ic23 { width:50px; height:48px; }