.IconLINEbot{
    cursor:pointer;
  width: 250px;
  height: 250px;
  -webkit-background-size: cover; /* For WebKit*/
  -moz-background-size: cover;    /* Mozilla*/
  -o-background-size: cover;      /* Opera*/
  background-size: 100% 100%;
  background-image: url("../img/phase4/linebot2.png");
}
.IconLINENOTIFYbot{
    cursor:pointer;
  width: 250px;
  height: 250px;
  -webkit-background-size: cover; /* For WebKit*/
  -moz-background-size: cover;    /* Mozilla*/
  -o-background-size: cover;      /* Opera*/
  background-size: 100% 100%;
  background-image: url("../img/phase4/linebot2.png");
}
.IconMessengerbot{
    cursor:pointer;
  width: 250px;
  height: 250px;
  -webkit-background-size: cover; /* For WebKit*/
  -moz-background-size: cover;    /* Mozilla*/
  -o-background-size: cover;      /* Opera*/
  background-size: 100% 100%;
  background-image: url("../img/phase4/messengerbot.png");
}
.IconWhatsappbot{
    cursor:pointer;
  width: 250px;
  height: 250px;
  -webkit-background-size: cover; /* For WebKit*/
  -moz-background-size: cover;    /* Mozilla*/
  -o-background-size: cover;      /* Opera*/
  background-size: 100% 100%;
  background-image: url("../img/phase4/whatsappbot.png");
}
.IconWechatbot{
    cursor:pointer;
  width: 250px;
  height: 250px;
  -webkit-background-size: cover; /* For WebKit*/
  -moz-background-size: cover;    /* Mozilla*/
  -o-background-size: cover;      /* Opera*/
  background-size: 100% 100%;
  background-image: url("../img/phase4/wechatbot.jpg");
}
.IconLINE{
    cursor:pointer;
  width: 40px;
  height: 40px;
  -webkit-background-size: cover; /* For WebKit*/
  -moz-background-size: cover;    /* Mozilla*/
  -o-background-size: cover;      /* Opera*/
  background-size: 100% 100%;
  background-image: url("../img/phase4/line.png");
}
.IconLINENOTIFY{
    cursor:pointer;
  width: 40px;
  height: 40px;
  -webkit-background-size: cover; /* For WebKit*/
  -moz-background-size: cover;    /* Mozilla*/
  -o-background-size: cover;      /* Opera*/
  background-size: 100% 100%;
  background-image: url("../img/phase4/line.png");
}

.IconMessenger{
    cursor:pointer;
  width: 40px;
  height: 40px;
  -webkit-background-size: cover; /* For WebKit*/
  -moz-background-size: cover;    /* Mozilla*/
  -o-background-size: cover;      /* Opera*/
  background-size: 100% 100%;
  background-image: url("../img/phase4/messenger.png");
}
.IconWechat{
    cursor:pointer;
  width: 40px;
  height: 40px;
  -webkit-background-size: cover; /* For WebKit*/
  -moz-background-size: cover;    /* Mozilla*/
  -o-background-size: cover;      /* Opera*/
  background-size: 100% 100%;
  background-image: url("../img/phase4/wechat.png");
}
.IconWhatsapp{
    cursor:pointer;
  width: 40px;
  height: 40px;
  -webkit-background-size: cover; /* For WebKit*/
  -moz-background-size: cover;    /* Mozilla*/
  -o-background-size: cover;      /* Opera*/
  background-size: 100% 100%;
  background-image: url("../img/phase4/whatsapp.png");
}
.IconMessengerGray{
    cursor:pointer;
  width: 30px;
  height: 30px;
  -webkit-background-size: cover; /* For WebKit*/
  -moz-background-size: cover;    /* Mozilla*/
  -o-background-size: cover;      /* Opera*/
  background-size: 100% 100%;
  background-image: url("../img/phase4/messenger_gray.png");
}

.IconLineGray{
    cursor:pointer;
  width: 30px;
  height: 30px;
  -webkit-background-size: cover; /* For WebKit*/
  -moz-background-size: cover;    /* Mozilla*/
  -o-background-size: cover;      /* Opera*/
  background-size: 100% 100%;
  background-image: url("../img/phase4/line_gray.png");
}
.IconWechatGray{
    cursor:pointer;
  width: 30px;
  height: 30px;
  -webkit-background-size: cover; /* For WebKit*/
  -moz-background-size: cover;    /* Mozilla*/
  -o-background-size: cover;      /* Opera*/
  background-size: 100% 100%;
  background-image: url("../img/phase4/wechat_gray.png");
}
.IconWhatsappGray{
    cursor:pointer;
  width: 30px;
  height: 30px;
  -webkit-background-size: cover; /* For WebKit*/
  -moz-background-size: cover;    /* Mozilla*/
  -o-background-size: cover;      /* Opera*/
  background-size: 100% 100%;
  background-image: url("../img/phase4/whatsapp_gray.png");
}



.IconArrowDown{
    cursor:pointer;
  width: 9px;
  height: 5px;
  -webkit-background-size: cover; /* For WebKit*/
  -moz-background-size: cover;    /* Mozilla*/
  -o-background-size: cover;      /* Opera*/
  background-size: 100% 100%;
  background-image: url("../img/arrow_down.png");
}

.IconArrowUp{
    cursor:pointer;
  width: 9px;
  height: 5px;
  -webkit-background-size: cover; /* For WebKit*/
  -moz-background-size: cover;    /* Mozilla*/
  -o-background-size: cover;      /* Opera*/
  background-size: 100% 100%;
  background-image: url("../img/arrow_up.png");
}

.IconArrowLeft{
  cursor:pointer;
  margin-left:15px;
  margin-right:5px;
  width: 24px;
  height: 24px;
  -webkit-background-size: cover; /* For WebKit*/
  -moz-background-size: cover;    /* Mozilla*/
  -o-background-size: cover;      /* Opera*/
  background-size: 100% 100%;
  background-image: url("../img/arrow_left.png");
}

.IconArrowLeftType2{
  cursor: pointer;
  width:20px;
  height:20px;
  background-image: url('../img/phase3/arrow_left.png');
}

