@charset "UTF-8";
/*--- HTML TAG ----*/
* {
margin: 0;
padding: 0;
}
:focus {
outline: 0;
}
h1, h2, h3, h4, h5, h6, p {
margin: 0;
padding: 5px 0;
}
h1, h2, h3, h4, h5, h6 {
font-weight: 500;
}
hr {
color: #333;
border: 1px solid #121212;
}
a {
color: #666;
text-decoration: none;
}
a:hover {
color: #9f9f9f;
text-decoration: none;
}
a img {
border: none;
}
img {
border: none;
}
map area {
outline: none;
}
ul, ol {
list-style: none;
}
strong {
font-weight: 800;
}
textarea, input, select {
font-size: 14px;
}
select {
background: transparent;
background-color: #FFF;
border: none;
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance: none;
appearance: none;
border: 1px solid #dfdfdf;
border-radius: 0;
height: 26px;
margin: 0 1px 0 0;
outline: none;
overflow: hidden;
text-indent: .01px;
text-overflow: '';
background-image: url(../Images/srchcatbg.gif);
background-repeat: no-repeat;
background-position: center right;
vertical-align: middle;
padding: 1px 4px 3px 3px;
line-height: 14px;
min-width: 60px;
}
select:focus {
}
option {
}
body {
margin: 0;
padding: 0;
font-size: 14px;
/*font-family: Arial,"PingFang TC","Microsoft_JhengHei_Fix","微軟正黑體","Microsoft JhengHei","Hiragino Kaku Gothic Pro","蘋果儷中黑","Apple LiGothic","Heiti TC","新細明體",PMingLiU,"細明體",MingLiU,sans-serif;*/
font-family: system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;
color: #5b5b5b;
color: var(--color_5B5B5B);
background-color: #ebebeb;
background-color: var(--color_EBEBEB);
word-wrap: break-word;
word-break: initial;
width: 100%;
height: 100%;
line-height: normal;
}
input, textarea {
font-family: Arial,"PingFang TC","微軟正黑體","Microsoft JhengHei","Hiragino Kaku Gothic Pro","蘋果儷中黑","Apple LiGothic","Heiti TC","新細明體",PMingLiU,"細明體",MingLiU,sans-serif;
}
/*-----common---*/
.clear {
clear: both;
float: none;
height: 0;
}
.must {
color: #ff2146;
display: INLINE-BLOCK;
LINE-height: 16px;
margin: 0 3px 0 0;
}
.txtar {
border: 1px solid #cfcfcf;
padding: 3px 6px;
color: #7f7f7f;
color: var(--color_7F7F7F);
vertical-align: middle;
}
.txtfld {
border: 1px solid #cfcfcf;
padding: 3px 6px;
color: #7f7f7f;
color: var(--color_7F7F7F);
vertical-align: middle;
}
.posttxt {
}
.srchtxt {
background-image: url(../Images/srchtxtbg.jpg);
background-repeat: no-repeat;
background-position: center right;
font-size: 12px;
}
.txthbtn {
height: 22px;
line-height: 22px;
background-color: #FF6416;
background-color: var(--color_FF6416);
color: #ffffff;
border: 0px solid #cfcfcf;
padding: 0 6px;
vertical-align: middle;
margin: 0 2px 0 0;
display: inline-block;
}
.srchbtn {
height: 24px;
line-height: 12px;
background-color: #FF8A4F;
background-color: var(--color_FF8A4F);
color: #ffffff;
border: 0px solid #cfcfcf;
padding: 0 6px;
vertical-align: middle;
margin: 0 2px 0 0;
}
.srchbtn:hover {
background-color: #FF6416;
background-color: var(--color_FF6416);
}
.btn {
vertical-align: middle;
cursor: pointer;
}
.info.btn {
width: 20px;
height: 20px;
}
.exebtn {
padding: 6px 14px;
height: auto;
cursor: pointer;
}
.addbtn {
background-image: url(../Images/addbtnbg.gif);
background-repeat: no-repeat;
background-position: center center;
background-color: #FF8A4F;
background-color: var(--color_FF8A4F);
width: 30px;
height: 30px;
display: inline-block;
}
.addbtn:hover {
background-color: #FF6416;
background-color: var(--color_FF6416);
}
.removebtn {
background-image: url(../Images/removebtnbg.gif);
background-repeat: no-repeat;
background-position: center center;
background-color: #FF8A4F;
background-color: var(--color_FF8A4F);
width: 30px;
height: 30px;
display: inline-block;
cursor: pointer;
}
.removebtn:hover {
background-color: #FF6F27;
background-color: #ff6416;
background-color: var(--color_FF6416);
}
.exportbtn {
background-image: url(../Images/exportbtn.gif);
background-repeat: no-repeat;
background-position: center center;
width: 30px;
height: 30px;
display: inline-block;
background-color: #FF6F27;
}
.closebtn {
background-image: url(../Images/closebtnbg.gif);
background-repeat: no-repeat;
background-position: center center;
width: 30px;
height: 30px;
display: inline-block;
background-color: #ff6416;
background-color: var(--color_FF6416);
}
.mngbtn {
background-image: url(../Images/itmngbg.gif);
background-repeat: no-repeat;
background-position: center center;
width: 30px;
height: 30px;
display: inline-block;
background-color: #FC6E51;
}
.editbtn {
background-image: url(../Images/mteditbg.gif);
background-repeat: no-repeat;
background-position: center center;
width: 30px;
height: 30px;
display: inline-block;
cursor: pointer;
background-color: #FF6F27;
}
.openbtn {
background-image: url(../Images/openbtn.gif);
background-repeat: no-repeat;
background-position: center center;
width: 30px;
height: 30px;
display: inline-block;
background-color: #FF6F27;
}
.viewbtn {
background-image: url(../Images/viewbtnbg.gif);
background-repeat: no-repeat;
background-position: center center;
width: 30px;
height: 30px;
display: inline-block;
background-color: #FF6F27;
}
.srbtn {
background-image: url(../Images/srbtnbg.gif);
background-repeat: no-repeat;
background-position: center center;
width: 30px;
height: 30px;
display: inline-block;
background-color: #FF6F27;
}
.gobackbtn {
background-image: url(../Images/gobackbtnbg.gif);
background-repeat: no-repeat;
background-position: center center;
width: 30px;
height: 30px;
display: inline-block;
background-color: #FF6F27;
}
.prebtn {
background-image: url(../Images/prebtnbg.gif);
background-repeat: no-repeat;
background-position: center center;
width: 30px;
height: 30px;
display: inline-block;
background-color: #FF6F27;
}
.nxtbtn {
background-image: url(../Images/nxtbtnbg.gif);
background-repeat: no-repeat;
background-position: center center;
width: 30px;
height: 30px;
display: inline-block;
background-color: #FF6F27;
}
.delbtn {
background-image: url(../Images/graydelbtnbg.gif);
background-repeat: no-repeat;
background-position: center center;
width: 17px;
height: 17px;
display: inline-block;
}
.delbtn:hover {
background-image: url(../Images/delbtnbg.gif);
}
.postcal {
background-image: url(../Images/postcalbg.gif);
background-repeat: no-repeat;
background-position: center center;
width: 30px;
height: 30px;
display: inline-block;
vertical-align: middle;
}
.postclock {
background-image: url(../Images/postclockbg.gif);
background-repeat: no-repeat;
background-position: center center;
width: 30px;
height: 30px;
display: inline-block;
vertical-align: middle;
}
.btnsetintd {
width: auto;
margin: 0 auto;
}
/*----------------*/
.fbicon {
background-image: url(../Images/fbicon.gif);
background-repeat: no-repeat;
background-position: center center;
width: 25px;
height: 25px;
display: inline-block;
vertical-align: middle;
}
.gpicon {
background-image: url(../Images/gpicon.gif);
background-repeat: no-repeat;
background-position: center center;
width: 25px;
height: 25px;
display: inline-block;
vertical-align: middle;
}
/*---USER THUMB---*/
.sthumb {
width: 28px;
height: 28px;
}
.mthumb {
width: 45px;
height: 45px;
}
.mlthumb {
width: 52px;
height: 52px;
}
.bthumb {
width: 80px;
height: 80px;
}
.xlthumb {
width: 180px;
height: 180px;
}
.cirthumb {
display: INLINE-BLOCK;
OVERFLOW: HIDDEN;
-webkit-border-radius: 200px;
-moz-border-radius: 200px;
border-radius: 200px;
text-align: center;
position: relative;
zoom: 1;
}
.cirthumb img {
margin: 0 auto;
}
/*---CONTENT--*/
.box {
/*border: 1px solid #cfcfcf;*/
background-color: #ffffff;
}
.sidebarBox {
border: 1px solid #ffffff;
background-color: #ffffff;
}
.rightblock .sidebarBox {
margin: 0 0 10px 0;
}
.DThead {
border: 1px solid #c1c1c1;
background-color: #ffffff;
margin: 0 0 2px 0;
}
.cathead {
border: 1px solid #ffffff;
background-color: #ffffff;
padding: 20px 20px 20px 70px;
margin: 0 0 5px 0;
}
.cathead h3 {
font-size: 16px;
color: #202020;
}
/*---pop window--*/
.pwindowr {
position: fixed;
padding: 0;
border: 1px solid #cfcfcf;
background-color: #fff;
z-index: 1002;
}
.pwindow {
display: none;
position: fixed;
top: 50%;
left: 50%;
padding: 0;
border: 1px solid #cfcfcf;
background-color: #fff;
z-index: 1002;
}
.pwindowr h3 {
text-align: left;
color: #202020;
padding: 8px;
font-size: 16px;
}
.pwindow h3 {
text-align: left;
color: #fff;
padding: 8px;
background-color: #ff6416;
background-color: var(--color_FF6416);
}
.pwindowr .box,
.pwindow .box {
padding: 8px;
overflow-y: auto;
}
.pwindowr h3 .closebtn {
width: 25px;
height: 25px;
float: right;
z-index: 3;
}
.pwindow h3 .closebtn {
width: 20px;
height: 20px;
float: right;
z-index: 3;
}
.pwindowr h3 .closebtn a,
.pwindow h3 .closebtn a {
display: block;
width: 100%;
height: 100%;
text-decoration: none;
}
DIV.pw1200 {
width: 1200px;
margin-left: -600px;
}
DIV.pw800 {
width: 800px;
margin-top: -350px;
margin-left: -400px;
}
DIV.pw700 {
width: 700px;
margin-top: -300px;
margin-left: -350px;
}
DIV.pw600 {
width: 600px;
margin-top: -250px;
margin-left: -300px;
}
div.pw500 {
width: 500px;
margin-top: -200px;
margin-left: -250px;
}
div.pw500r {
width: 500px;
}
div.pw400 {
width: 400px;
margin-top: -150px;
margin-left: -200px;
}
div.pw300 {
width: 300px;
margin-top: -120px;
margin-left: -150px;
}
/*---menu pop box----*/
.pmenu, .hoverpmenu {
text-decoration: none;
position: relative;
}
.pmenu .mbox {
display: none;
}
.pmenu:hover {
cursor: hand;
}
.pmenu:hover .mbox, .hoverpmenu .mbox {
display: block;
position: absolute;
padding: 6px;
min-height: 10px;
color: #FFF;
z-index: 99;
}
.pmenu:hover .mbox a, .hoverpmenu .mbox a {
display: inline-block;
padding: 0 0 4px 0;
}
/*---tip pop box----*/
.tip {
text-decoration: none;
position: relative;
}
.tip .popbox {
display: none;
}
.tip:hover {
cursor: pointer;
}
.tip:hover .popbox {
display: block;
position: absolute;
padding: 10px 18px;
min-height: 10px;
color: #FFF;
z-index: 99;
}
.tip:hover .popbox_T {
padding: 15px 18px;
}
.popbox_R {
background-image: url(../Images/popbox_Rbg.gif);
background-position: right top;
text-decoration: none;
}
.popbox_L {
background-image: url(../Images/popbox_Lbg.gif);
background-position: left top;
text-decoration: none;
}
.popbox_T {
background-image: url(../Images/popbox_Tbg.gif);
background-position: left bottom;
text-decoration: none;
}
/*----more----*/
.moretxt {
padding: 10px;
text-align: right;
}
/*---table style---*/
table td.tableline {
border-bottom: 1px dashed #dfdfdf;
}
table th {
font-weight: normal;
color: #303030;
}
/*--TEXT color--*/
.noticetxt {
color: #fa2b57;
}
/*---search cat---*/
ul.menuoptlist {
margin: 0 0 0 0;
padding: 0 0 0 0;
width: auto;
float: right;
text-align: left;
}
ul.srchcatlist {
margin: 0 0 0 0;
padding: 3px 0 0 0;
width: auto;
float: left;
}
ul.srchcatlist li {
cursor: pointer;
}
ul.srchcatlist li li:hover {
color: #4FC0E9;
}
ul.menuoptlist li.optcat,
ul.srchcatlist li.srchcat {
background-image: url(../Images/srchcatbg.gif);
background-repeat: no-repeat;
background-position: center right;
padding: 0 25px 0 0;
}
ul.menuoptlist li,
ul.srchcatlist li {
position: relative;
}
ul.menuoptlist li:hover > ul,
ul.srchcatlist li:hover > ul {
display: block;
}
ul.srchcatlist ul {
position: absolute;
top: 100%;
list-style: none;
display: none;
background-color: #ffffff;
border: 1px solid #dfdfdf;
width: 120px;
z-index: 98;
}
ul.menuoptlist ul {
position: absolute;
top: 100%;
list-style: none;
display: none;
background-color: #ffffff;
border: 1px solid #dfdfdf;
width: 50px;
z-index: 90;
margin: 0;
padding: 0;
}
ul.menuoptlist ul li {
padding: 3px;
}
ul.srchcatlist ul li {
padding: 8px;
border-bottom: 1px solid #dfdfdf;
margin-bottom: -1px;
}
/*---pages----*/
div.pages {
margin: 15px 0 10px 0;
text-align: center;
}
div.pages span {
}
div.pages span a {
display: inline-block;
padding: 2px;
margin: 0 1px;
}
div.pages span.pgitem a {
border: 1px solid #dfdfdf;
}
/*----------------*/
#container {
width: 100%;
height: 100%;
background-repeat: repeat-x;
background-position: left -18px;
background-size: 100% 70px;
}
#wrapper {
width: 950px;
margin: 0 auto;
/*height: 100%;*/
height: auto;
}
#wrapper2 {
width: 520px;
margin: 0 auto;
height: 100%;
}
#wrapper3 {
width: 97%;
margin: 0 auto;
height: 100%;
}
#wrapper3 #content .centerblock {
width: 97%;
float: NONE;
clear: both;
margin: 0 AUTO;
}
/*----header----*/
#header {
-moz-box-shadow: 1px 1px 1px 0 rgba(0,0,0,0.2);
-webkit-box-shadow: 1px 1px 1px 0 rgba(0,0,0,0.2);
box-shadow: 1px 1px 1px 0 rgba(0,0,0,0.2);
left: 0px;
width: 100%;
z-index: 999;
height: 52px;
position: fixed;
background-color: #FFFFFF;
background-position: 0 -18px;
top: 0px;
}
#header .logo,
#header .search {
float: left;
}
#header .logo {
width: 133px;
height: 42px;
margin: 3px 0 0 0;
}
#header .logo img {
width: auto;
height: 36px;
margin: 3px 0;
}
#header .search {
width: 370px;
height: 30px;
margin: 51px 0 0 40px;
}
#header .search ul.srchcatlist {
}
#header .search .srchtxt {
width: 190px;
}
#header .search .srchbtn {
background-color: #FF6416;
background-color: var(--color_FF6416);
}
#header .user {
float: right;
width: auto;
margin: 10px 0 0 0;
position: relative;
}
#header .user .thumb,
#header .user .name,
#header .user .home,
#header .user .chat,
#header .user .notice,
#header .user .invite,
#header .user .setting,
#header .user .encryption {
display: block;
float: left;
}
#header .user .thumb {
height: 30px;
width: 30px;
padding: 1px 0 11px 0;
}
#header .user .name {
vertical-align: middle;
padding: 8px 20px 0 5px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
max-width: 230px;
width: expression( document.TOP_TopUserName.clientWidth > 450 ? "450px" : "auto" );
}
#header .user .home {
background-image: url(../Images/ic_web_home_bg_n.png);
background-size: contain;
background-repeat: no-repeat;
background-position: left center;
width: 27px;
height: 27px;
padding: 0;
margin: 3px 15px 12px 0;
cursor: pointer;
}
#header .user .home:hover {
position: relative;
top: -1px;
background-image: url(../Images/ic_web_homebg_hl.png);
}
#header .user .invite {
background-image: url(../Images/ic_web_invite_bg_n.png);
background-size: contain;
background-repeat: no-repeat;
background-position: left center;
width: 27px;
height: 27px;
padding: 0;
margin: 3px 15px 12px 0;
cursor: pointer;
}
#header .user .invite:hover {
position: relative;
top: -1px;
background-image: url(../Images/ic_web_invitebg_hl.png);
}
#header .user .chat {
background-image: url(../Images/chatbg.jpg);
background-repeat: no-repeat;
background-position: left center;
width: 32px;
height: 23px;
padding: 0;
margin: 4px 2px 0 0;
cursor: pointer;
}
#header .user .chat:hover {
position: relative;
top: -1px;
}
#header .user .notice {
background-image: url(../Images/ic_web_notification_bg_n.png);
background-size: contain;
background-repeat: no-repeat;
background-position: left center;
width: 27px;
height: 27px;
padding: 0;
margin: 3px 15px 12px 0;
cursor: pointer;
}
#header .user .notice:hover {
position: relative;
top: -1px;
background-image: url(../Images/ic_web_notificationbg_hl.png);
}
#header .user .setting {
background-image: url(../Images/ic_web_settings_bg_n.png);
background-size: contain;
background-repeat: no-repeat;
background-position: left center;
width: 27px;
height: 27px;
padding: 0;
margin: 3px 0 0 0;
cursor: pointer;
}
#header .user .setting:hover {
position: relative;
top: -1px;
background-image: url(../Images/ic_web_settingsbg_hl.png);
}
#header .user .num {
float: left;
margin: -6px -17px 0 15px;
color: #ffffff;
background-color: #ff5252;
background-color: var(--color_FF5252);
padding: 2px 4px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
font-size: 12px;
position: relative;
zoom: 1;
display: inline-block;
}
/*----content----*/
#content {
padding-top: 63px;
}
#content .bigleft {
float: left;
width: 690px;
BACKGROUND-color: #FFF;
height: 400px;
}
#content .bigleft2 {
float: left;
width: 690px;
BACKGROUND-color: #FFF;
height: 320px;
}
#content .leftblock {
float: left;
width: 180px;
}
#content .centerblock {
float: left;
width: 504px;
margin: 0 12px;
}
#content .rightblock {
float: right;
width: 241px;
}
#content .bigright {
float: right;
width: 750px;
}
/*--leftblock 左側大頭---------------------------------*/
#content .leftblock .usermeta {
margin: 0 0 10px 0;
padding: 10px;
border: 1px solid #ffffff;
background-color: #ffffff;
}
#content .leftblock .usermeta .comp {
margin: 0 0 12px 0;
text-align: left;
padding: 0 0 10px 0;
border-bottom: 1px dashed #ccc;
}
#content .leftblock .usermeta .thumb {
display: block;
margin: 0 0;
width: 47px;
height: 47px;
float: left;
}
#content .leftblock .usermeta .name {
display: block;
width: 100px;
float: right;
}
#content .leftblock .usermeta .name p {
padding: 0;
}
#content .leftblock .usermeta .name p.unit {
font-size: 0.9em;
}
#content .leftblock .usermeta .edititem {
display: inline-block;
float: right;
width: 20px;
height: 20px;
background-image: url(../Images/editembg.gif);
background-repeat: no-repeat;
background-position: center center;
cursor: pointer;
}
#content .leftblock .usermeta .edititem:hover {
position: relative;
top: 1px;
}
#content .leftblock .usermeta .comp h4 {
height: 20px;
padding: 0px;
line-height: 20px;
}
#LEFTUSERINFO_LeftUserInfoIcon {
position: relative;
}
#LEFTUSERINFO_LeftUserInfoIcon .OnlineStatus {
z-index: 22;
/* 寬高須設置最大顯示尺寸 */
width: 22px;
height: 22px;
/* 因UserIcon有border 1px，因此right & bottom需設置1px */
right: 1px;
bottom: 1px;
position: absolute;
display: inline-block;
cursor: pointer;
}
#LeftUserInfoNameTxt {
display: block;
padding: 15px 0;
}
#LeftUserInfoEnterpriseNameTxt {
display: block;
width: 130px;
float: left;
overflow: hidden;
height: 20px;
white-space: nowrap;
text-overflow: ellipsis;
}
#LeftUserInfoEnterpriseNameInput {
display: none;
width: 130px;
float: left;
}
/*----左側選單--------------------------------*/
/*子選單設定*/
#content .leftblock .pmenu ul li {
padding: 4px 10px;
border-bottom: 1px solid #dfdfdf;
margin-top: -1px;
line-height: 26px;
word-break: initial;
white-space: nowrap;
}
#content .leftblock .pmenu ul li:hover, #content .leftblock .pmenu ul li:hover a {
background-color: #ffab81;
background-color: var(--color_FFAB81);
color: #FFF;
}
#content .leftblock .pmenu:hover .mbox, #content .leftblock .hoverpmenu .mbox {
background-color: #FFF;
top: 1px;
left: 176px;
min-width: 140px;
padding: 0px;
color: #a5a5a5;
margin-left: 2px;
}
#content .leftblock .pmenu:hover .mbox a, #content .leftblock .hoverpmenu .mbox a {
padding: 0;
}
/*選單設定*/
#content .leftblock .foption {
border: 1px solid #ffffff;
background-color: #ffffff;
}
#content .leftblock .foption .item {
height: 20px;
padding: 12px 10px 12px 50px;
border-bottom: 1px solid #fff;
display: block;
vertical-align: middle;
font-size: 16px;
background-repeat: no-repeat;
background-position: 12px center;
cursor: pointer;
background-size: 24px;
word-break: initial;
}
#content .leftblock .foption .item ul li:hover a {
color: #ffffff;
}
/*ICON*/
#content .leftblock .foption .wall {
background-image: url(../Images/wallbg.png);
}
#content .leftblock .foption .meeting {
background-image: url(../Images/meetingbg.png);
}
#content .leftblock .foption .work {
background-image: url(../Images/workbg.png);
}
#content .leftblock .foption .chat {
background-image: url(../Images/chatsbg.png);
}
#content .leftblock .foption .chat .btn_outer {
height: 16px;
width: 16px;
display: inline-block;
vertical-align: text-top;
margin-left: 4px;
fill: #666;
}
#content .leftblock .foption .cal {
background-image: url(../Images/calbg.png);
}
#content .leftblock .foption .memo {
background-image: url(../Images/memobg.png);
}
#content .leftblock .foption .file {
background-image: url(../Images/filebg.png);
}
#content .leftblock .foption .service {
background-image: url(../Images/servicebg.png);
}
#content .leftblock .foption .superhub {
background-image: url(../Images/superhubbg.png);
}
#content .leftblock .foption .manage {
background-image: url(../Images/managebg.png);
}
#content .leftblock .foption .bizmang {
background-image: url(../Images/bizmangbg.png);
}
#content .leftblock .foption .channel {
background-image: url(../Images/channelbg.gif);
}
#content .leftblock .foption .faq {
background-image: url(../Images/faqbg.gif);
}
#content .leftblock .foption .myVideoConference {
background-image: url(../Images/videoconbg.png);
}
#content .leftblock .foption .systemLink {
background-image: url(../Images/linksbg.png);
}
#content .leftblock .foption .messageFeed {
background-image: url(../Images/manageservicebg.png);
}
#content .leftblock .foption .mappUser {
background-image: url(../Images/voipbg.png);
}
#content .leftblock .foption .item:hover .btn_outer {
fill: #fff;
}
/*左側選單HOVER後*/
#content .leftblock .foption .item:hover {
background-repeat: no-repeat;
background-position: 12px center;
background-color: #ffab81;
background-color: var(--color_FFAB81);
color: #fff;
}
#content .leftblock .foption .wall:hover,
#content .leftblock .foption .wallon {
background-image: url(../Images/wallonbg.png);
}
#content .leftblock .foption .meeting:hover,
#content .leftblock .foption .meetingon {
background-image: url(../Images/meetingonbg.png);
}
#content .leftblock .foption .work:hover,
#content .leftblock .foption .workon {
background-image: url(../Images/workonbg.png);
}
#IdeskLMenu_23953f3b-3dea-4bee-874f-a96795c8b627:hover {
background-image: url(../Images/workonbg.png);
}
#IdeskLMenu_a49f3765-2e9e-49ce-a57c-db9375297444:hover {
background-image: url(../Images/workonbg.png);
}
#IdeskLMenu_68e95e64-7103-4a92-b309-8951421d6caa:hover {
background-image: url(../Images/workonbg.png);
}
#content .leftblock .foption .chat:hover,
#content .leftblock .foption .chaton {
background-image: url(../Images/chatnbg.png);
}
#content .leftblock .foption .cal:hover,
#content .leftblock .foption .calon {
background-image: url(../Images/calonbg.png);
}
#content .leftblock .foption .memo:hover,
#content .leftblock .foption .memon {
background-image: url(../Images/memonbg.png);
}
#content .leftblock .foption .file:hover,
#content .leftblock .foption .fileon {
background-image: url(../Images/fileonbg.png);
}
#content .leftblock .foption .service:hover,
#content .leftblock .foption .serviceon {
background-image: url(../Images/serviceonbg.png);
}
#content .leftblock .foption .superhub:hover,
#content .leftblock .foption .superhubon {
background-image: url(../Images/superhubonbg.png);
}
#content .leftblock .foption .manage:hover,
#content .leftblock .foption .manageon {
background-image: url(../Images/manageonbg.gif);
}
#content .leftblock .foption .bizmang:hover,
#content .leftblock .foption .bizmangon {
background-image: url(../Images/bizmangonbg.png);
}
#content .leftblock .foption .channel:hover,
#content .leftblock .foption .channelon {
background-image: url(../Images/channelonbg.gif);
}
#content .leftblock .foption .faq:hover,
#content .leftblock .foption .faqeon {
background-image: url(../Images/faqonbg.gif);
}
#content .leftblock .foption .myVideoConference:hover {
background-image: url(../Images/videocononbg.png);
}
#content .leftblock .foption .systemLink:hover {
background-image: url(../Images/linksonbg.png);
}
#content .leftblock .foption .messageAgent {
background-image: url(../Images/customerServicebg.png);
}
#content .leftblock .foption .messageAgent:hover {
background-image: url(../Images/customerServiceonbg.png);
}
#content .leftblock .foption .mappUser:hover {
background-image: url(../Images/voiponbg.png);
}
#content .leftblock .foption .messageFeed:hover {
background-image: url(../Images/manageserviceonbg.png);
}
/*--------------*/
#content .leftblock .cometa {
margin: 4px 0 0 0;
}
#content .leftblock .cometa p {
margin: 0 0 6px 0;
padding: 0;
color: #929292;
}
#content .leftblock .cometa a {
color: #3b5998;
}
#content .leftblock .cometa a:hover {
color: #6598b8;
}
/*--centerblock--*/
/*--rightblock--*/
#content .rightblock .menu {
margin: 0 0 15px 0;
}
#content .rightblock .menu .opt {
width: 112px;
height: 36px;
line-height: 33px;
display: inline-block;
text-align: center;
padding: 0;
}
#content .rightblock .menu .mgr {
margin: 0 10px 0 0;
}
#content .rightblock .menu .mon {
background-image: url(../Images/monbg.gif);
background-repeat: no-repeat;
background-position: center center;
}
#content .rightblock .menu .mon:hover,
#content .rightblock .menu .mover {
background-image: url(../Images/moverbg.gif);
background-repeat: no-repeat;
background-position: center center;
color: #ffffff;
}
.rightblock h3 {
text-align: center;
color: #666;
padding: 0 0 8px 0;
border-bottom: solid 2px #ff6416;
border-bottom-color: var(--color_FF6416);
margin: 10px 10px 5px 10px;
Font-size: 16px;
}
.rightblock h3 .addbtn {
width: 20px;
height: 20px;
float: right;
}
.rightblock h4 {
color: #303030;
margin: 0 0 6px 0;
font-size: 16px;
}
/*---rioght block common--*/
.rightblock_ul {
padding: 0 10px;
margin-bottom: -1px;
}
.rightblock_ul.init {
padding: 5px 10px;
}
.rightblock_li {
}
.rbcntbox {
padding: 10px;
}
.rbli_normal {
padding: 8px 3px 1px;
overflow: hidden;
width: 220px;
}
.rbli_thumb {
width: 45px;
float: left;
margin: 5px;
}
.rbli_line {
padding: 8px 0 8px;
border-bottom: 1px solid #e5e5e5;
margin-top: -1px;
}
.rightblock_li h4 {
padding: 0;
margin: 0 0 4px 0;
font-size: 14px;
color: #4a4a4a;
}
.rightblock_li p {
padding: 0;
margin: 0;
color: #a5a5a5;
}
/*----共用footer----*/
.indexfoot {
color: #929292;
}
.indexfoot a {
color: #54c6d6;
}
.indexfoot a:hover {
color: #6598b8;
}
/*----公有雲footer----*/
#footer_public {
padding: 10px 0 10px 0;
}
#footer_public .cometa {
margin: 30px auto 0;
text-align: center;
padding: 10px 0 0 0;
display: flex;
}
#footer_public .Lcom {
width: 50%;
text-align: right;
float: left;
border-right: 1px solid #ccc;
padding: 3px 10px 3px 0;
}
#footer_public .Rcom {
width: 48%;
text-align: left;
float: left;
padding: 3px 0 3px 10px;
}
#footer_public p {
margin: 0 0 6px 0;
padding: 0;
}
/*----私有雲footer----*/
#footer_private {
margin: 40px 0 0 0;
border-top: 1px solid #ccc;
}
#footer_private .cometa {
padding: 10px 0;
font-size: 13px;
line-height: 18px;
text-align: left;
width: 50vw;
margin: 0 auto;
display: flex;
}
/*#footer_private .footerLogo {
float: left;
padding: 3px 0;
height: 100%;
}
#footer_private .footerLogo::before {
height: 100%;
width: 0;
vertical-align: middle;
display: inline-block;
}
#footer_private .footerLogo img {
width: 94px;
height: 36px;
vertical-align: middle;
}*/
#footer_private .Lcom {
width: 445px;
border-right: 1px solid #ccc;
padding: 3px 10px;
float: left;
word-break: normal;
word-wrap: break-word;
}
#footer_private .Lcom span {
word-break: initial;
}
#footer_private .Rcom {
width: 445px;
float: left;
padding: 3px 0 3px 10px;
word-break: normal;
word-wrap: break-word;
}
#footer_private p {
padding: 0;
margin: 0;
word-wrap: break-word;
white-space: pre-wrap;
word-break: initial;
}
/*----WALL----*/
div.postwall {
margin: 10px 0 0 0;
}
div.postsubform div.type {
}
div.postsubform div.type span.filetxt,
div.postsubform div.type span.imgtxt,
div.postsubform div.type span.videotxt,
div.postsubform div.type span.msgtxt {
display: inline-block;
margin: 0 4px 0 0;
width: 33px;
height: 33px;
}
div.postsubform div.type span.msgtxt {
background-image: url(../Images/msgtxtbg.gif);
background-repeat: no-repeat;
background-position: center center;
}
div.postsubform div.type span.filetxt {
background-image: url(../Images/filetxtbg.gif);
background-repeat: no-repeat;
background-position: center center;
}
div.postsubform div.type span.imgtxt {
background-image: url(../Images/imgtxtbg.gif);
background-repeat: no-repeat;
background-position: center center;
}
div.postsubform div.type span.videotxt {
background-image: url(../Images/videotxtbg.gif);
background-repeat: no-repeat;
background-position: center center;
}
div.postsubform div.txtinputdialog {
background-image: url(../Images/txtinputdialogbg.gif);
background-repeat: no-repeat;
height: 12px;
}
div.postsubform div.potxt {
background-position: 10px bottom;
}
div.postsubform div.pofile {
background-position: 48px bottom;
}
div.postsubform div.poimage {
background-position: 91px bottom;
}
div.postsubform div.povideo {
background-position: 131px bottom;
}
div.postsubform div.txtinput {
border: 1px solid #cfcfcf;
}
div.postsubform div.inputhere {
padding: 5px;
}
div.postsubform div.inputhere .txtar {
width: 460px;
height: 50px;
border: 1px solid #fff;
}
div.mtcwindow div.postsubform {
background-color: #EFEFEF;
padding: 0;
margin: 8px 0 0 0;
}
div.mtcwindow div.postsubform div.inputhere .txtar {
width: 430px;
border: 1px solid #dfdfdf;
}
div.mtcwindow div.postsubform div.inputopt {
border-top: 0px solid #dfdfdf;
padding: 0 5px 5px;
}
div.postsubform div.inputhere span.uploadblock {
display: inline-block;
padding: 40px 10px 10px 10px;
width: 135px;
text-align: center;
}
div.postsubform div.inputhere .ulfile,
div.postsubform div.inputhere .ulimage,
div.postsubform div.inputhere .ulvideo,
div.postsubform div.inputhere .ulfileon,
div.postsubform div.inputhere .ulimageon,
div.postsubform div.inputhere .ulvideoon {
background-repeat: no-repeat;
background-position: center 8px;
}
div.postsubform div.inputhere .ulfile {
background-image: url(../Images/ulfilebg.gif);
}
div.postsubform div.inputhere .ulimage {
background-image: url(../Images/ulimagebg.gif);
}
div.postsubform div.inputhere .ulvideo {
background-image: url(../Images/ulvideobg.gif);
}
div.postsubform div.inputhere .ulfileon {
background-image: url(../Images/ulfileonbg.gif);
background-color: #4dabda;
color: #fff;
}
div.postsubform div.inputhere .ulimageon {
background-image: url(../Images/ulimageonbg.gif);
background-color: #ffb422;
color: #fff;
}
div.postsubform div.inputhere .ulvideoon {
background-image: url(../Images/ulvideoonbg.gif);
background-color: #b8bf00;
color: #fff;
}
div.postsubform div.inputhere .ulfileon a,
div.postsubform div.inputhere .ulimageon a,
div.postsubform div.inputhere .ulvideoon a {
color: #fff;
}
div.postsubform div.inputhere span.midone {
border-right: 1px solid #dfdfdf;
border-left: 1px solid #dfdfdf;
}
div.postsubform div.inputopt {
border-top: 1px solid #dfdfdf;
padding: 10px;
}
div.postsubform ul.ulblock {
padding: 5px;
}
div.postsubform div.inputopt span.filep,
div.postsubform div.inputopt span.imgp,
div.postsubform div.inputopt span.videop {
display: inline-block;
margin: 0 4px 0 0;
width: 24px;
height: 18px;
}
div.postsubform div.inputopt span.filep {
background-image: url(../Images/filepbg.gif);
background-repeat: no-repeat;
background-position: center center;
}
div.postsubform div.inputopt span.imgp {
background-image: url(../Images/imgpbg.gif);
background-repeat: no-repeat;
background-position: center center;
}
div.postsubform div.inputopt span.videop {
background-image: url(../Images/videopbg.gif);
background-repeat: no-repeat;
background-position: center center;
}
div.postsubform ul.ulblock li.ulthumb,
div.postsubform ul.ulblock li.ulmore {
display: block;
width: 48px;
height: 48px;
padding: 2px;
float: left;
margin: 0 4px 4px 0;
}
div.postsubform ul.ulblock li.ulthumb {
}
div.postsubform ul.ulblock li.ulmore {
border: 1px solid #dfdfdf;
BACKGROUND-color: #E4E4E4;
background-image: url(../Images/ulmorebg.gif);
background-repeat: no-repeat;
background-position: center center;
}
div.postsubform ul.ulblock li.ulthumb {
border: 1px solid #dfdfdf;
}
div.postsubform ul.ulblock li.ulthumb .imgtx {
overflow: hidden;
width: 48px;
height: 48px;
margin: 0 auto;
display: inline-block;
}
div.postsubform ul.ulblock li.ulthumb .imgtx img {
min-height: 48px;
width: 48px;
}
div.postsubform ul.ulblock li.ulthumb .imghit {
Z-INDEX: 2;
POSITION: ABSOLUTE;
width: 48px;
height: 46px;
background-color: #fff;
-moz-opacity: 0;
opacity: 0;
filter: alpha(opacity=0);
}
div.postsubform ul.ulblock li.ulthumb .imghit:hover {
background-image: url(../Images/delbtnbg.gif);
background-repeat: no-repeat;
background-position: right 2px;
background-color: #fff;
-moz-opacity: 0.4;
opacity: 0.4;
filter: alpha(opacity=40);
}
div.contblock div.stuff ul.ulblock li.dlfile,
div.postsubform ul.ulblock li.dlfile {
background-image: url(../Images/dlfilebg.gif);
background-repeat: no-repeat;
background-position: left center;
padding: 0 0 0 28px;
}
div.postfnc {
margin: 10px 0;
vertical-align: middle;
}
div.postfnc div.setLeft {
float: left;
width: 110px;
text-align: left;
padding: 3px 0 0 0;
}
div.mtcwindow div.postsubform div.inputopt div.setRight,
div.postsubform div.inputopt div.setRight,
div.postfnc div.setRight {
float: right;
width: 350px;
text-align: right;
}
div.postsubform div.setRight span.slctarget {
background-image: url(../Images/slctargetbg.gif);
background-repeat: no-repeat;
background-position: center center;
height: 16px;
width: 16px;
display: inline-block;
vertical-align: middle;
}
div.postcontent {
margin: 10px 0 0 0;
}
div.postcontent DIV.mainpoct {
padding: 10px;
}
div.postcontent DIV.userthumb {
width: 50px;
float: LEFT;
position: relative;
}
div.postcontent DIV.contblock {
width: 425px;
float: RIGHT;
}
div.postcontent DIV.contblock div.postmeta .fnclist {
width: 16px;
height: 16px;
display: inline-block;
margin: 0 1px 0 0;
vertical-align: middle;
float: right;
}
div.postcontent DIV.contblock div.postmeta .pmenu {
display: inline-block;
}
div.postcontent DIV.contblock div.postmeta .fnclist {
background-image: url(../Images/fnclistbg.gif);
background-repeat: no-repeat;
background-position: center center;
border: 1px solid #dfdfdf;
cursor: pointer;
}
.sendsms {
width: 16px;
height: 16px;
margin: 0 1px 0 0;
display: inline-block;
vertical-align: middle;
background-image: url(../Images/fnclistbg.gif);
background-repeat: no-repeat;
background-position: center center;
border: 1px solid #dfdfdf;
}
.sendsms span.mbox {
width: 20px;
height: auto;
border: 1px solid #dfdfdf;
background-color: #fff;
left: -18px;
top: 16px;
text-align: center;
}
div.postcontent DIV.contblock div.postmeta .fnclist span.mbox {
width: 120px;
height: auto;
border: 1px solid #dfdfdf;
background-color: #fff;
left: 0;
top: 16px;
text-align: left;
}
div.postcontent DIV.contblock span.posttime {
display: inline-block;
width: 100%;
text-align: right;
margin: 0 0 8px 0;
color: #afafaf;
}
div.postcontent DIV.contblock div.postmeta {
margin: 0 0 10px 0;
}
div.postcontent DIV.contblock div.postmeta .name {
width: auto;
margin: 0 5px 0 0;
vertical-align: middle;
font-size: 15px;
line-height: 20px;
color: #FB760F;
font-weight: bold;
}
div.postcontent DIV.contblock div.postmeta .potime {
width: auto;
height: 20px;
line-height: 20px;
display: block;
margin: 0 5px 0 0;
vertical-align: middle;
font-size: 11px;
color: #919191;
color: var(--color_919191);
}
div.postcontent DIV.contblock div.postmeta .popri {
width: 20px;
height: 20px;
display: inline-block;
margin: 0 1px 0 0;
vertical-align: middle;
background-image: url(../Images/popribg.gif);
background-repeat: no-repeat;
background-position: center center;
float: right;
}
div.postcontent DIV.poreplycont div.stuff,
div.postcontent DIV.contblock div.stuff {
padding: 8px 0 5px 0;
}
div.postcontent DIV.poreplycont div.stuff ul.attimage li,
div.postcontent DIV.contblock div.stuff ul.attimage li {
float: LEFT;
margin: 0 3px 3px 0;
padding: 3px;
}
div.postcontent DIV.poreplycont div.stuff ul.attimage li img,
div.postcontent DIV.contblock div.stuff ul.attimage li img {
width: auto;
height: auto;
}
div.postcontent ul.porep_ul li {
background-color: #f5f5f5;
padding: 7px 8px;
margin: 0 0 0 0;
position: relative;
}
div.postcontent ul.porep_ul li.pocount {
padding: 3px 8px;
margin-bottom: 1px;
}
div.postcontent ul.porep_ul li.replyblock {
padding: 8px;
}
div.postcontent li.pocount span.recmndnumon,
div.postcontent li.pocount span.recmndnumoff,
div.postcontent li.pocount span.reponum {
display: inline-block;
float: left;
height: 20px;
line-height: 20px;
margin: 0 2px 0 0;
/*min-width:30px;*/
padding: 0 0 0 20px;
}
div.postcontent li.pocount span.readnum {
display: inline-block;
float: right;
width: 250px;
line-height: 20px;
text-align: right;
height: 20px;
margin: 0 0 0 0;
position: relative;
}
div.postcontent li.pocount span.recmndnumon {
background-image: url(../Images/btn_like_hl.svg);
background-repeat: no-repeat;
background-position: left center;
background-size: contain;
}
div.postcontent li.pocount span.recmndnumoff {
background-image: url(../Images/btn_like.svg);
background-repeat: no-repeat;
background-position: left center;
background-size: contain;
}
div.postcontent li.pocount span.reponum {
background-image: url(../Images/reponumbg.gif);
background-repeat: no-repeat;
background-position: left center;
background-size: contain;
}
div.postcontent li.replyblock div.userthumb,
div.postcontent li.replyblock div.userthumb {
width: 30px;
height: 30px;
position: absolute;
bottom: 10px;
left: 10px;
}
div.postcontent li.replyblock div.poreplycont {
width: 442px;
float: left;
margin-left: 40px;
position: relative;
}
div.postcontent li.replyblock div.inputreptxt {
padding: 6px 42px;
background: #FFFFFF;
border: 1px solid #DCDCDC;
border-radius: 14px;
box-sizing: border-box;
width: 444px;
float: right;
position: relative;
margin-right: 2px;
}
div.postcontent li.replyblock div.inputreptxt .txtfld {
border: 0px solid #fff;
width: 385px;
}
div.postcontent li.replyblock div.inputreptxt div.uploadImg {
display: block;
background-image: url(../Images/btn_attach_m.png);
background-size: cover;
background-repeat: no-repeat;
width: 26px;
height: 26px;
cursor: pointer;
}
div.postcontent li.replyblock div.inputreptxt span.stickerBtn {
position: absolute;
left: 10px;
bottom: 3px;
}
div.postcontent li.replyblock div.inputreptxt svg {
width: 26px;
height: 26px;
opacity: 0.8;
cursor: pointer;
fill: #5b5b5b;
fill: var(--color_5B5B5B);
}
div.postcontent li.replyblock div.inputreptxt svg:hover {
opacity: 1;
}
div.postcontent li.replyblock div.inputreptxt .open svg {
fill: #ff8a4f;
fill: var(--color_FF8A4F);
}
div.postcontent li.replyblock span.ulreplyimg {
background-image: url(../Images/ulreplyimgbg.gif);
background-repeat: no-repeat;
background-position: left center;
width: 20px;
height: 16px;
display: inline-block;
vertical-align: middle;
}
/*--tab--*/
div.tabpage {
margin: 8px 0 0;
}
.dynamic-tab-pane-control.tab-pane {
position: relative;
width: 100%;
margin: 0 auto;
}
.dynamic-tab-pane-control .tab-row {
padding: 0;
margin: 0;
}
.dynamic-tab-pane-control .tab-row h3.tab {
color: #FAFAFA;
font-size: 14px;
display: inline;
float: left;
padding: 0 8px;
margin: 0 1px 0 0;
height: 35px;
line-height: 35px;
z-index: 1;
position: relative;
top: 0;
background-color: #d4d4d4;
text-align: center;
min-width: 63px;
}
.dynamic-tab-pane-control .tab-row h3.tab.selected {
top: 0;
background-color: #FFF;
}
.dynamic-tab-pane-control .tab-page {
clear: both;
position: relative;
top: 0;
padding: 10px;
font-size: 13px;
background-color: #fff;
}
.dynamic-tab-pane-control .tab-row {
white-space: nowrap;
height: 35px;
width: 100%;
}
.tab-row h3.tab a {
color: #5a5a5a;
text-decoration: none;
}
.dynamic-tab-pane-control .tab-row h3.tab.hover a {
color: #8f8f8f;
}
.dynamic-tab-pane-control .tab-row h3.tab.selected a {
color: #5a5a5a;
}
.dynamic-tab-pane-control .tab-row h3.tab.selected .hover a {
color: #202020;
}
/*POPUP TAB*/
div.pwindow .dynamic-tab-pane-control .tab-row h3.tab {
margin: 0 1px 1px 0;
border: 1px solid #dfdfdf;
border-BOTTOM: 1px solid #FFF;
}
div.pwindow .dynamic-tab-pane-control .tab-page {
top: -2px;
z-index: 2;
}
/*右側TAB*/
div.rightblock .dynamic-tab-pane-control .tab-row {
padding: 0 10px;
margin: 0 0 20px 0;
}
div.rightblock .dynamic-tab-pane-control .tab-page {
padding: 0 0;
}
div.rightblock .dynamic-tab-pane-control .tab-row h3.tab {
color: #5A5A5A;
border-bottom: 5px solid #dfdfdf;
height: 16px;
line-height: 16px;
background-color: #FFF;
padding: 8px;
}
div.rightblock .dynamic-tab-pane-control .tab-row h3.tab.selected, div.rightblock .dynamic-tab-pane-control .tab-row h3.tab.current {
border-bottom: 5px solid #FFAF23;
color: #ffaf23;
}
div.rightblock .dynamic-tab-pane-control .tab-row h3.tab.hover a,
div.rightblock .dynamic-tab-pane-control .tab-row h3.tab.selected a,
div.rightblock .dynamic-tab-pane-control .tab-row h3.tab.selected .hover a {
color: #ffaf23;
}
/*---按鈕-----------------------------------------*/
.blackbtn {
background-color: #5F5F5F;
border: 1px solid #AFAFAF;
margin: 0 0 0 0px;
color: #FFF;
font-size: 12px;
padding: 3px 8px;
vertical-align: middle;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
position: relative;
line-height: 15px;
position: relative;
zoom: 1;
cursor: pointer;
}
.blackbtn:hover {
background-color: #707070;
}
.writebtn {
font-size: 22px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
border: 1px solid #dcdcdc;
border-color: var(--color_DCDCDC);
padding: 0;
text-decoration: none;
background: -moz-linear-gradient( center top, #f9f9f9 5%, #e9e9e9 100% );
background: -webkit-gradient( linear, left top, left bottom, color-stop(5%, #f9f9f9), color-stop(100%, #e9e9e9) );
background-color: #f9f9f9;
color: #666666;
display: inline-block;
text-shadow: 1px 1px 0px #ffffff;
min-width: 166px;
line-height: 60px;
height: 60px;
text-align: center;
position: relative;
zoom: 1;
}
.writebtn.hover {
background: -moz-linear-gradient( center top, #e9e9e9 5%, #f9f9f9 100% );
background: -webkit-gradient( linear, left top, left bottom, color-stop(5%, #e9e9e9), color-stop(100%, #f9f9f9) );
background-color: #e9e9e9;
}
/*-----MEETING POP-----*/
DIV.meetingpop {
width: 180px;
BORDER: 1px SOLID #DFDFDF;
BACKGROUND-color: #FFF;
height: 155px;
}
DIV.meetingpop div.meetingpopbg {
BACKGROUND-color: #b8bf00;
height: 40px;
}
DIV.meetingpop div.meetingpopbg img {
width: 100%;
height: auto;
}
DIV.meetingpop div.meetingpopmeta {
padding: 5px;
}
DIV.meetingpop div.meetingpopmeta span.mtptime,
DIV.meetingpop div.meetingpopmeta span.mtpaddress,
DIV.meetingpop div.meetingpopmeta span.mtpname {
display: BLOCK;
}
DIV.meetingpop div.meetingpopmeta span.mtptime {
margin: 10px 0 0 0;
}
DIV.meetingpop div.meetingpopmeta span.mtpname a,
DIV.meetingpop div.meetingpopmeta span.mtpname {
font-size: 14px;
color: #303030;
}
DIV.meetingpop div.mtpbtnset {
TEXT-ALIGN: LEFT;
margin: 5px 0 0 0;
BORDER-TOP: 1px SOLID #DFDFDF;
padding: 5px 0 5px 5px;
vertical-align: middle;
}
DIV.meetingpop div.mtpbtnset SPAN.txthbtn {
float: right;
}
/*-----*/
.pwindowr p.notcont {
padding: 20px;
}
/*-----GUIDE WINDOW-----*/
div.guidewin {
width: 1000px;
BORDER: 1px SOLID #dfdfdf;
BACKGROUND-color: #FFF;
}
div.guidewin h3.gwinhead {
color: #FFf;
margin: 30px 0;
background-image: url(../Images/gwinhead.gif);
background-repeat: no-repeat;
background-position: LEFT CENTER;
height: 42px;
font-size: 16px;
LINE-height: 40px;
padding: 0 0 0 50px;
}
div.guidestep {
width: 711px;
padding: 40px 0 0 0;
height: 120px;
text-align: center;
margin: 0 auto;
}
div.guidestep span {
display: inline-block;
text-align: left;
padding-top: 90px;
font-size: 16px;
}
div.guidestep span.gs1off,
div.guidestep span.gs1on {
width: 180px;
}
div.guidestep span.gs1on {
background-image: url(../Images/gs1on.gif);
background-repeat: no-repeat;
background-position: LEFT top;
color: #4bc7c7;
}
div.guidestep span.gs1off {
background-image: url(../Images/gs1off.gif);
background-repeat: no-repeat;
background-position: LEFT top;
}
div.guidestep span.gs2on,
div.guidestep span.gs2off {
padding-left: 25px;
width: 158px;
}
div.guidestep span.gs2on {
color: #4bc7c7;
background-image: url(../Images/gs2on.gif);
background-repeat: no-repeat;
background-position: LEFT top;
}
div.guidestep span.gs2off {
background-image: url(../Images/gs2off.gif);
background-repeat: no-repeat;
background-position: LEFT top;
}
div.guidestep span.gs3on,
div.guidestep span.gs3off {
padding-left: 50px;
width: 131px;
}
div.guidestep span.gs3on {
background-image: url(../Images/gs3on.gif);
background-repeat: no-repeat;
background-position: LEFT top;
color: #4bc7c7;
}
div.guidestep span.gs3off {
background-image: url(../Images/gs3off.gif);
background-repeat: no-repeat;
background-position: LEFT top;
}
div.guidestep span.gs4on,
div.guidestep span.gs4off {
padding-left: 110px;
width: 56px;
}
div.guidestep span.gs4on {
background-image: url(../Images/gs4on.gif);
background-repeat: no-repeat;
background-position: LEFT top;
color: #4bc7c7;
}
div.guidestep span.gs4off {
background-image: url(../Images/gs4off.gif);
background-repeat: no-repeat;
background-position: LEFT top;
}
div.guidewin div.gcon {
padding: 20px;
}
div.guidewin div.myset {
margin: 30px auto 0;
width: 600px;
}
div.guidewin div.myset div.userimg {
width: 180px;
float: left;
}
div.guidewin div.myset div.userimg span.thumb {
BORDER: 1px SOLID #D5D5D5;
padding: 0;
display: inline-block;
-webkit-border-radius: 240px;
-moz-border-radius: 240px;
border-radius: 240px;
OVERFLOW: HIDDEN;
position: relative;
zoom: 1;
}
div.guidewin div.myset div.userimg span.uname {
margin: 10px 0 0 0;
text-align: center;
font-size: 16px;
display: block;
color: #202020;
}
div.guidewin div.myset div.editperinfo {
width: 380px;
float: right;
}
div.guidewin div.myset div.editperinfo p.notcont {
margin: 0 0 50px 0;
font-size: 14px;
}
div.guidewin div.myset div.editperinfo table td.introfld textarea {
width: 280px;
height: 110px;
}
div.guidewin div.myset div.editperinfo div.gwfbtn {
margin: 0 0 20px 0;
padding: 0 0 0 28px;
height: 28px;
line-height: 21px;
font-size: 14px;
background-image: url(../Images/gwfbtn.gif);
background-repeat: no-repeat;
background-position: LEFT top;
}
div.guidewin div.gcon DIV.userthumbform {
width: 200px;
margin: 0 AUTO;
}
div.guidewin div.gcon table td.imgfld {
text-align: center;
BORDER: 1px SOLID #DFDFDF;
padding: 10px;
}
div.guidewin div.gcon table td.imgfld span.thumb {
BORDER: 1px SOLID #D5D5D5;
padding: 0;
display: inline-block;
-webkit-border-radius: 240px;
-moz-border-radius: 240px;
border-radius: 240px;
OVERFLOW: HIDDEN;
position: relative;
zoom: 1;
}
div.guidewin div.gcon table td.postbtn {
text-align: center;
padding: 10px;
}
div.guidewin div.gcon table td.postbtn .srchbtn {
font-size: 14px;
padding: 4px 8px;
}
div.guidewin div.gbtns {
margin: 20px 0 0 0;
text-align: center;
padding: 20px;
}
div.guidewin div.gbtns span {
font-size: 14px;
padding: 4px 8px;
display: block;
}
div.guidewin div.gbtns span.lbtn {
float: left;
}
div.guidewin div.gbtns span.rbtn {
float: right;
}
.lthumb {
width: 120px;
height: 120px;
}
/*---EVERY8D加的-----------------------------------------*/
html, body {
/*height: 100%;*/
height: auto;
min-height: 100%;
}
#container {
margin: 0;
padding: 0;
position: relative;
}
iframe body {
background-color: #FFF;
}
/*圓的樣式*/
.circle {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
display: block;
position: relative;
zoom: 1;
outline: 1px solid rgba(0,0,0,0.05);
outline-offset: -1px;
}
/*20種顏色:8-19是重複的*/
.color0 {
background-color: #7dd0f3;
}
.color1 {
background-color: #fc6e51;
}
.color2 {
background-color: #fcd651;
}
.color3 {
background-color: #b8bf00;
}
.color4 {
background-color: #e0a85e;
}
.color5 {
background-color: #63b95d;
}
.color6 {
background-color: #e2769c;
}
.color7 {
background-color: #a28de9;
}
.color8 {
background-color: #E76B96;
}
.color9 {
background-color: #B8BE00;
}
.color10 {
background-color: #45D1B8;
}
.color11 {
background-color: #8EA3E2;
}
.color12 {
background-color: #FB6D51;
}
.color13 {
background-color: #80CCD6;
}
.color14 {
background-color: #EEB73D;
}
.color15 {
background-color: #7BB8E0;
}
.color16 {
background-color: #E76B96;
}
.color17 {
background-color: #B8BE00;
}
.color18 {
background-color: #45D1B8;
}
.color19 {
background-color: #8EA3E2;
}
/*More的樣式*/
.dynmore {
padding: 10px;
text-align: right;
}
.dynmore a, .moretxt a {
cursor: pointer;
}
/*按鈕樣式調整*/
.mngtoolblock {
/* visibility: hidden;*/
position: absolute;
/* top: 96px;
left: 0px;*/
display: none;
/* opacity: 1;*/
z-index: 1;
top: 0;
left: -368px;
}
.addbtn, .editbtn {
cursor: pointer;
}
/*調整日期區塊*/
input.hasDatepicker {
width: 80px;
}
/*調整SELECT長度*/
.sclist {
min-width: 75px;
line-height: 18px;
text-align: left;
}
/*增加TIP樣式*/
.tip.hover .popbox {
display: block;
position: absolute;
padding: 10px 18px;
min-height: 10px;
color: #FFF;
z-index: 99;
}
p.msgattch {
margin: 12px 0;
font-size: 12px;
color: #999999;
padding: 12px;
BORDER: 1px SOLID #ECECEC;
BACKGROUND-color: #F5F5F5;
}
span.attachfile {
display: inline-block;
vertical-align: middle;
margin: 0 5px 0 0;
}
.pwindow h3 .closebtn {
cursor: pointer;
}
div.postcontent li.replyblock div.inputreptxt .txtfld {
border: 0px solid #fff;
resize: vertical;
width: 390px;
height: 18px;
max-width: 415px;
}
div.postsubform div.inputhere .txtar {
max-width: 470px;
font-size: 14px;
}
div.postsubform div.inputhere .postInput {
width: 470px;
border: 1px solid #FFF;
padding: 6px;
font-size: 15px;
}
span.user_thumb img {
width: 50px;
height: 50px;
border: 1px solid #e5e5e5;
}
span.user_info {
padding: 8px 0 0 0;
display: BLOCK;
float: left;
font-size: 12px;
margin: 0 0 0 3px;
}
#header span.user_info {
color: #7a7a7a;
float: left;
position: relative;
display: block;
padding: 6px 0 18px 0;
}
.user_info .userInfoText {
display: block;
width: 270px;
height: 30px;
text-overflow: ellipsis;
overflow: hidden;
padding: 0;
line-height: 15px;
}
.user_info .userInfoText a {
text-decoration: none;
color: #BAAF94;
}
.user_info .isTagged {
font-size: 12px;
color: #FF5252;
color: var(--color_FF5252);
letter-spacing: 0;
display: inline-block;
margin-right: 5px;
}
.user_info .userInfoText a:hover {
}
.user_info .userInfoText .userImName {
margin-right: 5px;
}
.user_info .userInfoTime {
position: absolute;
bottom: 0px;
right: 0px;
padding: 0;
margin-right: 3px;
color: #BAAF94;
}
.divNoticeEvent span.user_thumb .iconBox,
.divNoticeIM span.user_thumb .iconBox {
width: 45px;
height: 45px;
margin: 3px 0 0 4px;
border: 1px solid #e5e5e5;
position: relative;
overflow: hidden;
}
.divNoticeEvent span.user_thumb .iconBox img,
.divNoticeIM span.user_thumb .iconBox img {
width: 100%;
height: 100%;
border: 0;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}
/*Header下拉選單*/
#header .mngtoolblock {
visibility: visible;
display: none;
z-index: 100000;
}
#header .mngtoolblock ul {
margin: 0;
padding: 0;
border: 1px solid #cccccc;
border-bottom: 0px;
}
#header .mngtoolblock ul li {
width: 80px;
background-color: #fff;
padding: 0px;
height: 24px;
line-height: 20px;
border-bottom: 1px solid #cccccc;
}
#header .mngtoolblock ul a {
display: block;
padding: 2px 5px;
}
#header .mngtoolblock ul a:hover {
background-color: #FF6416;
background-color: var(--color_FF6416);
color: #ffffff;
}
/*Header右上Notice設定*/
#userNoticeBox {
position: relative;
display: inline-block;
zoom: 1;
*display: inline;
_height: 30px;
}
/*Header Notice相關*/
#rightheadblock a {
color: White;
}
#spanNotice:hover {
background-color: #3a3a3a;
}
span.homeicon:hover {
background-color: #3a3a3a;
}
span.warningicon:hover {
background-color: #3a3a3a;
}
span.msgicon:hover {
background-color: #3a3a3a;
}
#content .leftblock .fbtn {
position: relative;
}
#content .leftblock .fbtn .item {
cursor: pointer;
}
#content .leftblock .fbtn .chat .num {
float: right;
margin: 5px 5px 0 0;
color: #ffffff;
background-color: #ffa913;
padding: 2px 4px;
-moz-border-radius: 100px;
-webkit-border-radius: 100px;
border-radius: 100px;
font-size: 11px;
position: relative;
zoom: 1;
}
div.warningblock {
position: absolute;
display: none;
z-index: 904;
width: 340px;
top: 24px;
right: -13px;
margin-top: 5px;
padding: 9px 0 0 0;
background-image: url(../Images/msgblockbg2.gif);
background-repeat: no-repeat;
background-position: 266px top;
}
div.warningblock ul li:hover {
background-color: #E9E9E9;
}
div.warningblock ul li.read {
background-color: #FFFFFF;
}
div.warningblock ul li.read:hover {
background-color: #E9E9E9;
}
div.msgblock {
position: absolute;
display: none;
z-index: 905;
width: 350px;
top: 22px;
right: 0px;
margin-top: 5px;
padding: 9px 0 0 0;
background-image: url(../Images/msgblockbg2.gif);
background-repeat: no-repeat;
background-position: 245px top;
color: #5f5f5f;
}
div.msgblock ul li.read {
background-color: #FFFFFF;
}
div.msgblock ul li.read .read {
background-color: #FFFFFF;
}
div.msgblock ul li.read:hover {
background-color: #E9E9E9;
}
div.msgblock ul {
background-color: #fff;
border: 1px solid #F0CAA4;
width: 340px;
padding: 5px;
}
div.msgblock ul li {
padding: 2px 0;
border-bottom: 1px solid #e5e5e5;
background-color: #F5F5F5;
cursor: pointer;
}
div.msgblock ul li:hover {
background-color: #E9E9E9;
}
li.msgitem {
cursor: pointer;
border-bottom: 1px solid #e5e5e5;
background-color: #F5F5F5;
}
li.msgitem .user_thumb {
background-color: #F5F5F5;
}
li.msgitem .user_thumb.read {
background-color: #FFFFFF;
}
.pmenu:hover .mbox a, hoverpmenu_mbox a {
cursor: pointer;
width: 100%;
}
.pmenu:hover .mbox a:hover, hoverpmenu_mbox a:hover {
background-color: #FF6416;
background-color: var(--color_FF6416);
color: #fff;
}
.ezTalk {
padding-top: 20px;
cursor: pointer;
}
.seeMore {
display: block;
font-weight: bold;
padding: 8px;
text-align: center;
}
/*訊息列表相關*/
.postcontent .listMsg {
position: relative;
margin-bottom: 1px;
}
div.deleteMsg {
position: absolute;
display: none;
z-index: 5;
width: 25px;
top: 8px;
right: 5px;
padding: 0px;
}
.postcontent .listMsg:hover div.deleteMsg {
display: block;
}
div.postcontent li.pocount span.recmndnumoff {
cursor: pointer;
}
.postUpload {
min-height: 70px;
display: none;
background: #fff;
}
.delUpload {
background-image: url(../Images/delbtnbg.gif);
background-repeat: no-repeat;
background-position: right 2px;
display: block;
height: 16px;
width: 16px;
position: absolute;
top: 0px;
right: 0px;
}
div.postsubform ul.ulblock li.ulthumb .imghit .delUpload {
display: none;
}
div.postsubform ul.ulblock li.ulthumb .imghit:hover .delUpload {
display: block;
}
div.postsubform ul.ulblock li.ulthumb .imghit {
height: 48px;
}
.btnSelectTarget {
padding: 2px;
margin: 10px;
cursor: pointer;
border: 1px solid;
}
/*去除管理平台後面的白底*/
#content .bigright {
background-color: rgba(0, 0, 0, 0);
}
.readppl {
cursor: pointer;
}
div.userlock {
z-index: 3040;
}
div.userlock ul {
background-color: White;
border: 1px solid #dfdfdf;
width: 210px;
padding: 5px;
overflow-y: auto;
max-height: 320px;
}
div.userlock ul li, ul.porep_ul div.userlock ul li {
background-color: White;
border-bottom: 1px solid #dfdfdf;
position: relative;
}
div.userlock ul li img {
width: 25px;
height: 25px;
border: none;
}
div.userlock ul li span.user_thumb {
width: 25px;
height: 25px;
}
.pocount span {
vertical-align: middle;
font-size: 14px;
line-height: 18px;
color: #7F7F7F;
color: var(--color_7F7F7F);
letter-spacing: 0;
text-align: right;
cursor: pointer;
}
div.wall {
background-image: url(../Images/wallchbg.png);
background-repeat: no-repeat;
background-position: 20px center;
background-size: 38px;
}
.selectMemberppl {
cursor: pointer;
}
#spanSelectMemeberInfo div ul li {
padding: 5px 8px;
margin: 0 0 3px 0;
}
#content .bigleftForRegister {
float: left;
width: 690px;
BACKGROUND-color: #FFF;
min-height: 400px;
}
.trPWD {
display: none;
}
.lockicon {
background-image: url(../Images/lock.gif);
background-repeat: no-repeat;
background-position: center center;
width: 25px;
height: 25px;
display: inline-block;
vertical-align: middle;
}
.unlockicon {
background-image: url(../Images/unlock.gif);
background-repeat: no-repeat;
background-position: center center;
width: 25px;
height: 25px;
display: inline-block;
vertical-align: middle;
}
/*懸浮功能列*/
.floatingMenu {
position: fixed;
display: flex;
flex-direction: column-reverse;
right: 40px;
bottom: 40px;
}
/*懸浮按鈕*/
.floatingMenu .menuBtnDiv {
display: flex;
align-items: end;
flex-direction: row-reverse;
}
.floatingMenu .menuBtnDiv .menuBtn {
/*background-color: #FFFFFF;*/
position: relative;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
margin-top: 20px;
width: 48px;
height: 48px;
box-shadow: 0 2px 8px 0 rgba(0,0,0,0.20);
cursor: pointer;
}
.floatingMenu .menuBtnDiv .menuBtn span.unreadCount {
position: absolute;
top: -4px;
right: -4px;
line-height: 16px;
font-size: 10px;
min-width: 16px;
height: 16px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
background-color: #FF1515;
color: #FFFFFF;
font-weight: normal;
text-align: center;
}
.floatingMenu .menuBtnDiv .menuBtn svg {
fill: #FFAB81;
fill: var(--color_FFAB81);
position: relative;
width: 32px;
height: 32px;
transition: 0.3s ease;
}
.floatingMenu .menuBtnDiv .toolTip {
background: #373737;
background: var(--color_373737);
box-shadow: -1px 1px 4px 0 rgba(0,0,0,0.60);
border-radius: 6px;
position: relative;
bottom: 10px;
margin-right: 6px;
width: 76px;
height: 28px;
max-width: 334px;
line-height: 16px;
cursor: pointer;
}
.floatingMenu .menuBtnDiv .toolTip.chatToolTip {
display: flex;
align-items: center;
justify-content: center;
}
.floatingMenu .menuBtnDiv .toolTip.chatToolTip span {
font-size: 12px;
color: #FFFFFF;
font-weight: 400;
}
.floatingMenu .menuBtn:hover {
transform: scale(1.1);
}
.floatingMenu .menuBtn:active {
transform: scale(1);
}
/*動態牆下拉選單*/
div.postcontent DIV.contblock div.postmeta .fnclist span.mbox {
padding: 0px;
}
div.postcontent DIV.contblock div.postmeta .fnclist span.mbox a {
padding: 6px;
}
/*聯絡人小卡*/
.rbli_thumb:hover .userpop {
display: block;
}
div.rightblock .dynamic-tab-pane-control .tab-row h3 {
cursor: pointer;
}
/*右側我的群外聯絡人*/
#ContactMyFriendsPane .rightblock_ul {
margin-top: 5px;
}
/*發送訊息POPUP視窗*/
#CFMsgBox {
display: none;
position: fixed;
background-color: #FFF;
width: 300px;
/*height: 120px;*/
top: 30%;
left: 40%;
border: 1px solid #666;
padding: 10px;
margin: 0 auto;
z-index: 101;
}
#CFMsgBox > Div {
margin: 5px auto;
}
#CFMsgBox .titleBox span {
}
#CFMsgBox textarea {
width: 300px;
height: 60px;
min-height: 60px;
min-width: 300px;
resize: vertical;
}
#CFMsgBox .btnBox {
text-align: right;
}
.mh350 {
height: 350px;
}
/*發送群聊訊息POPUP視窗*/
#CGMsgBox {
display: none;
position: fixed;
background-color: #FFF;
width: 300px;
height: 120px;
top: 30%;
left: 40%;
border: 1px solid #666;
padding: 10px;
margin: 0 auto;
z-index: 99;
}
#CGMsgBox > Div {
margin: 5px auto;
}
#CGMsgBox .titleBox {
display: inline-block;
}
#CGMsgBox textarea {
width: 300px;
height: 60px;
min-height: 60px;
min-width: 300px;
}
#CGMsgBox .btnBox {
text-align: right;
}
#CGMsgBox .titleBox span {
display: inline-block;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
/*重設密碼*/
#content .bigleft2 {
float: left;
width: 690px;
BACKGROUND-color: #FFF;
height: 320px;
}
#div_messageList .pmenu:hover .mbox a {
width: 108px;
}
.divKeyWord {
display: block;
text-align: center;
position: absolute;
left: 300px;
border: 1px solid #dfdfdf;
background-color: #fff;
padding: 10px;
display: none;
z-index: 200;
}
/* simple css-based tooltip */
.hinttooltip {
background-color: #00a6ff;
border: 1px solid #fff;
padding: 10px 15px;
min-width: 220px;
max-width: 100%;
display: none;
color: #fff;
text-align: left;
font-size: 12px;
-moz-box-shadow: 0 0 10px #000;
-webkit-box-shadow: 0 0 10px #000;
z-index: 100;
}
/*分頁*/
.ps {
cursor: pointer;
}
.ps2 {
cursor: pointer;
color: #54C6D6;
}
.red {
color: #ff0000;
}
.gray {
color: #cccccc;
}
.orange {
color: #FF6416;
color: var(--color_FF6416);
}
/*團隊討論Sidebar*/
.rbli_line {
padding: 6px 5px 4px;
border-bottom: 1px dashed #dfdfdf;
margin-top: -1px;
word-break: initial;
}
.rightblock_li span.wrkstatus {
display: block;
float: right;
margin: 0 0 4px 4px;
font-size: 0.85em;
color: #909090;
}
.rightblock_li span.methumb {
display: block;
float: left;
margin: 0 8px 0 0;
vertical-align: middle;
width: 30px;
height: 30px;
}
.rightblock_li span.methumb img {
width: 100%;
height: 100%;
}
.rightblock_li span.mehead {
vertical-align: middle;
line-height: 18px;
width: 160px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
display: inline-block;
}
/*----more----*/
.moretxt2 {
font-size: 14px;
padding: 10px;
text-align: right;
line-height: 22px;
}
.moretxt2 .invite {
display: inline-block;
float: left;
padding: 4px 6px;
text-align: left;
vertical-align: middle;
}
.moretxt2 .txthbtn {
background-color: #4db1da;
border: 0 solid #cfcfcf;
color: #ffffff;
display: inline-block;
height: 22px;
line-height: 22px;
margin: 0 2px 0 0;
padding: 0 6px;
vertical-align: middle;
}
.moretxt2 .graystyle {
background-color: #8e8e8e;
}
.rightblock .rbli_thumb {
height: 78px;
position: relative;
text-align: center;
margin: 5px 4px 5px 5px;
}
.rightblock .rbli_thumb .th_meta {
display: inline-block;
font-size: 14px;
width: 100%;
height: 32px;
line-height: 16px;
overflow: hidden;
}
#sendSetting {
width: 100px;
}
/*按鈕的ToolTip*/
.btnRightTip {
display: none;
font-size: 12px;
padding: 5px 7px 5px 18px;
color: #fff;
background-image: url(../Images/popbox_Lbg.gif);
background-position: left top;
z-index: 10;
}
/*超連結*/
.UrlLink {
text-decoration: underline;
color: rgb(88, 81, 255);
}
/*---Mbox--*/
.mbox_ul {
padding: 0 7px;
margin-bottom: -1px;
}
.mbox_li {
color: #afafaf;
}
.mbox_li span.mbbthumb {
cursor: pointer;
display: block;
float: left;
margin: 0 8px 0 0;
vertical-align: middle;
}
.mbox_li span.mbbhead {
display: inline-block;
vertical-align: middle;
line-height: 28px;
}
.mbox_li span.mbbthumb img {
width: 30px;
height: 30px;
}
.mox {
display: inherit;
}
.pmenu:hover .mbox .mbox_li span.mbbhead a {
display: inline;
}
.pmenu:hover .mbox .mbox_li span.mbbhead a:hover {
color: #FF6416;
color: var(--color_FF6416);
background-color: #FFF;
}
.userCard {
position: relative;
}
.userCard:hover .hideRemove {
display: block;
}
.userCard:hover {
border-color: #ff6416;
border-color: var(--color_FF6416);
}
/*刪除按鈕*/
.hideRemove {
display: none;
position: absolute;
right: 3px;
}
/*動態牆*/
.postwall div.postmeta {
position: relative;
}
.postwall div.postmeta .postSubjectDiv {
font-size: 16px;
font-weight: bold;
color: #000;
margin-top: 15px;
}
.postwall div.postmeta .postInfoDiv {
color: #B6B6B6;
}
div.postcontent DIV.contblock div.postmeta .name a {
font-size: 15px;
color: #5b5b5b;
color: var(--color_5B5B5B);
}
.remindtoolbox {
width: 350px;
color: #333;
background-color: #F4F1EC;
border: 1px solid #D7D0A3;
}
.remindtoolbox .btn {
background-color: #F0E9D2;
padding: 2px 3px;
margin-left: 2px;
border: 1px solid #D7D0A3;
color: #7C7872;
}
.remindtoolbox .btn:hover {
background-color: #ECE1BF;
}
.postmeta .postHeaderLeft {
width: 380px;
float: left;
}
.postmeta .postHeaderRight {
float: right;
width: 20px;
}
.toolMenuList {
display: none;
/*a有設定寬度*/
/*width: 92px;*/
background-color: #fff;
z-index: 3;
border: 1px solid #ebebeb;
border-color: var(--color_EBEBEB);
border-bottom: 0px;
border-radius: 3px;
box-shadow: 0 0 8px 0 rgba(0, 0, 0, .3);
}
.toolMenuList a {
display: block;
padding: 4px 6px;
min-width: 80px;
line-height: 20px;
cursor: pointer;
}
.toolMenuList a:hover {
background-color: #EBEBEB;
background-color: var(--color_EBEBEB);
color: #7F7F7F;
color: var(--color_7F7F7F);
}
.wallVideoPoster {
width: 398px;
height: 298px;
position: relative;
}
.chatVideoPoster {
height: 160px;
width: 100%;
}
.superHubVideoPoster {
height: 185px;
}
.videoPoster {
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
cursor: pointer;
}
.playIcon {
position: relative;
top: 40%;
left: 42%;
width: 60px;
height: 60px;
}
/*回覆訊息上傳檔案*/
.replyMsgFileBox {
position: absolute;
right: 10px;
bottom: 3px;
}
.replyMsgFileBox:hover span.filep {
background-position: 1px 1px;
}
div.smslist span.filep {
display: block;
margin: 2px auto;
width: 18px;
height: 18px;
cursor: pointer;
background-image: url(../Images/filenamebg.gif);
background-repeat: no-repeat;
background-position: 0 0;
}
div.smslist ul.ulblock li.ulthumb .imghit {
height: 48px;
Z-INDEX: 2;
POSITION: ABSOLUTE;
width: 48px;
height: 48px;
background-color: #fff;
-moz-opacity: 0;
opacity: 0;
filter: alpha(opacity=0);
}
div.smslist ul.ulblock li.ulthumb .imghit:hover {
opacity: 0.4;
filter: alpha(opacity=40);
}
div.smslist ul.ulblock li.ulthumb .imgtx {
overflow: hidden;
width: 48px;
height: 48px;
margin: 0 auto;
display: inline-block;
}
div.smslist ul.ulblock li.ulthumb .imgtx img {
min-height: 48px;
width: 48px;
}
.replyMsgUpload {
background-color: #fff;
float: left;
width: 100%;
overflow: hidden;
}
.fileUpload {
cursor: pointer;
font-size: 100px;
opacity: 0.01;
position: absolute;
top: 0px;
right: 0px;
}
div.replyMsgUpload ul.ulblock li {
background: #fff;
padding: 5px 8px;
margin: 0 0 3px 0;
}
div.smslist p.msgattch {
background-color: #FCFCFC;
}
/*******************************/
/*圖片重讀的TIP*/
.imgReloadTip {
padding: 2px 5px;
}
/* Text Api - 文字處理Api ---------------------------*/
.textTruncateBox {
word-break: break-all;
word-break: break-word;
}
.textTruncateBox .textTruncateTail {
color: #FF8A4F;
color: var(--color_FF8A4F);
margin-left: 4px;
cursor: pointer;
}
.textTruncateBox .textDisplay {
margin: 12px 0 6px 0;
font-size: 16px;
color: #FF8A4F;
color: var(--color_FF8A4F);
text-align: center;
font-weight: 500;
cursor: pointer;
}
/*頁面原Tip調整*/
.popbox .title {
font-size: 15px;
color: #F0E8C1;
font-weight: bold;
}
.popbox .lable {
color: #CCC;
}
/*已讀列表調整*/
#divUserRead span.user_thumb {
display: inline-block;
vertical-align: middle;
}
#divUserRead span.user_info {
padding: 0;
width: 160px;
vertical-align: middle;
display: inline-block;
}
.postcontent span.user_info {
width: 135px;
}
.pmen, .clickpmen {
text-decoration: none;
position: relative;
}
.pmen:hover .mbos {
display: block;
}
.mbos {
display: none;
position: absolute;
padding-top: 40px;
padding: 6px;
min-height: 10px;
color: #FFF;
z-index: 99;
}
.mbos:hover {
display: block;
}
/*按鈕樣式調整*/
.settoolblock {
visibility: hidden;
position: absolute;
top: 96px;
left: 0px;
display: block;
opacity: 1;
}
/*留言檔案上傳*/
div.postcontent li.replyblock div.inputreptxt div.upfilelist ul li.flcommon,
div.postUpload div.upfilelist ul.flistul li.flcommon,
div.postcontent div.upfilelist ul.flistul li.flcommon,
div.postcontent div.poreplycont div.upfilelist ul li.flcommon {
background-image: url(../Images/attachmentfile.gif);
}
div.postcontent li.replyblock div.inputreptxt div.upfilelist ul li,
div.postUpload div.upfilelist ul.flistul li.flcommon,
div.postcontent div.upfilelist ul.flistul li.flcommon,
div.postcontent div.mainpoct div.upfilelist ul.flistul li.flcommon {
background-color: #f5f5f5;
margin: 3px 0 0 0;
color: #9a9a9a;
font-size: 0.85 em;
padding: 12px 10px 12px 28px;
background-repeat: no-repeat;
background-position: left center;
}
div.postcontent li.replyblock div.poreplycont div.upfilelist ul li.flcommon,
div.postcontent li.replyblock div.replyMsgUpload div.upfilelist ul li.flcommon {
background-color: #FFF;
}
div.postcontent li.replyblock div.inputreptxt div.uploadfile {
border-top: 1px solid #DFDFDF;
margin: 3px 0 0 0;
padding: 8px;
color: #9a9a9a;
font-size: 0.85 em;
}
div.postcontent li.replyblock div.inputreptxt div.upfilelist ul li span.del,
div.postUpload div.upfilelist ul.flistul li.flcommon span.del {
display: inline-block;
position: absolute;
right: 4px;
top: 4px;
background-image: url(../Images/del.gif);
background-repeat: no-repeat;
background-position: center center;
height: 16px;
width: 16px;
cursor: pointer;
}
div.postcontent li.replyblock div.inputreptxt div.upfilelist ul li span.del:hover,
div.postUpload div.upfilelist ul.flistul li.flcommon span.del:hover {
top: 5px;
}
div.postcontent div.poreplycont div.upfilelist {
margin: 5px 0 0 0;
}
div.postcontent li.replyblock div.inputreptxt div.upfilelist ul li,
div.postUpload div.upfilelist ul.flistul li.flcommon,
div.postcontent div.upfilelist ul.flistul li.flcommon {
position: relative;
margin: 3px 0 0 0;
color: #9a9a9a;
font-size: 0.85 em;
padding: 12px 22px 12px 28px;
background-repeat: no-repeat;
background-position: left center;
}
/*Hover轉Click下拉選單調整*/
.fnmenu .pmenu {
cursor: pointer;
}
.fnmenu > .mbox {
display: none;
padding: 0;
margin: 0;
border: 1px solid #ebebeb;
border-color: var(--color_EBEBEB);
border-bottom: 0px;
background-color: #fff;
z-index: 3;
text-align: left;
}
.fnmenu > .mbox a {
display: block;
padding: 4px 6px;
border-bottom: 1px solid #ebebeb;
border-bottom-color: var(--color_EBEBEB);
min-width: 60px;
word-break: initial;
}
.fnmenu > .mbox a:hover {
background-color: #FF6416;
background-color: var(--color_FF6416);
color: #fff;
}
/* Text Api - 多圖排版列表*/
.mulitImgBox .mulitImgItem {
opacity: 1;
filter: alpha(opacity=100);
transition: opacity 0.5s;
-webkit-transition: opacity 0.5s;
float: left;
display: inline-block;
box-sizing: border-box;
overflow: hidden;
position: relative;
cursor: pointer;
outline: 1px solid rgba(0,0,0,0.05);
outline-offset: -1px;
border-radius: 8px;
width: 472px;
text-align: center;
min-height: 100px;
max-height: 660px;
}
.mulitImgBox .mulitImgItem canvas {
border-radius: 8px;
outline: 1px solid rgba(0,0,0,0.05);
outline-offset: -1px;
}
.mulitImgBox .mulitImgItem:hover img,
.mulitImgBox .mulitImgItem:hover canvas {
opacity: 0.7;
filter: alpha(opacity=70);
transition: opacity 0.5s;
-webkit-transition: opacity 0.5s;
}
.ImgCover {
display: inline-block;
position: relative;
width: 146px;
Height: 146px;
background: rgba(0,0,0,0.40);
z-index: 1;
}
.ImgCover:before {
content: '';
width: 0;
height: 100%;
display: inline-block;
vertical-align: middle;
}
.ImgCover .CountText {
font-size: 24px;
color: #FFFFFF;
display: inline-block;
vertical-align: middle;
width: 100%;
text-align: center;
}
/*多圖上團套件提示文字*/
.UploadMulitImgQuantityTip {
padding: 0 6px;
}
.disable {
pointer-events: none;
cursor: default;
}
/*登出頁 按鈕*/
.orangebtn {
font-weight: bold;
background-image: url(../Images/rolloff.jpg);
background-repeat: repeat-x;
background-position: center right;
}
.orangebtn:HOVER {
background-image: url(../Images/rollon.jpg);
}
ul.fileListUl li.flcommon {
background-color: #F5F5F5;
margin: 3px 0 0 0;
color: #9A9A9A;
padding: 12px 10px 12px 28px;
background-repeat: no-repeat;
background-position: left center;
background-image: url(../Images/attachmentfile.gif);
}
ul.fileListUl li.audio {
background-color: #F5F5F5;
border-radius: 6px;
width: 409px;
padding: 6px;
margin-bottom: 23px;
}
ul.fileListUl li.audio .audioDiv {
background: #FFFFFF;
padding: 4px 10px;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
}
ul.fileListUl li.replyAudio .audioDiv {
background: #FFFFFF;
padding: 4px 10px;
width: 300px;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
}
ul.fileListUl a {
cursor: pointer;
}
/*部門Select*/
select.selectDept {
width: 250px;
line-height: 18px;
padding-right: 20px;
}
#currentDeptShowName {
color: #FF6416;
color: var(--color_FF6416);
margin-top: 5px;
padding: 0;
word-break: break-all;
white-space: pre-wrap;
max-width: 260px;
}
/*牆-同步發送email*/
div.postfnc div.setLeft {
float: left;
width: 210px;
text-align: left;
padding: 3px 0 0 0;
}
div.postfnc div.setRight {
float: right;
width: 290px;
text-align: right;
}
.popupCard {
cursor: pointer;
}
/*按鈕*/
.smallAddBtn {
cursor: pointer;
display: inline-block;
margin: 0 0 0 10px;
background-image: url(../Images/addff.gif);
background-repeat: no-repeat;
background-position: left center;
height: 21px;
line-height: 23px;
padding: 0 0 0 21px;
}
.dragging {
-moz-box-shadow: 0 0 .9em rgba(0, 0, 0, .8);
-webkit-box-shadow: 0 0 .9em rgba(0, 0, 0, .8);
box-shadow: 0 0 .9em rgba(0, 0, 0, .8);
}
.smslist div.remindtoolbox.tipShow {
visibility: visible;
}
.leftblock .pmenu .mbox {
z-index: 200;
}
/*錯誤訊息顯示區塊*/
#divAlertMsg {
display: none;
}
/*ColorBox修正*/
.colorImg #cboxLoadedContent,
.colorVideo #cboxLoadedContent {
padding-bottom: 28px;
}
/*Popup地圖*/
.mapBottom span {
width: 50%;
display: inline-block;
text-align: center;
line-height: 25px;
}
/*載入完畢Tip*/
.loadingFinishTip {
display: none;
margin: 48px 0 0 0;
text-align: center;
font-size: 14px;
color: #919191;
color: var(--color_919191);
}
.taskTable th {
width: 25%;
}
.taskTable td {
width: 75%;
}
.blockUI.blockMsg.blockElement {
word-break: break-word;
}
a.SharedPhoto {
cursor: pointer;
}
.withoutScroll {
overflow-x: hidden;
overflow-y: hidden;
}
.countDiv {
width: 425px;
float: right;
}
.countDiv .countSpan {
float: right;
margin-left: 15px;
font-size: 12px;
color: #919191;
color: var(--color_919191);
letter-spacing: 0;
cursor: pointer;
}
.countDiv .countSpan:hover {
color: #5B5B5B;
color: var(--color_5B5B5B);
}
/*加密 tip*/
.encryptionTip {
position: absolute;
left: -16px;
top: 9px;
overflow: visible;
cursor: pointer;
}
.encryptionTip img {
width: 14px;
height: 14px;
}
.encryptionDescription {
height: 30px;
background: #FFAB81;
background-color: var(--color_FFAB81);
border-radius: 3px;
text-align: center;
}
.encryptionDescription span {
float: right;
padding: 8px;
font-size: 12px;
color: #FFFFFF;
line-height: 14px;
}
.encryptionDescription .arrow {
position: absolute;
top: 0px;
right: 24px;
background: #FFAB81;
background-color: var(--color_FFAB81);
border: 0;
}
.encryptionDescription .arrow:after, .encryptionDescription .arrow:before {
bottom: 0;
left: 0;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
}
.encryptionDescription .arrow:before {
border-bottom-color: #FFAB81;
border-bottom-color: var(--color_FFAB81);
border-width: 8px;
margin-left: -8px;
}
.encryptionDescription .arrow:after {
border-bottom-color: #FFAB81;
border-bottom-color: var(--color_FFAB81);
border-width: 8px;
margin-left: -8px;
}
/*點點點*/
.ellipsis {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.reverse-ellipsis {
text-overflow: clip;
position: relative;
background-color: white;
}
.reverse-ellipsis:before {
content: '\02026';
position: absolute;
z-index: 1;
left: -1em;
background-color: inherit;
padding-left: 1em;
margin-left: 0.5em;
}
.reverse-ellipsis span {
min-width: 100%;
position: relative;
display: inline-block;
float: right;
overflow: visible;
background-color: inherit;
text-indent: 0.5em;
}
.reverse-ellipsis span:before {
content: '';
position: absolute;
display: inline-block;
width: 1em;
height: 1em;
background-color: inherit;
z-index: 200;
left: -0.5em;
}
/*選擇模式樣板*/
.modeSelectMainPane {
width: 471px;
background-color: #FFFFFF;
padding: 25px 20px 47px 20px;
box-sizing: border-box;
border-radius: 6px;
}
.modeSelectMainPane .topPane {
width: 100%;
font-size: 18px;
color: #5b5b5b;
color: var(--color_5B5B5B);
box-sizing: border-box;
margin-bottom: 20px;
}
.modeSelectMainPane .topPane .title {
line-height: 25px;
}
.modeSelectMainPane .bottomPane {
position: absolute;
bottom: 0;
left: 0;
height: 52px;
width: 100%;
padding-right: 20px;
box-sizing: border-box;
}
.modeSelectMainPane .bottomPane input[type=button] {
float: right;
}
.modeSelectMainPane .bottomPane input[type=button]:not(:first-child ) {
margin-right: 15px;
}
.modeSelectMainPane input[type=button] {
border-radius: 100px;
font-size: 17px;
padding: 6px 16px;
transition: background-color .2s linear;
color: #919191;
color: var(--color_919191);
background-color: #FFFFFF;
border: 0;
cursor: pointer;
}
.modeSelectMainPane input[type=button]:hover {
background-color: #ebebeb;
background-color: var(--color_EBEBEB);
}
.modeSelectMainPane input[type=button]:disabled {
cursor: default;
opacity: 0.5;
filter: alpha(Opacity=50);
-moz-opacity: 0.5;
}
.modeSelectMainPane input[type=button].orange {
background-color: #FF8A4F;
background-color: var(--color_FF8A4F);
color: #FFFFFF;
}
.modeSelectMainPane input[type=button].orange:hover {
background-color: #FF6416;
background-color: var(--color_FF6416);
}
.modeSelectMainPane input[type=button].orange:disabled {
background-color: #FF8A4F;
background-color: var(--color_FF8A4F);
}
.modeSelectMainPane .optionBlock {
padding-left: 26px;
position: relative;
padding-bottom: 20px;
}
.modeSelectMainPane .optionBlock > input[type=radio] {
position: absolute;
top: 0;
left: 0;
width: 16px;
height: 16px;
}
.modeSelectMainPane .optionBlock .title {
font-size: 14px;
line-height: 17px;
color: #666666;
}
.modeSelectMainPane .optionBlock .description {
font-size: 12px;
line-height: 17px;
color: #666666;
margin-top: 2px;
}
/*fakeTip樣式*/
.user .home:hover span.fakeTip {
display: block;
}
.user .invite:hover span.fakeTip {
display: block;
}
.user .notice:hover span.fakeTip {
display: block;
}
.user .setting:hover span.fakeTip {
display: block;
}
.user span.fakeTip {
display: none;
position: absolute;
padding: 6px 8px;
background: #373737;
background-color: var(--color_373737);
box-shadow: -1px 1px 4px 0 rgba(0,0,0,0.60);
border-radius: 2px;
font-size: 12px;
line-height: 14px;
color: #FFFFFF;
white-space: nowrap;
}
.externalSystemTitle {
border: 1px solid #ffffff;
background-color: #ffffff;
padding: 5px 0 5px 10px;
margin-bottom: 5px;
}