.IconArrowRight{
  cursor:pointer;
  margin-left:5px;
  width: 24px;
  height: 24px;
  -webkit-background-size: cover; /* For WebKit*/
  -moz-background-size: cover;    /* Mozilla*/
  -o-background-size: cover;      /* Opera*/
  background-size: 100% 100%;
  background-image: url("../img/arrow_right.png");
}
.IconArrowUp{
  width: 9px;
  height: 5px;
  -webkit-background-size: cover; /* For WebKit*/
  -moz-background-size: cover;    /* Mozilla*/
  -o-background-size: cover;      /* Opera*/
  background-size: 100% 100%;
  background-image: url("../img/arrow_up.png");
}
.IconArrowUpType2{
  width: 9px;
  height: 5px;
  margin-right:22px;
  -webkit-background-size: cover; /* For WebKit*/
  -moz-background-size: cover;    /* Mozilla*/
  -o-background-size: cover;      /* Opera*/
  background-size: 100% 100%;
  background-image: url("../img/arrow_up.png");
}
.IconArrowRightType2{
  cursor: pointer;
  width:20px;
  height:20px;
  margin-right:16px;
  -webkit-background-size: cover; /* For WebKit*/
  -moz-background-size: cover;    /* Mozilla*/
  -o-background-size: cover;      /* Opera*/
  background-size: 100% 100%;
  background-image: url('../img/phase3/arrow_right.png');
}


.IconGroupSmall{
  margin-left: 5px;
  width: 18px;
  height: 18px;
  -webkit-background-size: cover; /* For WebKit*/
  -moz-background-size: cover;    /* Mozilla*/
  -o-background-size: cover;      /* Opera*/
  background-size: 100% 100%;
  background-image: url("../img/logo_default_small.png");
}

.IconUpload{
  margin-right:6px;
  width: 12px;
  height: 12px;
  -webkit-background-size: cover; /* For WebKit*/
  -moz-background-size: cover;    /* Mozilla*/
  -o-background-size: cover;      /* Opera*/
  background-size: 100% 100%;
  background-image: url("../img/phase3/upload_normal.png");
}

.IconUpload[classtype=iMonitor]{
  margin-right:6px;
  width: 12px;
  height: 12px;
  -webkit-background-size: cover; /* For WebKit*/
  -moz-background-size: cover;    /* Mozilla*/
  -o-background-size: cover;      /* Opera*/
  background-size: 100% 100%;
  background-image: url("../img/phase3/upload_imonitor.png");
}

.IconUpload[classtype=iAccess]{
  margin-right:6px;
  width: 12px;
  height: 12px;
  -webkit-background-size: cover; /* For WebKit*/
  -moz-background-size: cover;    /* Mozilla*/
  -o-background-size: cover;      /* Opera*/
  background-size: 100% 100%;
  background-image: url("../img/phase3/upload_iaccess.png");
}
.IconCancel{
  width: 8px;
  height: 8px;
  -webkit-background-size: cover; /* For WebKit*/
  -moz-background-size: cover;    /* Mozilla*/
  -o-background-size: cover;      /* Opera*/
  background-size: 100% 100%;
  background-image: url("../img/cancel.png");
}
.IconCancelBig{
  width: 18px;
  height: 18px;
  -webkit-background-size: cover; /* For WebKit*/
  -moz-background-size: cover;    /* Mozilla*/
  -o-background-size: cover;      /* Opera*/
  background-size: 100% 100%;
  background-image: url("../img/phase4/close.png");
}

.IconLocation{
  margin-left:2px;
  margin-right:2px;
  width: 14px;
  height: 18px;
  -webkit-background-size: cover; /* For WebKit*/
  -moz-background-size: cover;    /* Mozilla*/
  -o-background-size: cover;      /* Opera*/
  background-size: 100% 100%;
  background-image: url("../img/location.png");
}

.IconAlarmRed{
  width: 20px;
  height: 20px;
  -webkit-background-size: cover; /* For WebKit*/
  -moz-background-size: cover;    /* Mozilla*/
  -o-background-size: cover;      /* Opera*/
  background-size: 100% 100%;
  background-image: url("../img/phase3/alarm_red.png");
}
.IconAlarmGreen{
  width: 20px;
  height: 20px;
  -webkit-background-size: cover; /* For WebKit*/
  -moz-background-size: cover;    /* Mozilla*/
  -o-background-size: cover;      /* Opera*/
  background-size: 100% 100%;
  background-image: url("../img/phase3/alarm_green.png");
}
.IconStatusGray{
  width: 17px;
  height: 18px;
  -webkit-background-size: cover; /* For WebKit*/
  -moz-background-size: cover;    /* Mozilla*/
  -o-background-size: cover;      /* Opera*/
  background-size: 100% 100%;
  background-image: url("../img/status_gray.png");
}

.IconStatusRed{
  width: 17px;
  height: 18px;
  -webkit-background-size: cover; /* For WebKit*/
  -moz-background-size: cover;    /* Mozilla*/
  -o-background-size: cover;      /* Opera*/
  background-size: 100% 100%;
  background-image: url("../img/status_red.png");
}

.IconStatusOrange{
  width: 17px;
  height: 18px;
  -webkit-background-size: cover; /* For WebKit*/
  -moz-background-size: cover;    /* Mozilla*/
  -o-background-size: cover;      /* Opera*/
  background-size: 100% 100%;
  background-image: url("../img/status_orange.png");
}

.IconStatusGreen{
  width: 17px;
  height: 18px;
  -webkit-background-size: cover; /* For WebKit*/
  -moz-background-size: cover;    /* Mozilla*/
  -o-background-size: cover;      /* Opera*/
  background-size: 100% 100%;
  background-image: url("../img/status_green.png");
}

.IconStatusBlue{
  width: 17px;
  height: 18px;
  -webkit-background-size: cover; /* For WebKit*/
  -moz-background-size: cover;    /* Mozilla*/
  -o-background-size: cover;      /* Opera*/
  background-size: 100% 100%;
  background-image: url("../img/status_blue.png");
}
.IconCheck{
  width: 15px;
  height: 15px;
  margin-right:10px;
  -webkit-background-size: cover; /* For WebKit*/
  -moz-background-size: cover;    /* Mozilla*/
  -o-background-size: cover;      /* Opera*/
  background-size: 100% 100%;
  background-image: url("../img/phase3/checkbox_super.png");
}
.IconCheck[classtype=iMonitor]{
  width: 15px;
  height: 15px;
  margin-right:10px;
  -webkit-background-size: cover; /* For WebKit*/
  -moz-background-size: cover;    /* Mozilla*/
  -o-background-size: cover;      /* Opera*/
  background-size: 100% 100%;
  background-image: url("../img/phase3/checkbox_imonitor.png");
}

.IconCheck[classtype=iAccess]{
  width: 15px;
  height: 15px;
  margin-right:10px;
  -webkit-background-size: cover; /* For WebKit*/
  -moz-background-size: cover;    /* Mozilla*/
  -o-background-size: cover;      /* Opera*/
  background-size: 100% 100%;
  background-image: url("../img/phase3/checkbox_iaccess.png");
}

.IconIndeterminateCheck{
  width: 15px;
  height: 15px;
  margin-right:10px;
  -webkit-background-size: cover; /* For WebKit*/
  -moz-background-size: cover;    /* Mozilla*/
  -o-background-size: cover;      /* Opera*/
  background-size: 100% 100%;
  background-image: url("../img/phase3/indeterminate_super.png");
}
.IconIndeterminateCheck[classtype=iMonitor]{
  width: 15px;
  height: 15px;
  margin-right:10px;
  -webkit-background-size: cover; /* For WebKit*/
  -moz-background-size: cover;    /* Mozilla*/
  -o-background-size: cover;      /* Opera*/
  background-size: 100% 100%;
  background-image: url("../img/phase3/indeterminate_imonitor.png");
}

.IconIndeterminateCheck[classtype=iAccess]{
  width: 15px;
  height: 15px;
  margin-right:10px;
  -webkit-background-size: cover; /* For WebKit*/
  -moz-background-size: cover;    /* Mozilla*/
  -o-background-size: cover;      /* Opera*/
  background-size: 100% 100%;
  background-image: url("../img/phase3/indeterminate_iaccess.png");
}

.IconUncheck{
  width: 15px;
  height: 15px;
  border-radius: 3px;
  border: 1px solid #CACACA;
  margin-right:10px;
  -webkit-background-size: cover; /* For WebKit*/
  -moz-background-size: cover;    /* Mozilla*/
  -o-background-size: cover;      /* Opera*/
  background-size: 100% 100%;
  /*background-image: url("../img/uncheck.png");*/
}


.IconLocationDataitemGroupAlarmSelect{
  width: 21px;
  height: 35px;
  -webkit-background-size: cover; /* For WebKit*/
  -moz-background-size: cover;    /* Mozilla*/
  -o-background-size: cover;      /* Opera*/
  background-size: 100% 100%;
  background-image: url("../img/location/location_dataitem_group_alarm_select.png");
}


.IconLocationDataitemGroupAlarm{
  width: 15px;
  height: 25px;
  -webkit-background-size: cover; /* For WebKit*/
  -moz-background-size: cover;    /* Mozilla*/
  -o-background-size: cover;      /* Opera*/
  background-size: 100% 100%;
  background-image: url("../img/location/location_dataitem_group_alarm.png");
}


.IconLocationDataitemGroupSelect{
  width: 21px;
  height: 35px;
  -webkit-background-size: cover; /* For WebKit*/
  -moz-background-size: cover;    /* Mozilla*/
  -o-background-size: cover;      /* Opera*/
  background-size: 100% 100%;
  background-image: url("../img/location/location_dataitem_group_select.png");
}


.IconLocationDataitemGroup{
  width: 15px;
  height: 25px;
  -webkit-background-size: cover; /* For WebKit*/
  -moz-background-size: cover;    /* Mozilla*/
  -o-background-size: cover;      /* Opera*/
  background-size: 100% 100%;
  background-image: url("../img/location/location_dataitem_group.png");
}



.IconLocationDeviceGroupAlarmSelect{
  width: 21px;
  height: 35px;
  -webkit-background-size: cover; /* For WebKit*/
  -moz-background-size: cover;    /* Mozilla*/
  -o-background-size: cover;      /* Opera*/
  background-size: 100% 100%;
  background-image: url("../img/location/location_device_group_alarm_select.png");
}


.IconLocationDeviceGroupAlarm{
  width: 15px;
  height: 25px;
  -webkit-background-size: cover; /* For WebKit*/
  -moz-background-size: cover;    /* Mozilla*/
  -o-background-size: cover;      /* Opera*/
  background-size: 100% 100%;
  background-image: url("../img/location/location_device_group_alarm.png");
}


.IconLocationDeviceGroupSelect{
  width: 21px;
  height: 35px;
  -webkit-background-size: cover; /* For WebKit*/
  -moz-background-size: cover;    /* Mozilla*/
  -o-background-size: cover;      /* Opera*/
  background-size: 100% 100%;
  background-image: url("../img/location/location_device_group_select.png");
}


.IconLocationDeviceGroup{
  width: 15px;
  height: 25px;
  -webkit-background-size: cover; /* For WebKit*/
  -moz-background-size: cover;    /* Mozilla*/
  -o-background-size: cover;      /* Opera*/
  background-size: 100% 100%;
  background-image: url("../img/location/location_device_group.png");
}


.IconLogoDefaultSmall{
  width: 15px;
  height: 25px;
  -webkit-background-size: cover; /* For WebKit*/
  -moz-background-size: cover;    /* Mozilla*/
  -o-background-size: cover;      /* Opera*/
  background-size: 100% 100%;
  background-image: url("../img/logo_default_small.png");
}

.IconGroupAvatar{
  width: 18px;
  height: 18px;
  border-radius:9px;
  -webkit-background-size: cover; /* For WebKit*/
  -moz-background-size: cover;    /* Mozilla*/
  -o-background-size: cover;      /* Opera*/
}

.IconAvatar{
  width: 108px;
  height: 108px;
  margin-left:10px;
  margin-right:24px;
  margin-top:24px;
  border-radius:54px;
  -webkit-background-size: cover; /* For WebKit*/
  -moz-background-size: cover;    /* Mozilla*/
  -o-background-size: cover;      /* Opera*/
}
.IconAvatarDefaultBig{
  width: 108px;
  height: 108px;
  margin-left:10px;
  margin-right:24px;
  margin-top:24px;
  -webkit-background-size: cover; /* For WebKit*/
  -moz-background-size: cover;    /* Mozilla*/
  -o-background-size: cover;      /* Opera*/
  background-size: 100% 100%;
  background-image: url("../img/avatar_default_big.png");
}
.IconLogoDefaultBig{
  width: 108px;
  height: 108px;
  margin-left:10px;
  margin-right:24px;
  margin-top:24px;
  -webkit-background-size: cover; /* For WebKit*/
  -moz-background-size: cover;    /* Mozilla*/
  -o-background-size: cover;      /* Opera*/
  background-size: 100% 100%;
  background-image: url("../img/logo_default_big.png");
}

.IconSearch{
  width: 14px;
  height: 14px;
  -webkit-background-size: cover; /* For WebKit*/
  -moz-background-size: cover;    /* Mozilla*/
  -o-background-size: cover;      /* Opera*/
  background-size: 100% 100%;
  background-image: url("../img/search.png");
}

.IconAdd{
    cursor:pointer;
  margin-top:11px;
  margin-right:5px;
  width: 22px;
  height: 22px;
  -webkit-background-size: cover; /* For WebKit*/
  -moz-background-size: cover;    /* Mozilla*/
  -o-background-size: cover;      /* Opera*/
  background-size: 100% 100%;
  background-image: url("../img/phase3/add_super.png");
}

.IconRemove{
  width: 22px;
  height: 22px;
  -webkit-background-size: cover; /* For WebKit*/
  -moz-background-size: cover;    /* Mozilla*/
  -o-background-size: cover;      /* Opera*/
  background-size: 100% 100%;
  background-image: url("../img/phase3/Plus_btn.png");
}

.IconAddWhite{
  margin-right:5px;
  width: 18px;
  height: 18px;
  -webkit-background-size: cover; /* For WebKit*/
  -moz-background-size: cover;    /* Mozilla*/
  -o-background-size: cover;      /* Opera*/
  background-size: 100% 100%;
  background-image: url("../img/phase4/add_white.png");
}

.IconAdd[classtype=iMonitor]{
  margin-top:11px;
  margin-right:5px;
  width: 22px;
  height: 22px;
  -webkit-background-size: cover; /* For WebKit*/
  -moz-background-size: cover;    /* Mozilla*/
  -o-background-size: cover;      /* Opera*/
  background-size: 100% 100%;
  background-image: url("../img/phase3/add_imonitor.png");
}

.IconAdd[classtype=iAccess]{
  margin-top:11px;
  margin-right:5px;
  width: 22px;
  height: 22px;
  -webkit-background-size: cover; /* For WebKit*/
  -moz-background-size: cover;    /* Mozilla*/
  -o-background-size: cover;      /* Opera*/
  background-size: 100% 100%;
  background-image: url("../img/phase3/add_iaccess.png");
}

.IconCopy{
  width: 10px;
  height: 10px;
  margin-right:3px;
  margin-left:10px;
  -webkit-background-size: cover; /* For WebKit*/
  -moz-background-size: cover;    /* Mozilla*/
  -o-background-size: cover;      /* Opera*/
  background-size: 100% 100%;
  background-image: url("../img/duplicate.png");
}

.IconEdit{
  width: 10px;
  height: 10px;
  margin-right:3px;
  margin-left:10px;
  -webkit-background-size: cover; /* For WebKit*/
  -moz-background-size: cover;    /* Mozilla*/
  -o-background-size: cover;      /* Opera*/
  background-size: 100% 100%;
  background-image: url("../img/edit.png");
}

.IconDelete{
  width: 10px;
  height: 10px;
  margin-right:3px;
  margin-left:10px;
  -webkit-background-size: cover; /* For WebKit*/
  -moz-background-size: cover;    /* Mozilla*/
  -o-background-size: cover;      /* Opera*/
  background-size: 100% 100%;
  background-image: url("../img/delete.png");
}

.IconDefaultAvatar{
  width: 10px;
  height: 10px;
  -webkit-background-size: cover; /* For WebKit*/
  -moz-background-size: cover;    /* Mozilla*/
  -o-background-size: cover;      /* Opera*/
  background-size: 100% 100%;
  background-image: url("../img/avatar_default.png");
}

.AvatarSmall{
  width: 10px;
  height: 10px;
  border-radius:5px;
  -webkit-background-size: cover; /* For WebKit*/
  -moz-background-size: cover;    /* Mozilla*/
  -o-background-size: cover;      /* Opera*/
  background-size: 100% 100%;
}



.IconKeyboard{
  width: 32px;
  height: 32px;
  margin-left:12px;
  -webkit-background-size: cover; /* For WebKit*/
  -moz-background-size: cover;    /* Mozilla*/
  -o-background-size: cover;      /* Opera*/
  background-size: 100% 100%;
  background-image: url("../img/phase3/keyboard_normal.png");
}

.IconKeyboardShow[classtype=iMonitor]{
  width: 32px;
  height: 32px;
  margin-left:12px;
  -webkit-background-size: cover; /* For WebKit*/
  -moz-background-size: cover;    /* Mozilla*/
  -o-background-size: cover;      /* Opera*/
  background-size: 100% 100%;
  background-image: url("../img/phase3/keyboard_imonitor.png");
}

.IconKeyboardShow[classtype=iAccess]{
  width: 32px;
  height: 32px;
  margin-left:12px;
  -webkit-background-size: cover; /* For WebKit*/
  -moz-background-size: cover;    /* Mozilla*/
  -o-background-size: cover;      /* Opera*/
  background-size: 100% 100%;
  background-image: url("../img/phase3/keyboard_iaccess.png");
}

.Circle {
  width: 10px;
  height: 10px;
  border: solid 1px #e8e8e8;
  border-radius:10px;
  margin-right:10px;
}

.IconDisconnect{
  cursor:pointer;
  width: 17px;
  height: 18px;
  -webkit-background-size: cover; /* For WebKit*/
  -moz-background-size: cover;    /* Mozilla*/
  -o-background-size: cover;      /* Opera*/
  background-size: 100% 100%;
  background-image: url("../img/phase3/disconnect_normal.png");
}

.IconDisconnect:hover[classtype=iMonitor]{
  cursor:pointer;
  width: 17px;
  height: 18px;
  -webkit-background-size: cover; /* For WebKit*/
  -moz-background-size: cover;    /* Mozilla*/
  -o-background-size: cover;      /* Opera*/
  background-size: 100% 100%;
  background-image: url("../img/phase3/disconnect_imonitor.png");
}

.IconDisconnect:hover[classtype=iAccess]{
  cursor:pointer;
  width: 17px;
  height: 18px;
  -webkit-background-size: cover; /* For WebKit*/
  -moz-background-size: cover;    /* Mozilla*/
  -o-background-size: cover;      /* Opera*/
  background-size: 100% 100%;
  background-image: url("../img/phase3/disconnect_iaccess.png");
}



.IconMyDashboardShowTypeBoard{
    cursor:pointer;
  width: 40px;
  height: 40px;
  -webkit-background-size: cover; /* For WebKit*/
  -moz-background-size: cover;    /* Mozilla*/
  -o-background-size: cover;      /* Opera*/
  background-size: 100% 100%;
  background-image: url("../img/phase4/MyDashboardShowType_Board_btn.png");
}

.IconMyDashboardShowTypeBoardActive{
    cursor:pointer;
  width: 40px;
  height:40px;
  -webkit-background-size: cover; /* For WebKit*/
  -moz-background-size: cover;    /* Mozilla*/
  -o-background-size: cover;      /* Opera*/
  background-size: 100% 100%;
  background-image: url("../img/phase4/MyDashboardShowType_Board_btn_Active.png");
}


.IconMyDashboardShowTypeList{
    cursor:pointer;
  width: 40px;
  height: 40px;
  -webkit-background-size: cover; /* For WebKit*/
  -moz-background-size: cover;    /* Mozilla*/
  -o-background-size: cover;      /* Opera*/
  background-size: 100% 100%;
  background-image: url("../img/phase4/MyDashboardShowType_List_btn.png");
}

.IconMyDashboardShowTypeListActive{
    cursor:pointer;
  width: 40px;
  height: 40px;
  -webkit-background-size: cover; /* For WebKit*/
  -moz-background-size: cover;    /* Mozilla*/
  -o-background-size: cover;      /* Opera*/
  background-size: 100% 100%;
  background-image: url("../img/phase4/MyDashboardShowType_btn_Active.png");
}

.IconMyDashboardOrder{
    cursor:pointer;
  width: 28px;
  height: 28px;
  margin-left:6px;
  margin-right:6px;
  -webkit-background-size: cover; /* For WebKit*/
  -moz-background-size: cover;    /* Mozilla*/
  -o-background-size: cover;      /* Opera*/
  background-size: 100% 100%;
  background-image: url("../img/phase4/MyDashboard_order_btn.png");
}


.IconMyDashboardPreviewPC{
  cursor:pointer;
  width: 28px;
  height: 28px;
  margin-left:6px;
  margin-right:6px;
  -webkit-background-size: cover; /* For WebKit*/
  -moz-background-size: cover;    /* Mozilla*/
  -o-background-size: cover;      /* Opera*/
  background-size: 100% 100%;
  background-image: url("../img/phase4/Switch_PC_btn.png");
}

.IconMyDashboardPreviewPCActive{
    cursor:pointer;
  width: 28px;
  height: 28px;
  margin-left:6px;
  margin-right:6px;
  -webkit-background-size: cover; /* For WebKit*/
  -moz-background-size: cover;    /* Mozilla*/
  -o-background-size: cover;      /* Opera*/
  background-size: 100% 100%;
  background-image: url("../img/phase4/Switch_PC_Active.png");
    cursor:pointer;
}
.IconMyDashboardPreviewTablet{
    cursor:pointer;
  width: 28px;
  height: 28px;
  margin-left:6px;
  margin-right:6px;
  -webkit-background-size: cover; /* For WebKit*/
  -moz-background-size: cover;    /* Mozilla*/
  -o-background-size: cover;      /* Opera*/
  background-size: 100% 100%;
  background-image: url("../img/phase4/Switch_Tablet_btn.png");
}

.IconMyDashboardPreviewTabletActive{
    cursor:pointer;
  width: 28px;
  height: 28px;
  margin-left:6px;
  margin-right:6px;
  -webkit-background-size: cover; /* For WebKit*/
  -moz-background-size: cover;    /* Mozilla*/
  -o-background-size: cover;      /* Opera*/
  background-size: 100% 100%;
  background-image: url("../img/phase4/Switch_Tablet_Active.png");
    cursor:pointer;
}
.IconMyDashboardPreviewMobile{
    cursor:pointer;
  width: 28px;
  height: 28px;
  margin-left:6px;
  margin-right:6px;
  -webkit-background-size: cover; /* For WebKit*/
  -moz-background-size: cover;    /* Mozilla*/
  -o-background-size: cover;      /* Opera*/
  background-size: 100% 100%;
  background-image: url("../img/phase4/Switch_mobile_btn.png");
}

.IconMyDashboardPreviewMobileActive{
    cursor:pointer;
  width: 28px;
  height: 28px;
  margin-left:6px;
  margin-right:6px;
  -webkit-background-size: cover; /* For WebKit*/
  -moz-background-size: cover;    /* Mozilla*/
  -o-background-size: cover;      /* Opera*/
  background-size: 100% 100%;
  background-image: url("../img/phase4/Switch_mobile.png");
  cursor:pointer;
}


.IconMyDashboardHome{
    cursor:pointer;
  width: 28px;
  height: 28px;
  -webkit-background-size: cover; /* For WebKit*/
  -moz-background-size: cover;    /* Mozilla*/
  -o-background-size: cover;      /* Opera*/
  background-size: 100% 100%;
  background-image: url("../img/phase4/List_Home_btn_Default.png");
}

.IconMyDashboardHomeActive{
    cursor:pointer;
  width: 28px;
  height: 28px;
  -webkit-background-size: cover; /* For WebKit*/
  -moz-background-size: cover;    /* Mozilla*/
  -o-background-size: cover;      /* Opera*/
  background-size: 100% 100%;
  background-image: url("../img/phase4/List_Home_btn_Active.png");
}
.IconMyDashboardHomeDisable{
    cursor:pointer;
  width: 28px;
  height: 28px;
  -webkit-background-size: cover; /* For WebKit*/
  -moz-background-size: cover;    /* Mozilla*/
  -o-background-size: cover;      /* Opera*/
  background-size: 100% 100%;
  background-image: url("../img/phase4/List_Home_btn_Disable.png");
}

.IconMyDashboardMore{
    cursor:pointer;
  width: 33px;
  height: 13px;
  -webkit-background-size: cover; /* For WebKit*/
  -moz-background-size: cover;    /* Mozilla*/
  -o-background-size: cover;      /* Opera*/
  background-size: 100% 100%;
  background-image: url("../img/phase4/Dashboard_List_More_btn.png");
}

.IconMyDashboardMoreVer{
    cursor:pointer;
  position:relative;
  top:5px;
  margin-left:4px;
  right:2px;
  width: 13px;
  height: 33px;
  -webkit-background-size: cover; /* For WebKit*/
  -moz-background-size: cover;    /* Mozilla*/
  -o-background-size: cover;      /* Opera*/
  background-size: 100% 100%;
  background-image: url("../img/phase4/Dashboard_Board_More_btn.png");
}


.IconMyDashboardFisrt{
    cursor:pointer;
  width: 28px;
  height: 28px;
  -webkit-background-size: cover; /* For WebKit*/
  -moz-background-size: cover;    /* Mozilla*/
  -o-background-size: cover;      /* Opera*/
  background-size: 100% 100%;
  background-image: url("../img/phase4/FirstDashboard_Img.png");
}



.IconMyDashboardComponentElement{
      cursor:pointer;
  width: 60px;
  height: 66px;
  -webkit-background-size: cover; /* For WebKit*/
  -moz-background-size: cover;    /* Mozilla*/
  -o-background-size: cover;      /* Opera*/
  background-size: 150%; /* Start with a zoomed-in image */
  background-position: center; /* Keep the image centered */
  background-repeat: no-repeat;
  background-image: url("../img/phase4/Main Menu_Elemnet.png");
}

.IconMyDashboardComponentElementActive{
  cursor:pointer;
  width: 60px;
  height: 66px;
  margin:0px;
  padding:0px;
  background-color:#f00;
  -webkit-background-size: cover; /* For WebKit*/
  -moz-background-size: cover;    /* Mozilla*/
  -o-background-size: cover;      /* Opera*/
  background-size: 150%; /* Start with a zoomed-in image */
  background-position: center; /* Keep the image centered */
  background-repeat: no-repeat;
  background-image: url("../img/phase4/Main Menu_Elemnet_Active.png");
}

.IconMyDashboardComponentElementText{
    position: absolute;
    top: 72px;
    width: 60px;
    height: 20px;
    color:#fff;
    background-color:#303030;
    font-size:12px;
}

.IconMyDashboardComponentElementTextActive{
    position: absolute;
    top: 72px;
    width: 60px;
    height: 20px;
    color:#303030;
    background-color:#FFFFFF;
    font-size:12px;
}

.IconMyDashboardComponentText{
  cursor:pointer;
  width: 60px;
  height: 66px;
  -webkit-background-size: cover; /* For WebKit*/
  -moz-background-size: cover;    /* Mozilla*/
  -o-background-size: cover;      /* Opera*/
  background-size: 150%; /* Start with a zoomed-in image */
  background-position: center; /* Keep the image centered */
  background-repeat: no-repeat;
  background-image: url("../img/phase4/Main Menu_Text.png");
}

.IconMyDashboardComponentTextActive{
      cursor:pointer;
  width: 60px;
  height: 66px;
  -webkit-background-size: cover; /* For WebKit*/
  -moz-background-size: cover;    /* Mozilla*/
  -o-background-size: cover;      /* Opera*/
  background-size: 150%; /* Start with a zoomed-in image */
  background-position: center; /* Keep the image centered */
  background-repeat: no-repeat;
  background-image: url("../img/phase4/Main Menu_Text_Active.png");
}
.IconMyDashboardComponentAdvance{
      cursor:pointer;
  width: 60px;
  height: 66px;
  -webkit-background-size: cover; /* For WebKit*/
  -moz-background-size: cover;    /* Mozilla*/
  -o-background-size: cover;      /* Opera*/
  background-size: 150%; /* Start with a zoomed-in image */
  background-position: center; /* Keep the image centered */
  background-repeat: no-repeat;
  background-image: url("../img/phase4/Main Menu_Advanced  Data.png");
}

.IconMyDashboardComponentAdvanceActive{
      cursor:pointer;
  width: 60px;
  height: 66px;
  -webkit-background-size: cover; /* For WebKit*/
  -moz-background-size: cover;    /* Mozilla*/
  -o-background-size: cover;      /* Opera*/
  background-size: 100% 100%;
  background-image: url("../img/phase4/Main Menu_Advance_Active.png");
}


.IconMyDashboardLeft{
    cursor:pointer;
  width: 32px;
  height: 32px;
  margin-left:16px;
  -webkit-background-size: cover; /* For WebKit*/
  -moz-background-size: cover;    /* Mozilla*/
  -o-background-size: cover;      /* Opera*/
  background-size: 100% 100%;
  background-image: url("../img/phase4/Left.png");
}


.IconMyDashboardUndo{
    cursor:pointer;
  width: 32px;
  height: 32px;
  -webkit-background-size: cover; /* For WebKit*/
  -moz-background-size: cover;    /* Mozilla*/
  -o-background-size: cover;      /* Opera*/
  background-size: 100% 100%;
  background-image: url("../img/phase4/Undo_btn.png");
}

.IconMyDashboardRedo{
    cursor:pointer;
  width: 32px;
  height: 32px;
  margin-left:16px;
  -webkit-background-size: cover; /* For WebKit*/
  -moz-background-size: cover;    /* Mozilla*/
  -o-background-size: cover;      /* Opera*/
  background-size: 100% 100%;
  background-image: url("../img/phase4/Redo_btn.png");
}

.IconMyDashboardSubitem{
  cursor:pointer;
  margin-top:15px;
  width: 150px;
  height: 40px;
  background-color:#F4F4F4;
  -webkit-background-size: cover; /* For WebKit*/
  -moz-background-size: cover;    /* Mozilla*/
  -o-background-size: cover;      /* Opera*/
  background-size: 100% 100%;
}
.IconMyDashboardSubitem:hover{
    background-color: #ff9900;
}

.IconMyDashboardSubitemText{
  position: absolute;
  left: 90px;
  margin-top:2px;
  width: 110px;
  height: 36px;
  padding-left:10px;
  padding-top:10px;
  background-color:transparent;
  text-align:left;
}

.IconMyDashboardSubitemIcon{
  position: absolute;
  left: 70px;
  margin-top:10px;
  width: 24px;
  height: 24px;
  text-align:left;

}



.IconMyDashboardSubitemButton{
  background-image: url("../img/phase4/dashboard/Button_icon.png");
}

.IconMyDashboardSubitemLight{
  background-image: url("../img/phase4/dashboard/Indicator Light_icon.png");
}

.IconMyDashboardSubitemSlider{
  background-image: url("../img/phase4/dashboard/Slider_icon.png");
}

.IconMyDashboardSubitemMeter{
  background-image: url("../img/phase4/dashboard/Meter_icon.png");
}

.IconMyDashboardSubitemBar{
  background-image: url("../img/phase4/dashboard/Bar_icon.png");
}


.IconMyDashboardSubitemDisplay{
  background-image: url("../img/phase4/dashboard/Display_icon.png");
}

.IconMyDashboardSubitemTime{
    background-image: url("../img/phase4/dashboard/Time_icon.png");
}
.IconMyDashboardSubitemMenu{
    cursor:pointer;
  background-image: url("../img/phase4/second/Second Menu_Menu.png");
}
.IconMyDashboardSubitemLink{
    cursor:pointer;
  background-image: url("../img/phase4/dashboard/LinkSwitch_icon.png");
}



.IconLightType1On{
  width: 60px;
  height: 66px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  -webkit-background-size: cover; /* For WebKit*/
  -moz-background-size: cover;    /* Mozilla*/
  -o-background-size: cover;      /* Opera*/
  background-size: 100% 100%;
  background-image: url("../img/phase4/Light_Type01_on.png");
}

.IconLightType1Off{
  width: 60px;
  height: 66px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  -webkit-background-size: cover; /* For WebKit*/
  -moz-background-size: cover;    /* Mozilla*/
  -o-background-size: cover;      /* Opera*/
  background-size: 100% 100%;
  background-image: url("../img/phase4/Light_Type01_off.png");
}

.IconLightType2On{
  width: 60px;
  height: 66px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  -webkit-background-size: cover; /* For WebKit*/
  -moz-background-size: cover;    /* Mozilla*/
  -o-background-size: cover;      /* Opera*/
  background-size: 100% 100%;
  background-image: url("../img/phase4/Light_Type02_on.png");
}

.IconLightType2Off{
  width: 60px;
  height: 66px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  -webkit-background-size: cover; /* For WebKit*/
  -moz-background-size: cover;    /* Mozilla*/
  -o-background-size: cover;      /* Opera*/
  background-size: 100% 100%;
  background-image: url("../img/phase4/Light_Type02_off.png");
}

.IconLightType3On{
  width: 60px;
  height: 66px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  -webkit-background-size: cover; /* For WebKit*/
  -moz-background-size: cover;    /* Mozilla*/
  -o-background-size: cover;      /* Opera*/
  background-size: 100% 100%;
  background-image: url("../img/phase4/Light_Type03_on.png");
}

.IconLightType3Off{
  width: 60px;
  height: 66px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  -webkit-background-size: cover; /* For WebKit*/
  -moz-background-size: cover;    /* Mozilla*/
  -o-background-size: cover;      /* Opera*/
  background-size: 100% 100%;
  background-image: url("../img/phase4/Light_Type03_off.png");
}


.IconMyDashboardItemDuplicate{
  cursor:pointer;
  width: 28px;
  height: 28px;
  margin-right:6px;
  -webkit-background-size: cover; /* For WebKit*/
  -moz-background-size: cover;    /* Mozilla*/
  -o-background-size: cover;      /* Opera*/
  background-size: 100% 100%;
  background-image: url("../img/phase4/dashboard/Duplicate_btn.png");
}

.IconMyDashboardItemDelete{
  cursor:pointer;
  width: 28px;
  height: 28px;
  margin-left:6px;
  margin-right:6px;
  -webkit-background-size: cover; /* For WebKit*/
  -moz-background-size: cover;    /* Mozilla*/
  -o-background-size: cover;      /* Opera*/
  background-size: 100% 100%;
  background-image: url("../img/phase4/dashboard/Delete_btn.png");
}


.IconMyDashboardItemMore{
  cursor:pointer;
  width: 28px;
  height: 28px;
  margin-left:6px;
  -webkit-background-size: cover; /* For WebKit*/
  -moz-background-size: cover;    /* Mozilla*/
  -o-background-size: cover;      /* Opera*/
  background-size: 100% 100%;
  background-image: url("../img/phase4/dashboard/More_btn.png");
}

.IconDashboardFullScreen{
  cursor:pointer;
  width: 42px;
  height: 42px;
  margin-left:6px;
  -webkit-background-size: cover; /* For WebKit*/
  -moz-background-size: cover;    /* Mozilla*/
  -o-background-size: cover;      /* Opera*/
  background-size: 100% 100%;
  background-image: url("../img/phase4/dashboard/Scale_btn.png");
}


.IconMyDashboardDirectionDown{
  width: 28px;
  height: 28px;
  margin-left:12px;
  margin-bottom:5px;
  -webkit-background-size: cover; /* For WebKit*/
  -moz-background-size: cover;    /* Mozilla*/
  -o-background-size: cover;      /* Opera*/
  background-size: 100% 100%;
  background-image: url("../img/phase4/Direction_Down.png");
}

.IconMyDashboardDirectionTop{
  width: 28px;
  height: 28px;
  margin-left:12px;
  margin-bottom:5px;
  -webkit-background-size: cover; /* For WebKit*/
  -moz-background-size: cover;    /* Mozilla*/
  -o-background-size: cover;      /* Opera*/
  background-size: 100% 100%;
  background-image: url("../img/phase4/Direction_Top.png");
}

.IconMyDashboardDirectionLeft{
  width: 28px;
  height: 28px;
  margin-left:12px;
  margin-bottom:5px;
  -webkit-background-size: cover; /* For WebKit*/
  -moz-background-size: cover;    /* Mozilla*/
  -o-background-size: cover;      /* Opera*/
  background-size: 100% 100%;
  background-image: url("../img/phase4/Direction_L.png");
}

.IconMyDashboardDirectionRight{
  width: 28px;
  height: 28px;
  margin-left:12px;
  margin-bottom:5px;
  -webkit-background-size: cover; /* For WebKit*/
  -moz-background-size: cover;    /* Mozilla*/
  -o-background-size: cover;      /* Opera*/
  background-size: 100% 100%;
  background-image: url("../img/phase4/Direction_R.png");
}

.IconMyDashboardClose{
  cursor:pointer;
  width: 28px;
  height: 28px;
  -webkit-background-size: cover; /* For WebKit*/
  -moz-background-size: cover;    /* Mozilla*/
  -o-background-size: cover;      /* Opera*/
  background-size: 100% 100%;
  background-image: url("../img/phase4/Close_btn.png");
}
.IconMyDashboardDrop{
  cursor:pointer;
  width: 24px;
  height: 24px;
  -webkit-background-size: cover; /* For WebKit*/
  -moz-background-size: cover;    /* Mozilla*/
  -o-background-size: cover;      /* Opera*/
  background-size: 100% 100%;
  background-image: url("../img/phase4/TextFont_DropMenu.png");
}

.IconMyDashboardImagePck{
  width: 20px;
  height: 20px;
  -webkit-background-size: cover; /* For WebKit*/
  -moz-background-size: cover;    /* Mozilla*/
  -o-background-size: cover;      /* Opera*/
  background-size: 100% 100%;
  background-image: url("../img/phase4/ImagePick.png");
}



.IconMyDashboardLineHeight{
  width: 32px;
  height: 32px;
  margin-right:3px;
  -webkit-background-size: cover; /* For WebKit*/
  -moz-background-size: cover;    /* Mozilla*/
  -o-background-size: cover;      /* Opera*/
  background-size: 100% 100%;
  background-image: url("../img/phase4/line_height.png");
}


.IconMyDashboardAlignCenter{
  width: 36px;
  height: 36px;
  margin-right:10px;
  -webkit-background-size: cover; /* For WebKit*/
  -moz-background-size: cover;    /* Mozilla*/
  -o-background-size: cover;      /* Opera*/
  background-size: 80% 80%;
  background-position: center; /* 調整背景圖片位置 */
  background-repeat: no-repeat; /* 防止背景圖片重複 */
  background-image: url("../img/phase4/align_center.png");
}


.IconMyDashboardAlignCenterActive{
  width: 36px;
  height: 36px;
  margin-right:10px;
  -webkit-background-size: cover; /* For WebKit*/
  -moz-background-size: cover;    /* Mozilla*/
  -o-background-size: cover;      /* Opera*/
  background-color: #FF9900; /* 設置背景顏色 */
  background-size: 80% 80%;
  background-position: center; /* 調整背景圖片位置 */
  background-repeat: no-repeat; /* 防止背景圖片重複 */
  background-image: url("../img/phase4/align_center_white.png");
}

.IconMyDashboardAlignLeft{
  width: 36px;
  height: 36px;
  margin-right:10px;
  -webkit-background-size: cover; /* For WebKit*/
  -moz-background-size: cover;    /* Mozilla*/
  -o-background-size: cover;      /* Opera*/
  background-size: 80% 80%;
  background-position: center; /* 調整背景圖片位置 */
  background-repeat: no-repeat; /* 防止背景圖片重複 */
  background-image: url("../img/phase4/align_left.png");
}


.IconMyDashboardAlignLeftActive{
  width: 36px;
  height: 36px;
  margin-right:10px;
  -webkit-background-size: cover; /* For WebKit*/
  -moz-background-size: cover;    /* Mozilla*/
  -o-background-size: cover;      /* Opera*/
  background-color: #FF9900; /* 設置背景顏色 */
  background-size: 80% 80%;
  background-position: center; /* 調整背景圖片位置 */
  background-repeat: no-repeat; /* 防止背景圖片重複 */
  background-image: url("../img/phase4/align_left_white.png");
}

.IconMyDashboardAlignRight{
  width: 36px;
  height: 36px;
  margin-right:10px;
  -webkit-background-size: cover; /* For WebKit*/
  -moz-background-size: cover;    /* Mozilla*/
  -o-background-size: cover;      /* Opera*/
  background-size: 80% 80%;
  background-position: center; /* 調整背景圖片位置 */
  background-repeat: no-repeat; /* 防止背景圖片重複 */
  background-image: url("../img/phase4/align_right.png");
}


.IconMyDashboardAlignRightActive{
  width: 36px;
  height: 36px;
  margin-right:10px;
  -webkit-background-size: cover; /* For WebKit*/
  -moz-background-size: cover;    /* Mozilla*/
  -o-background-size: cover;      /* Opera*/
  background-color: #FF9900; /* 設置背景顏色 */
  background-size: 80% 80%;
  background-position: center; /* 調整背景圖片位置 */
  background-repeat: no-repeat; /* 防止背景圖片重複 */
  background-image: url("../img/phase4/align_right_white.png");
}


.IconMyDashboardB{
  cursor:pointer;
  width: 36px;
  height: 36px;
  margin-right:10px;
  -webkit-background-size: cover; /* For WebKit*/
  -moz-background-size: cover;    /* Mozilla*/
  -o-background-size: cover;      /* Opera*/
  background-size: 80% 80%;
  background-position: center; /* 調整背景圖片位置 */
  background-repeat: no-repeat; /* 防止背景圖片重複 */
  background-image: url("../img/phase4/B.png");
}
.IconMyDashboardBActive{
  cursor:pointer;
  width: 36px;
  height: 36px;
  margin-right:10px;
  -webkit-background-size: cover; /* For WebKit*/
  -moz-background-size: cover;    /* Mozilla*/
  -o-background-size: cover;      /* Opera*/
  background-color: #FF9900; /* 設置背景顏色 */
  background-size: 80% 80%;
  background-position: center; /* 調整背景圖片位置 */
  background-repeat: no-repeat; /* 防止背景圖片重複 */
  background-image: url("../img/phase4/B_white.png");
}
.IconMyDashboardVector{
  width: 36px;
  height: 36px;
  margin-right:10px;
  -webkit-background-size: cover; /* For WebKit*/
  -moz-background-size: cover;    /* Mozilla*/
  -o-background-size: cover;      /* Opera*/
  background-size: 80% 80%;
  background-position: center; /* 調整背景圖片位置 */
  background-repeat: no-repeat; /* 防止背景圖片重複 */
  background-image: url("../img/phase4/Vector.png");
}
.IconMyDashboardVectorActive{
  width: 36px;
  height: 36px;
  margin-right:10px;
  -webkit-background-size: cover; /* For WebKit*/
  -moz-background-size: cover;    /* Mozilla*/
  -o-background-size: cover;      /* Opera*/
  background-color: #FF9900; /* 設置背景顏色 */
  background-size: 80% 80%;
  background-position: center; /* 調整背景圖片位置 */
  background-repeat: no-repeat; /* 防止背景圖片重複 */
  background-image: url("../img/phase4/Vector_white.png");
}


.IconMyDashboardSwitchOnLeft{
  width: 28px;
  height: 16px;
  margin-top:3px;
  margin-left:12px;
  -webkit-background-size: cover; /* For WebKit*/
  -moz-background-size: cover;    /* Mozilla*/
  -o-background-size: cover;      /* Opera*/
  background-size: 100% 100%;
  background-image: url("../img/phase4/Switch_on_Left.png");
}


.IconMyDashboardSwitchOnRight{
  width: 28px;
  height: 16px;
  margin-top:3px;
  margin-left:12px;
  -webkit-background-size: cover; /* For WebKit*/
  -moz-background-size: cover;    /* Mozilla*/
  -o-background-size: cover;      /* Opera*/
  background-size: 100% 100%;
  background-image: url("../img/phase4/Switch_on_Right.png");
}


.IconMyDashboardSwitchOffLeft{
  width: 28px;
  height: 16px;
  margin-left:12px;
  margin-top:3px;
  -webkit-background-size: cover; /* For WebKit*/
  -moz-background-size: cover;    /* Mozilla*/
  -o-background-size: cover;      /* Opera*/
  background-size: 100% 100%;
  background-image: url("../img/phase4/Switch_off_Left.png");
}


.IconMyDashboardSwitchOffRight{
  width: 28px;
  height: 16px;
  margin-left:12px;
  margin-top:3px;
  -webkit-background-size: cover; /* For WebKit*/
  -moz-background-size: cover;    /* Mozilla*/
  -o-background-size: cover;      /* Opera*/
  background-size: 100% 100%;
  background-image: url("../img/phase4/Switch_off_Right.png");
}